Skapa en brevlådaikon med Adobe Illustrator

Uppmärksamhet! Den här ikonen skapades inte enbart för utbildningsändamål. Du kan se arbetsprocessen för riktig design! Vi kommer att använda olika professionella tekniker för att skapa denna ikon, och jag kommer att ge dig många användbara tips under vägen. Så, låt oss komma ner till jobbet, experter!


Steg 1

Ta ellipsverktyget (L) och skapa en cirkel med 200 pixlar i diameter.

Nu med hjälp av det rundade rektangelverktyget skapas en rektangel med en hörnradio på 15 pixlar och med samma bredd som cirkeln.

Ta raderverktyget och ta bort den övre delen av rektangeln medan du håller ner Alt-tangenten.

Överlappa cirkeln och rektangeln, anpassa dem vertikalt enligt mitten med hjälp av paletten Justera.

Om du väljer de visade formerna klickar du på knappen Unite från paletten Pathfinder.


Steg 2

Låt oss fortsätta till 3D-modelleringen av brevlådan. Välj formen och gå till Effect> 3D> Extrude & Command ... med parametrarna som anges i bilden nedan, eller skriv in dina egna. Skriv dessa parametrar ner på ett papper, vi behöver dem för våra uppbyggnader senare.

Observera att jag valde värdet No Shading för Surface-parametern för att undvika att skapa extra objekt vid modellering. Således har vi uppnått fem objekt.

Jag tror att två objekt kommer att räcka för vårt arbete: framsidan och sidan av brevlådan. Genom att använda Unite från paletten Pathfinder förenar du alla objekt av sidan till ett enda objekt.


Steg 3

Som ett resultat av modellering har vi uppnått objekt som innehåller många extra ankarpunkter. Eftersom vi kommer att arbeta med dessa föremål senare är det önskvärt att antalet ankarpunkter minskas. För att göra detta, gå till Objekt> Ban> Förenkla ... och ange värdet för kurv precision omkring 90-96%. Om den ursprungliga sökvägen skiljer sig från den transformerade, ökar värdet på vinkelgränsen.


Steg 4

Tyvärr kommer vissa banor att vara öppna vid modellering. Det är lätt att se, välja objektet och öppna paletten Dokumentinfo.

Sådana vägar bör stängas. Dessa två mycket användbara skript kan hjälpa dig: Stäng valda sökvägar och stäng alla vägar. Spara dessa skript på hårddisken och starta dem med kommandot + F12-kombinationen eller gå till Arkiv> Skript> Annat skript ... välj det nödvändiga skriptet och öppna det.


Steg 5

Fortsätt till sidan av brevlådan. Kopiera sidan och klistra in den framför, använd nu saxverktyget (C) och klippa formen på fyra punkter. Ta nu bort den övre och nedre delen av figuren.

Växla de uppnådda kurvorna till mitten av brevlådans sidoyta.

Ändra rätt kurva med hjälp av Direct Selection Tool (A).

Ta pennverktyget (P) och stäng vägen på sidoytan, som visas i bilden nedan.


Steg 6

Trim nu figuren runt brevlådans väg. Kopiera nedre sidan (visas som grön) och klistra in den framför. Välj den erhållna formen och den övre sidan (visas som röd) och klicka på Intersect från paletten Pathfinder.

Fyll sidan med en linjär gradient som går från ljusblå till en blå färg.

Således har vi skapat en plastkudde på brevlådan. Skapa tjockleken på plastplattan. Kopiera den och klistra in den bakåt, skift kopian till vänster och ändra lutningsvinkeln på lutningen.


Steg 7

Skapa metallbiten i brevlådan, för att fylla den nedre ytan på sidan med en linjär gradient som innehåller två nyanser av grå och vit.

Använda ovanstående tekniker skapa baksidan av brevlådan.


Steg 8

Fortsätt nu för att skapa framsidan av lådan. Välj frontytan och gå till Objekt> Transformera> Skala ..., sätt 90% och tryck på knappen Kopiera.

Fyll den ursprungliga formen med en vitgrå linjär gradient.


Steg 9

Ta pennverktyget (P) och skapa reflexer på kanterna på metallytorna.


Steg 10

Skapa den inre ytan av metalldelen av lådan. Kopiera och klistra in framför hålets form i brevlådan och skift den lite upp och till höger.

Kopiera hålets form och klistra in den på framsidan igen. Välj kopian av hålet och den förskjutna formen och tryck på knappen Minus Front från paletten Pathfinder.

Fyll den erhållna siffran med en linjär gradient.


Steg 11

Hålet i brevlådan behöver inte vara helt svart, så jag fyllde den med en linjär gradient som innehåller nära svarta färger.


Steg 12

Fortsätt till skapandet av brevlådans lock. Välj den främre metallytan på brevlådan och gå till Objekt> Transformera> Reflektera ... och ange värdet Axis - Horisontellt, klicka på knappen Kopiera. Flytta den erhållna formen, vertikalt ner, samtidigt som du håller ned Shift-tangenten.

Och reflektera locket igen, men gör det vertikalt den här gången.

Ta rotationsverktyget (R), sätt rotationscentrumet vid A-punkten och rotera locket, som visas i figuren.


Steg 13

Brevlåda ligger på horisontell yta, så dess form kommer på något sätt att skilja sig från den ursprungliga. Välj locket och gå till Effect> Distort & Transform> Free Distort och ändra höjden på locket, flytta rektangelns bottenpunkter upp i dialogrutan.

Efter denna operation behöver lockets form ha lite redigering och borttagning av extra förankringspunkter.


Steg 14

Jag kommer inte att komma in på detaljer som beskriver hur man skapar ett lock, men dess skapande teknik går inte långt ifrån den som beskrivits ovan. Jag tror att du kommer att förstå allt från en massa ritningar som jag skrev nedan.


Steg 15

Fortsätt till skapandet av en flagghållare. Ta pennverktyget (P) och skapa en rätt triangel som visas i bilden nedan.

Håll triangeln vald, gå till Effect> 3D> Extrude & Command ... med samma parametrar som i steg 2.


Steg 16

Skapa en korsningslinje av flagghållarens sidoyta till brevlådans cylindriska yta. Krumningen i denna linje kommer att sammanfalla med krumningen av brevkorgens främre kant. Du kan skapa den med hjälp av pennverktyget (P) med formen på framkanten som en mall och sedan flytta den till skärningspunkten för ytor och passera genom A-punkten.

Välj skärningslinjen, hållarens sida och tryck på Divide-knappen från paletten Pathfinder. Ta bort vänster sida av hållaren.


Steg 17

Använd en liknande teknik på flagghållarens övre sida.

Fyll hållarens sidor med en linjär gradient, och med hjälp av Pen Tool (P) skapar du en bländning på hållarkanten.


Steg 18

Skapa en form av en flagga som består av enkla geometriska former, som kommer att förenas med hjälp av paletten Pathfinder.

Håll flaggan vald, gå till Effekt> 3D> Extrude & Command ... med parametrarna som visas i bilden nedan.

Ändra fyllfärgen på flaggans sidor: Fyll sidstycket med solidt rött, övre stycket med rosa och framstycket med en linjär gradient som går från röd till rosa färg.

Skapa en fördjupning på sidan av flaggan. Ta pennverktyget (P) och skapa en vertikal linje 3 pt i bredd.

Håll linjen vald, gå till Objekt> Expandera och fyll i formen med en linjär gradient som går från rött till mörkt rött.


Steg 19

Fortsätt till skapandet av postkuvert. Ta pennverktyget (P) och skapa en rhomb.

För vår ytterligare komposition skapar vi två guider som skär i mitten av kuvertet och riktas mot horisontal och vertikal utgångspunkt. Bara för att påminna dig om att guider kan roteras med rotationsverktyget (R). Låsa guiderna i paletten Lager för att inte flytta dem när du bygger.


Steg 20

Ta pennverktyget (P) och skapa kuvertflikar i form av trianglar.

Nu runt toppen av övre kuvertfliken. När jag behöver runda tipsen använder jag ett bra Round Any Corner-skript, väljer den nödvändiga punkten eller punkterna och kör skriptet, som beskrivs i steg 4.


Steg 21

Skapa skuggan av det övre kuvertfliken, duplicera dess form, omvandla med hjälp av Direct Selection Tool (A) och placera i underlagren under den övre klaffen. För att uppnå skuggan på den undre kuvertfliken använd tekniken som beskrivs i detalj i steg 6.


Steg 22

Använd samma teknik, skapa ljus på kuvertet. Det finns ett effektivt tips för att få nyanser av grundfärgen: välj den grundläggande färgen, öppna färgpalett och håll ner Shift-tangenten genom att flytta en av C, M, Y-reglagen till höger eller till vänster. För lättare nyanser flytta skjutreglaget till vänster och till höger för mörka nyanser. Jag skulle inte rekommendera K-reglaget för mörkare nyanser för att inte få smutsiga färger. Genom att justera färgen med bara tre reglage får du ljusare färger. Denna metod kan endast tillämpas på CMYK-färgmodellen.


Steg 23

För att kuvertet inte verkar platt fyll dess element med radiella gradienter som innehåller nyanser av grundfärgen.


Steg 24

Skapa ljus på den främre och nedre delen av kuvertet med hjälp av tekniken som beskrivs i steg 6.


Steg 25

Kopiera formen på ett kuvert och klistra in det på baksidan. Flytta kopian lite ner och till vänster. Således har vi skapat kuvertets tjocklek. Fyll den erhållna formen med en radiell gradient. Kuvertet är klart, gruppera alla dess element.


Steg 26

Skapa nu ett annat kuvert. Det kunde inte bli enklare. Kopiera det färdiga kuvertet, klistra in det bakåt och rotera det enligt den första. Ändra färgerna på det andra kuvertet i nyanser av gult, teknikerna för hur man får nyanser av de grundläggande färgerna beskrivs i steg 22.


Steg 27

Kuvertstycken till höger placeras inuti brevlådan, så de kommer inte att synas. Vi kommer att använda Clipping Masken för att dölja dessa bitar.

Skapa klippformsformen. Kopiera spårets form i brevlådan och klistra in den framför alla objekt. Ta saxverktyget (C) och skära den här siffran vid punkterna A och B, ta bort den vänstra delen av figuren.

Ta nu Penverktyget (P) och skapa konturen så att den inte korsar kuvertet där den kan ses.

Välj de två kuverten och den uppnådda sökvägen och gå till Objekt> Klippmask> Gör ... Som en följd av dessa åtgärder blir alla delar av bilden som går bortom klippbanan osynliga.


Steg 28

Vi har lite av ett dåligt resultat på de ställen där klättringsvägen trimmer kuverten.

Detta kan ordnas enkelt. Markera klippningsvägen i paletten Lager, och flytta den med 1 bildpunkt till höger med pilens högra tangent.

Så brevlåset och kuverten är klara, men vad saknas? Skuggor, förstås.


Steg 29

Ta pennverktyget (P) och skapa formen av en skugga under brevlådan, som visas i bilden nedan.

Använd nu Round Any Corner-skriptet runt hörnen av denna form.

Fyll formen med vit, jag valde personligen en vit färg som bakgrundsfärgen. Om du väljer de angivna siffrorna går du till Objekt> Transformera> Skala ... och ställa in värdet till 70% i dialogrutan och tryck på Kopiera. Fyll kopian med grå. Välj båda siffrorna och gå till Objekt> Bland> Gör. Skuggan är klar.


Steg 30

Skapa skuggan av flaggan. Duplicera sidoytan på flaggan och placera den i underlaget under flaggan. Undersidan av kopian ska ligga på hållarens korsningslinje med brevlådans cylindriska yta.

Välj den här formen och gå till Objekt> Kuvertförvrängning> Gör med mesh ... och sätt 2 rader och 2 kolumner i dialogrutan. Använd direktverktyget för att få formen till den som visas i bilden nedan.

Fyll formen med en linjär gradient, eftersom intensiteten i skuggan minskar medan den flyttas från källan.

Ta pennverktyget (P) och skapa en skugga av flaggan på toppen av hållaren.


Steg 31

Skapa en skugga under kuverten. Ta pennverktyget (P) och skapa formen som visas i bilden nedan.

Ta nu rektangelverktyget (M) och skapa en rektangel i den här formen.

Med rektangeln vald, gå till Objekt> Skapa Gradient Mesh ... och sätt 2 rader och 2 kolumner i dialogrutan.

Välj båda formerna och gå till Objekt> Klippmask> Gör. Lägg till punkter på nätet med hjälp av maskverktyget (U) och använd direktverktyget (A) för att omvandla nätet till utseendet som visas i figuren nedan.


Steg 32

Kuvertet närmare tittaren kommer att skapa en reflektion över lockets övre del. Skapa den här reflektionen genom att fylla på lockets övre del med en linjär gradient.


Steg 33

Skapa skuggan från brevlådan på kuvertens yta. Kopiera formen på det gröna kuvertet och klistra in det framför. Fyll denna form med mörkgrön, sätt Opacity på 60% i paletten Transparent.

Kopiera formen på kuvertet igen och klistra in den framför den transparenta formen. Fyll den här formen med en svart-vit radiell gradient.

Välj transparensformen och formen med en radiell gradient och klicka på Make Opacity Mask från menyn i paletten Transparent.

Gör detsamma med det andra kuvertet.


Slutsats

När du har slutfört denna handledning kan du skapa olika ikoner i den här stilen. Jag kommer vara glad om du upptäckte några nya tekniker.