Ang isang badge sa disenyo ng web ay nangangahulugang isang uri ng badge na pamilyar sa lahat, na karaniwang naglalaman ng impormasyon tungkol sa isang seksyon ng isang site, isang tukoy na paksa o mga serbisyo sa site. Ang mga badge ay maaaring magkaroon ng iba't ibang mga hugis, parehong simple (mga geometric na hugis) at mas kumplikado (pagsasama ng maraming mga hugis).
Kailangan
Adobe Photoshop software
Panuto
Hakbang 1
Matapos simulan ang graphic editor, pindutin ang keyboard shortcut Ctrl + N (lumikha ng isang file). Sa bubukas na window, dapat mong ipahiwatig na ang isang hugis-parisukat na dokumento ng RGB na may sukat na 600 px ay nilikha; kanais-nais na gumamit ng isang puting background.
Hakbang 2
Sa kaliwang bahagi ng window ng programa ay may isang toolbar, mag-click sa tool na Custom na Hugis, lilitaw ang mga karagdagang parameter sa itaas na panel, bukod sa kung saan magkakaroon ng pagpipilian ng hugis ng badge sa hinaharap. Sa kahon ng drop-down na listahan ng Hugis, pumili ng anumang hugis. Kung hindi ka makahanap ng angkop na hugis, mag-click sa arrow at piliin ang koleksyon ng Mga hugis ng mga hugis.
Hakbang 3
Lumikha ng isang hugis sa dokumento sa pamamagitan ng pag-unat ito sa kaliwang pindutan ng mouse. Gamitin ang utos ng Rasterize Layer mula sa menu ng konteksto upang ma-overlay ang isang raster sa isang imahe.
Hakbang 4
Pagkatapos piliin ang hugis sa karaniwang paraan o paggamit ng Ctrl key, na dapat na mai-clamp nang sabay-sabay sa pag-click sa kaliwang pindutan ng mouse sa layer na may nilikha na hugis.
Hakbang 5
Pumunta sa tagapili ng kulay at pumili ng 2 mga kulay (harapan at background), ang isang kulay ay dapat na bahagyang mas madilim kaysa sa isa pa. Mag-click sa tool na Gradient at gumuhit ng isang linya sa imahe. Kung ito ay isang simpleng hugis, tulad ng isang parisukat, gumuhit ng isang linya mula sa itaas na kaliwang sulok at huminto sa ibabang kanang sulok.
Hakbang 6
Upang mapili ang isang hugis, gamitin ang keyboard shortcut Ctrl + D. Dapat magproseso ang nagresultang imahe, i. magdagdag ng ilang mga epekto. Piliin ang layer ng hugis at i-click ang pindutang "Mga Filter" sa panel ng mga layer. Mag-apply ng isang filter ng Drop Shadow na may mga sumusunod na parameter: Opacity-20, Angle-120, Distance-10, Sukat-15.
Hakbang 7
Pagkatapos mag-apply ng isang Bevel at Emboss filter na may mga sumusunod na parameter: Style-Inner Bevel, Technique-Chisel Hard, Size-2.
Hakbang 8
Susunod, kailangan mong lumikha ng isang bagong layer. Para sa layer na ito, kailangan mong i-reset ang lahat ng mga kulay, magagawa ito sa pamamagitan ng pagpindot sa titik na English D sa keyboard. Sa paleta ng tool, gamitin ang "Round Selection" at gumawa ng isang pagpipilian ng gilid ng iyong hugis. Sa panel ng layer, itakda ang mga sumusunod na parameter: Mga Layer-Lighten, Opacity-20.
Hakbang 9
Punan ang bagong layer ng puti at alisin ang pagkakapili. Ngayon ay nananatili lamang ito upang magdagdag ng impormasyon tungkol sa seksyon ng site o anumang salita na iyong pinili. Upang magawa ito, gamitin ang tool sa Text.
