Ahoy, kompis! Är du redo att göra en fin uppsättning piratikoner i Adobe Photoshop? Lyft färgerna! I denna handledning använder vi grundläggande former samt olika praktiska funktioner och funktioner i Adobe Photoshop för att göra piratikoner i en trendig platt stil! Det är upp till dig att bestämma om du ska göra dem rena och skarpa eller för att lägga till en texturerad touch, med rostiga grungeborstar.
Adobe Photoshop har sina fördelar och några riktigt coola funktioner för att göra platta ikoner. I slutet av denna handledning kan du inte bara skapa piratikoner, utan också att tillämpa dessa tekniker på alla andra platta ikoner eller platta illustrationer som du behöver. Dessutom lägger textur på ikonerna så att de ser invecklade ut, vilket ger en viss retro look, vilket är trendigt.
Om du vill göra dina ikoner unika och lägga till en konstnärlig touch, kanske du vill ersätta standardborstarna med dina egna och hitta några riktigt coola uppsättningar bland dessa grungy texturerade borstar för Adobe Photoshop från Envato Market. Prova olika alternativ och se vad som fungerar bäst för dig!
Först av allt, låt oss göra en Nytt dokument av 3800 x 3800 px storlek. Jag arbetar med stora dimensioner för att kunna använda en ikon som ett separat objekt, så jag vill se till att bilden är tillräckligt stor.
Fyll bakgrunden med mörkblå färg med hjälp av Paint Bucket Tool (G).
Ta Avrundat rektangelverktyg (U) och gör en 1024 x 1024 px form för ikonbasen. Öppna Egenskaper panel (Fönster> Egenskaper),och här kommer vi att kunna justera storleken på våra former och färgerna och Hörnradie av rektanglarna.
Det bör nämnas att när vi skapar någon grundläggande form (ellipse, rektangel, polygon etc.) har den ett speciellt märke på dess lager i Skikten panel, vilket innebär att vår form förblir vektor före oss Rastrera Det. Det betyder att vår form kan omvandlas, recolored och skalas upp och ner utan kvalitetsförlust, vilket är coolt. Vi kan emellertid inte färga en sådan form med penslar, så håll det i åtanke.
Låt oss börja göra vår flaska från en 390 x 550 px rundad rektangel. Vi ska använda Egenskaper panelen hela tiden så att du alltid kan se mina inställningar för varje form i skärmdumparna. När det gäller flaskan ställer vi in Corer Radius av topp hörn till 130 px och den botten hörn till 60 px, och vi ställer in Fylla Färg på formen till ljus turkos.
Nu, låt oss ta Direktmarkeringsverktyg (A) och välj ankarpunkterna i nedre vänstra hörnet. tryck på Höger pil knapp några gånger för att flytta punkterna till höger (du kan hålla ner Flytta medan du trycker på pilknappen för att påskynda processen).
Gör samma för motsatt sida, vilket gör botten av flaskan smalare.
Låt oss fylla vår flaska med rum! Duplicera flaskskiktet (Kontroll-J), Tryck Kontroll-T för Gratis omvandling och gör kopian mindre och därigenom skapa flaskans glas kanter.
Använd Rektangelverktyg (U) att göra en smal rektangel över flaskans övre del. Välj både rektangeln och romformen, Högerklicka och Subtrahera Front Shape, gör vår flaska delvis tom.
Låt oss bilda en flaskhals från en 115 x 190 px turkos rektangel. Välj alla skapade former och använd Justera panel på toppen till Justera horisontellt centrum av formerna.
Använd Avrundat rektangelverktyg (U) att lägga en kant i flaskhalsen. Göra en 210 x 75 px ljus turkos form med helt rundade hörn.
Nu lägger vi till en pirattikett på flaskan. Använd Rektangelverktyg (U) att göra en mörkgrå rand över flaskan. Duplicera (Control-J) den turkosa flaskbasen, välj kopian tillsammans med den mörkgrå etiketten, klicka på höger musknapp och Förena former vid överlappning för att göra de onödiga delarna av etiketten osynliga.
Låt oss bilda en stiliserad skalle. Använd Ellipseverktyg (U) att göra en 37 x 37 px vit ellips. Lägg till två små mörkgrå cirklar för ögonen. Form en käke från en liten rektangel.
Gör glasytan blankare genom att lägga till en cirkelhöjd ovanpå flaskan. Sänka dess Opacitet i Skikten panel, vilket gör den halvtransparent.
Låt oss avsluta vår flaska genom att lägga till en kork. Duplicera (Control-J) flaskhalsen och ändra kopiens färg till brunt i Egenskaper panel. Tryck Kontrollera-[ för att placera kopian under flaskhalsen (eller dra den manuellt i Skikten panel).
Gör toppen av korken något rundad genom att ställa in Hörnradie till 30 px.
Och här har vi det - vår rumflaskaikon är klar! Låt oss gå vidare till nästa!
Låt oss bilda rattets botten från a 460 x 460 px ljusbrun cirkel. Duplicera (Control-J) cirkeln, tryck Kontroll-T för Gratis omvandling, och gör kopian mycket mindre (du kan se en mindre kopia markerad med en mörk streck i bilden nedan). Välj båda formerna, klicka på höger musknapp och Subtrahera Front Shape att skära ut den inre cirkeln.
Nu bildar vi den inre delen av hjulet. Göra en 160 x 160 px gul cirkel inuti rattet och använd Justera panel på toppen för att anpassa båda formerna vågrätt och vertikalt.
Duplicera (Control-J) Den bruna hjulformen, placera kopian ovanpå (Skift-Control-]), Tryck Kontroll-T för Gratis omvandling och krympa det, vilket gör formen mycket mindre.
Låt oss lägga till rattens stavar eller hållare. Använd Rektangelverktyg (U) att göra en 30 x 540 px mörkbrun form och placera den under hjulet (Skift-Control- [). Glöm inte att Justera baren till hjulet.
Låt oss lägga till fler element i staplarna. Använd Avrundat rektangelverktyg (U) att göra en hållare ovanpå baren. Gör toppen av formen lite mer rundad än botten, med hjälp av Egenskaper panel.
Använd Direktmarkeringsverktyg (A) för att göra botten av formen lite smalare (samma som vi gjorde med rumflaskan).
Duplicera det skapade elementet, rotera det upp och ner i Gratis omvandling läge och fäst den i botten av fältet.
Nu kan vi Grupp (Control-G) baren tillsammans med hållarna, duplicera hela gruppen genom att välja gruppmappen i Skikten panelen, tryck på Kontroll-T och rotera den 90 grader.
Gör ytterligare två kopior och rotera dem 45 grader i olika riktningar, som visas i bilden nedan.
Låt oss avsluta rattikonet genom att lägga några nagelhuvuden till trähjulet. Börja med att placera en liten mörkgrå ellips på toppen av hjulet. Placera en annan i botten, grupp både cirklar och duplicera gruppen. Vrid gruppen 90 grader och gör fler kopior, som vi gjorde med staplarna.
Bra! Nu kan vi placera vår ikon på ikonbasen och fortsätta!
Börja med att göra ett bröst från en 670 x 530 px gul rektangel. Låt oss nu lägga till trädelarna på bröstet. Fortsätt använda Rektangelverktyg (U) att göra en 585 x 260 px mörkbrun form och Justera horisontellt centrum av båda formerna.
Lägg till en mindre rektangel av ljusare färg ovanpå bröstet och Rikta över kanterna av de gula och ljusbruna formerna.
Nu bildar vi träplankorna på bröstets yta. Använd Rektangelverktyg (U) att skapa en 585 x 20 px mörkbrun rand och placera den ovanför den högsta träformen, och anpassa de horisontella centra av formerna. Duplicera (Control-J) linjen ett par gånger och placera kopiorna över träformerna.
Lägg till ett annat guldmetallelement på toppen av bröstet: gör a 67 x 165 px vertikal rektangel, placera den i mitten av locket på bröstet.
Låt oss lägga till ett lås i bröstet. Skapa en mörkare gul rundad rektangel av 130 x 155 px storlek med 30 px hörnradie. Gör nyckelhålet genom att kombinera en liten cirkel med en triangel. Vi kan göra en triangel med hjälp av Polygonverktyg (U), anger antalet Sidor till 3 i kontrollpanelen ovanpå.
Och vår korsikon är klar! Låt oss gå vidare till vår sista ikon!
Börja bilda en hatt från a 910 x 160 px mörkgrå ellips, och låt oss se hur vi kan förvandla denna form för att göra den något välvd. Tryck Kontroll-T för Gratis omvandling och hitta Warp Modes knappen på kontrollpanelen ovanpå.
Välj Arc Warp och ställa in Böja värde till 20%, därmed böja formen uppåt.
Använd Ellipseverktyg (U) att skapa en 400 x 400 px cirkel och placera den i mitten av bågen. Använd Direktmarkeringsverktyg (A) att flytta båda sidorankningspunkterna ner lite, vilket gör att cirkeln ser mer ut som ett ägg. Välj båda formerna, klicka på höger musknapp och Förena former.
Låt oss lägga till en ljus skiss till vår hatt. Duplicera (Control-J) den förenade hattformen, huvudet till kontrollpanelen ovanpå och ställ in Fylla färg till ingen. Ställ in Stroke att gula med 4 pt slagvikt. Använd Gratis omvandling funktionen att krympa formen och förlänga den lite, så att den passerar höljets undersida.
Applicera transformationen och låt oss se hur vi kan dölja den onödiga delen av den gula konturen. Välj den mörkgråa hattformen, byt till Rektangelverktyg (U), Klicka på höger musknapp och Göra val. Ställ in Fjäder Radius till 0 px. Nu ser du markeringen "marcherande myror" runt hatten.
Gå till Välj> Inverse och flytta till Skikten panel. Välj det gula kontorsskiktet och klicka på Lägg till lagmask knappen längst ned på panelen. På så sätt har vi skapat en mask runt hatten och döljer de oönskade delarna av den gula stripan. Bra jobbat!
Kopia skallegruppen från flaskikonet och placera den på hatten. Använd Avrundat rektangelverktyg (U) att göra en tunn horisontal rand för ett stiliserat ben. Vrid benet 45 grader och gör en kopia, rotera den i motsatt riktning, vilket gör benen korset.
Låt oss avsluta ikonen genom att lägga till en ljus bandana till vår hatt. Använd Rektangelverktyg (U) att göra en 575 x 60 px röd rand och placera den under hatten (Skift-Control- [). Duplicera Remsan och dra ner kopian, ändra färg till ljusare röd.
Till sist lägger du till två mindre vertikala ränder på vänster sida och formar bandans spetsar.
Låt oss göra den sammansatta kompositionen mer invecklad genom att lägga till några slutliga streck till bakgrunden. Arm dig med Freeform Pen Tool (P) och rita en swirly strömmande linje med några slingor.
Gå till kontrollpanelen ovanpå och klicka på Form knappen till Skapa nytt formlag.
Nu kan vi justera inställningarna och ändra utseendet på vår swirly-linje. Ställ in Stroke till mörkblå i kontrollpanelen ovanpå (se till att du har Formverktygsläge valda), ställa in Slagvikt till 4 pt och öppna rullgardinsmenyn Stroke Options meny.
Välj streckad linje och klicka på Fler alternativ. Härifrån kan vi ändra Keps och Hörn till Runda och justera Rusa och Gap värden, vilket gör att linjen passar kompositionen.
Fortsätt och lägg till några fler rader. Byt till Ellipseverktyg (U) och speckle några små cirklar här och där och fylla de tomma fläckarna i vår bild.
Och det är ganska mycket det! Vår ikonuppsättning ser redan klar ut. Härifrån har vi två alternativ. Om du vill behålla det här rena platta utseendet på dina ikoner, fortsätt, spara din fil och du är klar!
Annars kan vi fortsätta förbättra våra ikoner, med hjälp av möjligheterna till Adobe Photoshop genom att lägga till några grungy texturer till ikonerna, vilket ger dem ett gammalt, slitat utseende. Om du gillar denna typ av justering och du vill använda några av standardborstarna eller några av de anpassade grungeborstarna från Envato Market, var noga med att kolla del 5, steg 1 och framåt från mina sätt att skapa platta väderikoner i Adobe Photoshop handledning och upptäcka hur du lägger till en texturerad touch snabbt och enkelt.
Bortsett från det, om du undrar hur man lägger till en trendig lång skuggseffekt på dina ikoner, kanske du gillar handledningen Hur man skapar snygga platta ikoner i Adobe Photoshop från del 1, steg 10 och framåt.
Aye! Vi har gjort ett bra jobb och avslutat vår platta ikonuppsättning med pirattillgångar! Jag hoppas att du har haft följande handledning och upptäckt några nya tips och tricks som kommer att vara användbara för dina framtida ikonuppsättningar eller platta illustrationer.
Ha det roligt och glöm inte att dela med dig av dina resultat! Så lång och smidig sailin, matey!