Hogyan készítsünk egy valósághű Samsung Galaxy S2 - Photoshop bemutatót
Ebben a bemutatóban felhívjuk a híres Samsung Galaxy-t a Photoshopban és az Illustratorban. Elkezdjük a drótváz rajzolását az Illustrator programban, majd exportáljuk azt a Photoshopba, hogy hozzáadjon néhány kifinomult világítási és egyéb hatást.
Íme egy előnézeti kép, amit építeni fog:
A bemutató követéséhez a következő forrásokra lesz szüksége:
- 26 Ismételhető pixelminták a PSDfreemium-tól
- Nebula erőforrás csomag a Kire1987-től
1. lépés - A vászon előkészítése az Illustrator programban
Nyissa meg az Adobe Illustrator programot. Készítsen új fájlt A4-es méretben. Nyomja meg a Ctrl + R billentyűt a vonalzó megjelenítéséhez. Készítsen egy új réteget, és nevezze el útmutató. Ezt minden útmutatónk elhelyezésére fogjuk használni. Rajzoljon a vonalzóról a vászonra egy új útmutató létrehozásához. Ezek az útmutatók ahhoz szükségesek, hogy pontosan lehessen felhívni a telefon drótvázát. Lásd az alábbi képet.
2. lépés - alapvető telefonforma
Első lépésünk az alapvető telefonforma megrajzolása. Aktiválja a Lekerekített téglalap eszköz. Kattintson egyszer a vászonra, hogy megnyissa a Lekerekített téglalap opció párbeszédpanel. Ne aggódjon a szélesség és a magasság beállításai miatt. Győződjön meg róla, hogy belép 35 pt tovább Sarok sugara. Kattints rendben. Új, lekerekített téglalap alakú lesz.
Egyszerűen törölheti azt, mert nincs rá szükségünk, módosítanunk kell az eszköz beállításait.
3. lépés
Győződjön meg róla, hogy aktiválódik Intelligens útmutatók tól Kilátás menü. Ez a funkció segít nekünk, hogy az objektumokat egyszerűen beillesszük a vezetőkre.
4. lépés
Kattintson és húzza a lekerekített téglalap rajzolását a megadott útmutatóban. Az elhelyezéshez lásd az alábbi képet.
5. lépés
Válassza ki az általunk létrehozott lekerekített téglalapot. Kattints Objektum> Útvonal> Offset Path. Készlet Eltolt nak nek -9 pt.
6. lépés - Képernyőterület
Amíg a Lekerekített téglalap az eszköz még mindig aktív, kattintson egyszer a vászonra. Készlet Sarok sugara nak nek 5 pt. Törölje a párbeszédablakból készült lekerekített téglalapot, mert nem lesz rá szükség.
7. lépés
Rajzoljon egy lekerekített téglalapot a képernyőn belül. Használja az útmutatót, hogy segítsen pontosan felhívni.
8. lépés
Az éppen létrehozott képernyõ alakja. Rajzoljon egy téglalapot az alak alá. Válasszon mindkét alakzatot, majd válassza a lehetőséget Minus Front ban,-ben Úttörő panel.
A téglalap kivágja a képernyőterületet, és félig lekerekített téglalapgá alakítja azt, amelyet az Állapotsor területként használhatunk.
9. lépés
Aktiválja Lekerekített téglalap újra és kattintson egyszer a vászonra. Készlet Sarok sugara nak nek 10.
10. lépés - Kezdő gomb
Rajzoljon egy lekerekített téglalapot a telefon alsó részén; ez lesz a Kezdőlap gomb.
11. lépés
Kattints Objektum> Útvonal> Offset Path. Készlet Eltolt nak nek -4 pt.
12. lépés
Rajzoljon egy lekerekített téglalapot és állítsa be Tölt nak nek Egyik sem és ütés nak nek Fekete. Rajzoljon egy alsó részét lefedő téglalapot. Válasszon mindkét alakzatot, és válassza a lehetőséget Minus Front ban,-ben Úttörő panel. Ezzel lekerekíti a lekerekített téglalap alsó részét, és félig lekerekített téglalapgá alakítja.
13. lépés
Használja a Közvetlen kiválasztás eszközt és válassza ki az alsó sorát. A törléshez nyomja meg a Törlés gombot.
14. lépés
Amíg az alakzat még mindig ki van választva, válassza a lehetőséget Objektum> Bontsa ki. Ez tölti ki, nem csak egy sor.
15. lépés
Rajzoljon két kis téglalapot az alakzaton belül.
16. lépés
Rajzoljon egy lekerekített téglalapot, majd fedje le a bal oldalt egy téglalapkal, mint az ábrán látható. Válasszon mindkét alakzatot, és válassza a lehetőséget Minus Front tól Úttörő panel. Használja a Közvetlen kiválasztás szerszám a bal oldal kiválasztásához, majd a Törlés gombra.
17. lépés
választ Objektum> Bontsa ki hogy ezt a vonalat alakjává alakítsa.
18. lépés
Rajzoljon egy téglalapot az alak hegyére.
19. lépés
Új pont hozzáadásához kattintson a négyszög bal szélének közepére. Kattintson a törölni kívánt felső és alsó sarkokra. Háromszöget kapunk.
20. lépés
Készlet Tölt nak nek Fekete és ütés nak nek Egyik sem.
21. lépés
Válasszon mindkét alakzatot és kattintson a gombra Egyesül a Úttörő panel.
Az alábbiakban a gombok készültek.
22. lépés - Alkalmazás ikonok
Aktiválja Lekerekített téglalap eszköz. Kattintson egyszer a vászonra és állítsa be Sarok sugara nak nek 1 pt.
23. lépés
Rajzoljon egy lekerekített téglalapot a képernyőn belül az ikonalap számára. Aktiválja Mozog és az Alt + Shift + ellenállás az alakot megismételni.
24. lépés
Válassza ki az általunk létrehozott lekerekített téglalapokat és a kattintást Vízszintes elosztóközpont a Igazítsa panel.
25. lépés
Rajzolja meg a telefon vevőjének alakját az első téglalapon belül a Toll eszköz.
26. lépés
Használat típus és adja hozzá a címkét az ikon alatt.
27. lépés
A következő lekerekített téglalapon belül rajzoljon egy avatar ikont. Rajzoljon egy ellipszet a fejére, és kézzel rajzolja meg a vállát.
28. lépés
Válasszon mindkét alakzatot és kattintson a gombra Egyesül a Úttörő eszköz.
29. lépés
A következő lekerekített téglalapban ellipszis és vessző alakja rajzolódik. Válasszon mindkét alakzatot és kattintson a gombra Egyesül léggömbhívássá alakítani.
30. lépés
Az utolsó lekerekített téglalap belsejében négy kisebb, lekerekített téglalapot rajzoljon.
31. lépés
Az alábbiakban a befejezett ikonok szerepelnek!
32. lépés - Navigáció menü
Az ikonok felett rajzoljon kis köröket. Alt + Shift + ellenállás az alakot megismételni.
33. lépés
Válassza ki az összes kört és kattintson a gombra Vízszintes elosztóközpont benne Igazítsa panel.
34. lépés
Válasszon egyet a körök közül, és változtassa meg nagyobb méretét. Ez a nagyobb kör azt jelzi, hogy ez az „aktív” oldal.
35. lépés - Jel ikon
A képernyő felső részén lévő állapotsoron belül rajzoljon egy kis téglalapot, majd másolja át. Húzza felfelé a második téglalap felső sorát Közvetlen kiválasztás eszköz.
36. lépés
Ismételje meg ezt a folyamatot mindaddig, amíg négy téglalap van, amint az alább látható.
37. lépés - Az akkumulátor ikonja
Rajzoljon két lekerekített téglalapot. Válasszon mindkét alakzatot, majd kattintson a gombra Egyesül.
38. lépés - Hangszóró
Rajzoljon egy kört és a Shift + Alt billentyűt + ellenállás megduplázza. A párhuzamos folyamat ismétléséhez néhányszor nyomja meg a Ctrl + D billentyűt.
39. lépés
Rajzoljon egy nagy, lekerekített téglalapot, amely lefedi a kis köröket.
40. lépés - Fényképezőgép
A "kamera" egyszerűen különböző méretű, azonos eredetű körökből készül.
41. lépés - Oldalsó gombok
Rajzoljon két lekerekített téglalapot a telefon mindkét oldalán, az ábrán látható módon.
42. lépés - Vászon készítése a Photoshop programban
A telefon drótvázán dolgoztunk. Itt az ideje, hogy életre keltjük a Photoshop használatával. Nyissa meg a Photoshopot, majd készítsen új fájlt, Fájl> Új.
43. lépés
Válassza ki az összes útvonalat az Illustratorban (Ctrl + A), majd mentse a vágólapra (Ctrl + C). Lépjen vissza a Photoshopra, majd illessze be (Ctrl + V). Az opció párbeszédpanelen válassza a lehetőséget Pálya.
44. lépés
A vektorút egy új útvonalon kerül megőrzésre Paths panel.
45. lépés - Alapforma
Másolja az alapforma utat egy új útvonalba. Kattintson a fehér és a fekete körre a rétegek egy új Beállítási réteg hozzáadásához. Válassza a Szín és a szín beállítást # 0f1219 a következő párbeszédpanelen.
hozzáad Színátmenet finom alakzatot adhat az alakzathoz.
46. lépés
Másolja meg az általunk létrehozott alakot, és kattintson duplán annak miniatűr rétegére, hogy megváltoztassa a színét # c3c6c9.
47. lépés
Az opciós sávból állítsa be a belső elérési módot levon az útvonalterületről. Ez az alakot a telefon szélére fordítja.
hozzáad Bevésés és domborítás az alakot háromdimenziós alakúra alakítja át.
48. lépés
Készíts egy új réteget. Konvertálja a réteget Vágómaszk A Ctrl + Alt + G. megnyomásával. Mostantól minden, amit festeni fog, a telefon szélébe kerül. Aktiválja Kefe szerszám és az előtér színét fekete színre állítja. A finom árnyékok festése a telefon szélén.
49. lépés
A Ctrl kattintással a telefon szélső rétegére kattintva új formátumot választhat. Kattints Válassza a> Módosítás> Szerződés lehetőséget által 1 px. Ezzel 1 pixelrel kisebb a választás.
50. lépés
Készítsen egy új réteget, és más finom árnyékokat és kiemeléseket fest.
51. lépés
Ismételje meg az előző lépést, ezúttal használja Szerződés által 2 px. Rajzoljon árnyékokat és kiemeléseket a telefon szélén.
Az alábbiakban a fénypontok és árnyékok éle előtti és utáni hozzáadása előtti különbség van. Láthatjuk, hogy az eredmény reálisabb.
52. lépés - Képernyőterület
Másolja a képernyő területét egy új útvonalra. Kattintson az Új korrekciós réteg hozzáadása elemre, majd válassza a Színt. Bármilyen színt használhat.
Kattintson duplán a rétegre az a megnyitásához Réteg stílus párbeszédablak. hozzáad Belső ragyogás és ütés.
53. lépés
Helyezzünk be egy háttérképet a képernyőre. Csúsztasson egy háttérképet a képernyőréteg tetején. Itt szép ködképet használok.
54. lépés
A Ctrl + Alt + G billentyűkombinációval konvertálhatja azt a Vágómaszk. A háttérkép automatikusan megjelenik a képernyőn.
55. lépés
Kattintson a fekete-fehér kör ikonra a rétegek új elem hozzáadásához Beállítási réteg. választ Színárnyalat telítettségét a menüből, és a csúszkával módosítsa a háttérkép színét. Állítsa be Vágómaszk ismét a Ctrl + Alt + G gomb megnyomásával. Így a beállítási réteg csak a háttérképet érinti, nem pedig a telefont.
Az alábbiakban bemutatjuk, hogyan kell megjeleníteni a réteg megjelenését.
56. lépés - Fő gombok
Másolja a fő gombot egy új útvonalra. Állítsa be a színekhez igazítási réteg tömör színt # cccfd2.
Kattintson duplán a rétegre, és aktiválja Árnyék és Bevésés és domborítás.
57. lépés
Felvessük a kiemeléseket és az árnyékokat a gombra. A folyamat nagyon hasonlít ahhoz, amit a telefon szélén tettünk a 48–51. Lépésben.
Ctrl-kattintással kattintson a főgombra, hogy új formát válasszon. Kattints Válassza a> Módosítás> Szerződés lehetőséget által 1 px.
58. lépés
Készíts egy új réteget. A finom fények és árnyékok festése a gombokra.
59. lépés
Válassza ki a másik két gombot, és másolja őket egy új útvonalra. Adjon hozzá egy új beállítási réteg szilárd színt fehér színnel.
60. lépés
Hozd le Átlátszatlanság 20% -ra.
61. lépés - Alkalmazásikon
Másolja az ikonokat egy új útvonalra. Készítsen egy új beállítási réteg tömör színt. Állítsa színét kékre.
62. lépés
Kattintson duplán a rétegre, és adjon hozzá finom Színátmenet.
63. lépés
Törölje a másik három alakot.
64. lépés
Ismételje meg az előző eljárást a többi szín esetében.
65. lépés
Az ikonformák másolása új útvonalra. Adjon hozzá egy új beállítási réteg tömör színt. Állítsa színét fehérre.
Kattintson duplán az ikonra és aktiválja Külső ragyogás és Színátmenet.
66. lépés
Adjon hozzá megfelelő címkét az egyes ikonokhoz.
67. lépés - Navigáció menü
Válassza ki a négy kis navigációs kört, és másolja át őket egy új útvonalra. Adjon hozzá egy új beállítási réteg szilárdt # 7e899b2d.
68. lépés
Ismételje meg ugyanazt a folyamatot egy nagyobb „aktív lap” -val a központban, ezúttal a színnel # cbced4.
69. lépés
Adjon hozzá egy számot az aktiválási lap tetején. 3-at választottam az enyémért.
70. lépés - Oldalsó gombok
Ismétlődő oldal gomb új útvonalra. Készítsen egy új Szabályozási réteg tömör színt színnel # b0b3b6. Helyezze a telefon mögé.
71. lépés
hozzáad Belső árnyék szöggel 0 fok és Belső ragyogás.
72. lépés
Ismételje meg a folyamatot a másik gombbal.
73. lépés
A megnyitáshoz kattintson duplán a Réteg gombra Réteg stílus párbeszédablak. hozzáad Belső árnyék de ezúttal használat 180 fok árnyékot adhat a gombhoz. Add hozzá Belső ragyogás.
74. lépés - Állapotsor
Válassza ki az állapotsorot, és másolja át azt egy új útvonalra. Készítsen új beállítási réteg szilárd színt fekete színnel. Időadatok hozzáadása.
75. lépés
Másolja az akkumulátort egy új útvonalra. Adjon hozzá egy új beállítási réteg tömör színt. Válassza a zöld színt.
hozzáad Belső ragyogás az alábbi beállításokkal.
76. lépés
Ismételje meg a jel ikonját egy új elérési útra, és adja hozzá a Szabályozási réteg tömör színét. A szín kiválasztásához fehér. Dupla kattintás Réteg és aktiválja Színátmenet.
77. lépés - Hangszóró
Másolja a hangszórót egy új útvonalra. Az opciós sávból állítson be egy kisebb körút módot levon az útvonalterületről. Új hozzáadása Szabályozási réteg tömör színe val vel # 6b6f76 színe.
Dupla kattintás Réteg és adja hozzá a következőket Rétegstílusok.
Ez az eredmény.
78. lépés - Fényképezőgép
Aktiválja a kört, és másolja át egy új útvonalra. Új hozzáadása Beállítási réteg a színnel # 272d36. Tegye ugyanezt a körben lévő gyűrűvel, de a színnel # 585a5e.
Az alábbiakban a fényképezőgép 100% -os nagyítással rendelkezik.
79. lépés - Gondolkodás
Másolja az alapvető telefonformát egy új rétegre. Rajzoljon egy sokszög alakú alakot a telefonon, és állítsa be a módját átvág útvonalterület. Adjon hozzá egy új Szabályozási réteg tömör színt, a színt a fehérre állítva.
Kattintson duplán a visszaverődés alakjára, és adjon hozzá finom Színátmenet.
80. lépés
Készlet Keverék mód Képernyő és csökkentse Átlátszatlanság nak nek 70% és Tölt nak nek 0%.
81. lépés
Ctrl-kattintásos reflexiós réteg. Készítsen egy új réteget, és a felső részén több fényt festessen.
82. lépés
Helyezze a telefonrétegeket egy csoportba úgy, hogy az összeset kiválasztja, majd nyomja meg a Ctrl + G. billentyűt. Kattintson a szem ikonra a háttérben, hogy elrejtse őket, és hogy a telefon átlátszó háttérre üljön. A Ctrl + A, a Ctrl + Shift + C, a Ctrl + V billentyűkombinációval átmásolhatja a telefont egy új rétegre.
83. lépés
Nyomja meg a Ctrl + T billentyűt a telefon átalakításához. Kattintson jobb gombbal és válassza ki Flip függőleges. Tegye a telefont az eredeti telefon alá.
84. lépés
Adjunk hozzá egy rétegmaszkot, és fehér színtől feketeig színezzünk egy színátmenetet a visszaverődés elhalványításához.
85. lépés - Árnyék
Aktiválja a Kefe eszközzel nagy kefe mérete és Keménység 0%. Készítsen egy új réteget, és rajzoljon egy fekete vonalat a telefon alá. Állítsa be Átlátszatlanság nak nek 10%.
86. lépés - Háttér
Dolgozzunk a háttérben. Készítsen egy új réteget, és kezdje el a festést a kék különböző árnyalataival. Itt nincs tökéletes szabály. Szabadítsa fel kreativitását.
87. lépés
Gauss-blur hozzáadása (Szűrő> Blur> Gauss-blur). Használjon nagyon nagy sugárméreteket, és győződjön meg róla, hogy aktiválja az Előnézet beállításokat, így az eredmény valós időben látható.
88. lépés
Készítsünk egy pixelmintát (vagy átugorhatod ezeket a lépéseket, és használj egy már elkészített pixelmintát a PSDfreemium-tól). Készítsen egy új fájlt, amelynek mérete 6 Ã?¢Â ??  ?? 6 képpont.
89. lépés
A Ctrl + 0 gomb megnyomásával maximalizálhatja a vászon nagyítási szintjét. Készíts egy új réteget, és rajzolj át egy átlós vonalat a Ceruza eszközzel 1 px ecset mérete.
90. lépés
Elrejt Háttér így csak az átlós vonalat látjuk. Kattints Szerkesztés> Minta definiálása menteni a képet mintázatként.
91. lépés
Térjen vissza a háttérben, kattintson duplán, és adjon hozzá Minta átfedés a korábban elkészített mintával.
Íme az eredmény.
Végeredmény
Végül vissza tudjuk hozni telefonunkat. Mint láthatjuk, az Illustratorban a vektoros rajzolás rugalmasságát és a Photoshop-ban található pixelfestés egyszerűségét a valósághű termékkép elérése érdekében egyesítettük. Remélem, élveztem ezt a bemutatót.
Letöltés
Kattintson ide a végleges PSD letöltéséhez a bemutatóhoz.