Kako pripraviti realistično Samsung Galaxy S2 - Photoshop Tutorial
V tem vodiču bomo narisali slavni Samsung Galaxy v Photoshopu in Illustratorju. Začeli bomo z risanjem njegovega okvirja v Illustratorju in ga nato izvozili v Photoshop, da bi dodali prefinjeno osvetlitev in druge učinke.
Predogled tega, kaj boste gradili:
Če želite slediti tej vadnici, potrebujete naslednje vire:
- 26 Ponovljivi vzorci pikslov iz PSDfreemium
- Nebula Resource Pack od Kire1987
Korak 1 - Priprava platna v Illustratorju
Odprite Adobe Illustrator. Naredite novo datoteko v velikosti A4. Pritisnite Ctrl + R, da odprete ravnilo. Naredite novo plast in jo poimenujte vodnik. To bomo uporabili za postavitev vseh naših vodnikov. Narišite iz ravnila na platno in ustvarite nov vodnik. Ta navodila so potrebna, da nam pomagajo natančno narisati telefonski okvir telefona. Za referenco si oglejte spodnjo sliko.
Korak 2 - Osnovna oblika telefona
Naš prvi korak je pripraviti osnovno obliko telefona. Aktivirajte Zaokrožen pravokotnik orodje. Kliknite enkrat na platnu, da odprete Zaokrožen pravokotnik pogovorno okno z možnostmi. Ne skrbite z nastavitvami širine in višine. Prepričajte se, da vstopite 35 pt na Polmer kota. Kliknite v redu. Imeli boste novo zaobljeno pravokotno obliko.
Enostavno jo lahko izbrišete takoj, ker je ne potrebujemo, samo spremeniti nastavitve orodja.
3. korak
Aktivirajte Pametni vodniki Iz Prikaži meni. Ta funkcija nam pomaga, da na predmete enostavno ujamemo predmete.
4. korak
Kliknite in povlecite, da narišete zaokrožen pravokotnik desno znotraj priloženega vodnika. Za prikaz umestitve si oglejte spodnjo sliko.
Korak 5
Izberite zaokrožen pravokotnik, ki smo ga pravkar ustvarili. Kliknite Object> Path> Offset Path. Set Offset do -9 pt.
Korak 6 - Površina zaslona
Medtem ko je Zaokrožen pravokotnik Orodje je še vedno aktivno, enkrat kliknite na platno. Set Polmer kota do 5 pt. Izbrišite zaokroženi pravokotnik iz pogovornega okna, ker ga ne potrebujemo.
7. korak
V območju zaslona narišite zaobljen pravokotnik. Uporabite vodnik, ki vam bo pomagal natančno narisati.
Korak 8
Pravkar ustvarjena podvojena oblika zaslona. Narišite pravokotnik pod obliko. Izberite obe obliki in nato izberite Minus spredaj v Pathfinder plošči.
Pravokotnik bo odrezal območje zaslona in ga obrnil v polokrožen pravokotnik, ki ga lahko uporabimo kot območje vrstice stanja.
9. korak
Aktiviraj Zaokrožen pravokotnik ponovno pritisnite in enkrat kliknite na platno. Set Polmer kota do 10.
Korak 10 - Gumb Domov
Na spodnjem delu telefona narišite zaobljen pravokotnik; to bo gumb Domov.
11. korak
Kliknite Object> Path> Offset Path. Set Offset do -4 pt.
Korak 12
Narišite zaobljen pravokotnik in nastavite njegov Izpolnite do Jih ni in Možganska kap do Črna. Narišite pravokotnik, ki pokriva njegov spodnji del. Izberite obe obliki in izberite Minus spredaj v Pathfinder plošči. To bo zmanjšalo spodnjo polovico zaobljenega pravokotnika in ga spremenilo v polovični pravokotnik.
Korak 13
Uporabi Neposredna izbira in izberite njegovo spodnjo vrstico. Pritisnite Delete, da ga izbrišete.
Korak 14
Ko je oblika še vedno izbrana, izberite Objekt> Razširi. S tem se bo spremenila v obliko polnjenja, ne le v vrstico.
Korak 15
V obliki oblike narišite dva majhna pravokotnika.
Korak 16
Narišite zaobljen pravokotnik in pokrijte njegovo levo stran s pravokotnikom, kot je prikazan. Izberite obe obliki in izberite Minus spredaj Iz Pathfinder plošči. Uporabi Neposredna izbira orodje, da izberete svojo levo stran in nato pritisnete Delete.
Korak 17
Izberite Objekt> Razširi spremeniti to vrstico v obliko.
Korak 18
Na konici oblike narišite pravokotnik.
Korak 19
Kliknite središče levega roba pravokotnika, da dodate novo točko. Za brisanje kliknite zgornji in spodnji vogali. Dobili bomo trikotnik.
Korak 20
Set Izpolnite do Črna in Možganska kap do Jih ni.
21. korak
Izberite obe obliki in kliknite Združite se na Pathfinder Panel.
Spodaj so gumbi, ki smo jih naredili.
Korak 22 - Ikone za aplikacije
Aktiviraj Zaokrožen pravokotnik orodje. Enkrat kliknite na platno in nastavite Polmer kota do 1 pt.
Korak 23
V okviru zaslona narišite zaobljen pravokotnik za osnovno ikono. Aktiviraj Premakni se in Alt + Shift + Povlecite obliko, da jo podvojite.
24. korak
Izberite zaokrožene pravokotnike, ki smo jih pravkar ustvarili, in kliknite Horizontalni distribucijski center na Poravnaj plošči.
Korak 25
S pomočjo gumba narišite obliko sprejemnika telefona v prvem pravokotniku Pen orodje.
Korak 26
Uporaba Vrsta in dodajte oznako pod ikono.
27. korak
V naslednjem zaokroženem pravokotniku narišite ikono avatarja. Narišite elipso za glavo in ročno potegnite ramo.
Korak 28
Izberite obe obliki in kliknite Združite se na Pathfinder orodje.
29. korak
V naslednjem zaokroženem pravokotniku narišemo elipso in vejico. Izberite obe obliki in kliknite Združite se da ga spremenite v oblaček z balonom.
Korak 30
V zadnjem zaokroženem pravokotniku narišite štiri manjše zaokrožene pravokotnike.
Korak 31
Spodaj so naše končne ikone!
Korak 32 - Meni Navigacija
Nad ikonami narišite majhne kroge. Alt + Shift + Povlecite obliko, da jo podvojite.
Korak 33
Izberite vse kroge in kliknite Horizontalni distribucijski center znotraj Poravnaj plošči.
Korak 34
Izberite enega od krogov in ga povečajte. Ta večji krog označuje, da je to »aktivna« stran.
Korak 35 - Ikona signala
V vrstici stanja v zgornjem delu zaslona narišite majhen pravokotnik in ga nato podvojite. Povlecite zgornjo vrstico drugega pravokotnika navzgor Neposredna izbira orodje.
36. korak
Postopek ponovite, dokler ne dobite štirih pravokotnikov, kot je prikazano spodaj.
Korak 37 - Ikona baterije
Narišite dva zaokrožena pravokotnika. Izberite obe obliki in kliknite Združite se.
38. korak - Zvočnik
Narišite krog in Shift + Alt + Povlecite podvojiti. Če želite ponoviti ta postopek podvajanja, nekajkrat pritisnite Ctrl + D.
39. korak
Narišite velik zaobljen pravokotnik, ki pokriva majhne kroge.
Korak 40 - Kamera
"Kamera" je preprosto narejena iz nekaterih krogov različnih velikosti z enakim poreklom.
Korak 41 - Stranski gumbi
Na obeh straneh telefona narišite dva zaokrožena pravokotnika, kot je prikazano.
Korak 42 - Priprava platna v Photoshopu
Končali smo delo na telefonskem okvirju. Čas je, da ga uporabimo v Photoshopu. Odprite Photoshop in naredite novo datoteko, Datoteka> Novo.
Korak 43
Izberite vse poti v Illustratorju (Ctrl + A) in jih shranite v odložišče (Ctrl + C). Vrnite se v Photoshop in ga prilepite (Ctrl + V). V pogovornem oknu z možnostmi izberite Pot.
Korak 44
Vektorska pot bo shranjena v novi poti znotraj Poti plošči.
Korak 45 - Osnovna oblika
Kopirajte osnovno pot poti v novo pot. Kliknite bel in črni krog v Plasti , da dodate novo prilagoditveno plast. Izberite Solid color in nastavite barvo na # 0f1219 v naslednjem pogovornem oknu.
Dodaj Gradientno prekrivanje za dodajanje subtilne osvetlitve v obliko.
Korak 46
Podvojite obliko, ki smo jo pravkar ustvarili, in jo dvokliknite, da spremenite njeno barvo na # c3c6c9.
Korak 47
V vrstici z možnostmi nastavite način notranje poti na Odštej iz območja poti. To bo spremenilo obliko v rob telefona.
Dodaj Bevel in Emboss pretvoriti obliko v tri dimenzionalno obliko.
Korak 48
Naredite novo plast. Pretvori plast v Clipping Mask s pritiskom na Ctrl + Alt + G. Od zdaj naprej bo vse, kar boš slikal, šlo v rob telefona. Aktiviraj Krtača in nastavite barvo ospredja na črno. Na delih robov telefona pobarvajte subtilne sence.
49. korak
Ctrl kliknite na rob robov telefona, da naredite novo izbiro glede na njeno obliko. Kliknite Izberite> Spremeni> Pogodba jo 1 px. S tem naredite izbor manjši za 1 px.
Korak 50
Naredite nov sloj in barvajte druge subtilne sence in poudarke.
Korak 51
Ta čas ponovite prejšnji korak Pogodba jo 2 px. Narišite sence in poudarke na robovih telefona.
Spodaj je razlika pred in po dodajanju vrhuncev in senc na rob. Vidimo, da je rezultat bolj realističen.
Korak 52 - Površina zaslona
Področje zaslona podvojite na novo pot. Kliknite Dodaj novo prilagoditveno plast in izberite Solid Color. Uporabite lahko katerokoli barvo.
Dvokliknite sloj, da odprete a Slog sloja pogovorno okno. Dodaj Notranji sij in Možganska kap.
Korak 53
Vstavimo ozadje na zaslon. Spustite sliko za ozadje na vrh sloja površine zaslona. Tukaj uporabljam lepo sliko meglice.
Korak 54
Pritisnite Ctrl + Alt + G, da ga pretvorite v a Clipping Mask. Ozadje se samodejno pojavi znotraj zaslona.
Korak 55
Kliknite ikono črno-beli krog v Plasti , da dodate novo Nastavitvena plast. Izberite Odtenek / nasičenost v meniju in z drsnikom spremenite barvo ozadja. Nastavite na Clipping Mask ponovno s pritiskom na Ctrl + Alt + G. Na ta način bo prilagoditveni sloj vplival samo na ozadje in ne na telefon.
Spodaj je prikazan videz plasti.
Korak 56 - Glavni gumbi
Podvojite glavni gumb na novo pot. Dodaj trdno barvo sloja prilagoditve z barvo # cccfd2.
Dvokliknite plast in aktivirajte Drop Shadow in Bevel in Emboss.
Korak 57
Osvetljujemo poudarke in sence na gumb. Postopek je zelo podoben tistemu, kar smo storili z robom telefona v korakih od 48 do 51.
Ctrl-kliknite na plast glavnega gumba, da naredite novo izbiro glede na njeno obliko. Kliknite Izberite> Spremeni> Pogodba jo 1 px.
Korak 58
Naredite novo plast. Na gumbe pobarvajte nežne poudarke in sence.
Korak 59
Izberite druga dva gumba in ju podvojite na novo pot. Dodajte novo barvo prilagoditvene plasti z belo barvo.
Korak 60
Prinesite ga Nepreglednost do 20%.
Korak 61 - Ikona aplikacije
Kopiraj ikono na novo pot. Naredite novo barvo prilagoditvene plasti. Nastavite barvo na modro.
Korak 62
Dvakrat kliknite plast in dodajte subtilno Gradientno prekrivanje.
Korak 63
Izbrišite ostale tri oblike.
Korak 64
Ponovite prejšnji postopek za druge barve.
Korak 65
Podvoji ikono se oblikuje na novo pot. Dodajte novo barvo prilagoditvene plasti. Nastavite barvo na belo.
Dvokliknite plast ikone in aktivirajte Outer Glow in Gradientno prekrivanje.
Korak 66
Pod vsako ikono dodajte ustrezno oznako.
Korak 67 - Meni Navigacija
Izberite štiri majhne kroge za navigacijo in jih kopirajte na novo pot. Dodajanje nove prilagoditvene plasti z barvo # 7e899b2d.
Korak 68
Enak postopek ponovite z večjim "aktivnim jezičkom" v sredini, tokrat z barvo # cbced4.
Korak 69
Dodajte številko na vrh zavihka za aktiviranje. Izbrala sem 3 za moje.
Korak 70 - Stranski gumbi
Podvojite stranski gumb na novo pot. Naredite novo barvno plast prilagoditvene plasti z barvo # b0b3b6. Postavite ga za telefon.
Korak 71
Dodaj Notranja senca z Angle 0 stopinj in Notranji sij.
Korak 72
Postopek ponovite za drugi gumb.
Korak 73
Dvokliknite gumb Layer, da se odpre Slog sloja pogovorno okno. Dodaj Notranja senca vendar tokrat uporabite 180 stopinj da dodate gumb na senco. Dodajte tudi Notranji sij.
Korak 74 - Statusna vrstica
Izberite vrstico stanja in jo podvojite na novo pot. Naredite novo barvno plast prilagoditvene plasti s črno barvo. Dodajte informacije o času.
Korak 75
Podvojite baterijo na novo pot. Dodajte novo barvo prilagoditvene plasti. Izberite barvo zelene barve.
Dodaj Notranji sij z naslednjimi nastavitvami.
Korak 76
Podvojite ikono signala na novo pot in dodajte barvo prilagoditvene plasti. Za barvo izberite belo. Dvojni klik Layer in vključite Gradientno prekrivanje.
77. korak - Zvočnik
Zvočnik podvojite na novo pot. V vrstici z možnostmi nastavite način poti manjšega kroga na Odštej od območja poti. Dodajte novo Barva plasti prilagoditve z # 6b6f76 kot njegova barva.
Dvojni klik Layer in dodajte naslednje Slogi slojev.
To je rezultat.
78. korak - Fotoaparat
Aktivirajte krog in ga podvojite na novo pot. Dodajte novo Nastavitvena plast z barvo # 272d36. Enako storite z obročem znotraj kroga, vendar z barvo # 585a5e.
Spodaj je kamera v 100-odstotni povečavi.
Korak 79 - Refleksija
Osnovno obliko telefona podvojite na novo plast. Narišite poligonalno obliko po telefonu in nastavite način na Seka poti. Dodajte novo barvo prilagoditvene plasti, nastavite belo barvo.
Dvakrat kliknite obliko refleksije in dodajte prefinjeno Gradientno prekrivanje.
Korak 80
Set Mešanica v načinu Zaslon in zmanjša njeno Nepreglednost do 70% in Izpolnite do 0%.
Korak 81
Ctrl-klikni refleksijski sloj. Naredite nov sloj in bolj poudarite njegovo zgornjo površino.
Korak 82
Plasti telefona postavite v skupino tako, da izberete vse in pritisnete Ctrl + G. Kliknite na ikono oči v ozadju, da jih skrijete in da bo telefon sedel na transparentnem ozadju. Pritisnite Ctrl + A, Ctrl + Shift + C, Ctrl + V, da podvojite telefon na novo plast.
Korak 83
Pritisnite Ctrl + T, da spremenite telefon. Desni klik in izbrano Zrcali navpično. Telefon postavite pod originalni telefon.
Korak 84
Dodajte plastno masko in barvo gradienta od bele do črne, da zbledi odsev.
Korak 85 - Senca
Aktivirajte Krtača z orodjem velik velikost krtače in Trdota 0%. Naredite novo plast in narišite črno črto pod telefonom. Nastavite njegovo Nepreglednost do 10%.
Korak 86 - Ozadje
Delo na ozadju. Naredite novo plast in začnite slikati z različnimi modrimi odtenki. Tu ni popolnega pravila. Sprostite svojo ustvarjalnost.
Korak 87
Dodaj Gaussovo zamegljenost (Filter> Blur> Gaussian Blur). Uporabite zelo velike velikosti polmera in se prepričajte, da aktivirate možnosti Predogled, da boste rezultate videli v realnem času.
Korak 88
Naredimo vzorec slikovnih pik (ali lahko preskočite te korake in uporabite že izdelan vzorec pikslov iz PSDfreemium). Naredite novo datoteko z velikostjo 6 Ã?  ?? â ?? 6 slikovnih pik.
Korak 89
Pritisnite Ctrl + 0, da povečate raven povečave na platnu. Naredite novo plast in narišite diagonalno črto z uporabo Svinčnik z orodjem 1 px velikost krtače.
Korak 90
Skrij se Ozadje zato vidimo samo diagonalno črto. Kliknite Uredi> Določi vzorec , da sliko shranite kot vzorec.
Korak 91
Vrnite se na naše ozadje, dvokliknite in dodajte Prekrivanje vzorca z uporabo vzorca, ki smo ga pravkar naredili.
Tukaj je rezultat.
Končni rezultat
Nazadnje, lahko prinesemo nazaj naš telefon. Kot lahko vidite, smo združili fleksibilnost vektorske risbe v Illustratorju in enostavnost slikanja slikovnih pik v Photoshopu, da bi dosegli realistično sliko izdelka. Upam, da ste uživali v tej vadnici.
Prenesi
Kliknite tukaj za prenos končnega PSD za to vadnico.
