Share
I dag viser jeg deg hvordan du oppretter et ikon for adressebok for Mac OSX. Når du er nybegynner, er det bedre å begynne med å designe erstatningsikoner for å få litt øvelse. La oss begynne med å tilpasse ikonene i våre arbeidsområder.
La oss ta en titt på bildet vi skal skape.
Å lage et godt Mac OSX-ikon handler ikke bare om en ide eller en sofistikert design, men også om reglene. Når du skal begynne med å designe et ikon for Mac OSX, er det mange ting du trenger å vite. Først av alt må du lese Apple Human Interface Retningslinjer. Det gir deg grunnleggende kunnskap om filosofien til Mac OSX brukergrensesnittdesign. Den neste tingen å vurdere er faktisk hva du vil lage, så la oss begynne å lage vårt eget personlige ikon for vår adressebok-app.
Vi starter med en liten teori om ikonbelysning. Det er veldig enkelt å forstå det. Det er to kilder til lys - et sollys som en sterk lyskilde og en miljørefleksjon som en myk lyskilde.
Opprett et nytt dokument som er 1024 piksler med 1024 piksler. For å definere et 512px med 512px rektangel (Leopard ikonstandard) legg til fire guider (Vis> Ny guide).
Lag et nytt lag og legg til et avrundet rektangel (med en diameter på 20px) som et formlag. Dette vil være bokens hovedform. Jeg vil gjerne ha en rød bok, så jeg skal velge en rød farge som fyllfarge. La oss ringe dette laget "Book Cover."
Bøkene eller papirene i Mac OSX-ikonene har et bestemt perspektiv, se bildet nedenfor.
Ta direkte markeringsverktøyet (A) og velg to hjørnepunkter (alltid to). Juster dem deretter til våre guider (og deretter skjul guidene). Kopier "Book Cover" -laget en gang til og omdø det til "Paper". Vi skal bruke dette laget senere, så skjul det for nå.
Dobbeltklikk på "Bokdekselet" for å avsløre Layer Style-vinduet og bruk alle innstillingene nedenfor. Ikke glem å sjekke Blend Clipped Layers som gruppe i blandingsalternativene.
Opprett et nytt lag, trykk på Command + Alt + G for å endre laget til en Clipping Mask. Velg pennverktøyet (P) og gjør en mørk blå bred linje til venstre. La oss bare kalle det "Black Binding" fordi mørkblå ser ut som en svart farge.
Bruk disse innstillingene på "Black Binding."
Legg til ytterligere to utklippsmasker til bokformen. Disse maskene må være under "Black Binding" -laget. Fyll den første med svart. Deretter går du til Filter> Støy> Legg til støy (bruk en mengde på 75% og sett Distribusjonen til Ensartet). Endre også Blending-modusen til Overlay og sett Opacity til 7%. På den andre klippemasken må du bruke Notatpapirfiltret (med bildebalansen på 20, Graininess of 15 og Relief of 10). Endre blandingsmodus til Overlay og sett Opacity til 3%.
La oss legge til noen mønstre til "Black Binding." Lag en annen to utklippsmasker, denne gangen må de være over "Black Binding" -laget, selvfølgelig. Nå må vi gjøre et utvalg av "Black Binding." Så hold nede Kommandoen og klikk på vektormasken i "Svart bindende". Fyll utvalget med en svart farge og bruk grafikkpennfilteret med innstillingene nedenfor.
Klikk på Extract (Command + Alt + X), og trekk ut omtrent halvparten av de svarte stripene fra den hvite fargen.
Endre blandingsmodus for dette laget til Overlay og sett Opacity til 10%.
Nå skal vi gjenta noe fra tidligere skritt. Så velg den andre klippemasken, som vi opprettet i trinn 9. Gjør de samme trinnene som i trinn 9, men uten å bruke grafikkpennfilteret. Vi skal bruke Notespapir-filteret som i trinn 8, med de samme innstillingene (Image Balance - 20, Graininess - 15, Relief - 10). Og igjen, endre blandingsmodus til overlegg og denne gangen la Opacity på 100%.
Det siste vi må gjøre på "Black Binding" (og på bokomslaget) er å legge til noen synlige riper. Lag et nytt lag fremfor alt "Book Cover" -klippemasker. Velg børsteverktøyet og en Starburst børste (du finner den i forskjellige børster).
Ta en svart farge, og gjør deretter et utvalg av "Black Binding" (Kommando + klikk på vektormasken), og klikk flere ganger til høyre kant av valget. På slutten, opprett en ny gruppe, ring den "Front Cover". Flytt alle lagene vi brukte til å tegne bokomslaget der.
Så la oss legge til en tilbake til vår bok. Kopier "Front Cover" -gruppen, omdøpe den til "Back Cover" og flytte den under "Front Cover" -gruppen.
"Bakdekselet" er nesten lik "Frontdekselet". Vi må gjemme bare to lagseffekter. Den første er en Drop Shadow av hovedbokformen, og den andre er en Bevel og Emboss av "Black Binding" -formen.
Nå er det på tide å bruke "Paper" -laget fra trinn 4. Så avslør dette laget og ta direkte utvalgingsverktøyet. Det vi skal gjøre nå er å skalere ned "Paper" -laget. Men som du kan se, vil vi ikke bruke Transformasjon fordi vi må beholde de avrundede hjørner av papiret i samme radius som bokomslagets hjørner. Hvis vi skalerer med Transformasjon, skaler også radiusen til hjørnene. Velg alltid to hjørnepunkter og flytt dem litt nærmere neste hjørne. Endre fyll fyllfargen til hvit.
Bruk disse innstillingene til "Paper" -laget.
For å lage fem papirer, kopier papirlaget fire ganger. Deretter plasserer du dem som vist nedenfor.
Opprett en ny gruppe, ring den "Papers" og flytt alle papirene til denne gruppen. Plasser denne gruppen under "Front Cover" gruppen og over "Back Cover" gruppen.
Noe mangler fortsatt? Ringer, selvfølgelig. Så la oss gjøre dem. Først lag en ellipse med Ellipse Tool (U).
Trekk en annen ellipse inne i den første ellipsen ved hjelp av Ellipseverktøyet (U) i Subtract-modus (-).
Trekk den skjulte delen av ringformen med pennverktøyet (P) i trekkmodus (-). Navn dette laget "Ring."
Bruk disse innstillingene på "Ring".
For å lage en liten refleksjon av den røde fargen, dupliser "Ring," klare lagstiler, og bruk disse egenskapene.
Legg til et nytt lag, betegn det "Ring skygge", og gå til Lag> Vector Mask> Reveal All. Klikk på vektormasken til "Ring" og kopier banen til "Ringskygge" -laget. Velg dette laget og bruk en myk svart 100px børste med 20% Opacity for å legge til en svart farge til endene av "Ring".
Lag en "Ring Eye" med Ellipse Tool (U).
Bruk disse laginnstillingene på "Ringøyet."
Legg til et nytt lag under "Ring" og over "Ringøyet." Lag et utvalg av "Black Binding." Ta en svart 50px børste med 30% Opacity og maling en skygge under "Ring."
Som du kan se, er det nødvendig å fikse grensen til "Ring". Lag et nytt lag over alle "Ring" Clipping Masks og fikse det med en liten svart pensel.
Opprett en ny gruppe, kaller den "Ringlag" og legg alle lagene "Ring" der. Kopier deretter denne gruppen og flytt den opp. Skyggen under den andre "Ring" skal være litt annerledes, så roter den noen grader nærmere "Ring". For å få fem ringer gjenta dette trinnet tre ganger (uten å opprette en ny gruppe skjønt).
Velg pennverktøyet (P) og gjør en form for en brett, som på bildet nedenfor.
Bruk følgende egenskaper på "Fold".
Dupliser "Fold" fire ganger.
Ok, la oss legge til en skygge i boken. Jeg skal ikke forvandle og uklare bokformen, men i stedet bruker jeg bare penselverktøyet (B) og Erase Tool (E). Jeg tror at denne måten kan være vanskeligere for deg, men jeg håper at hvis du gjør ditt beste, vil resultatet bli mer ekte. Du kan også spille med opaciteten til dette laget, en viktig ting er at skyggen ikke skal være for sterk og mørk (en swhite-bakgrunn hjelper oss med dette).
Nå har vi gjort boken. Du kan bruke den som erstatningsikon for mange applikasjoner, men hvis vi vil bruke den som Adressebok, må vi legge til en detalj. Det kommer til å være et på-tegn som i originalikonet. Så velg din favoritt skrifttype (Jeg elsker Myriad Pro), sett skriftstørrelsen til 250pt og skriv inn tegnet "@."
Deretter roterer du skiltet om 10 ° til venstre ...
... og bruk disse innstillingene.
Kopier på-tegnet, flytt det noen piksler opp, og noen få piksler til høyre. Slett lagstilen, endre fargen til hvit, og bruk de nye innstillingene. Ikke glem å sette Opacity til 80%.
Jeg håper denne opplæringen er nyttig for deg som utgangspunkt for å lage Mac OSX-stilikoner. Hvis ikke, kan du i det minste laste ned dette ikonet for Mac OSX gratis under CC-lisensen og som en liten bonus. Jeg har også lagt til to andre fargeversjoner: grønn og svart. For å laste ned dette ikonet, klikk på bildet nedenfor. Her er en artikkel som beskriver hvordan du installerer egendefinerte Mac OSX-ikoner.
Accentsconagua