Tegn et kompass ikon med en lang skygge i Adobe Photoshop

Draw et kompass ikon med en lang skygge i Adobe Photoshop
Hva du skal lage

I denne opplæringen vil du lære å designe en fin enkel kompassikonet Adobe Photoshop, bruk av verktøy som Pen Tool, avrundet rektangel Tool, og rektangelverktøyet. Du vil også lære å kombinere grunnleggende former for å skape en mer kompleks form. Til slutt, vil du se hvordan du legger en lang skygge av ikonet. La oss komme i gang.

Instruksjons Eiendeler

Du trenger følgende frie midler til å følge denne opplæringen.

  • 26 Gjentakelser Pixel mønstre fra PSDfreemium


    1. Forbereder Canvas

    Trinn 1

    Lag ny fil i Photoshop (Fil > Ny). Sett størrelsen til 500 piksler × 500 piksler.

    Trinn 2

    Klikk på Legg Adjustment Layer ikonet i nedre del av Lag-panelet. Velg Solid Color.

    Trinn 3

    Velg lys rød (# db687b) for fargen.

    Trinn 4

    Dobbeltklikk Solid Color lag og deretter aktivere Pattern Overlay. Bruk gratis pixel mønster fra PSDfreemium. Sett sin modus til Multipliser med lav Opacity, 20%.

    Trinn 5

    Endre sitt lag navn til bakgrunnen
    . Jeg foreslår døpe hvert lag for å hjelpe deg å gjenkjenne lagets funksjon.

    2. Designing Base

    Trinn 1

    Først ønsker vi å bygge på ikonet base. Sett forgrunnsfargen til # 3ab2cb. Aktiver Avrundet rektangel Tool, og sette Radius til 30 px. Skift-klikk og dra for å tegne et avrundet rektangel.

    Trinn 2

    Dobbeltklikk på figuren, og aktivere Gradient Overlay. Velg hvit til svart gradient. Reduser Opacity med Blend Mode overlegg.

    Trinn 3

    Gjør et nytt lag, og legg den over ikonet basen. Kontroll-klikk på underlaget for å gjøre et nytt valg basert på formen. Høyreklikk og velg Stroke. I Strek dialogboksen velger en mørkere blå farge (# 1d6b80) med bredde 2 px.

    Trinn 4

    Legg til en lagmaske til hjerneslag lag, og fyll den med svart. Maling dens nedre halvdel med hvitt for å avsløre hjerneslag.

    Trinn 5

    Gjenta forrige form, og legge til et nytt slag linje på et nytt lag. Denne gangen bruker en lysere blå farge med bredde 1 px.

    Trinn 6

    Legg til en lagmaske og deretter fylle den med svart for å skjule slaget. Male den øvre del for å avsløre noen av de slag linje. Kombinasjonen av lys slag på toppen og mørk strek på bunnen vil legge til en 3D-effekt til basen.

    3. Tegne figuren

    Trinn 1

    Tegn en sirkulær form og deretter legge en mindre sirkulær form inne i den med sti modus Trekk Front Shape. Vi skal nå ha en ring form. For sin farge, sett den til hvit (# e4ffff).

    Trinn 2

    Legg til en trekant sti på den øvre delen av ringen form. Sett sin modus for å kombinere figurer.

    Trinn 3

    Legg til en trekant på nedre del.

    Trinn 4

    Duplicate de to trekanter. Rotere dem 90 °.

    Vi har nå en trekant som peker i fire retninger.

    Trinn 5

    Gjenta prosessen. Denne gangen legger mindre trekanter. Rotere dem 45 °.

    Trinn 6

    Dobbeltklikk laget form og deretter legge Gradient Overlay og Skygge. Se følgende skjermbilde for innstillingene.

    Trinn 7

    Legg til en mindre ring form på toppen av forrige form. Sett farge til #eaeded.

    Trinn 8

    Legg en halv trekant form som dekker halvparten av poenget i kompasset form.

    Fortsett å legge en halv trekant som dekker de andre punktene. Denne formen vil skape illusjonen om at kompasset formen er ekstrudert, ikke flat.

    Trinn 9

    Dobbeltklikk på figuren, og velg Gradient Overlay.

    For gradient, satt sin stil til lineær med farge overgang fra grå (# d7d7d7) til hvit (# ffffff).

    Trinn 10

    Legg til et nytt lag, og sørg for at den er plassert over alle de andre lag. Ctrl-klikk forrige formen vi nettopp laget. Vi vil ha et nytt valg basert på formen. Høyreklikk og velg Stroke. Sett Width til en px, Sted: Inside, med farge #eeefef

    Dette vil gi deg en tynn strek linje langs formen

    Trinn 11

    Legg et lag.. maske til laget form og fylle den med svart. Male noen deler av hjerneslag tråd med hvitt for å avsløre dem.

    Trinn 12

    La oss gjøre figuren synes realistisk ved å legge skygge under den. Legg et nytt lag, og plassere den under kompasset form. Kontroll-klikk kompasset formlag å gjøre et nytt valg basert på formen. Klikk på Rediger > Fylle. Sett innhold til Black og klikk OK for å fylle markeringen med svart.

    Trinn 13

    Fjern valg med Kontroll-D. Klikk Filter > Blur > Motion Blur. Sett vinkelen til -45 °.

    Trinn 14

    Bløt skyggen ved hjelp av en Gaussian Blur filteret. Klikk Filter > Blur > Gaussian Blur.

    Step 15

    For nå er dette ikke skyggen vi ønsker. For å fikse dette, legg til en lagmaske til laget og deretter male den unødvendige skygge på øvre venstre side av skyggen. Vi trenger bare skygge på høyre side av figuren. Se bildet nedenfor for referanse. Pass på at du også redusere sitt lag Opacity å gjøre skyggen subtil.

    Trinn 16

    La oss legge en pil på midten av kompasset form. Begynn med å legge et rektangel og deretter bruke en transformasjon (Ctrl-T). Først roter det 45 °. For det andre, presse hjørnet sitt før vi har en pil. Tredje, rotere det igjen.

    Trinn 17

    Dobbeltklikk på pilen form og deretter bruke Inner Glow, Gradient Overlay, og Drop Shadow med følgende innstillinger.
    < h3> Step 18

    Vi vil at pilen farge å være halvt hvit og halvt rødt. For å gjøre dette, bare kopiere formen (Ctrl-J) og deretter fjerne sine Layer Styles. Sett det til klipping maske. Klikk bunnen punktet med Pen Tool til å slette den.

    Step 19

    Legg en liten sirkel på midten av pilen. Dobbeltklikk den, og deretter bruke Inner Glow, Gradient Overlay, og Skygge.

    4. Legg Shadow

    Trinn 1

    Legg til et nytt lag og plasserer den mellom kompasset form og sin pil. Tegn en mangekantet utvalg som vist nedenfor ved hjelp av det mangekantede Tool og deretter fylle den med svart. Reduser lagets Opacity til 20%. Kontroll-klikk på ikonet base og legge til en lagmaske. Nå kan skyggen bare ses på ikonet base.

    Trinn 2

    For å øke illusjonen om at kompasset formen er ekstrudert, vi ønsker å legge til mer skygge på den. Lag et nytt lag mellom kompasset form og sin pil. Maling svart på pilen skygge som berører kompasset form.

    Trinn 3

    Legg til et nytt lag, og deretter en annen subtil skygge bak pilen. Aktiver Brush Tool med 0% hardhet og sette Opacity til 5%. Paint skygge bak pilen.

    Trinn 4

    Legg til et nytt lag. Denne gangen legger høydepunkt av ikonet. Maling hvit på ikonet hjørne. Redusere lag Opacity.

    Gjenta dette trinnet, male høydepunkt på andre deler av ikonet til den ikke vises altfor flat.

    Trinn 5

    Nå, la oss legge skygge til ikonet base. Lag et nytt lag under underlaget. Kontroll-klikk på underlaget, og fylle markeringen med svart.

    Trinn 6

    Hit Ctrl-D for å fjerne utvalget. Bløt skyggen ved å bruke Gaussian Blur.

    Trinn 7

    Du kan kopiere skyggen ved å klikke Ctrl-J hvis du ikke er fornøyd med resultatet og ønsker mørkere skygge. Hvis du synes det er for mørkt, kan du tone det ned ved å redusere sin Opacity.

    Endelig resultat

    Og dette er vår endelige resultatet. Jeg håper du liker den veiledningen og nå forstår teknikken med å lage en flat ikon med en lang skygge.