Oprettelse af knapper til mobile grænseflader i Photoshop CS6

Disse typer knapper er meget populære, især når vi arbejder på at lave dele til mobile grænseflader som f.eks iPhoneFaktisk var det denne enhed, der inkorporerede disse typer knapper, der ligner en lille skinnende plastikfane, hvortil en lille refleksion af lys rammer.
For at opbygge denne type knap vil vi bruge grundlæggende teknikker såsom rektangulære former med afrundede kanter, brug af gradienter og brug af farvepaletter for at opnå de nødvendige effekter.
Først skal vi starte processen ved at generere grundformen for vores knap, for dette vil vi følge de følgende trin.
1- Lad os starte med at oprette en vektor formet som et rektangel med afrundede kanter og i lagemenuen skal vi anvende en effekt af overlappende gradient:

2- Forløbet skal have en mørk farve i den øverste del og en variation af samme farve, men lysere i den nederste del, andelen kan være af 80% mørk og a 20% klarhed.
3- Nu skal vi duplikatlag, for dette kan vi trykke på tastekombinationen CTRL + JVi gør dette for at være i stand til at ændre gradienten i det duplikerede lag, derfor vil vi, når de er duplikeret, dobbeltklikke på gradienteffekten.
4- Vi kommer til at redigere gradienten ved at indstille dens uigennemsigtighed til a 50% og vi kommer til at ændre farverne til hvidt i baggrunden, og den letteste del vil være gennemsigtig:
5- Nu er det næste trin, vi skal gøre, at slette ankre, for dette skal vi vælge punktværktøj, er tanken at flytte referencerne til det duplikerede lag, så det kun dækker omkring en tredjedel af lærredet.
6- Nu skal vi oprette en krumning i den nedre kant af det duplikerede lag, til dette skal vi bruge værktøjet valg af retning og i midten af ​​linjen genererer vi den nødvendige bevægelse.
7- Når vi er ved at være færdige, skal vi ændre laget, og vi vil ændre opaciteten til cirka 65% og påfyldningsparameteren o Fylde vi lader det stå på 0, dette får alt til at tage form.
8- Endelig kan vi tilføje et billede eller en tekst, derved skal vi placere en lille skygge, så det fremhæver elementet, og vi kan knytte det til en knap:

Som vi kan se, har vi genereret en knap, der meget ligner dem, der bruges i mobile grænseflader, disse giver os et slående og friskt udseende, som vi kan inkorporere i vores skitser og forslag til mobile grænseflader, de bruges mere end noget til at repræsentere applikationer og elementer som det, ikke til grundlæggende brugerhandlinger, men alle kan bruge deres kreativitet til at få dem en position.
Med dette afslutter vi denne vejledning, da vi så, at vi anvendte flere grundlæggende teknikker for at opnå det endelige resultat, skal det bemærkes, at jo mere vi øver, jo hurtigere vil vi være, og vi vil være i stand til at generere disse elementer med større sikkerhed.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt