Lag en postkasse-ikon ved hjelp av Adobe Illustrator

Oppmerksomhet! Dette ikonet ble ikke opprettet utelukkende for utdanningsformål. Du kan se arbeidsprosessen med ekte design! Vi skal bruke ulike profesjonelle teknikker for å lage dette ikonet, og jeg vil gi deg mange nyttige tips underveis. Så, la oss komme seg til jobb, eksperter!


Trinn 1

Ta Ellipseverktøyet (L) og lag en sirkel med 200 piksler i diameter.

Nå ved hjelp av det avrundede rektangelverktøyet opprettes et rektangel med en hjørne radius på 15 piksler og med samme bredde som sirkelen.

Ta Eraser Tool, og hold nede Alt-tasten ved å slette rektangelens øvre del.

Overlapp sirkelen og rektangelet, tilpass dem vertikalt i henhold til senteret ved hjelp av paletten Juster.

Når du velger de valgte figurene, klikker du på knappen Unite fra paletten Pathfinder.


Steg 2

La oss fortsette til 3D-modelleringen av postkassen. Velg formen og gå til Effect> 3D> Extrude & Command ... med parameterne som er angitt i figuren under, eller skriv inn dine egne. Skriv disse parameterne ned på et papir, vi trenger dem for våre oppbygginger senere.

Vær oppmerksom på at jeg valgte No Shading-verdien for Surface-parameteren for å unngå å lage ekstra objekter under modellering. Dermed har vi oppnådd fem objekter.

Jeg tror at to gjenstander vil være nok til vårt arbeid: forsiden og siden av postkassen. Bruk Unite fra paletten Pathfinder til å forene alle objekter av siden til et enkelt objekt.


Trinn 3

Som et resultat av modellering har vi oppnådd objekter som inneholder mange ekstra ankerpunkter. Siden vi skal jobbe med disse objektene senere, er det ønskelig at antallet ankerpunkter reduseres. For å gjøre dette, gå til Objekt> Path> Forenkle ... og sett verdien av Curve Precision rundt 90-96%. Hvis den opprinnelige banen er forskjellig fra den forvandlede, øker du verdien av Angle Threshold.


Trinn 4

Dessverre, ved modellering forblir noen baner åpne. Det er lett å se, velge objektet og åpne paletten Dokumentinfo.

Slike baner bør lukkes. Disse to veldig nyttige skriptene kan hjelpe deg: Lukk valgte veier og lukk alle baner. Lagre disse skriptene på harddisken og start dem med Command + F12-kombinasjonen eller gå til File> Script> Other Script ... velg det nødvendige skriptet og åpne det.


Trinn 5

Fortsett til siden av postkassen. Kopier siden og lim den inn foran, ta nå saksverktøyet (C) og kutt formen på fire punkter. Slett nå øvre og nedre delene av figuren.

Skift de oppnådde kurvene til midten av sideflaten til postkassen.

Rediger den riktige kurven ved hjelp av Direct Selection Tool (A).

Ta pennverktøyet (P) og lukk stien til sideflaten, som vist på figuren under.


Trinn 6

Nå trim figuren rundt banen til postkassen. Kopier nedre siden (vist som grønn) og lim den inn foran. Velg den oppnådde formen og oversiden (vist som rød), og klikk på Intersect fra paletten Pathfinder.

Fyll siden med en lineær gradient som går fra lyseblå til blå farge.

Dermed har vi laget en plastpute på postkassen. Lag tykkelsen på plastputen. Kopier den og lim den inn på baksiden, skift kopien ned til venstre og endre lutningsvinkelen på skråningen.


Trinn 7

Opprett metallbrikken i postkassen, for å gjøre dette fyll den nederste overflaten av siden med en lineær gradient som inneholder to nyanser av grå og hvit.

Ved hjelp av de ovennevnte teknikkene, opprettes baksiden av postkassen.


Trinn 8

Nå fortsett å lage fronten av boksen. Velg frontflaten, og gå til Objekt> Transform> Skala ..., sett 90% og trykk på Kopier-knappen.

Fyll den opprinnelige formen med en hvit gråaktig lineær gradient.


Trinn 9

Ta pennverktøyet (P) og skape blend på kantene på metallflatene.


Trinn 10

Lag den indre overflaten av metalldelen av boksen. Kopier og lim inn formen på hullet i postkassen og skift den litt opp og til høyre.

Kopier hullets form og lim den inn foran igjen. Velg kopien av hullet, og den forreste formen, og trykk på Minus Front-knappen fra paletten Pathfinder.

Fyll den oppnådde figuren med en lineær gradient.


Trinn 11

Hullet i postkassen trenger ikke å være helt svart, så jeg fylte den med en lineær gradient som inneholder nær svarte farger.


Trinn 12

Fortsett til opprettelsen av postkassen. Velg den fremre metalloverflaten i postkassen og gå til Objekt> Transform> Reflekter ... og sett verdien Aks - Horisontal, klikk på Kopier-knappen. Skift den oppnådde formen, vertikalt ned, mens du holder nede Skift-tasten.

Og reflekter lokket igjen, men gjør det vertikalt denne gangen.

Ta rotasjonsverktøyet (R), sett rotasjonssenteret ved et punkt og roter lokket, som vist på figuren.


Trinn 13

Postkasse dekselet ligger på horisontal overflate, så dens form vil være noe annerledes enn den opprinnelige. Velg lokket og gå til Effect> Distort & Transform> Free Distort og bytt høyde på lokket, flytt de nederste punktene til rektangelet opp i dialogboksen.

Etter denne operasjonen vil lokkets form kreve liten redigering og fjerning av ekstra ankerpunkter.


Trinn 14

Jeg kommer ikke til å komme inn på detaljer som beskriver hvordan man lager et lokk, men skapelsesteknikken går ikke langt fra den som ble beskrevet ovenfor. Jeg tror du vil forstå alt fra en mengde tegninger som jeg postet under.


Trinn 15

Fortsett til etableringen av en flaggholder. Ta pennverktøyet (P) og opprett en riktig trekant som vist på figuren nedenfor.

Hold trekanten valgt, gå til Effect> 3D> Extrude & Command ... med de samme parameterne som i trinn 2.


Trinn 16

Lag en skjæringslinje av flaggholderens sideflate til den sylindriske overflaten av postkassen. Krumningen av denne linjen vil sammenfalle med krumningen av forkanten av postkassen. Du kan lage den ved hjelp av pennverktøyet (P) ved hjelp av forkantenes form som en mal, og deretter flytte den til skjæringspunktet for overflater og passere gjennom A-punktet.

Velg skjæringslinjen, siden av holderen og trykk på Divide-knappen fra paletten Pathfinder. Slett nå venstre side av holderen.


Trinn 17

Bruk en lignende teknikk på oversiden av flaggholderen.

Fyll holderens sider med en lineær gradient, og deretter med hjelp av Pen Tool (P) skape en refleks på holderkanten.


Trinn 18

Lag en figur av et flagg som består av enkle geometriske former, som vil bli forenet ved hjelp av Pathfinder-paletten.

Hold flagget valgt, gå til Effect> 3D> Extrude & Command ... med parametrene vist i figuren nedenfor.

Endre fyllfarge på flaggets sider: fyll sidestykket med solidt rødt, det øvre stykket med rosa og forsiden med en lineær gradient som går fra rød til en rosa farge.

Lag en forsterkning på siden av flagget. Ta pennverktøyet (P) og opprett en vertikal linje på 3 pkt i bredde.

Hold linjen valgt, gå til Objekt> Utvid og fyll på formen med en lineær gradient som går fra rød til mørk rød.


Trinn 19

Fortsett til etableringen av postkuverter. Ta pennverktøyet (P) og opprett en rhomb.

For vår videre sammensetning opprette to guider som krysser midt i konvolutten og er rettet mot det horisontale og vertikale utgangspunktet. Bare for å minne deg på at guider kan roteres med rotasjonsverktøyet (R). Lås styrene i Lagpaletten for ikke å flytte dem når du bygger.


Trinn 20

Ta pennverktøyet (P) og opprett konvoluttfliker i form av trekanter.

Nå rundt toppen av den øvre konvoluttklaffen. Når jeg trenger å runde tipsene, bruker jeg et flott Round Any Corner-skript, velg det nødvendige punktet eller poengene og kjør skriptet, som beskrevet i trinn 4.


Trinn 21

Lag skyggen av den øvre konvoluttfliken, dupliserer sin form, transformer ved hjelp av Direct Selection Tool (A) og plasser i underlagene under øvre klaff. For å oppnå skyggen på den nedre konvoluttflappen, bruk teknikken som er beskrevet i detalj i trinn 6.


Trinn 22

Bruk samme teknikk, opprett lys på konvolutten. Det er ett effektivt tips for å oppnå nyanser av grunnfarge: velg grunnfarge, åpne Fargepaletten og hold nede Shift-tasten, flytt en av C, M, Y skyvekontrollene til høyre eller til venstre. For lettere nyanser flytte glidebryteren til venstre og til høyre for mørke nyanser. Jeg vil ikke anbefale K-glidebryteren for mørkere nyanser for ikke å få skitne farger. Ved å justere fargen med bare tre skyveknapper får du bedre farger. Denne metoden kan bare brukes på CMYK-fargemodellen.


Trinn 23

For at konvolutten ikke virker flat, fyll dens elementer med radiale gradienter som inneholder nyanser av grunnfargen.


Trinn 24

Opprett lys på forsiden og nedre delen av konvolutten, ved hjelp av teknikken beskrevet i trinn 6.


Trinn 25

Kopier formen på en konvolutt og lim den inn på baksiden. Flytt kopien litt ned og til venstre. Dermed har vi laget konvoluttens tykkelse. Fyll den oppnådde formen med en radial gradient. Konvolutten er klar, grupper opp alle elementene.


Trinn 26

Opprett nå en ny konvolutt. Det kunne ikke vært enklere. Kopier den ferdige konvolutten, lim den inn på baksiden, og roter den i henhold til den første. Endre fargene til den andre konvolutten i nyanser av gul, teknikkene på hvordan du får nyanser av de grunnleggende fargene er beskrevet i trinn 22.


Trinn 27

Konvoluttbrikker til høyre vil ligge inne i postkassen, slik at de ikke blir synlige. Vi vil bruke Clipping Masken til å skjule disse brikkene.

Opprett klipping form. Kopier formen på sporet i postkassen og lim den inn foran alle objektene. Ta saksverktøyet (C) og kutt denne figuren ved punktene A og B, og fjern deretter den venstre delen av figuren.

Ta nå pennverktøyet (P) og opprett omrisset slik at det ikke krysser konvolutten der det kan ses.

Velg de to konvoluttene og den oppnådde banen, og gå til Objekt> Clipping Mask> Lag ... Som et resultat av disse handlingene blir alle brikkene av bildet som går utover Clipping banen usynlige.


Trinn 28

Vi har litt av et dårlig resultat på de stedene hvor klatruten trimmer konvoluttene.

Dette kan løses enkelt. Velg Clipping-banen i paletten Lag, og flytt deretter den med 1 piksel til høyre ved hjelp av pilens høyre tast.

Så postkassen og konvoluttene er klare, men hva mangler? Skygger, selvfølgelig.


Trinn 29

Ta pennverktøyet (P) og skape formen på en skygge under postkassen, som vist på figuren nedenfor.

Nå bruker du Round Any Corner-skriptet, rundt hjørner av denne formen.

Fyll formen med hvit, jeg personlig valgte en hvit farge som fargen på bakgrunnen. Hvis du holder figurene valgt, går du til Objekt> Transform> Skala ... og angir verdien på 70% i dialogboksen og trykker Kopier. Fyll kopien med grå. Velg begge tallene og gå til Objekt> Bland> Lag. Skyggen er klar.


Trinn 30

Lag skyggen av flagget. Dupliser sideflaten på flagget og plasser den i underlaget under flagget. Den nederste siden av kopien skal være på krysslinjen på holderen med den sylindriske overflaten av postkassen.

Velg denne formen og gå til Objekt> Konvolutt forvreng> Lag med mesh ... og sett 2 rader og 2 kolonner i dialogboksen. Ved hjelp av Direkte utvalgsverktøy, kan du få form til den som er vist i figuren nedenfor.

Fyll formen med en lineær gradient, da intensiteten av skyggen reduseres mens du beveger deg bort fra kilden.

Ta pennverktøyet (P) og skape en skygge av flagget på toppen av holderen.


Trinn 31

Lag en skygge under konvoluttene. Ta pennverktøyet (P) og opprett formen vist i figuren nedenfor.

Ta nå rektangelverktøyet (M) og lag et rektangel i denne formen.

Med rektangelet valgt, gå til Objekt> Opprett Gradient Mesh ... og sett 2 rader og 2 kolonner i dialogboksen.

Velg begge figurene og gå til Objekt> Klippemask> Lag. Legg til punkter til masken ved hjelp av maskeverktøyet (U), og bruk Direct Selection Tool (A) for å omforme nettverket til utseendet som vist på figuren under.


Trinn 32

Konvolutten nærmere betrakteren vil skape en refleksjon på toppen av lokket. Lag denne refleksjonen ved å fylle toppen av lokket med en lineær gradient.


Trinn 33

Opprett skyggen fra postkassen på konvoluttens overflate. Kopier formen på den grønne konvolutten og lim den inn foran. Fyll denne formen med mørkegrønn, sett Opacity på 60% i paletten Transparency.

Kopiér konvoluttens form igjen og lim den inn foran den gjennomsiktige formen. Fyll denne formen med en svart-hvit radialgradient.

Velg gjennomsiktighetsformen og formen med en radial gradient og klikk på Make Opacity Mask fra menyen i paletten Transparency.

Gjør det samme med den andre konvolutten.


Konklusjon

Etter å ha fullført denne opplæringen, vil du kunne opprette forskjellige ikoner i denne stilen. Jeg vil være glad hvis du oppdaget noen nye teknikker.