Homepage » Készülékek » Hogyan készítsünk egy valósághű Samsung Galaxy S2 - Photoshop bemutatót

    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.