How å lage stilige flat plass Ikoner i Adobe Photoshop
Hva du skal lage
Inspirert av nylige hendelser i spaceexploration og funn, vil vi gå gjennom en spennende prosess og createtrendy flat-stil plass ikoner med lange skyggeeffekter i Adobe Photoshop, ved hjelp av enkle former andpath operasjoner. La oss grave i!
1. Lag en Space Rocket Ikon
Her er paletten prøve som vi skal søke på våre figurer. Jeg valgte falmede farger for å skape en retro effekt, som gjør en fin kombinasjon med flat-stil bilder. Du kan lagre denne paletten til datamaskinen, åpne det i Photoshop, og velge den fargen direkte fra det med pipetteverktøyet (I) eller i Fill panel for de grunnleggende former.
Trinn 1
< p> Først av alt, la oss lage BASE.OUR ikoner kommer til å være rundt, så velg Ellipse Tool (U)
fra de grunnleggende former i Verktøy
panel. Klikk på Artboard å ringe ut pop-up menyen for alternativer og sette bredde og høyde på ikonet basen til 512x512 px
. Nå har vi en enda sirkel. La oss fylle den withdark blå farge, som minner om verdensrommet. Fortsatt med Ellipse Tool (U)
valgt, finn kontrollpanelet ovenfor og klikk Fyll
knappen. Der kan du velge en av standard swatch farger eller angi owncolor hvis du klikker på multi-farget firkant ikonet i pop-up Fyll
menyen.
Trinn 2
Nå må vi lage rakett base.Start ved å plassere en knust hvit ellipse i midten av ikonet. Ta Direct Selection Tool (A) Hotell og klikk onthe kanten av laget ellipse for å gjøre sin vei og ankerpunktene synlig. Slå tothe Convert Point Tool
(du kan findit i samme meny som Pen Tool (P
)) og klikk på øvre forankringspunkt for å gjøre det til en skarp vinkel.
Trinn 3
Holde rakett base valgt, gå toPath Operations i form kontrollpanelet ovenfor, og velg Snitt ShapeAreas. Så rektangel Tool (U) Hotell og tegne et rektangel, overlapp meste av raketten, men etterlot seg en smallpiece nederst. Som et resultat av denne operasjonen, vil alt utenfor theboundaries av rektangelet bli usynlig. Denne måten vi avskåret thebottom del av raketten.
Trinn 4
La oss gjøre halvparten av vår rakett slightlyshadowed. Først slår du på SmartGuides
i View > Show > SmartGuides
; de vil hjelpe deg å plassere dine figurer i riktig positions.Continue ved å lage et rektangel av en lys grå farge og legg den over therocket, dekker sin høyre side.
Trinn 5
Nå må vi skjule de delene av therectangle utenfor rakettbasen. Dette kan virke litt vanskelig i starten, men du trenger bare å gjøre følgende handlinger i riktig rekkefølge.
Først av alt, hold downthe Kontroll
tasten og klikk
på raketten layerin Layers
panel. Når du dothat, vil du se den marsjerende maur utvalg sammen grensene for yourrocket. Nå er alt du trenger å gjøre for å velge den grå rektangelet laget og klikk på Legg til en maske
ikonet nederst panelof Layers
panel. På denne måten kan createa maske, knyttet til din lag, som skjuler alle de unødvendige delene utenfor theselection.
Trinn 6
Ta Ellipse Tool (U) Hotell og legge en enda sirkel, som danner lyset ofour rakett. La oss også lage den indre del av det, selve glasset. Trykk på Ctrl-J
til lag duplicatethe lyset. Nå trykker Ctrl-T
å forandre form. Hodet til kontrollpanelet over og redusere Bredde Hotell og Høyde
av sirkelen til 70%.
Fyll den indre delen av lyset med en blek grå-blå farge, bevare den retro stilen vår fargepalett, og Addan injektor på bunnen av vår rakett med Avrundet rektangel Tool (U).
Trinn 7
La oss legge finnene til vår rakett, noe som gjør itmore detaljert. Start med å danne en jevn sirkel av en falmet-rød farge og dragits bunnen ankerpunkt ned med DirectSelection Tool (A)
, ekstrudering formen. Deretter klikker du på det med Convert Point Tool
, noe som gjør det skarpt.
Trinn 8
Trykk på Ctrl-T
, rotere finnen litt, og legg den bak raketten. Deretter trykker du Ctrl-J
å duplicatethe fin og gå til Rediger > Transform Sti > Vend vannrett.
Hold nede Skift
for å flytte speilet form langs den horisontale aksen til theother side av raketten.
Trinn 9
Legg den tredje finnen i den fremre delen av ourrocket og knuse det med Free Transform (Ctrl-T).
Step 10
Nå må vi bruke en trendy lang shadoweffect til vårt ikon. Begynn å danne en skygge ved å skape et svart rektangel andlowering sin Opacity
ned til 50%
i Layers
panel for mer komfort. Roter rektangel av 45 grader
i Free Transform
modus (Ctrl-T).
Utvid rektangelet å dekke raketten, som vist i skjermbildet nedenfor.
Step 11
Flytt på og plassere rektangelet bak therocket. Nå må vi fjerne de delene av rektangelet som er outsidethe forlot halvparten av vår rakett. Ta tak i AddAnchor Point Tool product: (i samme meny som Pen Tool (P)
), og legge til et par festepunkter til blackrectangle. Plasser en av dem på det punkt hvor rektangelet thebottom berører spissen av finnen venstre, og den andre en i skjæringspunktet ofthe rektangel og den høyre halvdel av vår rakett.
Nå kan vi flytte remaininganchor poeng med Direkte SelectionTool (A)
, gjemmer dem bak raketten.
Trinn 12
Her er en annen enkel måte å skjule theunneeded deler av skyggen, som er utenfor ikonet basen. Velg theshadow formlag, og holde nede Alt
tasten, flytter musepekeren over ikonet underlaget. Når du ser thecursor endring til en liten firkant med en pil, klikker du på lag, og dermed skape en Beskjærings Mask
.
Velg skyggen, bytte til rektangel Tool (U)
, andchange fyllfargen vår skygge til en lineær gradient fra svart til white.Switch Blending Mode
av theshadow til Multipliser
i toppen partof Layers
panel, slik at theshadow blander pent med ikonet basen.
Step 13
La oss legge til et par mindre detaljer å ourrocket, noe som gjør det mer lunefull. Ta EllipseTool (U) Hotell og plassere en rød ellipse over den øvre delen av raketten. Selectboth opprettet ellipse og den grunnleggende rakett del og, mens Ellipse Tool (U)
er valgt, høyreklikk
å ringe outthe kontekstmenyen. Bruk Unite Shapes atOverlap
funksjon for å skjule unødvendige deler, danner en rakett tips. Til slutt legger du en enkel høydepunkt på glasset av raketten, ved hjelp av en lysere blåfarge.
Fullfør opp med raketten ved å spre somepale gule stjerner over sirklet base, legger dybde til vår spaceicon.
< h2> 2. Gjengi en Flat Striped Planet Ikon
Som vi nå kjent med somesimple Photoshop-funksjoner og grunnleggende form operasjoner, kan vi fremskynde theprocess, som vi skal bruke lignende teknikker. La oss gå videre til vår nexticon. En planet med en asteroide belte
Trinn 1
Start med å lage en enda sirkel av apale gul farge for basen av planeten. Gå videre og lage en gruppe ofnarrow striper over planeten med RectangleTool (U), etter varierende sin bredde og farge. Du kan gruppere striper (velg og trykk på Ctrl-G
) og roter striper gruppen litt, for å legge til noen dynamikk til planeten vår.
Trinn 2
Nå må vi bli kvitt de unneededparts. Velg planeten base; ta EllipseTool (U) Hotell og høyreklikk
på vår ikon. Velg Make Selection
i thecontext menyen og klikk OK
i Make Selection
pop-up vindu, leavingthe alternativer som standard.
Når du kommer marsjer antsselection på planeten, velg striper gruppe og klikk Legg til en maske
ikonet i den nederste delen ofthe Layers
panel, gjemmer theunneeded deler inne i masken.
Trinn 3
La oss legge til noen dimensjon til vår planet byputting en enkel skygge på sin høyre side. Duplisere den grunnleggende planet form andput dette laget på toppen av de andre lagene, flytte formen opp og til venstre. Selectboth sirklet figurer og bruke SubtractFront Shape
funksjon. Slå Blend Mode
av laget formen til Skjerm Hotell og sette Opacity
til 40%
, noe som gjør planeten lettere og thuscreating en skygge på sitt høyre kant.
Trinn 4
La oss legge asteroiden ring rundt theplanet. Lag en knust ellipse og aktiverer Trekk fra Font Shape
banen
drift .
Deretter foreta en ellipse av asmaller størrelse over den første, og dermed danner et hull.
Vi trenger å slette den delen av ringoverlapping planeten, noe som gjør det skjult bak den grunnleggende planet form. Begynn byadding en ellipse, som dekker toppen av planeten, og en del av ringen, som vi ønsker å skjule (rød strek form i skjermbilde). Velg boththe opprettet ellipse og den grunnleggende planet form og Unite Shapes på Overlapping
, og skaper en "cap" på toppen av planeten.
Trinn 5
Høyre -klikk
på
redstroke form og Gjør Utvalg
.Deretter gå til Velg > Omvendt.
Holde valget, klikker du ringen layerand Legg til en maske
å skjule unwantedpart av det.
Trinn 6
Legg til en flat skyggen av ikonet ved hjelp thesame teknikk som i raketten ikonet.
Til slutt speckle stjernene rundt theplanet.
3. Opprett et radioteleskop med antenne
Trinn 1
Start med å lage en svart sirkel. Fargen doesn'tmatter, som vi ikke trenger sirkelen selv. Sett en rød firkant over thecircle, som dekker halvparten av det. MakeSelection
av sirkelen form og sette rektangel til en maske, gjemmer theunneeded deler utenfor sirkelen. Nå kan vi slette den svarte sirkelen, slik at bare den røde delen.
Fyll den nederste delen av laget shapewith en mørkere rød farge, slik at radioteleskop basen mer detaljert.
Trinn 2
La oss legge en antenne til vår Radiotelescope. Først satte en knust elliptisk form over høyre side av thebasic teleskop form, danner sin indre del og legge dimensjon. Flytt på andform en trekant fra en 3-sidig
polygon med hjelp av PolygonTool (U)
, Hotell og fylle den med lysere grå farge. Forlenge form, noe som gjør antennen tynnere, og sette en smallcircle på spissen sin.
Trinn 3
Roter teleskopet litt slik at det ser opp, sporing plass signaler. Addanother grå trekanten for stiftelsen. Skjær ut den mindre trekant innsiden av knotten Trekk fra Front Shape
funksjon.
Trinn 4
Fullfør opp med radioteleskop byforming en lang skygge og legge en gruppe stjerner til vår ikon.
4. Lag en Funny UFO Ikon
Trinn 1
Start danner den øvre delen av UFO ved creatingan selv sirkel. Vi trenger å slette bunnen av sirkelen ved å skape anellipse ovenfor og velge Unite Shapes
på overlapp.
Trinn 2
Legg til en refleksjon til glasset delen og legg en flygende tallerken del, som består av to røde ellipser én ovenfor theother, med en smal grå fotfeste.
Trinn 3
Gjør UFO mer detaljert ved å legge tent sirkel i bunnen og noen gule pærer på tallerkenen delen.
Fullfør forming ikonet ved å legge en shadowand en gruppe av stjerner.
5. Gjengi et Tripod Telescope Icon
Trinn 1
Et teleskop består hovedsakelig av en extrudedtube, så la oss starte ved å danne et smalt rektangel for bunnen av ourtelescope. Duplisere formen (Ctrl-J) Hotell og squash øvre lag med FreeTransform (Ctrl-T).
Fyll den nederste delen av teleskopet med darkerred farge, som danner en svak skygge.
Trinn 2
Legg til en fremre del av røret og skjema alens av legge en knust gråblå ellipse. Gjøre sin øvre og nedre anchorpoints skarp ved å klikke på dem med ConvertPoint Tool.
Plasser linsen bak røret ved å klikke Kontroll-Skift-[Hotell og legge til enkle refleksjoner av lysere blå.
Trinn 3
danner okularet av vår teleskop bycombining to smale grå rektangler. Plukk Avrundet rektangel Tool
og legg tynne stativbena, støtte thetelescope.
Roter beina og legge små bridgingdetails i en mørkere gråfarge.
Trinn 4 Anmeldelser
Roter kroppen vår teleskopet slik at itlooks oppover, på stjernene. Fullfør opp ved å legge en lang skygge og en gruppe ofstars.
6. Tegn Crescent Moon & Skyer Ikon
Trinn 1
Start danner en halvmåne av makingan selv sirkel av gul farge, og deretter legge en mindre sirkel over, plassere itin øvre høyre side av grunn månen form. Bruk Trekk fra Front Shape
fungere å kutte ut en del av månen, forming halvmåne.
Trinn 2
La oss starte gjengi en sky fra en blå sirkel. Legg til en annen sirkel av en mindre størrelse og et par mer, noe som gjør thecloud fluffy. Dersom sirklene er på forskjellige lag, velger du alle themand Unite Shapes
i contextmenu.
Trinn 3
La oss utrydde den nedre delen av cloudby legge en smal rektangel og bruke SubtractFront Shape
funksjon for å skjule den nederste delen, som er dekket av therectangle.
Trinn 4
Plasser en annen sky bak månen, makingit litt mindre å legge litt dybde til vår ikon. Gjengi en lang skygge for everyobject av ikonet og flekker stjernene rundt månen.
7. Legg en Deep Space Bakgrunn
Nå som vi har alle ikonene ferdig, let'sadd en mørkere grå-blå bakgrunn lag bak dem og sette noen lighterellipses her og der for stjernene, varierende størrelse og position.Finally plasserer noen striper med RoundedRectangle Tool
på kantene av Artboard, noe som gjør oppsettet morestylish.
Houston, vi har ingen problemer!
God jobb, folkens ! Vi har nettopp avsluttet makinga sett trendy flat-stil plass ikoner med lange skygger i Adobe Photoshop. Ihope disse bane operasjoner med enkle figurer vil hjelpe deg i yourfuture prosjekter. Lykke til! Anmeldelser