Shiny Glass Button Effekt i Photoshop

Lære å lage en skinnende glass-knappen i Photoshop oppnår flere praktiske mål. Ett er å lage knapper for programmer og nettsider. En annen er å lære å skape en kompleks effekt raskt. Den avgjørende faktoren for å lage en skinnende glass knapp med bare noen få museklikk er Photoshop sett med forhåndsdefinerte stiler. Ved å klikke på en slik stil setter mange parametere samtidig, noe som sparer deg for mange timer med prøving og feiling.

Lag en Shape

Det første som trengs for å gjøre en skinnende glass knappen er formen på knappen. Du kan opprette denne formen med "Avrundet rektangel" verktøyet i verktøypaletten, hvis ikonet ser ut som et rektangel med avrundede hjørner. Etter å ha klikket det ikonet, dra i vinduet for å gi knappen form.

Utsett "Styles" Window

Mange ulike faktorer gå inn den blanke knappen effekt, inkludert preging, fasing og skygge. Det kan være overveldende å prøve å gjette hvilken Photoshop verktøy å bruke for å lage og organisere disse utallige effekter. Av den grunn bruker en forhåndsdefinert knapp stil. Når du gjør dette kan du studere komponentene i hver stil, slik at du kan skreddersy stilen til design ideer. Photoshop er "Styles", som viser forhåndsdefinerte knapp stilarter, er skjult som standard. Utsett den ved å klikke på "Window" menyen "Styles" element.

Påfør en stil

Etter at du har vist den "Styles" vinduet, legger listen over forhåndsdefinerte knapp stilarter som følger: Klikk på den lille knappen øverst til høyre i vinduet for å vise en liste over stilkategorier. Klikk på kategorien "Button", klikk på "Tilføy" -knappen. Disse handlingene fortelle Photoshop du ønsker å se på forhåndsdefinerte stiler for knapper, men ønsker ikke å tørke ut de eksisterende stilene i "Styles" galleri. Velg en knapp stil ved å klikke på symbolet i galleriet nettopp nevnte. For eksempel, klikk på "Blått glass" -ikonet for å gjøre figuren din ser ut som en knapp laget av blått glass.

komponent~~POS=TRUNC Effects

Når du har brukt en forhåndsdefinert knapp stil på formen, Photoshop viser alle komponentene i den stilen i "Layers" -vinduet. For eksempel, hvis du har brukt den "Blått glass" effekt, vil du se følgende komponenter er oppført i "Layers" vinduet: "Inner glow", "Color overlay" og andre. Du kan deaktivere noen av disse komponentene for å bedre forstå hvordan en bestemt komponent bidrar til den generelle skinnende glass knappen effekt. Hvis du vil deaktivere alle komponenter samtidig, klikker du øyeikonet ved siden av "Effects" -ikonet.

eksperimentering

Bruk av en forhåndsdefinert knapp stil gir et realistisk, skinnende glass knapp som du kan bruke som er. Men hvis du ønsker å lage knapper unik design ideer, ta deg tid til å forstå hvordan hver komponent i en forhåndsdefinert stil fungerer. Dyrke denne forståelsen ved å prøve ut forskjellige verdier for en enkelt komponent. For eksempel, hvis du har brukt den "Blått glass" -knappen, dobbeltklikk på "Color overlay" komponent i "Layers" -vinduet. Photoshop vil vise en dialogboks med kontroller som påvirker bare "Color overlay" komponent. Klikk på fargekartet til høyre for "Blend mode" kontroll, og deretter velge en ny farge for knappen fra vinduet som vises. Denne oppgaven viser deg en måte å tilpasse en skinnende glass knapp.