Kā izdarīt reālu Samsung Galaxy S2 - Photoshop Tutorial
Šajā apmācībā mēs zīmēsim slaveno Samsung Galaxy Photoshop un Illustrator. Mēs sāksim, zīmējot tā wireframe Illustrator un pēc tam eksportējot to uz Photoshop, lai pievienotu dažus sarežģītus apgaismojuma un citus efektus.
Tālāk ir sniegts pārskats par to, ko būsiet gatavojis:
Lai sekotu šai apmācībai, jums būs nepieciešami šādi resursi:
- 26 PSDfreemium atkārtojamie pikseļu raksti
- Miglāja resursu pakete no Kire1987
1. solis - Gleznas sagatavošana Illustrator
Atveriet savu Adobe Illustrator. Izveidojiet jaunu failu A4 formātā. Nospiediet Ctrl + R, lai atvērtu lineālu. Izveidojiet jaunu slāni un nosauciet to vadīt. Mēs to izmantosim, lai izvietotu visus mūsu ceļvežus. Uzzīmējiet no lineāla uz audekla, lai izveidotu jaunu rokasgrāmatu. Šīs rokasgrāmatas ir nepieciešamas, lai palīdzētu precīzi izvilkt tālruņa vadu. Skatiet tālāk redzamo attēlu.
2. solis - pamata tālruņa forma
Mūsu pirmais solis ir izveidot pamata tālruņa formu. Aktivizējiet Noapaļots taisnstūris rīks. Noklikšķiniet vienreiz uz audekla, lai atvērtu Noapaļots taisnstūris dialoglodziņš. Neuztraucieties par platuma un augstuma iestatījumiem. Noteikti ievadiet 35 pt ieslēgts Stūra rādiuss. Klikšķis labi. Jums būs jauna noapaļota taisnstūra forma.
Jūs varat vienkārši izdzēst to uzreiz, jo mums tas nav vajadzīgs, mums vienkārši jāmaina rīka iestatījumi.
3. solis
Pārliecinieties, lai aktivizētu Viedie ceļveži no Skatīt izvēlnē. Šī funkcija palīdz ērti noklikšķināt uz objektiem.
4. solis
Noklikšķiniet un velciet, lai izveidotu noapaļotu taisnstūri pa labi sniegtajā rokasgrāmatā. Lai iegūtu izvietojumu, skatiet tālāk redzamo attēlu.
5. solis
Atlasiet noapaļoto taisnstūri, ko tikko izveidojām. Klikšķis Objekts> Ceļš> Ofseta ceļš. Iestatīt Offset uz -9 pt.
6. solis - ekrāna apgabals
Kamēr Noapaļots taisnstūris rīks joprojām ir aktīvs, noklikšķiniet uz audekla. Iestatīt Stūra rādiuss uz 5 punkti. Izdzēsiet no dialoglodziņa izgatavoto noapaļoto taisnstūri, jo mums tas nav vajadzīgs.
7. solis
Uzzīmējiet noapaļotu taisnstūri ekrāna apgabalā. Izmantojiet rokasgrāmatu, lai palīdzētu to precīzi izdarīt.
8. solis
Tikai izveidotā ekrāna formas dublikāts. Uzzīmējiet taisnstūri zem formas. Atlasiet abas formas un pēc tam izvēlieties Minus Front iekš Pathfinder panelis.
Taisnstūris samazinās ekrāna apgabalu un pārvērš to par pusi noapaļotu taisnstūri, ko varam izmantot kā statusa joslas apgabalu.
9. solis
Aktivizēt Noapaļots taisnstūris rīku vēlreiz un noklikšķiniet uz audekla. Iestatīt Stūra rādiuss uz 10.
10. solis - sākumlapa
Uzzīmējiet noapaļotu taisnstūri tālruņa apakšējā daļā; tas būs sākuma poga.
11. solis
Klikšķis Objekts> Ceļš> Ofseta ceļš. Iestatīt Offset uz -4 punkti.
12. solis
Zīmējiet noapaļotu taisnstūri un iestatiet to Aizpildiet uz Nav un Insults uz Melns. Zīmējiet taisnstūri, kas aptver apakšējo daļu. Atlasiet abas formas un izvēlieties Minus Front iekš Pathfinder panelis. Tas samazinās noapaļotā taisnstūra apakšējo pusi un pārvērš to parapaļotu taisnstūri.
13. solis
Izmantojiet Tieša izvēle rīku un izvēlieties tās apakšējo līniju. Noklikšķiniet uz Dzēst, lai to dzēstu.
14. solis
Kamēr forma joprojām ir izvēlēta, izvēlieties Objekts> Izvērst. Tas pārvērš to par aizpildīšanas formu, nevis tikai līniju.
15. solis
Ievelciet formā divus mazus taisnstūri.
16. solis
Zīmējiet noapaļotu taisnstūri un pēc tam nosedziet kreiso pusi ar taisnstūri kā parādīts. Atlasiet abas formas un izvēlieties Minus Front no Pathfinder panelis. Izmantojiet Tieša izvēle rīks, lai izvēlētos tās kreiso pusi un pēc tam nospiediet Delete.
17. solis
Izvēlieties Objekts> Izvērst pārvērst šo līniju par formu.
18. solis
Zīmējiet taisnstūri uz formas gala.
19. solis
Lai pievienotu jaunu punktu, noklikšķiniet uz taisnstūra kreisās malas centra. Lai dzēstu, noklikšķiniet uz augšējiem un apakšējiem stūriem. Mēs saņemsim trijstūri.
20. solis
Iestatīt Aizpildiet uz Melns un Insults uz Nav.
21. solis
Atlasiet abas formas un noklikšķiniet uz Apvienot uz Pathfinder Panelis.
Tālāk ir norādītas pogas, kuras esam veikuši.
22. solis - lietojumprogrammas ikonas
Aktivizēt Noapaļots taisnstūris rīks. Noklikšķiniet vienu reizi uz audekla un iestatiet Stūra rādiuss uz 1 pt.
23. solis
Uzzīmējiet ikonu pamatnes ekrāna iekšpusē noapaļotu taisnstūri. Aktivizēt Kustēties un Alt + Shift + Velciet formu, lai to dublētu.
24. solis
Atlasiet noapaļotos taisnstūri, ko tikko izveidojām, un klikšķi Horizontālais izplatīšanas centrs uz Saskaņot panelis.
25. solis
Zīmējiet tālruņa uztvērēja formu pirmajā taisnstūrī, izmantojot Pildspalva rīks.
26. solis
Izmantot Tips un pievienojiet etiķeti zem ikonas.
27. solis
Nākamā noapaļotā taisnstūra iekšpusē zīmējiet iemiesojuma ikonu. Uzlieciet galvu elipsei un manuāli ievelciet plecu.
28. solis
Atlasiet abas formas un noklikšķiniet uz Apvienot uz Pathfinder rīks.
29. solis
Nākamajā noapaļotajā taisnstūrī izveidojiet elipse un komatu. Atlasiet abas formas un noklikšķiniet uz Apvienot to pārvērst par balonu.
30. solis
Pēdējā noapaļotā taisnstūra iekšpusē uzzīmējiet četrus mazākus noapaļotus taisnstūri.
31. solis
Zemāk ir mūsu aizpildītās ikonas!
32. solis - navigācija
Virs ikonu zīmējiet mazus apļus. Alt + Shift + Velciet formu, lai to dublētu.
33. solis
Atlasiet visus lokus un noklikšķiniet uz Horizontālais izplatīšanas centrs iekšpusē Saskaņot panelis.
34. solis
Atlasiet vienu no lokiem un mainiet to lielākus. Šis lielais aplis norāda, ka tā ir “aktīvā” lapa.
35. solis - Signāla ikona
Statusa joslā ekrāna augšējā daļā zīmējiet nelielu taisnstūri un pēc tam dublējiet to. Velciet otrā taisnstūra augšējo līniju uz augšu, izmantojot Tieša izvēle rīks.
36. solis
Atkārtojiet šo procesu, līdz mums ir četri taisnstūri, kā parādīts zemāk.
37. solis - akumulatora ikona
Zīmējiet divus noapaļotus taisnstūri. Atlasiet abas formas un pēc tam noklikšķiniet uz Apvienot.
38. solis - Skaļrunis
Zīmējiet apli un Shift + Alt + Velciet to dublēt. Lai atkārtotu šo dublēšanas procesu, pāris reizes nospiediet Ctrl + D.
39. solis
Zīmējiet lielu, noapaļotu taisnstūri, kas aptver mazos apļus.
40. solis - kamera
"Kamera" ir vienkārši izgatavota no dažāda izmēra lokiem ar tādu pašu izcelsmi.
41. solis - sānu pogas
Zīmējiet divus noapaļotus taisnstūri abās tālruņa pusēs, kā parādīts attēlā.
42. solis - Gleznas sagatavošana Photoshop
Mēs esam beiguši darbu pie tālruņa vadu. Ir pienācis laiks to nodzēst, izmantojot Photoshop. Atveriet Photoshop un pēc tam izveidojiet jaunu failu, Fails> Jauns.
43. solis
Atlasiet visus ceļus programmā Illustrator (Ctrl + A) un pēc tam saglabājiet to starpliktuvē (Ctrl + C). Atgriezieties pie Photoshop un pēc tam ielīmējiet to (Ctrl + V). Dialoglodziņā opcija izvēlieties Ceļš.
44. solis
Vektora ceļš tiks saglabāts jaunā ceļā Ceļi panelis.
45. solis - pamata forma
Kopējiet pamatformas ceļu jaunā ceļā. Noklikšķiniet uz baltā un melnā apļa Slāņi panelis, lai pievienotu jaunu regulēšanas slāni. Izvēlieties Solid Color un iestatiet krāsu uz # 0f1219 nākamajā dialoglodziņā.
Pievienot Gradienta pārklājums pievienot formai smalku apgaismojumu.
46. solis
Dublējiet tikko izveidoto formu un veiciet dubultklikšķi uz tā sīktēla slāņa, lai mainītu tās krāsu uz # c3c6c9.
47. solis
No opciju joslas iestatiet iekšējo ceļa režīmu uz Atņemt no ceļa zonas. Tas pārveidos formu tālruņa malā.
Pievienot Bevel un Emboss pārveidot formu trīsdimensiju formā.
48. solis
Izveidojiet jaunu slāni. Pārvērst slāni uz Apgriešanas maska nospiežot taustiņu kombināciju Ctrl + Alt + G. No šī brīža viss, ko jūs krāsojat, iet iekšā tālruņa malā. Aktivizēt Suka instrumentu un iestatiet priekšplāna krāsu melnā krāsā. Krāsojiet smalkas ēnas uz tālruņa malām.
49. solis
Noklikšķiniet uz tālruņa malas slāņa, lai veiktu jaunu izvēli, pamatojoties uz tā formu. Klikšķis Izvēlieties> Modify> Contract līdz 1 px. To darot, jūs izvēlaties mazāk par 1 px.
50. solis
Izveidojiet jaunu slāni un krāsojiet citas smalkas ēnas un izceļ.
51. solis
Atkārtojiet iepriekšējo soli, šoreiz lietojot Līgums līdz 2 px. Uzzīmējiet ēnu un izceļot tālruņa malas.
Zemāk ir atšķirība pirms un pēc tam, kad ir pievienoti izceltie elementi un ēnas uz malas. Mēs redzam, ka rezultāts ir reālāks.
52. solis - ekrāna apgabals
Dublējiet ekrāna apgabalu uz jaunu ceļu. Noklikšķiniet uz Pievienot jaunu korekcijas slāni un izvēlieties Solid Color. Jūs varat izmantot jebkuru krāsu.
Veiciet dubultklikšķi uz slāņa, lai atvērtu a Slāņu stils dialoglodziņš. Pievienot Inner Glow un Insults.
53. solis
Ievietojiet ekrānā tapetes. Nometiet fona attēlu tieši ekrāna laukuma slāņa augšpusē. Šeit es izmantoju jauku miglas attēlu.
54. solis
Nospiediet Ctrl + Alt + G, lai to pārvērstu a Apgriešanas maska. Tapetes automātiski iet iekšā ekrāna.
55. solis
Noklikšķiniet uz ikonas melnbalts aplis Slāņi lai pievienotu jaunu Regulēšanas slānis. Izvēlieties Hue / piesātinājums no izvēlnes un izmantojiet slīdni, lai mainītu fona krāsu. Iestatiet to uz Apgriešanas maska atkal, hitting Ctrl + Alt + G. Tādā veidā korekcijas slānis ietekmēs tikai fonu, nevis tālruni.
Zemāk ir parādīts, kā vajadzētu būt jūsu slāņa izskats.
56. solis - galvenās pogas
Dublējiet galveno pogu uz jaunu ceļu. Pievienojiet pielāgošanas slāņa cieto krāsu ar krāsu # cccfd2.
Veiciet dubultklikšķi uz slāņa un aktivizējiet Drop Shadow un Bevel un Emboss.
57. solis
Nospiediet taustiņus un ēnas uz pogas. Process ir ļoti līdzīgs tam, ko mēs darījām ar telefona malu 48. līdz 51. solim.
Noklikšķiniet uz galvenās pogas slāņa, lai izveidotu jaunu izvēli, pamatojoties uz tā formu. Klikšķis Izvēlieties> Modify> Contract līdz 1 px.
58. solis
Izveidojiet jaunu slāni. Uz pogām apgleznojiet izsmalcinātus attēlus un ēnas.
59. solis
Atlasiet pārējās divas pogas un dublējiet tās uz jauna ceļa. Pievienojiet jaunu pielāgošanas slāņa vienkrāsainu krāsu ar baltu krāsu.
60. solis
Nolieciet to Necaurredzamība līdz 20%.
61. solis - lietojumprogrammas ikona
Kopējiet ikonas bāzes uz jaunu ceļu. Izveidojiet jaunu pielāgošanas slāņa vienkrāsainu krāsu. Iestatiet tās krāsu zilā krāsā.
62. solis
Veiciet dubultklikšķi uz slāņa un pievienojiet izsmalcinātu Gradienta pārklājums.
63. solis
Dzēsiet pārējās trīs formas.
64. solis
Atkārtojiet iepriekšējo procesu citām krāsām.
65. solis
Dublējiet ikonas formas uz jaunu ceļu. Pievienojiet jaunu pielāgošanas slāņa vienkrāsainu krāsu. Iestatiet tās krāsu baltā krāsā.
Veiciet dubultklikšķi uz ikonas slāņa un aktivizējiet Ārējais mirdzums un Gradienta pārklājums.
66. solis
Pievienojiet atbilstošu etiķeti zem katras ikonas.
67. solis - izvēlne Navigācija
Izvēlieties četrus mazus navigācijas lokus un kopējiet tos jaunā ceļā. Pievienojiet jaunu krāsu korekcijas slāni # 7e899b2d.
68. solis
Atkārtojiet to pašu procesu ar lielāku aktīvo cilni centrā, šoreiz ar krāsu # cbced4.
69. solis
Pievienojiet numuru cilnei Aktivizēt. Es izvēlējos 3.
70. solis - sānu pogas
Dublējiet sānu pogu uz jaunu ceļu. Izveidojiet jaunu pielāgošanas slāņa cieto krāsu ar krāsu # b0b3b6. Novietojiet to aiz tālruņa.
71. solis
Pievienot Iekšējā ēna ar leņķi 0 grādi un Inner Glow.
72. solis
Atkārtojiet procesu otrajai pogai.
73. solis
Lai atvērtu, veiciet dubultklikšķi uz Slāņa pogas Slāņu stils dialoglodziņš. Pievienot Iekšējā ēna bet šoreiz izmantojiet 180 grādi pievienot pogai ēnu. Pievienojiet arī Inner Glow.
74. solis - Statusa josla
Izvēlieties statusa joslu un dublējiet to uz jauna ceļa. Izveidojiet jaunu regulēšanas slāņa cieto krāsu ar melnu krāsu. Pievienot laika informāciju.
75. solis
Dublējiet akumulatoru uz jaunu ceļu. Pievienojiet jaunu pielāgošanas slāņa vienkrāsainu krāsu. Izvēlieties zaļo krāsu.
Pievienot Inner Glow iestatījumus.
76. Solis
Dublējiet signāla ikonu uz jaunu ceļu un pievienojiet regulēšanas slāņa cieto krāsu. Lai izvēlētos krāsu, izvēlieties baltu. Dubultklikšķi Slānis un aktivizēt Gradienta pārklājums.
77. solis - Skaļrunis
Dublējiet skaļruni uz jaunu ceļu. Opciju joslā iestatiet mazāku apļa ceļa režīmu Atņemt no ceļa apgabala. Pievienojiet jaunu Regulēšanas slāņa cietā krāsa ar # 6b6f76 kā tās krāsu.
Dubultklikšķi Slānis un pievienojiet šādu Slāņu stili.
Tas ir rezultāts.
78. solis - kamera
Aktivizējiet apli un dublējiet to uz jaunu ceļu. Pievienojiet jaunu Regulēšanas slānis ar krāsu # 272d36. Dariet to pašu ar gredzenu apļa iekšpusē, bet ar krāsu # 585a5e.
Tālāk ir redzama kamera ar 100% palielinājumu.
79. solis - pārdomas
Dublējiet pamata tālruņa formu uz jaunu slāni. Izveidojiet daudzstūra formas griešanu pa tālruni un iestatiet tā režīmu Krustojas ceļa apgabals. Pievienojiet jaunu regulēšanas slāņa vienkrāsainu, iestatiet baltā krāsā tā krāsu.
Veiciet dubultklikšķi uz atstarošanas formas un pievienojiet izsmalcinātu Gradienta pārklājums.
80. solis
Iestatīt Maisījums režīmā Ekrāns un samazināt tās Necaurredzamība uz 70% un Aizpildiet uz 0%.
81. solis
Ctrl klikšķa atstarošanas slānis. Izveidojiet jaunu slāni un gleznojiet vairāk izcelt tā augšējā daļā.
82. solis
Novietojiet tālruņa slāņus grupas iekšienē, atlasot visus tos un nospiediet Ctrl + G. Noklikšķiniet uz acu ikonas uz fona, lai paslēptu tos un padarītu tālruni sēdošu uz pārredzama fona. Nospiediet Ctrl + A, Ctrl + Shift + C, Ctrl + V, lai dublētu tālruni ar jaunu slāni.
83. solis
Nospiediet Ctrl + T, lai pārveidotu tālruni. Ar peles labo pogu noklikšķiniet un izvēlējās Flip Vertical. Ievietojiet tālruni zem sākotnējā tālruņa.
84. solis
Pievienojiet slāņa masku un nokrāsojiet gradientu no baltas uz melnu, lai izbalētu refleksiju.
85. solis - ēna
Aktivizējiet Suka rīks ar liels sukas izmērs un Cietība 0%. Izveidojiet jaunu slāni un zīmējiet melnu līniju zem tālruņa. Iestatiet tā Necaurredzamība uz 10%.
86. solis - fons
Strādāsim pie fona. Izveidojiet jaunu slāni un sāciet gleznošanu, izmantojot dažādus zilo toņu. Šeit nav neviena ideāla noteikuma. Atbrīvojiet savu radošumu.
87. solis
Pievienot Gausa izplūšanu (Filtrs> Blur> Gaussian Blur). Izmantojiet ļoti lielus rādiusa izmērus un pārliecinieties, ka aktivizējat priekšskatījuma opcijas, lai jūs varētu redzēt rezultātu reālā laikā.
88. solis
Izveidosim pikseļu rakstu (vai, jūs varat izlaist šīs darbības un izmantot jau veiktu pikseļu modeli no PSDfreemium). Izveidojiet jaunu failu ar izmēru 6 Ã?¢Â? 6 pikseļi.
89. solis
Lai palielinātu audekla palielinājuma līmeni, nospiediet taustiņu Ctrl + 0. Izveidojiet jaunu slāni un zīmējiet diagonālo līniju, izmantojot Zīmulis rīks ar 1 px birste.
90. solis
Paslēpt Pamatinformācija tāpēc mēs redzam tikai diagonālo līniju. Klikšķis Rediģēt> Definēt rakstu lai saglabātu attēlu kā modeli.
91. solis
Atgriezieties pie mūsu fona, uzklikšķiniet uz tā un pievienojiet Modeļa pārklājums izmantojot iepriekš izveidoto modeli.
Lūk, rezultāts.
Galīgais rezultāts
Visbeidzot, mēs varam atgriezt mūsu tālruni. Kā redzat, mēs esam apvienojuši Illustrator vektora zīmēšanas elastību un to, cik ērti attēlot Photoshop, lai iegūtu reālistisku produkta attēlu. Es ceru, ka jums patika šī apmācība.
Lejupielādēt
Noklikšķiniet šeit, lai lejupielādētu galīgo PSD šo pamācību.