Kako crtati realan Samsung Galaxy S2 - Photoshop Tutorial
U ovom vodiču izvući ćemo poznati Samsung Galaxy u Photoshopu i Illustratoru. Počećemo crtanjem njegovog žičanog okvira u Illustratoru, a zatim ga izvesti u Photoshop kako bismo dodali sofisticiranu rasvjetu i druge efekte.
Evo pregleda onoga što ćete izraditi:
Da biste slijedili ovaj vodič, trebat će vam sljedeći resursi:
- 26 Uzorci ponavljanja piksela iz PSDfreemium
- Paket resursa maglice iz Kire1987
Korak 1 - Priprema platna u Illustratoru
Otvorite Adobe Illustrator. Napravite novu datoteku veličine A4. Pritisnite Ctrl + R da biste prikazali ravnalo. Napravite novi sloj i nazovite ga vodič. To ćemo upotrijebiti za postavljanje svih naših vodiča. Povucite iz ravnala na platno da biste stvorili novi vodič. Ovi vodiči su potrebni kako bi nam pomogli da točno nacrtamo telefonski okvir telefona. Pogledajte sliku ispod za referencu.
Korak 2 - Osnovni oblik telefona
Naš prvi korak je crtanje osnovnog oblika telefona. Aktivirajte Zaobljeni pravokutnik alat. Kliknite jednom na platnu da biste otvorili Zaobljeni pravokutnik dijaloški okvir s opcijama. Ne brinite s postavkama širine i visine. Obavezno unesite 35 pt na Radijus kuta. Klik u redu. Imat ćete novi zaobljeni oblik pravokutnika.
Možete ga odmah izbrisati jer je ne trebamo, samo trebamo promijeniti postavke alata.
Korak 3
Obavezno aktivirajte Pametni vodiči od Pogled izbornik. Ova značajka pomaže nam da lako postavimo objekte na vodiče.
4. korak
Kliknite i povucite za crtanje zaobljenog pravokutnika pravo unutar navedenog vodiča. Pogledajte donju sliku da biste dobili položaj.
Korak 5
Odaberite zaobljeni pravokutnik koji smo upravo stvorili. Klik Object> Path> Offset Path. Set ofset do -9 pt.
Korak 6 - Područje zaslona
Dok Zaobljeni pravokutnik Alat je još uvijek aktivan, jednom kliknite na platno. Set Radijus kuta do 5 pt. Izbrišite zaobljeni pravokutnik iz dijaloškog okvira jer nam on neće biti potreban.
Korak 7
Nacrtajte zaobljeni pravokutnik unutar područja zaslona. Upotrijebite vodič za precizno crtanje.
Korak 8
Duplicirani oblik zaslona koji je upravo izrađen. Nacrtajte pravokutnik ispod oblika. Odaberite oba oblika, a zatim odaberite Minus Front u krčilac ploča.
Pravokutnik će izrezati područje zaslona i pretvoriti ga u polukružni pravokutnik koji možemo koristiti kao područje statusne trake.
9. korak
Aktivirati Zaobljeni pravokutnik ponovno pritisnite i jednom kliknite na platno. Set Radijus kuta do 10.
Korak 10 - Kućni gumb
Nacrtajte zaobljeni pravokutnik na donjem dijelu telefona; to će biti gumb Početna.
11. korak
Klik Object> Path> Offset Path. Set ofset do -4 pt.
Korak 12
Nacrtajte zaobljeni pravokutnik i postavite njegov ispuniti do nijedan i udar do Crno. Nacrtajte pravokutnik koji pokriva njegov donji dio. Odaberite oboje i odaberite Minus Front u krčilac ploča. To će izrezati donju polovicu zaobljenog pravokutnika i pretvoriti ga u polukružni pravokutnik.
Korak 13
Koristiti Izravni odabir i odaberite njegov donji red. Pritisnite Obriši za brisanje.
Korak 14
Dok je oblik još uvijek odabran, odaberite Objekt> Proširi. To će ga pretvoriti u oblik ispune, a ne samo u liniju.
Korak 15
Nacrtajte dva mala pravokutnika unutar oblika.
Korak 16
Nacrtajte zaobljeni pravokutnik i pokrijte lijevu stranu pravokutnikom kao što je prikazano. Odaberite oboje i odaberite Minus Front od krčilac ploča. Koristiti Izravni odabir za odabir lijeve strane i zatim pritisnite Izbriši.
Korak 17
Odaberi Objekt> Proširi pretvoriti ovu liniju u oblik.
Korak 18
Nacrtajte pravokutnik na vrhu oblika.
Korak 19
Kliknite na središte lijeve granice pravokutnika da biste dodali novu točku. Kliknite na gornji i donji kut za brisanje. Dobit ćemo trokut.
Korak 20
Set ispuniti do Crno i udar do nijedan.
Korak 21
Odaberite oboje i kliknite Ujediniti na krčilac Ploča.
Ispod su gumbi koje smo napravili.
Korak 22 - Ikone aplikacija
Aktivirati Zaobljeni pravokutnik alat. Kliknite jednom na platnu i postavite Radijus kuta do 1 pt.
Korak 23
Nacrtajte zaobljeni pravokutnik unutar zaslona za bazu ikona. Aktivirati Pomicati alata i Alt + Shift + Opterećenje oblik za dupliciranje.
Korak 24
Odaberite zaobljene pravokutnike koje smo upravo stvorili i kliknite Horizontalni distribucijski centar na Uskladiti ploča.
Korak 25
Nacrtajte oblik prijemnika telefona unutar prvog pravokutnika pomoću tipke pero alat.
Korak 26
Koristiti Tip i dodajte oznaku ispod ikone.
Korak 27
Unutar sljedećeg pravokutnika zaokružite ikonu avatara. Nacrtajte elipsu za glavu i ručno povucite njezino rame.
Korak 28
Odaberite oboje i kliknite Ujediniti na krčilac alat.
Korak 29
U sljedećem zaobljenom pravokutniku nacrtajte elipsu i oblik zareza. Odaberite oboje i kliknite Ujediniti pretvoriti u balončić.
Korak 30
Unutar posljednjeg zaobljenog pravokutnika nacrtajte četiri manja zaobljena pravokutnika.
Korak 31
U nastavku su popunjene ikone!
Korak 32 - Navigacija izbornika
Iznad ikona nacrtajte male krugove. Alt + Shift + Opterećenje oblik za dupliciranje.
Korak 33
Odaberite sve krugove i kliknite Horizontalni distribucijski centar unutar Uskladiti ploča.
Korak 34
Odaberite jedan od krugova i promijenite veličinu. Ovaj veći krug označava da je to "aktivna" stranica.
Korak 35 - Ikona signala
Unutar statusne trake u gornjem dijelu zaslona povucite mali pravokutnik i zatim ga duplicirajte. Povucite gornju liniju drugog pravokutnika prema gore Izravni odabir alat.
Korak 36
Ponovite ovaj postupak dok ne dobijemo četiri pravokutnika kao što je prikazano dolje.
Korak 37 - Ikona baterije
Nacrtajte dva zaobljena pravokutnika. Odaberite oba oblika, a zatim kliknite Ujediniti.
Korak 38 - Zvučnik
Nacrtajte krug i Shift + Alt + Opterećenje kopirati ga. Pritisnite Ctrl + D nekoliko puta da biste ponovili ovaj postupak umnožavanja.
39. korak
Nacrtajte veliki zaobljeni pravokutnik koji pokriva male krugove.
Korak 40 - Kamera
"Kamera" je jednostavno napravljena od nekih krugova različitih veličina istog porijekla.
Korak 41 - Bočni gumbi
Nacrtajte dva zaobljena pravokutnika s obje strane telefona kao što je prikazano.
Korak 42 - Priprema platna u Photoshopu
Završili smo s radom na telefonskom okviru. Vrijeme je da oživite pomoću Photoshopa. Otvorite Photoshop, a zatim napravite novu datoteku, Datoteka> Novo.
Korak 43
Odaberite sve putanje u Illustratoru (Ctrl + A) i spremite ih u međuspremnik (Ctrl + C). Vratite se u Photoshop i zalijepite ga (Ctrl + V). U dijaloškom okviru opcija odaberite Staza.
Korak 44
Putanja vektora bit će zadržana na novoj stazi unutar staze ploča.
Korak 45 - Osnovni oblik
Kopirajte osnovnu putanju oblika u novu stazu. Kliknite bijeli i crni krug u slojevi ploči za dodavanje novog sloja prilagodbe. Odaberite Solid Color i postavite boju na # 0f1219 u sljedećem dijaloškom okviru.
Dodati Gradijentno prekrivanje kako bi dodali suptilno osvjetljenje na oblik.
Korak 46
Udvostručite oblik koji smo upravo stvorili i dvaput kliknite njegov sloj sličice kako biste promijenili boju u # c3c6c9.
Korak 47
Na traci s opcijama postavite način unutarnje staze na Oduzeti iz područja staze. To će pretvoriti oblik u rub telefona.
Dodati Stožasti i izbočeni pretvoriti oblik u trodimenzionalni oblik.
Korak 48
Napravite novi sloj. Pretvori sloj u Maska za rezanje pritiskom na Ctrl + Alt + G. Od sada će sve što slikate otići u rub telefona. Aktivirati Četkanje alata i postavite boju prednjeg plana na crnu. Obojite suptilne sjene na dijelovima rubova telefona.
49. korak
Ctrl-kliknite sloj ruba telefona kako biste napravili novi odabir na temelju njegovog oblika. Klik Odaberite> Izmijeni> Ugovor po 1 px. Time ćete smanjiti izbor za 1 px.
Korak 50
Napravite novi sloj i obojite druge suptilne sjene i ističe.
Korak 51
Ovaj put ponovite prethodni korak Ugovor po 2 px. Nacrtajte sjene i istaknute dijelove na rubovima telefona.
Ispod je razlika prije i poslije dodavanja istaknutih i sjenila na rub. Vidimo da je rezultat realniji.
Korak 52 - Područje zaslona
Podijelite područje zaslona na novu stazu. Kliknite Dodaj novi prilagodbeni sloj i odaberite Solid Color. Možete koristiti bilo koju boju.
Dvaput kliknite sloj da biste otvorili Stil sloja dijaloški okvir. Dodati Unutrašnji sjaj i udar.
Korak 53
Umetnimo pozadinu na zaslon. Ispustite sliku pozadine na vrh sloja površine zaslona. Ovdje koristim lijepu sliku maglice.
Korak 54
Pritisnite Ctrl + Alt + G da biste ga pretvorili u a Maska za rezanje. Pozadina će automatski ići unutar zaslona.
Korak 55
Kliknite ikonu crno-bijelog kruga u slojevi da biste dodali novi Sloj prilagodbe. Odaberi Hue / Saturation iz izbornika i koristite klizač za izmjenu boje pozadine. Postavite ga na Maska za rezanje ponovno pritiskom na Ctrl + Alt + G. Na taj način sloj za podešavanje utječe samo na pozadinu, a ne na telefon.
Ispod je prikazan izgled sloja.
Korak 56 - Glavni gumbi
Duplicirajte glavnu tipku na novu stazu. Dodajte jednobojnu ploču prilagodbe s bojom # cccfd2.
Dvaput kliknite sloj i aktivirajte ga Baci sjenku i Stožasti i izbočeni.
Korak 57
Hajde da osvijetlimo istaknute dijelove i sjene na gumb. Proces je vrlo sličan onome što smo učinili s rubom telefona u koraku 48 do 51.
Ctrl-kliknite sloj glavnog gumba da biste napravili novi odabir na temelju njegovog oblika. Klik Odaberite> Izmijeni> Ugovor po 1 px.
Korak 58
Napravite novi sloj. Obojite suptilne istaknute dijelove i sjene na gumbe.
Korak 59
Odaberite druga dva gumba i udvostručite ih na novu stazu. Dodajte novu Solid Color sloj za podešavanje s bijelom kao boju.
Korak 60
Spustite je Neprozirnost do 20%.
Korak 61 - Ikona aplikacije
Kopiraj ikonu na novu stazu. Izradite novu boju sloja za podešavanje. Postavite boju na plavu.
Korak 62
Dvaput kliknite sloj i dodajte suptilan Gradijentno prekrivanje.
Korak 63
Izbrišite ostala tri oblika.
Korak 64
Ponovite prethodni postupak za ostale boje.
Korak 65
Duplikat ikone oblikuje se na novu stazu. Dodajte novu punu boju sloja za podešavanje. Postavite boju na bijelu.
Dvaput kliknite sloj ikone i aktivirajte ga Vanjski sjaj i Gradijentno prekrivanje.
Korak 66
Ispod svake ikone dodajte odgovarajuću oznaku.
Korak 67 - Navigacija izbornika
Odaberite četiri mala navigacijska kruga i kopirajte ih na novu stazu. Dodajte novi sloj za podešavanje s bojom # 7e899b2d.
Korak 68
Ponovite isti postupak s većom "aktivnom karticom" u sredini, ovaj put s bojom # cbced4.
Korak 69
Dodajte broj na vrh kartice za aktiviranje. Izabrao sam 3 za svoje.
Korak 70 - Bočni gumbi
Duplicirajte bočni gumb na novu stazu. Napravite novi sloj boje za podešavanje boje # b0b3b6. Stavite ga iza telefona.
Korak 71
Dodati Unutarnja sjena s kutom 0 stupnjeva i Unutrašnji sjaj.
Korak 72
Ponovite postupak za drugi gumb.
Korak 73
Dvaput kliknite gumb Sloj za otvaranje Stil sloja dijaloški okvir. Dodati Unutarnja sjena ali ovog puta 180 stupnjeva za dodavanje sjene na gumb. Također, dodajte Unutrašnji sjaj.
Korak 74 - Statusna traka
Odaberite statusnu traku i udvostručite je na novu stazu. Napravite novu boju sloja za podešavanje s crnom bojom. Dodajte informacije o vremenu.
Korak 75
Duplicirajte bateriju na novu stazu. Dodajte novu punu boju sloja za podešavanje. Odaberite zelenu kao boju.
Dodati Unutrašnji sjaj sa sljedećim postavkama.
Korak 76
Duplicirajte ikonu signala na novu stazu i dodajte jednobojnu prilagodbu sloja prilagodbe. Za boju odaberite bijelu. Dvostruki klik Sloj i aktivirajte Gradijentno prekrivanje.
Korak 77 - Zvučnik
Duplikirajte zvučnik na novu stazu. Na traci s opcijama postavite manji put do kruga Oduzeti od područja staze. Dodajte novo Boja sloja za podešavanje s # 6b6f76 kao svoju boju.
Dvostruki klik Sloj i dodajte sljedeće Stilovi slojeva.
To je rezultat.
Korak 78 - Kamera
Aktivirajte krug i udvostručite ga na novu stazu. Dodajte novo Sloj prilagodbe s bojom # 272d36. Isto učinite s prstenom unutar kruga, ali s bojom # 585a5e.
Ispod se nalazi kamera u 100% uvećanju.
Korak 79 - Refleksija
Kopirajte osnovni oblik telefona na novi sloj. Nacrtajte poligonalni oblik rezanjem preko telefona i postavite ga na način presjeći područje staze. Dodajte novu jednobojnu sloju za podešavanje, postavite bijelu boju.
Dvaput kliknite na oblik refleksije i dodajte suptilnu Gradijentno prekrivanje.
Korak 80
Set Mješavina na Zaslon i smanjiti Neprozirnost do 70% i ispuniti do 0%.
Korak 81
Ctrl-klikni sloj refleksije. Napravite novi sloj i osvijetlite ga na gornjem dijelu.
Korak 82
Postavite slojeve telefona unutar grupe odabirom svih njih i pritisnite Ctrl + G. Kliknite na ikonu oka na pozadini kako biste ih sakrili i učinili da telefon sjedi na transparentnoj pozadini. Pritisnite Ctrl + A, Ctrl + Shift + C, Ctrl + V da biste duplicirali telefon na novi sloj.
Korak 83
Pritisnite Ctrl + T da biste transformirali telefon. Desni klik i odabrali Preokreni okomito. Stavite telefon pod originalni telefon.
Korak 84
Dodajte masku sloja i obojite gradijent od bijele do crne kako biste izblijedili odraz.
Korak 85 - Sjena
Aktivirajte Četkanje s alatom velik veličine četke i Tvrdoća 0%. Napravite novi sloj i nacrtajte crnu liniju ispod telefona. Postavite njegovu Neprozirnost do 10%.
Korak 86 - Pozadina
Radimo na pozadini. Napravite novi sloj i počnite slikati koristeći različite nijanse plave. Ovdje nema savršenog pravila. Oslobodite svoju kreativnost.
Korak 87
Dodaj Gaussovo zamagljivanje (Filter> Blur> Gaussian Blur). Koristite vrlo velike veličine radijusa i pobrinite se da aktivirate opcije Pregleda kako biste mogli vidjeti rezultate u stvarnom vremenu.
Korak 88
Napravimo uzorak piksela (ili možete preskočiti ove korake i koristiti već načinjen uzorak piksela iz PSDfreemium). Napravite novu datoteku s veličinom 6 ??¢Â ??  ?? 6 piksela.
Korak 89
Pritisnite Ctrl + 0 da biste povećali razinu povećanja na platnu. Napravite novi sloj i nacrtajte dijagonalnu liniju pomoću Olovka s alatom 1 px veličina četke.
Korak 90
Sakriti pozadina tako da vidimo samo dijagonalnu crtu. Klik Uredi> Definiraj uzorak za spremanje slike kao uzorka.
Korak 91
Vratite se na našu pozadinu, dvaput kliknite i dodajte Prekrivanje uzorka koristeći uzorak koji smo upravo napravili.
Evo rezultata.
Konačni rezultat
Konačno, možemo vratiti naš telefon. Kao što možete vidjeti, upravo smo spojili fleksibilnost vektorskog crtanja u Illustratoru i jednostavnost slikanja piksela u Photoshopu kako bi se postigla realistična slika proizvoda. Nadam se da ste uživali u ovom tutorialu.
preuzimanje datoteka
Kliknite ovdje za preuzimanje konačnog PSD-a za ovaj vodič.