Domovská » Miniaplikace » Jak nakreslit realistické Samsung Galaxy S2 - Photoshop výuka

    Jak nakreslit realistické Samsung Galaxy S2 - Photoshop výuka

    V tomto tutoriálu budeme kreslit slavný Samsung Galaxy ve Photoshopu a Illustratoru. Začneme nakreslením jeho drátového modelu v Illustratoru a jeho exportem do Photoshopu, abychom přidali nějaké sofistikované osvětlení a další efekty.

    Zde je náhled toho, co budete stavět:

    Chcete-li se řídit tímto návodem, budete potřebovat následující zdroje:

    • 26 Opakovatelné obrazové body z PSDfreemium
    • Balík zdrojů mlhovin od firmy Kire1987

    Krok 1 - Příprava plátna v Illustratoru

    Otevřete svůj Adobe Illustrator. Vytvořte nový soubor ve formátu A4. Stiskem Ctrl + R vyvoláte pravítko. Vytvořte novou vrstvu a pojmenujte ji průvodce. Použijeme to k umístění všech našich průvodců. Nakreslete od pravítka na plátno a vytvořte nového průvodce. Tyto příručky jsou potřebné k tomu, abychom nám pomohli přesně nakreslit drátový model telefonu. Viz obrázek níže.

    Krok 2 - Základní tvar telefonu

    Naším prvním krokem je nakreslit základní tvar telefonu. Aktivujte funkci Zaoblený obdélník nástroj. Kliknutím jednou na plátno otevřete Zaoblený obdélník dialogové okno volby. Nedělejte si starosti s nastavením šířky a výšky. Nezapomeňte zadat 35 pt na Poloměr rohu. Klikněte na OK. Budete mít nový tvar zaobleného obdélníku.

    Můžete ji jednoduše odstranit ihned, protože ji nepotřebujeme, stačí změnit nastavení nástroje.

    Krok 3

    Nezapomeňte aktivovat Inteligentní vodítka od Pohled Jídelní lístek. Tato funkce nám pomáhá snadno přitahovat objekty na vodítka.

    Krok 4

    Klepnutím a tažením nakreslete zaoblený obdélník přímo v uvedeném průvodci. Umístěte obrázek na níže uvedený obrázek.

    Krok 5

    Vyberte zaoblený obdélník, který jsme právě vytvořili. Klikněte na Objekt> Cesta> Odsadit cestu. Soubor Ofset na -9 pt.

    Krok 6 - Oblast obrazovky

    Zatímco Zaoblený obdélník nástroj je stále aktivní, klepněte jednou na plátno. Soubor Poloměr rohu na 5 pt. Odstraňte zaoblený obdélník vyrobený z dialogového okna, protože ho nebudeme potřebovat.

    Krok 7

    V oblasti obrazovky nakreslete zaoblený obdélník. Použijte průvodce, který vám pomůže přesně jej nakreslit.

    Krok 8

    Duplikovaný tvar obrazovky, který byl právě vytvořen. Nakreslete pod tvarem obdélník. Vyberte oba tvary a vyberte Minus Front v Průkopník panel.

    Obdélník ořízne plochu obrazovky a otočí ji na obdélník, který můžeme použít jako oblast stavového řádku.

    Krok 9

    aktivovat Zaoblený obdélník znovu klepněte na plátno. Soubor Poloměr rohu na 10.

    Krok 10 - Tlačítko Domů

    Nakreslete ve spodní části telefonu zaoblený obdélník; toto bude tlačítko Domů.

    Krok 11

    Klikněte na Objekt> Cesta> Odsadit cestu. Soubor Ofset na -4 pt.

    Krok 12

    Nakreslete zaoblený obdélník a nastavte jeho Vyplnit na Žádný a Mrtvice na Černá. Nakreslete obdélník pokrývající jeho spodní část. Vyberte oba tvary a vyberte Minus Front v Průkopník panel. Tím se sníží spodní polovina zaobleného obdélníku a otočí se na obdélník s půlkulatým zaoblením.

    Krok 13

    Použijte Přímý výběr a vyberte jeho dolní řádek. Stiskněte Smazat pro smazání.

    Krok 14

    Zatímco je tvar stále vybrán, vyberte možnost Objekt> Rozbalit. Tím se změní na výplňový tvar, ne jen čáru.

    Krok 15

    Uvnitř tvaru nakreslete dva malé obdélníky.

    Krok 16

    Nakreslete zaoblený obdélník a poté zakryjte levou stranu obdélníkem, jak je znázorněno na obrázku. Vyberte oba tvary a vyberte Minus Front od Průkopník panel. Použijte Přímý výběr vyberte levou stranu a stiskněte klávesu Delete.

    Krok 17

    Vybrat Objekt> Rozbalit převést tento řádek do tvaru.

    Krok 18

    Nakreslete na hrot tvaru obdélník.

    Krok 19

    Kliknutím na střed levého okraje obdélníku přidáte nový bod. Klikněte na horní a dolní rohy, které chcete odstranit. Dostaneme trojúhelník.

    Krok 20

    Soubor Vyplnit na Černá a Mrtvice na Žádný.

    Krok 21

    Vyberte oba tvary a klikněte Sjednotit na Průkopník Panel.

    Níže jsou tlačítka, která jsme provedli.

    Krok 22 - Ikony aplikací

    aktivovat Zaoblený obdélník nástroj. Klikněte jednou na plátno a nastavte Poloměr rohu na 1 bod.

    Krok 23

    Nakreslete zaoblený obdélník uvnitř obrazovky pro základnu ikon. aktivovat Přestěhovat se a Alt + Shift + Přetáhněte tvar tak, aby byl duplikován.

    Krok 24

    Vyberte zaoblené obdélníky, které jsme právě vytvořili, a klikněte Horizontální distribuční centrum na Zarovnat panel.

    Krok 25

    Nakreslete tvar přijímače telefonu uvnitř prvního obdélníku pomocí Pero nástroj.

    Krok 26

    Použití Typ a přidejte štítek pod ikonu.

    Krok 27

    Uvnitř dalšího zaobleného obdélníku nakreslete ikonu avatara. Nakreslete elipsu pro hlavu a ručně nakreslete rameno.

    Krok 28

    Vyberte oba tvary a klikněte Sjednotit na Průkopník nástroj.

    Krok 29

    V dalším zaobleném obdélníku nakreslete elipsu a tvar čárky. Vyberte oba tvary a klikněte Sjednotit přeměnit ho v bublinkový popis.

    Krok 30

    Uvnitř posledního zaobleného obdélníku nakreslete čtyři menší zaoblené obdélníky.

    Krok 31

    Níže jsou naše dokončené ikony!

    Krok 32 - Menu Navigace

    Nad ikonami nakreslete malé kruhy. Alt + Shift + Přetáhněte tvar tak, aby byl duplikován.

    Krok 33

    Vyberte všechny kruhy a klikněte Horizontální distribuční centrum uvnitř Zarovnat panel.

    Krok 34

    Vyberte jeden z kruhů a změňte jeho velikost. Tento větší kruh označuje, že se jedná o aktivní stránku.

    Krok 35 - Ikona signálu

    Uvnitř stavového řádku v horní části obrazovky nakreslete malý obdélník a pak jej duplikujte. Přetáhněte horní řádek druhého obdélníku nahoru Přímý výběr nástroj.

    Krok 36

    Tento postup opakujte, dokud nebudeme mít čtyři obdélníky, jak je uvedeno níže.

    Krok 37 - Ikona baterie

    Nakreslete dva zaoblené obdélníky. Vyberte oba tvary a klepněte na tlačítko OK Sjednotit.

    Krok 38 - Reproduktor

    Nakreslete kruh a Shift + Alt + Přetáhněte duplikovat. Opakovaným stiskem Ctrl + D opakujte tento duplikační proces.

    Krok 39

    Nakreslete velký kulatý obdélník pokrývající malé kruhy.

    Krok 40 - Fotoaparát

    "Kamera" je jednoduše vyrobena z několika kruhů s různými velikostmi se stejným původem.

    Krok 41 - Boční tlačítka

    Nakreslete dva zaoblené obdélníky na obou stranách telefonu podle obrázku.

    Krok 42 - Příprava plátna ve Photoshopu

    Dokončili jsme práci na drátovém telefonu. Je čas přivést ho do života pomocí Photoshopu. Otevřete Photoshop a poté vytvořte nový soubor, Soubor> Nový.

    Krok 43

    Vyberte všechny cesty v Illustratoru (Ctrl + A) a uložte je do schránky (Ctrl + C). Vraťte se do Photoshopu a vložte jej (Ctrl + V). V dialogovém okně možností vyberte Cesta.

    Krok 44

    Vektorová cesta bude udržována v nové cestě uvnitř Cesty panel.

    Krok 45 - Základní tvar

    Zkopírujte cestu základního tvaru do nové cesty. Klikněte na bílý a černý kruh v Vrstvy přidat novou vrstvu úprav. Vyberte možnost Solid Color a nastavte barvu na # 0f1219 v dalším dialogovém okně.

    Přidat Překrytí přechodu přidat jemné tvarování do tvaru.

    Krok 46

    Duplikujte tvar, který jsme právě vytvořili, a poklepejte na jeho vrstvu miniatur, abyste změnili jeho barvu na # c3c6c9.

    Krok 47

    Na panelu možností nastavte režim vnitřní cesty na Odčítat z oblasti cesty. Tím se tvar změní na hranu telefonu.

    Přidat Úkos a reliéf převést tvar na trojrozměrný tvar.

    Krok 48

    Vytvořte novou vrstvu. Převést vrstvu na Ořezová maska stiskem kláves Ctrl + Alt + G. Od této chvíle vše, co budete malovat, půjde dovnitř telefonu. aktivovat Kartáč a nastavte barvu popředí na černou. Malování jemných stínů na okrajích telefonu.

    Krok 49

    Chcete-li provést nový výběr na základě jeho tvaru, klepněte na hranu vrstvy telefonu a klepněte na ni. Klikněte na Zvolte> Změnit> Smlouva podle 1 px. Tím učiníte výběr menší o 1 px.

    Krok 50

    Vytvořte novou vrstvu a namalovejte další jemné stíny a světelné efekty.

    Krok 51

    Opakujte předchozí krok, tento čas použijte Smlouva podle 2 px. Na okrajích telefonu nakreslete stíny a světla.

    Níže je rozdíl před a po přidání zvýraznění a stínů na okraj. Vidíme, že výsledek je realističtější.

    Krok 52 - Oblast obrazovky

    Duplikovat oblast obrazovky na novou cestu. Klepněte na tlačítko Přidat novou vrstvu nastavení a vyberte možnost Jednobarevná. Můžete použít libovolnou barvu.

    Poklepáním na vrstvu otevřete a Styl vrstvy dialogové okno. Přidat Vnitřní záře a Mrtvice.

    Krok 53

    Vložme na obrazovku tapetu. Přetáhněte obrázek tapety přímo na povrch vrstvy obrazovky. Zde používám pěkný obraz mlhoviny.

    Krok 54

    Kliknutím Ctrl + Alt + G jej převedete na Ořezová maska. Tapeta se automaticky přepne na obrazovku.

    Krok 55

    Klikněte na ikonu černobílého kruhu v Vrstvy panel přidat nový Nastavovací vrstva. Vybrat Odstín a sytost z nabídky a pomocí posuvníku upravte barvu tapety. Nastavte ji Ořezová maska opět stiskem Ctrl + Alt + G. Tímto způsobem bude vrstva nastavení ovlivňovat pouze tapetu a ne telefon.

    Níže je uvedeno, jak by měl být vzhled vaší vrstvy.

    Krok 56 - Hlavní tlačítka

    Duplikujte hlavní tlačítko na novou cestu. Přidání vrstvy úprav Solid Color s barvou # cccfd2.

    Poklepejte na vrstvu a aktivujte ji Vrhat stín a Úkos a reliéf.

    Krok 57

    Na knoflík si namalovejme světla a stíny. Proces je velmi podobný tomu, co jsme dělali s telefonním okrajem v kroku 48 až kroku 51.

    Chcete-li provést nový výběr na základě jeho tvaru, klepněte na hlavní vrstvu tlačítka Ctrl. Klikněte na Zvolte> Změnit> Smlouva podle 1 px.

    Krok 58

    Vytvořte novou vrstvu. Na knoflíky naneste jemné barvy a stíny.

    Krok 59

    Vyberte další dvě tlačítka a duplikujte je na novou cestu. Přidání nové barvy Solid Color s bílou barvou.

    Krok 60

    Přiveďte jeho Neprůhlednost do 20%.

    Krok 61 - Ikona aplikace

    Kopírovat ikonu základny na novou cestu. Vytvořte novou barevnou vrstvu nastavení. Nastavte barvu na modrou.

    Krok 62

    Dvakrát klikněte na vrstvu a přidejte jemné Překrytí přechodu.

    Krok 63

    Odstraňte další tři tvary.

    Krok 64

    Opakujte předchozí postup pro ostatní barvy.

    Krok 65

    Duplicitní tvary ikon na novou cestu. Přidat novou barevnou vrstvu nastavení. Nastavte barvu na bílou.

    Poklepejte na vrstvu ikony a aktivujte ji Vnější záře a Překrytí přechodu.

    Krok 66

    Pod každou ikonu přidejte příslušný štítek.

    Krok 67 - Menu Navigace

    Vyberte čtyři malé navigační kruhy a zkopírujte je do nové cesty. Přidání nové vyrovnávací vrstvy Solid s barvou # 7e899b2d.

    Krok 68

    Opakujte stejný proces s větší aktivní kartou ve středu, tentokrát s barvou # cbced4.

    Krok 69

    Přidejte číslo na kartu aktivace. Vybral jsem si 3 pro mé.

    Krok 70 - Boční tlačítka

    Duplicitní boční tlačítko na novou cestu. Vytvořte novou barevnou vrstvu s úpravou # b0b3b6. Umístěte ho za telefon.

    Krok 71

    Přidat Vnitřní stín s úhlem 0 stupňů a Vnitřní záře.

    Krok 72

    Opakujte postup pro druhé tlačítko.

    Krok 73

    Dvojitým kliknutím na tlačítko Vrstva otevřete Styl vrstvy dialogové okno. Přidat Vnitřní stín ale tentokrát 180 stupňů přidat stín na tlačítko. Také přidejte Vnitřní záře.

    Krok 74 - Stavový řádek

    Vyberte stavový řádek a duplikujte jej na novou cestu. Vytvořte novou nastavovací vrstvu Solid Color s černou barvou. Přidání časové informace.

    Krok 75

    Duplikujte baterii na novou cestu. Přidat novou barevnou vrstvu nastavení. Vyberte zelenou barvu.

    Přidat Vnitřní záře s následujícími nastaveními.

    Krok 76

    Zkopírujte ikonu signálu na novou cestu a přidejte Solid Color. Pro svou barvu vyberte bílou. Dvojklik Vrstva a aktivovat Překrytí přechodu.

    Krok 77 - Reproduktor

    Duplikujte reproduktor na novou cestu. Z pruhu voleb nastavte režim menší cesty kruhu Odčítat z oblasti cesty. Přidat nový Nastavovací vrstva plná barva s # 6b6f76 jako jeho barva.

    Dvojklik Vrstva a přidejte následující Styly vrstev.

    To je výsledek.

    Krok 78 - Fotoaparát

    Aktivujte kruh a duplikujte jej na novou cestu. Přidat nový Nastavovací vrstva s barvou # 272d36. Udělejte to samé s kroužkem uvnitř kruhu, ale s barvou # 585a5e.

    Níže je kamera se 100% zvětšením.

    Krok 79 - Odraz

    Zkopírujte základní tvar telefonu do nové vrstvy. Nakreslete polygonální tvar řezu přes telefon a nastavte jeho režim na Průnik oblast cesty. Přidání nové barvy Solid Color, nastavená bílá jako barva.

    Poklepejte na tvar reflexe a přidejte jemné Překrytí přechodu.

    Krok 80

    Soubor Směs režimu Obrazovka a omezit jeho Neprůhlednost na 70% a Vyplnit na 0%.

    Krok 81

    Vrstva reflexe s klávesou Ctrl. Udělejte novou vrstvu a na její horní ploše naneste více barev.

    Krok 82

    Vrstvy telefonu umístěte do skupiny výběrem všech z nich a stiskněte klávesu Ctrl + G. Klepnutím na ikonu oka na pozadí je skryjete a telefon umístíte na průhledné pozadí. Stiskněte Ctrl + A, Ctrl + Shift + C, Ctrl + V a duplikujte telefon do nové vrstvy.

    Krok 83

    Stiskněte Ctrl + T pro změnu telefonu. Klikněte pravým tlačítkem myši a vyberte Překlopit svisle. Položte telefon pod původní telefon.

    Krok 84

    Přidání masky vrstvy a malování přechodu z bílé na černou, aby se odraz odrazil.

    Krok 85 - Stín

    Aktivujte funkci Kartáč nástroj s velký velikost kartáče a Tvrdost 0%. Vytvořte novou vrstvu a nakreslete pod telefonem černou čáru. Nastavte jeho Neprůhlednost na 10%.

    Krok 86 - Pozadí

    Pracujme na pozadí. Vytvořte novou vrstvu a začněte malovat různými odstíny modré. Není tady dokonalé pravidlo. Uvolněte svou kreativitu.

    Krok 87

    Přidat Gaussovské rozostření (Filtr> Rozostření> Gaussovské rozostření). Použijte velmi velké velikosti poloměrů a nezapomeňte aktivovat možnosti náhledu, abyste viděli výsledek v reálném čase.

    Krok 88

    Udělejme pixelový vzor (nebo můžete tyto kroky přeskočit a použít již vytvořený obrazový vzor z PSDfreemium). Vytvořte nový soubor s velikostí 6  ??¢Â ?? 6 pixelů.

    Krok 89

    Kliknutím na Ctrl + 0 maximalizujete úroveň zvětšení plátna. Vytvořte novou vrstvu a nakreslete diagonální čáru pomocí Tužka nástroj s 1 px velikost štětce.

    Krok 90

    Skrýt Pozadí tak vidíme jen úhlopříčku. Klikněte na Upravit> Definovat vzor pro uložení obrázku jako vzoru.

    Krok 91

    Vraťte se na naše pozadí, dvakrát klikněte a přidejte Překrytí vzoru pomocí vzoru, který jsme provedli dříve.

    Tady je výsledek.

    Konečný výsledek

    Konečně, můžeme vrátit náš telefon. Jak vidíte, právě jsme spojili flexibilitu vektorového kreslení v Illustratoru a snadnost obrazového obrazu ve Photoshopu, abychom dosáhli realistického obrazu produktu. Doufám, že jste si tento návod užili.

    Stažení

    Klikněte zde pro stažení finálního PSD pro tento tutoriál.