Hvordan lage flate piratikoner i Adobe Photoshop

Hva du skal skape

Ahoy, kompis! Er du klar til å lage et fancy sett med piratikoner i Adobe Photoshop? Heis fargene! I denne opplæringen bruker vi grunnleggende former samt ulike praktiske funksjoner og funksjoner i Adobe Photoshop for å lage piratikoner i en trendy flatstil! Det er opp til deg å bestemme om du skal gjøre dem rene og skarpe eller for å legge til en strukturert berøring, ved hjelp av rustne grunge børster. 

Adobe Photoshop har sine fordeler og noen veldig kule funksjoner for å lage flate ikoner. Ved slutten av denne opplæringen kan du ikke bare lage piratikoner, men også å bruke disse teknikkene til andre typer flate ikoner eller flate illustrasjoner som du trenger. Dessuten legger tekstur til ikonene seg til at de ser komplekse ut, og legger til et visst retro-utseende, som er trendy. 

Hvis du vil gjøre ikonene dine unike og legge til en kunstnerisk berøring, vil du kanskje erstatte standardbørstene med dine egne og finne noen veldig kule sett blant disse grungy teksturerte børster for Adobe Photoshop fra Envato Market. Prøv forskjellige alternativer og se hva som passer best for deg! 

1. Opprett et Romflaske-ikon

Trinn 1

Først av alt, la oss lage en Nytt dokument av 3800 x 3800 px størrelse. Jeg jobber med store dimensjoner for å kunne bruke et hvilket som helst ikon som et eget objekt, så jeg vil sørge for at bildet er stort nok.

Fyll bakgrunnen med mørkblå farge ved å bruke Paint Bucket Tool (G).

Ta Avrundet rektangelverktøy (U) og lag en 1024 x 1024 px form for ikonbasen. Åpne Eiendommer panelet (Vindu> Egenskaper),og herfra kan vi justere størrelsen på våre former og farger og Hjørne Radius av rektanglene.

Det skal nevnes at når vi lager en grunnleggende form (ellipse, rektangel, polygon, etc.), har den et spesielt merke på sitt lag i lag panel, noe som betyr at vår form forblir vektor før vi Raste den. Det betyr at vår form kan forvandles, recolored og skaleres opp og ned uten tap av kvalitet, noe som er kult. Vi kan imidlertid ikke farge en slik form ved hjelp av børster, så vær oppmerksom på dette.

Steg 2

La oss begynne å lage vår flaske fra en 390 x 550 px avrundet rektangel. Vi skal bruke Eiendommer panelet hele tiden, slik at du alltid kan se mine innstillinger for hver form i skjermbildene. Når det gjelder flasken, setter vi inn Corer Radius av topp hjørner til 130 px og bunn hjørner til 60 px, og vi setter Fylle farge på formen til lys turkis.

Nå, la oss ta Direkte utvalgsverktøy (A) og velg ankerpunktene i nederste venstre hjørne. trykk Høyre pil tast noen ganger for å flytte punktene til høyre (du kan holde nede Skifte mens du trykker på piltasten for å øke hastigheten på prosessen).

Gjør det samme for motsatt side, og gjør bunnen av flasken smalere.

Trinn 3

La oss fylle vår flaske med rom! Duplisere flaske laget (Kontroll-J), trykk Kontroll-T til Gratis Transform og gjør kopien mindre, og dermed skape glassets kanter på flasken.

Bruke Rektangelverktøy (U) å lage et smalt rektangel over toppen av flasken. Velg både rektangelet og romformen, Høyreklikk og Trekk forfra, gjør vår flaske delvis tom.

Trinn 4

La oss danne en flaskehals fra en 115 x 190 px turkis rektangel. Velg alle de opprettede figurene og bruk Rette inn panel på toppen til Juster horisontal senter av figurene.

Bruke Avrundet rektangelverktøy (U) å legge en kant til flaskehalsen. Lage en 210 x 75 px lys turkis form med helt avrundede hjørner.

Trinn 5

Nå legger vi til en piratetikett på flasken. Bruke Rektangelverktøy (U) å lage en mørkegrå stripe over flasken. Dupliser (Control-J) den turkise flaskebasen, velg kopien sammen med den mørkegrå etiketten, klikk på høyre museknapp og Forene former ved overlapping for å gjøre de unødvendige brikkene av etiketten usynlig.

Trinn 6

La oss danne en stilisert skallle. Bruke Ellipseverktøy (U) å lage en 37 x 37 px hvit ellipse. Legg til to små mørkegitte sirkler for øynene. Lag en kjeve fra et lite rektangel.

Gjør glassoverflaten blank ved å legge til et sirkelhøyde på toppen av flasken. Senk dens opacity i lag panel, noe som gjør den halvtransparent.

Trinn 7

La oss fullføre flasken ved å legge til en kork. Dupliser (Control-J) flaskehalsen og endre fargen på kopien til brun i Eiendommer panel. trykk Styre-[ å plassere kopien under flaskehalsen (eller dra den ned manuelt i lag panel).

Gjør toppen av korken litt avrundet ved å stille inn Hjørne Radius til 30 px.

Trinn 8

Og her har vi det - Rom-flaskeikonet er klart! La oss gå videre til neste!

2. Opprett et rattikon

Trinn 1

La oss danne rattets base fra a 460 x 460 px lysebrun sirkel. Dupliser (Control-J) sirkelen, trykk Kontroll-T til Gratis Transform, og gjør kopien mye mindre (du kan se en mindre kopi merket med et mørkt slag i bildet under). Velg begge figurene, klikk på høyre museknapp og Trekk forfra å kutte ut den indre sirkelen.

Steg 2

Nå skal vi danne den indre delen av hjulet. Lage en 160 x 160 px Gul sirkel inne i rattet og bruk Rette inn panel på toppen for å justere begge fasene horisontalt og vertikalt.

Dupliser (Control-J) Den brune hjulformen, plasser kopien på toppen (Shift-Control-]), trykk Kontroll-T til Gratis Transform og krymp det, slik at formen blir mye mindre.

Trinn 3

La oss legge til stolper eller holdere på rattet. Bruke Rektangelverktøy (U) å lage en 30 x 540 px mørkbrun form og plasser den under hjulet (Shift-Control- [). Ikke glem å Rette inn baren til hjulet.

Trinn 4

La oss legge til flere elementer i stolpene. Bruke Avrundet rektangelverktøy (U) å lage en holder på toppen av baren. Gjør toppen av formen litt mer avrundet enn bunnen, ved hjelp av Eiendommer panel.

Bruke Direkte utvalgsverktøy (A) å gjøre bunnen av formen litt smalere (det samme som vi gjorde med rumflasken).

Duplisere det opprettede elementet, roter det opp ned i Gratis Transform modus og fest den til bunnen av linjen.

Nå kan vi Gruppe (Control-G) baren sammen med holderen, duplisere Hele gruppen ved å velge gruppemappen i lag panelet, trykk Kontroll-T og roter den 90 grader.

Lag to kopier og roter dem 45 grader i forskjellige retninger, som vist på bildet under.

Trinn 5

La oss fullføre rattikonet ved å legge til noen neglhodene på trehjulet. Start med å plassere en liten mørkegrå ellipse på toppen av hjulet. Plasser en annen i bunnen, gruppe både sirkler og duplisere gruppen. Roter gruppen 90 grader og gjør flere kopier, som vi gjorde med stolpene.

Flott! Nå kan vi plassere vårt ikon på ikonbasen og fortsette!

3. Lag en piratbrystikon

Trinn 1

Begynn å lage et bryst fra a 670 x 530 px gult rektangel. La oss nå legge til tredelene av brystet. Fortsett å bruke Rektangelverktøy (U) å lage en 585 x 260 px mørkbrun form og Juster horisontal senter av begge former.

Legg til et mindre rektangel med lettere farge på toppen av brystet og Juster toppkanter av de gule og lysebrune figurer.

Steg 2

Nå skal vi danne treplankene på brystets overflate. Bruke Rektangelverktøy (U) å lage en 585 x 20 px mørkbrun stripe og legg den over den øverste treformen, tilpasse de horisontale sentrene til figurene. Dupliser (Control-J) linjen et par ganger og plasser kopiene over treformene.

Legg til et annet gullmetallelement på toppen av brystet: Lag a 67 x 165 px vertikalt rektangel, plasserer det i midten av lokket på brystet.

Trinn 3

La oss legge til en lås på brystet vårt. Lag et mørkere, gult, avrundet rektangel av 130 x 155 px størrelse med 30 px hjørne radius. Lag nøkkelhullet ved å kombinere en liten sirkel med en trekant. Vi kan lage en trekant ved hjelp av Polygonverktøy (U), angir antall Sider til 3 i kontrollpanelet på toppen.

Trinn 4

Og vårt brystikon er klart! La oss gå videre til vårt siste ikon!

4. Gi en Fancy Pirate Hat-ikon

Trinn 1

Begynn å lage en lue fra a 910 x 160 px mørkegrå ellipse, og la oss se hvordan vi kan forvandle denne formen for å gjøre den litt buet. trykk Kontroll-T til Gratis Transform og finn Warp Modes knappen i kontrollpanelet på toppen. 

Velg Arc Warp og sett Bøye verdi til 20%, dermed bøye formen opp.

Steg 2

Bruke Ellipseverktøy (U) å lage en 400 x 400 px sirkel og plasser den i midten av buen. Bruke Direkte utvalgsverktøy (A) å flytte begge sider forankre punkter litt, noe som gjør sirkelen til å se ut som et egg. Velg begge figurene, klikk på høyre museknapp og Forene figurer.

Trinn 3

La oss legge til en lys oversikt over vår lue. Dupliser (Control-J) Den forente hatten form, hodet til kontrollpanelet på toppen, og sett Fylle farge til ingen. Sett Stroke å gult med 4 pt slagvekt. Bruke Gratis Transform Fungerer for å krympe formen og forlenge den litt, slik at den krysser den nederste kanten av hatten.

Bruk transformasjonen og la oss se hvordan vi kan skjule den unødvendige delen av den gule oversikten. Velg den mørkegrå lueformen, bytt til Rektangelverktøy (U), Klikk på høyre museknapp og Gjøre valg. Sett Fjær Radius til 0 px. Nå ser du "marching myrene" -utvalget rundt hatten.

Trinn 4

Gå til Velg> Inverse og flytte til lag panel. Velg det gule oversiktslaget og klikk på Legg til lagmaske knappen nederst på panelet. På denne måten har vi laget en maske rundt hatten, gjemmer de uønskede brikkene av den gule stripen. Flott arbeid!

Trinn 5

Kopiere skallen gruppen fra flaske ikonet og legg den på hatten. Bruke Avrundet rektangelverktøy (U) å lage en tynn, horisontal stripe for en stilisert bein. Vri benet 45 grader og lag en kopi, roter den i motsatt retning, og gjør beinene kryssende.

Trinn 6

La oss fullføre ikonet ved å legge til en lys bandana til vår lue. Bruke Rektangelverktøy (U) å lage en 575 x 60 px rød stripe og legg den under hatten (Shift-Control- [). Duplisere stripen og dra kopien ned, endre fargen til lysere rød.

Til slutt legger du til to mindre vertikale striper på venstre side, og danner spissene til bandana.

5. Legg til dekorative detaljer i bakgrunnen

Trinn 1

La oss få det generelle komposittet til å se mer innviklet ved å legge til noen få siste slag i bakgrunnen. Beveg deg med Freeform Pen Tool (P) og tegne en strømmende linje med noen løkker. 

Gå til kontrollpanelet på toppen og klikk på Form knappen til Lag nytt formlag.

Steg 2

Nå kan vi justere innstillingene og endre utseendet på vår swirly linje. Sett Stroke til mørk blå i kontrollpanelet på toppen (sørg for at du har Formverktøy-modus valgt), sett inn Stroke Weight til 4 pt og åpne rullegardinmenyen Strekalternativer Meny. 

Velg strekklinjen og klikk Flere valg. Herfra kan vi endre Lokk og Hjørne til Rund og juster Bindestrek og Mellomrom verdier, slik at linjen passer til sammensetningen. 

Trinn 3

Gå videre og legg til noen flere linjer. Bytt til Ellipseverktøy (U) og flekk noen små sirkler her og der, fyll de tomme flekkene i bildet vårt.

Og det er ganske mye det! Vårt ikonsett ser allerede ut komplett. Herfra har vi to alternativer. Hvis du vil bevare dette rene, flate utseendet på ikonene dine, så fortsett, lagre filen og du er ferdig!

Trinn 4

Ellers kan vi fortsette å forbedre ikonene våre, ved hjelp av mulighetene til Adobe Photoshop, ved å legge til noen grungy teksturer på ikonene, og dermed gi dem et gammelt, slitt utseende. Hvis du liker denne typen justering, og du vil bruke noen av standardbørstene eller noen av de tilpassede grungebørstene fra Envato Market, må du kontrollere del 5, trinn 1 og fremover fra hvordan jeg lager flate værkoner i Adobe Photoshop opplæringsprogram og oppdag hvordan du raskt og enkelt legger til en strukturert berøring.

Bortsett fra det, hvis du lurer på hvordan du legger til en trendy lang skyggeeffekt på ikonene dine, kan du lytte til veiledningen Hvordan lage stilige flate ikoner i Adobe Photoshop fra del 1, trinn 10 og utover.

Yo-Ho-Ho, og en flaske rom! Vår Pirate Icon Set er klar!

Aye! Vi har gjort en god jobb og ferdig med vårt flate ikon satt med pirataktier! Jeg håper du har likt å følge denne opplæringen og oppdaget noen nye tips og triks som vil være nyttige for fremtidens ikonsett eller flate illustrasjoner.

Ha det gøy og ikke glem å dele resultatene dine! Så lenge og glatt sailin, matey!