Ako kresliť realistický Samsung Galaxy S2 - Photoshop výučba

V tejto príručke sa chystáme nakresliť slávnu Samsung Galaxy v aplikáciách Photoshop a Illustrator. Začneme tým, že nakreslíme svoj drôtený rám v aplikácii Illustrator a potom ju exportujeme do Photoshopu, aby sme pridali nejaké sofistikované osvetlenie a iné efekty.

Tu je náhľad toho, čo sa chystáte vybudovať:

Ak chcete postupovať podľa tohto návodu, budete potrebovať nasledujúce zdroje:

• 26 Opakovateľné pixelové vzory z PSDfreemium
• Obálka hmloviny od Kire1987

Krok 1 - Príprava plátna v aplikácii Illustrator

Otvorte svoj Adobe Illustrator. Vytvorte nový súbor vo formáte A4. Stlačte Ctrl + R, aby ste uviedli pravítko. Vytvorte novú vrstvu a pomenujte ju navádzať. Použijeme to na umiestnenie všetkých našich sprievodcov. Nakreslite z pravítka plátno a vytvorte nový sprievodca. Tieto návody sú potrebné, aby nám pomohli nakresliť telefónny drôt presne. Pozrite si obrázok nižšie.

Krok 2 - Základný tvar telefónu

Naším prvým krokom je nakresliť základný tvar telefónu. Aktivujte funkciu Zaoblený obdĺžnik nástrojom. Kliknite raz na plátno a otvorte ho Zaoblený obdĺžnik dialógové okno s možnosťami. Nebojte sa nastavení šírky a výšky. Uistite sa, že ste zadali 35 bodov na Rohový rádius. kliknite OK. Budete mať nový tvar zaobleného obdĺžnika.

Môžete to jednoducho odstrániť hneď, pretože to nepotrebujeme, stačí zmeniť nastavenia nástroja.

Krok 3

Nezabudnite aktivovať Smart Guides z vyhliadka Ponuka. Táto funkcia nám pomáha ľahko zachytiť objekty na vodidlá.

Krok 4

Kliknutím a ťahaním nakreslite zaoblený obdĺžnik priamo v poskytnutom vodítku. Pozrite si obrázok nižšie a získajte jeho umiestnenie.

Krok 5

Vyberte zaokrúhlený obdĺžnik, ktorý sme práve vytvorili. kliknite Objekt> Cesta> Vyrovnávacia cesta. nastaviť ofset na -9 pt.

Krok 6 - Oblasť obrazovky

Kým Zaoblený obdĺžnik nástroj je stále aktívny, kliknite raz na plátno. nastaviť Rohový rádius na 5 bodov. Odstráňte zaokrúhlený obdĺžnik z dialógového okna, pretože ho nepotrebujeme.

Krok 7

Nakreslite zaoblený obdĺžnik vnútri plochy obrazovky. Pomocou sprievodcu ho môžete presne kresliť.

Krok 8

Duplicitný tvar obrazovky, ktorý bol práve vytvorený. Nakreslite obdĺžnik pod tvar. Vyberte oba tvary a potom vyberte Minus Front v priekopník panel.

Obdĺžnik roztiahne oblasť obrazovky a zmení ju na polovičný obdĺžnik, ktorý môžeme použiť ako oblasť stavovej panela.

Krok 9

Aktivovať Zaoblený obdĺžnik znova a raz kliknite na plátno. nastaviť Rohový rádius na 10.

Krok 10 - Tlačidlo Domov

Nakreslite zaoblený obdĺžnik na spodnej časti telefónu. toto bude tlačidlo Domov.

Krok 11

kliknite Objekt> Cesta> Vyrovnávacia cesta. nastaviť ofset na -4 pt.

Krok 12

Nakreslite zaoblený obdĺžnik a nastavte jeho vyplniť na nikto a Mŕtvica na čierna. Nakreslite obdĺžnik pokrývajúci jeho spodnú časť. Vyberte oba tvary a vyberte Minus Front v priekopník panel. Týmto sa spodná polovica zaobleného obdĺžnika prerezá a premení sa na polovičný obdĺžnik.

Krok 13

Použi Priamy výber nástroja a vyberte jeho spodnú čiaru. Kliknutím na položku Odstrániť ju vymažete.

Krok 14

Ak je tvar ešte vybraný, vyberte Objekt> Rozbaliť. Tým sa zmenia na tvar výplne, nie len na čiaru.

Krok 15

Nakreslite dva malé obdĺžniky vo vnútri tvaru.

Krok 16

Nakreslite zaoblený obdĺžnik a potom kryt jeho ľavej strany s obdĺžnikom, ako je znázornené. Vyberte oba tvary a vyberte Minus Front z priekopník panel. Použi Priamy výber nástroj vybrať jeho ľavú stranu a potom stlačte tlačidlo Odstrániť.

Krok 17

vybrať Objekt> Rozbaliť premeniť túto čiaru na tvar.

Krok 18

Nakreslite obdĺžnik na špičke tvaru.

Krok 19

Kliknite na stred ľavého okraja obdĺžnika a pridajte nový bod. Kliknite na horný a dolný roh a odstráňte ho. Získame trojuholník.

Krok 20

nastaviť vyplniť na čierna a Mŕtvica na nikto.

Krok 21

Vyberte oba tvary a kliknite na tlačidlo Zjednotiť na priekopník panel.

Nižšie sú tlačidlá, ktoré sme urobili.

Krok 22 - Ikony aplikácie

Aktivovať Zaoblený obdĺžnik nástrojom. Kliknite raz na plátno a nastavte ho Rohový rádius na 1 bod.

Krok 23

Na pozadí obrazovky nakreslite zaoblený obdĺžnik. Aktivovať sťahovať nástroj a Alt + Shift + ťahať tvar, ktorý ho duplikuje.

Krok 24

Vyberte zaoblené obdĺžniky, ktoré sme práve vytvorili, a kliknutie Horizontálne centrum distribúcie na zoradiť panel.

Krok 25

Nakreslite tvar prijímača telefónu vnútri prvého obdĺžnika pomocou tlačidla pero náradie.

Krok 26

použitie typ a pridajte štítok pod ikonou.

Krok 27

V ďalšom zaoblenom obdĺžniku nakreslite ikonu avatar. Nakreslite elipsu pre jeho hlavu a ručne kresliť jeho rameno.

Krok 28

Vyberte oba tvary a kliknite na tlačidlo Zjednotiť na priekopník náradie.

Krok 29

V ďalšom zaoblenom obdĺžniku nakreslite elipsu a tvar čiarok. Vyberte oba tvary a kliknite na tlačidlo Zjednotiť aby sa zmenil na balónik.

Krok 30

Vnútri posledného zaobleného obdĺžnika nakreslite štyri menšie zaoblené obdĺžniky.

Krok 31

Nižšie sú naše dokončené ikony!

Krok 32 - Navigácia v ponuke

Nad ikonami nakreslite malé kruhy. Alt + Shift + ťahať tvar, ktorý ho duplikuje.

Krok 33

Vyberte všetky kruhy a kliknite na tlačidlo Horizontálne centrum distribúcie vnútri zoradiť panel.

Krok 34

Vyberte jeden z kruhov a zmeňte ich veľkosť. Tento väčší kruh naznačuje, že ide o "aktívnu" stránku.

Krok 35 - Ikona signálu

V rámci stavovej lišty v hornej časti obrazovky nakreslite malý obdĺžnik a potom ho duplikujte. Presuňte horný riadok druhého obdĺžnika smerom nahor pomocou tlačidla Priamy výber náradie.

Krok 36

Opakujte tento proces, až kým nebudeme mať štyri obdĺžniky, ako je uvedené nižšie.

Krok 37 - Ikona batérie

Nakreslite dva zaoblené obdĺžniky. Vyberte oba tvary a potom kliknite na tlačidlo Zjednotiť.

Krok 38 - Reproduktor

Nakreslite kruh a Shift + Alt + ťahať duplikovať. Stlačte kláves Ctrl + D niekoľkokrát na opakovanie tohto procesu duplikácie.

Krok 39

Nakreslite veľký zaoblený obdĺžnik pokrývajúci malé kruhy.

Krok 40 - Kamera

"Fotoaparát" je jednoducho vyrobený z niektorých kruhov rôznych veľkostí s rovnakým pôvodom.

Krok 41 - bočné tlačidlá

Na oboch stranách telefónu nakreslite dva obdĺžniky, ako je znázornené.

Krok 42 - Príprava plátna vo Photoshope

Dokončili sme prácu na telefóne. Je čas, aby to prinieslo do života pomocou Photoshopu. Otvorte aplikáciu Photoshop a potom vytvorte nový súbor, Súbor> Nový.

Krok 43

Vyberte všetky cesty v nástroji Illustrator (Ctrl + A) a uložte ho do schránky (Ctrl + C). Vráťte sa do Photoshopu a potom ho vložte (Ctrl + V). V dialógovom okne Možnosti vyberte položku cesta.

Krok 44

Vektorová cesta sa bude udržiavať v novej trase vnútri cesty panel.

Krok 45 - Základný tvar

Skopírujte základnú cestu k tvaru do novej cesty. Kliknite na biely a čierny kruh v vrstvy panel pre pridanie novej nastavovacej vrstvy. Zvoľte Solid Colour a nastavte farbu na # 0f1219 v ďalšom dialógovom okne.

pridať Prekrytie gradientu pridať jemné osvetlenie do tvaru.

Krok 46

Duplikovať tvar, ktorý sme práve vytvorili, a dvakrát kliknite na jej miniatúru, aby ste zmenili farbu # c3c6c9.

Krok 47

Na paneli s možnosťami nastavte režim vnútornej cesty na hodnotu odčítať z oblasti trasy. Tým sa tvar otočí na hranu telefónu.

pridať Skosenie a reliéf premeniť tvar na trojrozmerný tvar.

Krok 48

Vytvorte novú vrstvu. Preveďte vrstvu na Maska na orezávanie stlačením kombinácie klávesov Ctrl + Alt + G. Odteraz všetko, čo farbite, prejde do okraja telefónu. Aktivovať Kefa nástroj a nastaviť farbu popredia na čiernu farbu. Natiahnite jemné tiene na časti okrajov telefónu.

Krok 49

Kliknutím na koncovú vrstvu telefónu vytvoríte nový výber podľa jeho tvaru. kliknite Vyberte položku> Upraviť> Zmluva podľa 1 px. Týmto urobíte výber menší o 1 px.

Krok 50

Vytvorte novú vrstvu a namaľte ďalšie jemné tiene a zvýraznite.

Krok 51

Opakujte predchádzajúci krok, tento čas použite zmluva podľa 2 px. Na okraji telefónu nakreslite tieň a zvýraznite.

Nižšie je rozdiel pred a po pridaní zvýrazňovania a tieňov na okraj. Môžeme vidieť, že výsledok je realistickejší.

Krok 52 - Oblasť obrazovky

Duplikujte oblasť obrazovky na novú cestu. Kliknite na položku Pridať novú vrstvu úprav a vyberte položku Solid Colour. Môžete použiť akúkoľvek farbu.

Dvojitým kliknutím na vrstvu otvoríte a Štýl vrstvy dialógové okno. pridať Vnútorná žiara a Mŕtvica.

Krok 53

Vložíme tapetu na obrazovku. Umiestnite obrázok tapety priamo na vrchnú plochu obrazovky. Tu používam pekný obraz s hmlovinou.

Krok 54

Stlačte Ctrl + Alt + G na premenu na Maska na orezávanie. Tapeta sa automaticky dostane do obrazovky.

Krok 55

Kliknite na ikonu čiernej a bielej kružnice v poli vrstvy panel pridať nový Nastavovacia vrstva. vybrať Odtieň sýtosť z ponuky a pomocou posúvača upravte farbu tapety. Nastavte ho na Maska na orezávanie znova stlačením klávesov Ctrl + Alt + G. Týmto spôsobom nastavovacia vrstva ovplyvní iba tapetu a nie telefón.

Nižšie uvidíte, ako má byť vzhľad vašej vrstvy.

Krok 56 - Hlavné tlačidlá

Duplikujte hlavné tlačidlo na novú cestu. Pridajte úpravu vrstvy Solid Color s farbou # cccfd2.

Dvakrát kliknite na vrstvu a aktivujte ju Vrhať tieň a Skosenie a reliéf.

Krok 57

Natiahnite na tlačidlo tlačidlo zvýraznenia a tiene. Proces je veľmi podobný tomu, čo sme urobili s hranou telefónu v kroku 48 až kroku 51.

Ctrl-kliknite na vrstvu hlavného tlačidla a vytvorte nový výber na základe jeho tvaru. kliknite Vyberte položku> Upraviť> Zmluva podľa 1 px.

Krok 58

Vytvorte novú vrstvu. Natiahnite jemné zvýraznenie a tieň na tlačidlá.

Krok 59

Vyberte ďalšie dve tlačidlá a duplikujte ich na novú cestu. Pridajte novú vrstvu nastavenia Solid Color s bielym odtieňom.

Krok 60

Prineste svoje nepriehľadnosť do 20%.

Krok 61 - Ikona aplikácie

Kopírovať ikony na novú cestu. Vytvorte novú nastavovaciu vrstvu v plnej farbe. Nastavte farbu na modrú.

Krok 62

Dvakrát kliknite na vrstvu a pridajte jemné Prekrytie gradientu.

Krok 63

Vymažte ostatné tri tvary.

Krok 64

Zopakujte predchádzajúci proces pre ostatné farby.

Krok 65

Duplicitná ikona sa tvaruje na novú cestu. Pridajte novú vrstvu nastavenia Solid Color. Nastavte farbu na bielu.

Dvakrát kliknite na vrstvu ikony a aktivujte ju Vonkajšia žiara a Prekrytie gradientu.

Krok 66

Pridajte príslušný štítok pod každú ikonu.

Krok 67 - Navigácia v ponuke

Vyberte štyri malé navigačné kruhy a skopírujte ich na novú cestu. Pridajte novú vyrovnávaciu vrstvu s farbou # 7e899b2d.

Krok 68

Opakujte rovnaký proces s väčším "aktívnym záložkom" v strede, tentoraz s farbou # cbced4.

Krok 69

Pridajte číslo na karte aktivácie. Vybral som 3 pre moju.

Krok 70 - Bočné tlačidlá

Duplikovať bočné tlačidlo na novú cestu. Vytvorte novú nastavovaciu vrstvu farebnú farbu # b0b3b6. Položte ju za telefónom.

Krok 71

pridať Vnútorný tieň s uhlom 0 stupňa a Vnútorná žiara.

Krok 72

Opakujte proces pre druhé tlačidlo.

Krok 73

Dvakrát kliknite na tlačidlo Layer pre otvorenie Štýl vrstvy dialógové okno. pridať Vnútorný tieň ale tentoraz používať 180 stupňov na pridanie tieňa na tlačidlo. Pridajte tiež Vnútorná žiara.

Krok 74 - Stavový riadok

Vyberte stavový riadok a duplikujte ho na novú cestu. Vytvorte novú nastavovaciu vrstvu v plnej farbe s čiernym ako jej farbou. Pridajte časové informácie.

Krok 75

Duplikujte batériu na novú cestu. Pridajte novú vrstvu nastavenia Solid Color. Zvoľte zelenú ako svoju farbu.

pridať Vnútorná žiara s nasledujúcimi nastaveniami.

Krok 76

Duplikujte ikonu signálu na novú cestu a pridajte položku Adjustment Layer Solid Color. Pre svoju farbu vyberte biele. Dvojité kliknutie vrstva a aktivovať Prekrytie gradientu.

Krok 77 - Reproduktor

Duplikovať reproduktor na novú cestu. Z panela s voľbami nastavte režim menších kruhových ciest na odčítať z oblasti trasy. Pridať nové Nastavovacia vrstva Plná farba s # 6b6f76 ako jeho farbu.

Dvojité kliknutie vrstva a pridajte nasledujúce Štýly vrstvy.

Toto je výsledok.

Krok 78 - Kamera

Aktivujte kruh a duplikujte ho na novú cestu. Pridať nové Nastavovacia vrstva s farbou # 272d36. Robte to isté s krúžkom v kruhu, ale s farbou # 585a5e.

Nižšie je fotoaparát so 100% zväčšením.

Krok 79 - Reflexia

Duplikujte základný tvar telefónu na novú vrstvu. Nakreslite viacúrovňový tvar rezu cez telefón a nastavte jeho režim na pretínať oblasti cesty. Pridajte novú nastavovaciu vrstvu Solid Color, ktorá je biela ako farba.

Dvakrát kliknite na tvar odrazu a pridajte jemné Prekrytie gradientu.

Krok 80

nastaviť zmes do režimu plátno a znížiť jeho nepriehľadnosť na 70% a vyplniť na 0%.

Krok 81

Ctrl-kliknite na vrstvu odrazu. Vytvorte novú vrstvu a zvýraznite jej hornú oblasť.

Krok 82

Umiestnite vrstvy telefónu do skupiny tak, že ich vyberiete a stlačte Ctrl + G. Kliknutím na ikonu oka na pozadí ich skryjete a telefónom budete sedieť na transparentnom pozadí. Stlačte Ctrl + A, Ctrl + Shift + C, Ctrl + V na duplikovanie telefónu na novú vrstvu.

Krok 83

Stlačte Ctrl + T na premenu telefónu. Kliknite pravým tlačidlom a vyberte Prevrátenie vertikálne. Vložte telefón pod pôvodný telefón.

Krok 84

Pridajte masku vrstvy a namaľte gradient z bielej na čiernu, aby ste odrazili.

Krok 85 - tieň

Aktivujte funkciu Kefa nástroj s veľký veľkosť kefy a tvrdosť 0%. Vytvorte novú vrstvu a nakreslite čiernu čiaru pod telefónom. Nastavte jeho nepriehľadnosť na 10%.

Krok 86 - Pozadie

Pracujeme na pozadí. Vytvorte novú vrstvu a začnite maľovať pomocou rôznych odtieňov modrej farby. Tu nie je žiadne dokonalé pravidlo. Uvoľnite svoju kreativitu.

Krok 87

Pridajte Gaussian Blur (Filter> Blur> Gaussian Blur). Použite veľmi veľké polomery a uistite sa, že aktivujete možnosti náhľadu, aby ste videli výsledok v reálnom čase.

Krok 88

Vytvorme pixelový vzor (alebo môžete preskočiť tieto kroky a použiť už vytvorený pixelový vzor z PSDfreemia). Vytvorte nový súbor s veľkosťou 6 à ?? Â? â ??  ?? 6 pixelov.

Krok 89

Stlačte Ctrl + 0, aby ste maximalizovali úroveň zväčšenia plátna. Vytvorte novú vrstvu a nakreslite diagonálnu čiaru ceruzka nástroj s Veľkosť štetca 1 px.

Krok 90

skryť Pozadie takže vidíme diagonálnu čiaru. kliknite Upraviť> Definovať vzor uložiť obrázok ako vzor.

Krok 91

Vráťte sa na naše pozadie, dvakrát kliknite na ňu a pridajte Prekrytie vzoru pomocou vzoru, ktorý sme práve urobili skôr.

Tu je výsledok.

Konečný výsledok

Nakoniec môžeme vrátiť náš telefón. Ako môžete vidieť, práve sme skombinovali flexibilitu kreslenia vektorov v aplikácii Illustrator a ľahké pixelové maľovanie vo Photoshope, aby sme dosiahli realistický obraz produktu. Dúfam, že sa vám to páčilo.

Stiahnuť ▼

Kliknutím sem prevzatie výsledného PSD pre tento výukový program.