How å opprette en Fotorealistisk iMac og Magic Mouse
Denne opplæringen handler om å bruke Adobe Illustrator er Mesh Tool (U) og flere grunnleggende teknikker for å skape en vektor stil skjerm og mus, med en lignende design som Apples splitter nye iMac 27 "med magic mouse. Du kan bruke disse teknikkene til å lage andre skjermer og mus design også. La oss komme i gang!
Final bilde Forhåndsvisning
Nedenfor er det siste bildet vi skal jobbe mot. vil du ha tilgang til hele Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? bli Vector Plus for bare 9 $ i måneden.
tutorial detaljer
Program: Adobe Illustrator CS4
Vanskelighetsgrad: Middels
Estimert Gjennomføring Tid: 3-5 timer
Innledning
Dette er stort tutorial der jeg kommer til å lære deg hvordan du bruker mesh-verktøyet (U) for å lage fin enkel bakker slik du ønsker å. Dette verktøyet er en stor en for å lage fotorealistiske effekter i vektorformat . Du trenger ikke noen aksjer fotografering for denne opplæringen bortsett fra en bruk for å lage skjerminnholdet. Dette vil du trenger er gitt fra samlingen min, og er helt gratis for bruk uten noen begrensning.
Du bør vite minst hvordan man skal håndtere Illustrator Pen Tool (P) for å fullføre denne opplæringen. Hvis du ikke er vant til å bruke det, så får stirret med denne opplæringen: Illustrator er Pen Tool: Den omfattende guide
Trinn 1
Vi starter vår tutorial med å skape ny artboard.. Gi den nye dokumentet "iMac" og sett dimensjonene til 1024pt for bredde og 768pt for høyde. Ettersom dette design er ment å brukes for trykte medier vi sette fargemodus til CMYK og oppløsningen til 300 dpi.
Trinn 2
Start modellering med skjermen. Det første du må lage er den siden av iMac-skjermen. Lag en enkel form med avrundet rektangel Tool (mine dimensjoner er 545pt av 440pt), farge det til # 807F83, og omskape med Direct Selection Tool (A). Vær spesielt oppmerksom på hjørnene.
Trinn 3
Nå bruker vi Illustrator er Mesh Tool (U). Velg verktøyet og lage ankerpunkt på grensen av formen nederst i høyre hjørne. Sørg for å lage punktet på grensen.
Trinn 4
Det er tid for praksis og din kreativitet. Bare spille med Mesh Tool (U) og prøve å lage noe som ligner på bildet under. Du kan se mer detaljert bilde av hjørnene i ytterligere tiltak, eller for Vector Plus-medlemmer bare se inn i AI kildefilen for denne opplæringen.
Trinn 5
Her kan du se et detaljert bilde av mesh hjørne. Bruk Direct Selection Tool (A) og # D8D9DA, # 807F83 farger for å skape dette buet gradient. Bare velg en bestemt del av mesh og bruke farge på det før du har den effekten vist nedenfor.
Trinn 6
I dette trinnet bare fortsette med de samme fargene i øverste høyre hjørne . Den øverste pilen viser snittet for mørkere og den nedre pil viser seksjon for lettere en. Dette er alt for side delen som vist. I de neste trinnene skal vi skape displayet.
Trinn 7
Opprett en annen Avrundet rektangel (537pt av 441pt) og farge det med # A1A1A4. Om nødvendig, ta den frem og justere posisjonen til siden Bruk Mesh Tool (U) med fargene # EFE9E5 og # A1A1A4, for å skape en gradient, som vist nedenfor. Dupliser laget fra Trinn 8. Klikk på den med Selection Tool (V) og endre fargen til # 261C02. Deretter oppretter to rektangel figurer (M) og deformere dem ved å flytte sine ankerpunkt med Direct Selection Tool (A). Og nå er vi klare til å trekke fra dem til å lage en svart skjerm ramme. Nå velger # 1 rektangel og gå til Object > Sti > Divide objekter under. Gjør det samme med # 2 formen. Nå skal vi bruke edderkopp bilder. Bare sette den på artboard og skalere det til nødvendige dimensjoner, bare for å ha det øverste høyre hjørne nær øvre høyre hjørne av rammen og gjøre det samme med den nederste venstre hjørne. I kontrollgruppen panel, klikk på maske og korrigere form med Direct Selection Tool (A). Det siste med bildet er å sette det bakover med Ordne Menu (Control > Ordne) for å skjule kantene bak den svarte rammen Nå bruker Pen Tool (. P) for å skape "Apple", eller legge til dine egne kreative merkevarebygging. Husk at det skal være litt deformert etter perspektiv regler. Med Pen Tool (P) lage formen for en refleksjon gradient. Du kan lage en helt ny form, eller bare kopiere det første laget på skjermen, og redigere det med subtractions og Konverter Anchor Point Tool (Shift + C). Påfør deretter en semi-transparent gradient på den. Stigningen er laget med #fff farge med 0% Opacity, # 000 farger med 100% Opacity og vinkelen er satt til 81,82 grader. Og den siste tingen å skape for iMac er dens ben. Lage figuren nedenfor med Pen Tool (P) og gjelder # D8D9DA til det. Opprett en ny rektangel (mine dimensjoner er 102pt av 79pt) og bruke Mesh Tool (U ) for å lage to vertikale linjer. Husk å klikke på grenselinjene ikke i form. Fortsett med Mesh Tool (U) og skape en mer vertikal linje, og deretter åtte horisontale linjer. Igjen, må du huske å klikke på grenselinjene. Bruk Direct Selection Tool (A), Mesh Tool (U) og Anchor Point Tool (Shift + C) for å forvandle din forme inn i en i bildet nedenfor. Så vi er nesten ferdig med iMac. Bare bruk Direct Selection Tool (A) for å velge bestemte områder av mesh og # 807F83, # C2CDC5, # EFE9E5, # A1A1A4 farger for å skape skygger og refleksjoner. Betal din oppmerksomhet til de områdene som er angitt av pilene under, som de er spesielt viktig. Og det siste trinnet er å justere plasseringen av figurer av iMac-etappe og også til ordne det tilbake bak skjermen. Og voil á, har vi en fotorealistisk vektor av Apples iMac. Jeg har også utarbeidet Magic Mouse til å praktisere de ferdighetene du har lært. De neste trinnene som beskriver prosessen er mer kortfattet for å la deg se hvor mye du forstår trinnene under oppretting av iMac. Hvis du er tapt og du kan rulle tilbake og sjekke de forrige trinnene igjen eller bare leke med kilden AI-fil. Bruk Pen Tool (P), Direct Selection Tool (A ), Anchor Point Tool (Shift + C) og mesh Tool (U) for å lage basen mesh form for Magic Mouse. Legg til to figurer (Pen Tool (P)) for refleksjoner. # 1 er #fff farge med 0% Opacity til #bfbfbf farge med 50% Opacity, og vinkel satt til -93,74 grader. # 2 er #fff farge med 0% Opacity, #DDD farge med 100% Opacity, #bfbfbf farge med 10% Opacity, og vinkel er satt til 175,71 grader. Lag en form for sidelinjen av Magic Mouse. Fyll den med en gradient ved hjelp av farger, vinkel, og posisjoner som vist. Det eneste unntaket er 0% Opacity av #ABABAB farge i midten av graderingen. Det siste bildet viser formen for merkets skygge. Apple er det øverste laget og er fylt med # a1a1a5 farge. Skyggen som forventet er baksiden lag fylt med # 162732 farger. Nå kan du sette iMac og Magic Mouse sammen, og vi er ferdig. Takk for oppmerksomheten, og jeg håper at denne opplæringen var nyttig for deg. Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.
form, noe som skaper en ekstrudert form illusjon.
Trinn 8
Trinn 9
Trinn 10
Trinn 11
Trinn 12
Trinn 13
Trinn 14
Trinn 15
Trinn 16
Trinn 17
Trinn 18
Trinn 19
Trinn 20
Trinn 21
Trinn 22
Trinn 23
Konklusjon