Lag en åpning stil Kameralinsen Icon

Create En Aperture stil Kameralinsen Ikon

I denne opplæringen, vil vi lage en detaljert kameralinsen lik den som brukes som logo for Apples Aperture foto-redigering programvare. En kameralinsen er bra for en programvare ikon, logo, eller bare som en grafikk for bruk i alle design. Selv om bildet vises detaljert, prosessen med å lage det innebærer litt mer enn bare lagdeling objekter med ulike fyll og gradienter for å gi en tredimensjonal illusjon.

publiseres Tutorial

Hver noen uker, går tilbake vi noen av vår leserens favoritt innlegg fra hele historien til området. Denne opplæringen ble første gang utgitt i august 2008.

Trinn 1

Opprett et nytt dokument uansett størrelse og størrelsesforholdet du ønsker. I motsetning til Photoshop, er det i Illustrator ganske enkelt å endre størrelsen på dokumentet når som helst i løpet av vårt arbeid. Vi kan ganske enkelt endre størrelsen på vektorgrafikk for å passe de nye dimensjoner. Jeg valgte i utgangspunktet en firkantet dokument på 550 piksler x 550 piksler.

Siden prosessen med å lage vårt bilde er først og fremst bare lagdeling figurer med forskjellige stigninger og fyller over hverandre, de fleste av disse trinnene vil bare si hva størrelsen på sirkelen skal være, hva gradient typen er den gradienter retning, fargene som brukes i gradient, sine farge stop steder i graderingen, og plasseringen av senteret glideren (e) i graderingen.
< p> Gjør den første sirkelen er 429px bred, med en -45 grad lineær gradient, som har en 100% grå (100% stopp) 40% Gray (på 0% stopp), og sentrum glidebryteren satt til 50%.

Trinn 2

Gjør den andre sirkelen er 423 piksler bred med en -45 grad lineær gradient, som har en 100% grå (100% stopp) til 60% grå (på 0% stopp ), og sentrum glidebryteren til 50%.

Trinn 3

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

Trinn 4

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

Trinn 5

Gjør det femte sirkelen er 359px bred med en solid 70% grått fyll.

Trinn 6

Gjør det sjette sirkel 339px bred med en 90 graders lineær gradient, som har en 100% grå (100% stopp) til 60% grå (på 0% stopp), og sentrum glidebryteren til 50%.

Trinn 7

Gjør den syvende sirkel 335px bred med en solid 70% grått fyll.

Trinn 8

Gjør det åttende sirkel 329px bred med en 90 graders lineær gradient, som har en 100% grå (100% stopp) til 60% grå (på 0% stopp), og sentrum glidebryteren til 50%.

Trinn 9

Gjør det niende sirkel 325px bred med en solid 70% grått fyll.

Trinn 10

Gjør det tiende sirkelen 319px bred med en 90 graders lineær gradient, som har en 100% grå (100% stopp) til 60% grå (på 0% stop), og sentrum glideren på 50%

Trinn 11

Gjør det ellevte sirkel 315px bred med en 130 graders lineær gradient, et 100% grå (100% stopp) til 90% grå (på 0% stopp), og sentrum glidebryteren til 50%.

Trinn 12

Gjør det tolvte sirkel 277px bred med en radial gradient, som har en 100% grå (100 % stopp) til 80% grå (på 0% stopp), og sentrum glidebryteren til 50%. Radial gradient bør stamme fra sentrum og få mørkere mot kanten.

For å endre det punktet der det stammer, velg Gradient verktøyet, og klikk og dra fra toppen venstre mest hjørne av sirkelen til nederst lengst til høyre hjørne. Tips
: Hvis gradienten ikke endrer seg når du drar over, sørg for at sirkelen er valgt

Trinn 13

For neste sirkelen trenger vi en litt mer. komplekse gradient, og for at vi skal bruke en gradient mesh. Gradient maskene er ekstremt kraftig og kan brukes til å lage utrolig komplekse og fotorealistiske illustrasjoner ved å blande farger i et nesten uendelig antall måter. Men, vi trenger bare en enkel maske her, så oppretter du en 268px bred krets og fylle det med solid svart.

Gradient maskene kan opprettes manuelt ved å legge mesh punkter ved hjelp av ingen ringere enn Gradient Mesh verktøyet, men siden vi trenger bare en enkel en, vil vi ha Illustrator lage det for oss. Velg sirkelen, og gå til Object > Lag Gradient Mesh. La alle standardverdiene fastsatt, men endre rader og kolonner til tre hver. Når du klikker OK, vil Illustrator skape mesh.

Med sirkelen valgt, bytter til segmentmarkøren, og klikk på et punkt (kryss) på mesh å velge det. Deretter klikker du på den øverste venstre mest område av mesh og endre farge til 80% grått. Deretter klikker du i høyre-de fleste område og endre farge til 70% grått.

Trinn 14

Gjør det fjortende sirkel 225px bred med en solid hvit fyll. I tillegg gir denne sirkelen en Feather av 6PX ved å gå til Effect > Stylize > Feather ..

Trinn 15

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

Vi kommer også til å oppveie denne sirkelen. Først justere det sentrum med alle de andre kretser. Deretter, ved hjelp av piltastene, dytte det opp to ganger og til venstre to ganger.

Trinn 16

Gjør det sekstende sirkel 216px bred med en solid svart fyll.

< em> Tips
: det kan være lurt å låse ned forskyvningen svart sirkel opprettet i trinn 15. Deretter kan du likevel velge alle former og sentrere dem i forhold til kunsten styret uten å forstyrre offset en
Trinn 17

Gjør det syttende sirkel 208px bred med en radial gradient, som har en 100% Gray (ved 100% stopp) til 90% Gray (på 0% stopp), og sentrum skyve 50% .

Trinn 18

Gjør det attende sirkel 208px bred uten fyll og en 7pt hvit strek. Deretter gjelder en 4px Feather til denne sirkelen.

Trinn 19

Nå skal vi legge til litt gjenskinn og refleksjoner til vår indre objektivet for å gi den et glass utseende. Tegn en slags halvmåne form med pennverktøyet, fyll den med hvit, og gi den en 8 piksler Feather. Også senke Opacity til 75%.

Trinn 20

For å legge til en bit av et gjenskinn i nedre hjørne av linsen, tegne en oval form med pennverktøyet. Det er greit hvis det ikke er perfekt, så noen ufullkommenhet vil legge til effekten. Igjen, fylle formen med hvitt, gir det en 3px fjær, og senke opacity til 50%.

Trinn 21

Neste vi vil legge til noen flere refleksjoner på objektivet. Tegn to former, slik det er vist nedenfor. Deretter fylle dem med hvit, gi dem en 3px Feather, og redusere sine Opacity til 20%.

Trinn 22

Tegn noen ovaler med Ellipse verktøy, noe som gjør dem større som de går. Rotere dem til om en 45 graders vinkel, og plassere dem i en diagonal linje med den minste oval mot sentrum. Når du har tre gjort på rad, velg dem alle, kopiere dem, og deretter rotere dem og plassere dem på linje med de tre første, igjen med den minste oval mot midten.

Trinn 23

Alt som gjenstår å gjøre er å legge den ytre linsen. For å gjøre det, tegne en hvit sirkel som dekker alle kameralinsen med unntak av den ytre rammen. Deretter, ved hjelp av sakseverktøyet, klikk på den øverste lengst til høyre hjørne og litt under lengst til venstre side av sirkelen banen for å kutte banen på disse punktene.

Slett den nedre halvdelen av sirkelen, deretter med pennverktøyet, klikker du på den ene enden av banen for å fortsette den. Deretter klikker du på den andre enden og dra for å lage en buet linje som forbinder endene av halvsirkelen. Når du har trukket halvsirkelen, senke Opacity til 50%.

Trinn 24

Vi overvåker nå kommer til å skape en åpenhet maske for å legge til en liten touch av gjenskinn til objektiv refleksjon. En transparent maske er sammensatt av en form på toppen av en annen form. Den toppform brukt som maske kan være svart, hvit eller alle nyanser av grått, eller en gråtone gradient.

Når masken er opprettet, områdene figurene under er gjort gjennomsiktig basert på skyggen av grått som er lagt over dem. I så fall vil det mørkere det området av toppform, den nedre gjennomsiktig være av den nederste form under dette området. Jo lettere nyanse av grått, jo mer ugjennomsiktig dette området være.

For å lage vår maske, kopierer halvsirkelen vi laget i det siste trinnet og lim den direkte på toppen av den opprinnelige (Command + F for Lim In Front). Ta med tettheten av kopien tilbake opp til 100%, og fyll den med en hvit til svart gradient opprinnelse i øverste venstre mest hjørne. For å endre opprinnelsesstedet, igjen bruke Gradient verktøyet som vi gjorde tidligere.

Trinn 25

Det siste trinnet er å skape åpenhet maske. For å gjøre dette, høyreklikker du på den øverste halvsirkelen og gå til Velg > Neste objekt nedenfor. Dette vil velge den nederste figuren. For å velge den øverste også, hold Shift og klikk på den. I Transparency paletten, klikk på popup-menyen-knappen øverst til høyre og velg Lag Opacity Mask.

Konklusjon

Teksten rundt rammen gjøres ved hjelp av Tekst langs en bane Tool under tekstverktøyet. Ganske enkelt, tegne en sirkel hvis kant går langs midten av rammen, velger du tekstverktøyet, og klikk på sirkelen for å begynne å skrive langs stien.

Det er det! Vi har avsluttet vår kameralinsen. Den er klar til å brukes som et ikon, logo, eller en hvilken som helst annen type grafikk for der den trengs. Og det beste av alt - det er fullt skalerbart! Husk at kompleks grafikk kan lages bare ved å kombinere enkle former og farger, og at 3D-effekter kan simuleres med enkle 2D-former også.