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.
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 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. Dobbeltklikk på figuren, og aktivere Gradient Overlay. Velg hvit til svart gradient. Reduser Opacity med Blend Mode overlegg. 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. Legg til en lagmaske til hjerneslag lag, og fyll den med svart. Maling dens nedre halvdel med hvitt for å avsløre hjerneslag. 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. 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. 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). Legg til en trekant sti på den øvre delen av ringen form. Sett sin modus for å kombinere figurer. Legg til en trekant på nedre del. Duplicate de to trekanter. Rotere dem 90 °. Vi har nå en trekant som peker i fire retninger. Gjenta prosessen. Denne gangen legger mindre trekanter. Rotere dem 45 °. Dobbeltklikk laget form og deretter legge Gradient Overlay og Skygge. Se følgende skjermbilde for innstillingene. Legg til en mindre ring form på toppen av forrige form. Sett farge til #eaeded. 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. Dobbeltklikk på figuren, og velg Gradient Overlay. For gradient, satt sin stil til lineær med farge overgang fra grå (# d7d7d7) til hvit (# ffffff). 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 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. 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. Fjern valg med Kontroll-D. Klikk Filter > Blur > Motion Blur. Sett vinkelen til -45 °. Bløt skyggen ved hjelp av en Gaussian Blur filteret. Klikk Filter > Blur > Gaussian Blur. 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. 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. Dobbeltklikk på pilen form og deretter bruke Inner Glow, Gradient Overlay, og Drop Shadow med følgende innstillinger. 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. Legg en liten sirkel på midten av pilen. Dobbeltklikk den, og deretter bruke Inner Glow, Gradient Overlay, og Skygge. 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. 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. 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. 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. Nå, la oss legge skygge til ikonet base. Lag et nytt lag under underlaget. Kontroll-klikk på underlaget, og fylle markeringen med svart. Hit Ctrl-D for å fjerne utvalget. Bløt skyggen ved å bruke Gaussian Blur. 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. 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.
. Jeg foreslår døpe hvert lag for å hjelpe deg å gjenkjenne lagets funksjon.
2. Designing Base
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
3. Tegne figuren
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
Trinn 9
Trinn 10
Trinn 11
Trinn 12
Trinn 13
Trinn 14
Step 15
Trinn 16
Trinn 17
< h3> Step 18
Step 19
4. Legg Shadow
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Endelig resultat