Fényes gomb a Photoshopban
Helló kedves olvasóim! Ma elmondom, hogyan hozhat létre egy gyönyörű, izzó "Play" gombot. Ez a lecke az Adobe Photoshop kezdő felhasználók számára készült. könnyű játszani, tehát kipróbálni =).
Ahogy követjük ezt a leckét, megtanuljuk az alapvető rajzkészségeket. Világítási effektusok hozzáadása a kép elemeihez, és a Pen eszközt is használjuk. különböző átfedési módok és kiválasztási módok.
![Fényerejű gomb a Photoshopban (gombos megjelenítés) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-2897f1d8.jpg)
Oké, kezdjük el!
Hozzon létre egy új dokumentumot (a méret nem számít) fekete háttérrel. Ezután hozzon létre egy új réteget, és egy sötétkék nagy puha kefével rajzoljon egy pontot a vászon középpontjában, ez lesz a hátunk:
![Fényerõ gomb a Photoshopban (új rétegréteg) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-e7c0055f.jpg)
Hozz létre egy új réteget, és rajzoljon erre a rétegre egy sárga kört a vászon közepén:
![Fényes gomb a Photoshopban (világos gomb) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-ea768a25.jpg)
Most adjunk hozzá néhány fényt és árnyékot a körünkbe. Indításhoz válasszon egy réteget egy körrel, majd puha, fehér színű ecsettel, rajzoljon kiemelkedést (lásd az alábbi képet):
![Fényes gomb a Photoshopban (most adjunk hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-8b698250.jpg)
Hozzon létre egy másik réteget, és használja a puha fekete ecsetet, hogy árnyékot húzzon a jövőbeli gomb jobb alsó részén:
![Világító gomb a Photoshopban (gomb létrehozása a webhelyen) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-f4018269.jpg)
Ezután adja hozzá egy réteget a réteg alatt a körhöz. Puha fekete ecsettel használjon árnyékot a gomb alatt: (használja a Free Transform (Ctrl + T) eszközt, hogy "összenyomja" az ecset nyomtatását és árnyékot kapjon):
![Fényes gomb a Photoshopban (világos gomb) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-42a105b0.jpg)
Az első lépés végeredménye:
![Fényes gomb a Photoshopban (eredmény Add hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-76e8d185.jpg)
Most adjon hozzá egy nyilat a gombunkhoz - hozzon létre egy új réteget, és válassza ki a Polygon eszközt az eszköztárból:
![Fényes gomb a Photoshopban (most adjunk hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-875ba951.jpg)
Alkalmazza az alábbi beállításokat ehhez az eszközhöz. Azt is szeretném megjegyezni, hogy a kitöltési színnek sötétbarnanak kell lennie:
Ezután rajzoljon egy háromszöget, az alábbiak szerint: (hasznos lehet a rácskijelző engedélyezése, a Ctrl + billentyűkombináció használatával útmutatásként használni).
![Fényes gomb a Photoshopban (most adjunk hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-80f64982.jpg)
Alkalmazza a következő rétegstílusokat a rétegre a nyíllal:
![Fényes gomb a Photoshopban (eredmény Add hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-39129158.jpg)
![Fényerõ gomb a Photoshopban (új rétegréteg) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-7ad74e31.jpg)
Itt van, mi történt ebben a szakaszban:
![Fényes gomb a Photoshopban (világos gomb) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-18b9c6b0.jpg)
Most adjunk hozzá egy kis ragyogást a nyílhoz - hozzon létre egy új réteget a háromszög réteg alatt, és egy puha, fehér ecsettel egyforma méretű, mint a háromszög, egy kattintással ecsetvonást készítsen az alábbi képen látható módon:
![Fényes gomb a Photoshopban (világos gomb) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-b9f37989.jpg)
Duplikálja ezt a réteget és tömörítse azt a Szabad Transform eszközzel. Fordítsa meg és csatlakoztassa a háromszög egyik vonalához - ez további fényvisszaverő hatást eredményez:
![Világító gomb a Photoshopban (a mi gombunk körül) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-29636754.jpg)
Kétszer másolja meg ezt a réteget, forgassa el és mozgassa ezeket a rétegeket a háromszög másik oldalára:
![Fényes gomb a Photoshopban (eredmény Add hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-2de491e6.jpg)
Jelenlegi eredményünk így néz ki:
![Fényerejű gomb a Photoshopban (gombos megjelenítés) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-c63c77b9.jpg)
Ez a lépés opcionális. Úgy döntöttem, hogy ehhez a nyomógombhoz hozzáadunk egy "vezetékes / vezetékes effektet", hogy egyedivé és érdekessé tegyem.
Használja a Pen eszközt. hogy hozzon létre egy utat. Ezután hozzon létre egy löketet a körvonalainkhoz a sárga kefe méretének 5px-el (ne felejtsük el jelölni a Szimulációs nyomás opciót):
![Fényes gomb a Photoshopban (az eredmény most) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-d99f7b32.jpg)
Ezután adj hozzá egy "csomót" a gombhoz a Négyszögletes eszköz használatával. Rajzolva helyezzük el ezt a négyszöget arra a helyre, ahol összekötjük a szálat a gombbal, és átalakítjuk a szerszám segítségével. Perspektíva:
![Fényes gomb a Photoshopban (az eredmény most) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-6776d52d.jpg)
A perspektíva segítségével történő átalakulás után ezt az eredményt kapja:
![Fényerõ gomb a Photoshopban (új rétegréteg) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-a685c90e.jpg)
Adjuk hozzá a textúrát, hogy a csomagunk valósághűbb legyen: alkalmazzuk a következő keverési paramétereket a rétegünkre:
![Fényerejű gomb a Photoshopban (gombos megjelenítés) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-39814c01.jpg)
![Fényes gomb a Photoshopban (az eredmény most) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-40d73cf0.jpg)
![Fényerõ gomb a Photoshopban (új rétegréteg) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-7b8d3f9e.jpg)
![Fényerõ gomb a Photoshopban (új rétegréteg) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-6b743e3f.jpg)
Miután befejezte ezt a lépést, ezt az eredményt kapja:
![Fényes gomb a Photoshopban (most adjunk hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-02062967.jpg)
Most adjunk még egy fényhatást. Ehhez töltse be újra a választást a gombunk aljából (kör), hozzon létre egy új réteget, és használja a fehér színű puha kefét, hogy rajzoljon egy fénysugarat a választékunkon belül (lásd az alábbi képet):
![Fényes gomb a Photoshopban (új réteg létrehozása) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-0aef5436.jpg)
Törölje a (Ctrl + D) billentyűt, húzza át ezt a réteget egy kicsit jobbra, és ezt a hatást kapja:
![Fényerejű gomb a Photoshopban (gombos megjelenítés) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-c6c96886.jpg)
Duplikálja ezt a réteget (Ctrl + J), vízszintesen flip és helyezze a gomb bal oldalára:
![Fényes gomb a Photoshopban (új réteg létrehozása) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-2f58bcb3.jpg)
Most kell valami ilyesmi:
![Fényes gomb a Photoshopban (eredmény Add hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-a043ac44.jpg)
Most adjuk hozzá néhány izzó pontot a gombunk körül. Ehhez vigye egy puha kefét és alkalmazzon ilyen paramétereket:
![Fényes gomb a Photoshopban (új réteg létrehozása) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-813943d3.jpg)
![Fényerejű gomb a Photoshopban (gombos megjelenítés) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-0e61d8f9.jpg)
![Fényes gomb a Photoshopban (most adjunk hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-aa6ab2fb.jpg)
Ellenőrizze, hogy engedélyezve van-e az Antialiasing beállítás. Nos, most húzzuk meg a csillogó pontokat a gombunk körül:
![Fényes gomb a Photoshopban (most adjunk hozzá) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-c3cdf080.jpg)
Már majdnem kész! A képünk végleges beállításához elhatároztam, hogy egy kis ragyogást adunk a gombunknak. Hozzon létre egy új réteget a réteg alatt a körrel, és a sárga puha ecsettel húzza ki a gomb körül a ragyogást:
![Világító gomb a Photoshopban (a mi gombunk körül) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-2d16272f.jpg)
Miután játszottam egy kicsit a színekkel, úgy döntöttem, hogy a rétegek tetején egy Hue / Saturation korrekciós réteget adok hozzá, hogy egy kicsit vöröses árnyalatot kapjunk:
![Fényerõ gomb a Photoshopban (új rétegréteg) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-069fbbfc.jpg)
![Világító gomb a Photoshopban (gomb létrehozása a webhelyen) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-2ba52e1b.jpg)
![Fényes gomb a Photoshopban (világos gomb) Fényes gomb a Photoshopban](https://images-on-off.com/images/199/svetyashayasyaknopkavfotoshop-2897f1d8.jpg)
Ez mind a mai napig! Remélem tetszett neked a lecke, és valami hasznosat találtál magadban =) Új találkozókig, jó napig!
Fordító: Sergey Zastavny;