Početna » Gadgeti » Kako crtati realan Samsung Galaxy S2 - Photoshop Tutorial

    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č.