Share
Ikon design er et viktig element i noen designers verktøy brystet. Uansett hvor enkelt eller hvor komplisert ditt design er, vil et pent utseende ikon nesten alltid bidra til å spore opp ting. I denne Photoshop-opplæringen vil vi demonstrere noen enkle trinn for å hjelpe deg med å produsere ditt eget skinnende Psdtuts + -ikon i Photoshop. Disse trinnene kan enkelt endres for å lage en familie av ikoner for nettstedet ditt.
Start med et nytt dokument, jeg har brukt Bredde - 600px, Høyde - 600px. Ta det runde rektangelverktøyet (U), Radius-20px, og tegne en form som dette, endre formen ved hjelp av Add Anchor Point Tool, flytt deretter de nye ankerpunktene som vist.
Trykk Ctrl + Enter for å velge, fyll det med farge - # 05b4ba, og bruk deretter et overtoningsoverlegg ved hjelp av en lagstil.
Navngi dette laget "Base", Ctrl + Klikk på miniatyrbildet Lag for å lage valg. Opprett nå en ny senere og kaller den "Outside Stroke". Gå til Rediger> Stroke. Påfør et strekk på 8px, plassering - senter. (Du kan bruke hvilken som helst farge).
Nå må vi lage en skygge av laget "Utvendig slag". For å gjøre dette, må du duplisere det laget og dra det under hovedlaget "Utvendig strøk". Gå til Lag> Lagstil> Fargeoverlegg. Fyll den med svart farge. Gå nå til Filter> Blur> Gaussian Blur. Radius - 0,9 px. Endre Opacity til 7%. Du bør få noe sånt.
Nå igjen Ctrl + Klikk på "Base" laget miniatyrbildet. Opprett et nytt lag og nev det "Glow Overlay 1". Fyll den med hvit farge og flytt valget ned med piltasten. Hit slett. Endre opaciteten til 7%.
Det er på tide for et nytt lyslys. Bruk pennverktøyet (P) og tegne en form som dette. Gi navn på dette laget "Glow Overlay 2". Endre opaciteten til 11%.
Igjen Ctrl + Klikk på "Base" -laget. Opprett et nytt lag og betegn det "Box Glow". Fyll den med hvitt. Gå til Velg> Endre> Kontrakt, kontrakt med 30px. Slett dette området. Ta Eraser Tool (E), følg neste bilde.
Eventuelt kan du legge til dine egne effekter som vist.
Vårt neste skritt er å gi det et glassaktig utseende. Lag et nytt lag og betegn det "Glass". Ta det avrundede rektangelverktøyet, Radius - 10px, endre lagsmeltingsmodus til Lighten. Se instruksjonene i neste bilde.
Nå må vi skape kanten av glass-temaområdet. Tegn den samme formen ved hjelp av det avrundede rektangelverktøyet, trykk Ctrl + Enter for å velge, gå til Rediger> Strek, bredde - 1px, plassering - senter, farge-hvit. Endre Layer Blending-modusen til Overlay. Ta Eraser Tool (E). Se neste bilde.
Nå som teksten er skrevet ut, er det på tide å justere noen av lagene. Opprett en ny laggruppe, nevner den "Object Front", og legg deretter alle lagene i den.
Tid for å justere lagene. Opprett en ny lagergruppe, gi den navnet "Object Front" og legg alle lagene i den.
For å lage baksiden av objektet, vil vi neste skape et nytt lag under "Object Front" -gruppen og gi det navnet "Object Back", opprett en form ved hjelp av avrundet rektangulært verktøy, og bruk deretter følgende lagblandingsstiler.
Nå er det på tide å legge til en annen glød på "Object Back" -laget. Noe sånt som dette. Bruk trinnene vi lagde ut i tidligere deler av denne veiledningen for dette.
Vårt neste skritt er å bruke en skygge på vårt bakobjekt. Se følgende bilde.
Opprett et nytt lag-gruppe, gi det navnet "Object Back" og legg lagene i det. Deretter lager du det øvre området av mappeikonet ved å opprette et nytt lag over "Object Back" -gruppen. Gi det navnet "Head". Begynn å bruke pennverktøyet, følg neste bilde.
Ctrl + Klikk på miniatyrbildet i topplaget, opprett et nytt lag og navnet "Head Stroke", Gå til Rediger> Stroke, bredde - 1 px, farge-hvit. Legg nå litt glød på hovedlaget, prøv å lage denne selv.
Nå skal vi lage vår tag. For å gjøre dette, følg instruksjonene på bildet nedenfor.
For å lage tauet, tegne det med pennverktøyet og bruk hullets blandingstil. (Brukes i trinn 17.)
For å lage skyggen av taggen, følg trinnene som er lagt ut i trinn 4 og slett de ytre områdene. Still oppaktheten til 61%.
Opprett en skygge for mappeikonet akkurat slik og legg laget nederst.
Du kan lage en familie av ikoner ved hjelp av svært liknende teknikker. Takk skal du ha! Jeg håper du har hatt denne opplæringen.
Accentsconagua