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.