Mājas lapa » Sīkrīki » Kā izdarīt reālu Samsung Galaxy S2 - Photoshop Tutorial

    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.