Opprett et ikon for blenderåpning med blenderåpning

I denne opplæringen lager vi et detaljert kameralins som ligner på det som ble brukt som logo for Apples Aperture-bilderedigeringsprogramvare. En kameraobjektiv er bra for et programvareikon, logo, eller bare som en grafikk for bruk i ethvert design. Selv om bildet vises detaljert, involverer prosessen med å skape det lite mer enn bare å laglegge objekter med forskjellige fyllinger og gradienter for å gi en tredimensjonal illusjon.

Publisert opplæring

Noen få uker besøker vi noen av leserens favorittinnlegg fra hele historien til nettstedet. Denne opplæringen ble først publisert i august 2008.


Trinn 1

Lag et nytt dokument uansett størrelse og aspektforhold du vil ha. I motsetning til Photoshop, i Illustrator er det ganske enkelt å endre dokumentstørrelsen når som helst under arbeidet vårt. Vi kan ganske enkelt endre størrelsen på vektorgrafikken slik at den passer til de nye dimensjonene. Jeg valgte i første omgang et firkantet dokument på 550 piksler med 550 piksler.

Siden prosessen med å lage bildet vårt er først og fremst bare layeringformer med forskjellige gradienter og fyller over hverandre, vil de fleste av de følgende trinnene bare si hva størrelsen på sirkelen skal være, hvilken gradienttype er, gradientretningen, farger brukes i gradienten, stopper fargestillingene i gradienten og plasseringen av senterskyderen (e) i gradienten.

Gjøre den første sirkelen er 429 px bred, med en -45 grader lineær gradient, som har en 100% grå (ved 100% stopp) til 40% Grå (ved 0% stopp), og midtskyvingen settes til 50%.


Steg 2

Gjør den andre sirkelen 423px bred med en -45 graders lineær gradient, som har en 100% grå (ved 100% stopp) til 60% grå (ved 0% stopp) og midtskyvingen på 50%.


Trinn 3

Gjøre den tredje sirkelen er 368px bred, med en 135 graders lineær gradient, som har en 100% grå (ved 100% stopp) til 50% grå (ved 0% stopp) og midtskyvingen på 33%.


Trinn 4

Lag den fjerde sirkelen er 364px bred, med en solid svart fyll. I tillegg skal vi gi denne sirkelen en fjær på 3px ved å gå til Effect> Stylize> Feather.


Trinn 5

Gjør den femte sirkelen 359px bred med en solid 70% grå fylling.


Trinn 6

Gjør den sjette sirkelen 339px bred med en 90 graders lineær gradient, som har en 100% grå (ved 100% stopp) til 60% grå (ved 0% stopp) og midtskyveren på 50%.


Trinn 7

Lag den syvende sirkelen 335px bred med en solid 70% grå fylling.


Trinn 8

Gjør den åttende sirkelen 329px bred med en 90 graders lineær gradient, som har en 100% grå (ved 100% stopp) til 60% grå (ved 0% stopp) og midtskyveren på 50%.


Trinn 9

Lag den niende sirkelen 325px bred med en solid 70% grå fylling.


Trinn 10

Gjør den tiende sirkelen 319px bred med en 90 graders lineær gradient, som har en 100% grå (ved 100% stopp) til 60% grå (ved 0% stopp) og midtskyveren ved 50%


Trinn 11

Lag den ellevte sirkelen 315px bred med en 130 graders lineær gradient, en 100% grå (ved 100% stopp) til 90% grå (ved 0% stopp) og midtskyveren ved 50%.


Trinn 12

Gjør den tolvte sirkelen 277px bred med en radial gradient, som har en 100% grå (ved 100% stopp) til 80% grå (ved 0% stopp) og midtskyvingen på 50%. Den radiale gradienten kommer fra senteret og blir mørkere mot kanten.

For å endre punktet der den kommer fra, velg Gradient-verktøyet, og klikk og dra fra øverste venstre hjørne av sirkelen til nederste høyre hjørne. Hint: Hvis gradienten ikke endres når du drar over, må du kontrollere at sirkelen er valgt.


Trinn 13

For den neste sirkelen trenger vi en litt mer komplisert gradient, og for det vil vi bruke et gradientnett. Gradient masker er ekstremt kraftig og kan brukes til å lage utrolig komplekse og bilderealistiske illustrasjoner ved å blande farger på et nesten uendelig antall måter. Men vi trenger bare et enkelt nett her, så opprett en 268px bred sirkel og fyll den med solid svart.

Gradient masker kan opprettes manuelt ved å legge til mesh poeng ved hjelp av ingen andre enn Gradient Mesh verktøyet, men siden vi bare trenger en enkel, vil vi ha Illustrator lage den for oss. Velg sirkelen, og gå til Objekt> Opprett Gradient Mesh. La alle standardverdiene settes, men endre radene og kolonnene til 3 hver. Når du klikker på OK, vil Illustrator opprette nettverket.

Med sirkelen valgt, bytt til Direct Selection-verktøyet, og klikk på et punkt (kryss) på nettverket for å velge det. Deretter klikker du øverst til venstre på nettverket og endrer fargen til 80% grå. Deretter klikker du i nederste høyre område og endrer fargen til 70% grå.


Trinn 14

Gjør den fjortende sirkelen 225px bred med en solid hvit fyll. I tillegg gir denne sirkelen en fjær på 6px ved å gå til Effect> Stylize> Feather ...


Trinn 15

Gjør den femtende sirkelen 220px bred med en solid svart fyll. Deretter legger du til en 3px Feather i denne sirkelen.

Vi skal også kompensere for denne sirkelen. Først juster du midtpunktet med alle de andre kretsene. Bruk deretter piltastene til å pusse opp den to ganger og til venstre to ganger.


Trinn 16

Gjør den sekstende sirkelen 216px bred med en solid svart fyll.

Tips: Du vil kanskje låse ned den svarte sirkelen som er opprettet i trinn 15. Deretter kan du fremdeles velge alle figurene og sentrere dem i forhold til kunstbrettet uten å forstyrre offset-en.


Trinn 17

Gjør den syttende sirkel 208px bred med en radial gradient, som har en 100% Grå (ved 100% stopp) til 90% Grå (ved 0% stopp) og midtskyvingen ved 50%.


Trinn 18

Gjør den attende sirkelen 208px bred uten fylling og et 7pt hvitt slag. Deretter gjelder en 4px Feather til denne sirkelen.


Trinn 19

Nå legger vi til noe blikk og refleksjoner på vår indre linse for å gi det et glassutseende. Tegn en slags halvmåneform med pennverktøyet, fyll det med hvitt, og gi det en 8px Feather. Senk også Opacity til 75%.


Trinn 20

For å legge til litt av en refleks i nederste hjørne av objektivet, tegne en oval form med pennverktøyet. Det er greit hvis det ikke er perfekt, da noe ufullkommenhet vil legge til effekten. Igjen, fyll formen med hvit, gi den en 3px fjær, og senk dens opasitet til 50%.


Trinn 21

Neste legger vi til noen flere refleksjoner på linsen. Tegn to flere former, som vist nedenfor. Fyll dem deretter med hvitt, gi dem en 3px Feather, og senk deres Opacity til 20%.


Trinn 22

Tegn noen ovaler med Ellipse-verktøyet, slik at de blir større når de går. Roter dem til en vinkel på 45 grader, og plasser dem i en diagonal linje med den minste ovalen mot midten. Når du har tre gjort på rad, velg dem alle, kopier dem, og roter dem og plasser dem på linje med de tre første, igjen med den minste ovalen mot midten.


Trinn 23

Alt som er igjen å gjøre er å legge til ytre linse. For å gjøre det, tegne en hvit sirkel som dekker hele kameralinsen, unntatt den ytre rammen. Deretter klikker du ved hjelp av saksverktøyet øverst til høyre på hjørnet og litt under venstre side av sirkelbanen for å kutte banen på disse punktene.

Slett nederste halvdel av sirkelen, deretter, med pennverktøyet, klikk på den ene enden av banen for å fortsette den. Deretter klikker du på den andre enden og drar for å lage en buet linje som kommer inn i enden av halvcirkelen. Når du har tegnet halvcirkelen, senker du Opacity til 50%.


Trinn 24

Vi skal nå lage en gjennomsiktig maske for å legge til en liten blikk av blending til objektivrefleksjonen. En gjennomsiktig maske består av en form på toppen av en annen form. Den øverste formen som brukes som maske, kan være svart, hvit eller grå nyanse, eller en gråtonegradient.

Når masken er opprettet, blir områdene av figurene under gjort gjennomsiktige basert på gråskyggen som er lagt over dem. Jo mørkere området av toppformen, desto lavere blir gjennomsiktigheten av bunnformen under dette området. Jo lysere gråtonen, jo mer ugjennomsiktig er det området.

For å lage vår maske, kopier halvkirkelen vi opprettet i det siste trinnet, og lim det direkte oppe på originalen (Command + F for Lim inn foran). Ta oppakningen av kopien tilbake til 100%, og fyll den med en hvit til svart gradient med opprinnelse i øverste venstre hjørne. For å endre opprinnelsespunktet, bruk igjen Gradient-verktøyet som vi gjorde tidligere.


Trinn 25

Det siste trinnet er å skape gjennomsiktighetsmasken. For å gjøre det, høyreklikk på den øverste halvcirkelen og gå til Velg> Neste objekt nedenfor. Dette vil velge bunnformen. For å velge den øverste også, hold Shift og klikk på den. I paletten Transparency klikker du på popup-menyknappen øverst i høyre hjørne, og velg Lag Opacity Mask.


Konklusjon

Teksten rundt rammen er oppnådd ved hjelp av Type på et sporverktøy, plassert under Type-verktøyet. Bare tegne en sirkel hvis kant går langs midten av rammen, velg Type-verktøyet, og klikk på sirkelen for å begynne å skrive langs stien.

Det er det! Vi har fullført kameralinsen vår. Den er klar til bruk som et ikon, en logo eller en annen type grafikk for hvor som helst det er nødvendig. Og den beste delen - den er fullt skalerbar! Husk at kompleks grafikk kan opprettes bare ved å kombinere enkle former og farger, og at 3D-effekter kan simuleres med enkle 2D-former også.