Reflektioner gjorda rätt - Skapa en pengarrulleikon

Cash-in när du följer denna handledning för att skapa exakta och logiska reflektioner. Jag ska täcka hur man använder skuggning och maskering för att skapa en illustration som är värt utseendet.

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator CS4
  • Svårighet: Mellanliggande
  • Beräknad slutförd tid: 1,5 timmar

Här är den illustration jag ska skapa.

Steg 1

Börja med att använda Ellipse Tool (L) för att rita en perfekt cirkel. Håll ned Shift-tangenten för att uppnå detta.

Steg 2

Lägg till en radiell gradient med ljusgröna färger. Se till att mitten och yttre kanter är ljusare.

Steg 3

Använd direktverktyget (V) förvräng cirkeln ner till en oval form.

Steg 4

Duplicera den ovala nedre på sidan. Se till att du håller den perfekt i linje med den första formen. Avståndet som formerna är borta från varandra kommer att vara höjden på din rulle pengar.

Steg 5

Rektangelverktyget (M) ritar en rektangel som exakt är bredden på ovalerna. Rektangeln ska börja och sluta på halvvägs av båda ovalerna.

Steg 6

Välj rektangeln och den nedre ovalen. Markera Unite i Pathfinder Palette. De två formerna borde nu vara en.

Steg 7

Ge rullen av pengar en linjär gradient. Observera att den högra kanten har lite höjdpunkt till den. Detta kallas reflekterande belysning och är viktig för den övergripande effekten av ikonens utseende. Spendera lite tid på att få gradienten innan du går vidare. Observera att om ovansidan inte är framför, välj den och gå till Objekt> Ordna> Ta fram.

Steg 8

VIKTIGT: Duplicera alla dina former och behåll originalet till sidan.

Använd den nya kopian, se till att den ovala är ovanpå den mörkgröna gradientformen (Objekt> Ordna> Ta fram), välj sedan båda formerna och i Pathfinder Palette klicka på Minus Front.

Steg 9

Detta är vad du borde vara kvar med.

Steg 10

Välj formen och gå till Objekt> Path> Offset Path. Ange ett negativt värde för Offset. Observera, ditt värde kommer att bestämmas av hur stort ditt konstverk är skapat så skriv in ett nummer som ser bra ut för dig.

Steg 11

Innan du kan färga den nya formen individuellt måste du gruppera objektet. Gå till Objekt> Ungroup. Med hjälp av Direct Selection Tool väljer du mittformen och ger den en svart fyllning. På Transparentpaletten väljer du Multiplicera och justerar sedan Opacity till cirka 25%. Nu kan du placera den nya mindre formen på toppen av pengarna du ställer på sidan och bli av med den större formen.

Steg 12

Skapa hålet genom toppen av rullen genom att kopiera ovalen på toppen och klistra in direkt på plats genom att trycka på Command + F. Skala den ovala nedåt med Direct Select Tool. Håll Shift + Alternativ och dra objektet ner tills det är mindre.

Steg 13

Fyll formen med en svart till vit radiell gradient, sätt läget till Multiplicera i Transparentpaletten och ta upp opaciteten till ungefär 42%.

Steg 14

Skapa en mer godtycklig form på framsidan av rullen genom att använda blyertsverktyget (N) för att rita formen. Tips! Håll ner alternativknappen för att enkelt stänga formen när du ritar den.

Steg 15

Att skapa illusionen av veck eller veck på toppen av rullen är lätt att göra. Använd två överlappande ellipser för att starta.

Steg 16

I Pathfinder Palette väljer du Minus Front. Detta kommer att lämna dig med en halvmåneform. Duplicera formen och ändra skalan och färgen för att lägga till en mängd olika veck och veck.

Steg 17

Detta är vad ditt konstverk ska se ut just nu.

Steg 18

För att skapa bandet runt rullan använder du en process som liknar den som skapar veckorna ovanpå. Återigen, börja med att överlappa två ellipser.

Steg 19

Klicka på Minus Front i Pathfinder Palette.

Steg 20

Om du zoomar in ser du att det nu finns en skarp punkt på kanten av bandet. Du måste använda Penverktyget för att rätta till det.

Steg 21

Med hjälp av pennverktyget (P) ritas en form som täcker spetsen. Använd Minus Front i Pathfinder för att ändra bandets form.

Steg 22

Ge bandet ett rikt rött till mörkt rött gradient. Observera hur jag fortfarande använder reflekterande belysning på detta element också. Tänk på din ljuskälla. För denna illustration kommer ljuset från övre vänstra sidan.

Steg 23

Ge bandet lite mer detaljer genom att lägga en mörkare kant runt den. Gå till Effekt> Stylize> Inner Glow. Välj Multiplicera och använd en mörk färg som svart. Justera opacitet och oskärpa och klicka sedan på OK.

Steg 24

Ge bandet en skugga genom att först använda pennaverktyget för att rita en form som liknar nedan.

Steg 25

Blur formen genom att gå till Effekt> Blur> Gaussian Blur. På fliken Transparent väljer du Multiplicera så att skuggan smälter väl med den gröna färgen bakom den.

Steg 26

Förbättra detaljerna i bandet med hjälp av Pen Tool för att dra en liten markering på kanten.

Steg 27

Skapa mynt genom att först dra en ellips och fylla den med en linjär gradient.

Steg 28

Jag har lagt till en subtil inre form som är något mörkare än formen bakom den. Detta ger intryck av en ås eller läpp inuti mynten. Återigen, använd kopian och klistra in på plats teknik (används i steg 12) för att vara säker på att din nya form ligger mitt i formen bakom den.

Steg 29

Ge myntdjupet genom att duplicera det ovala och placera det lägre än det första ovala. Rita en rektangel som är ovalens bredd och startar och slutar vid den horisontella halvvägs av både övre och nedre ovala. Använd Pathfinder Palette för att förena den undre ovala och rektangelformen. I ett nötskal, skapa denna form på samma sätt som du skapade formen på pengarna.

Steg 30

Använd Penverktyget för att dra några av de små detaljerna som nitar på sidan och reflektioner på kanterna.

Steg 31

Rita några andra mynt, rotera och stapla dem ovanpå varandra. Gruppera varje mynt när du ritar det för att göra valet av ett mynt åt gången lättare.

Steg 32

Ge varje mynt en egen skugga med Gaussian Blur-tekniken. Observera hur centrumskuggan är mörkare eftersom fler mynt täcker detta område.

Steg 33

Placera mynt bredvid pengarna. Lägg till en annan suddig skugga i det område där myntet rör rullen.

Steg 34

Lägg till en skugga under pengarna också.

Steg 35

För att skapa reflektionen börja med att gruppera pengarna och alla de element som utgör den. Duplicera det och skicka det till baksidan genom att gå till Objekt> Ordna> Skicka till baksida.

Steg 36

Välj nedre rullen och dubbelklicka på det tomma området som är markerat med gult i rutan Transparent.

Steg 37

Din bottenrulleform ska nu vara osynlig.

Steg 38

Använd rektangulärverktyget genom att rita en rektangel (som har en vit fyllning) ovanpå området där bottenrullen ska vara. Nu ska din nedre rulle synas igen.

Steg 39

Fortsätt arbeta på maskinsidan av OH-paletten (höger sida), ge den "vita" formen du bara ritat en svart-vit radiell gradient. Denna gradient maskeras gradvis för att ge intrycket av reflektionen uttonande. Se till att ditt svarta består av alla 0 värden och din vit består av alla 255 värden. Att försumma detta steg gör att din reflektion inte kan blekna ut eller helt.

Steg 40

Observera att stegen 36-39 ska fyllas i på maskinsidan på transparentpaletten (höger sida.) Växla tillbaka till den vänstra sidan av transparentpaletten genom att dubbelklicka på det gula området. Nu, i Transparentpaletten kan du välja bottenrulleformen och justera Opacity till något lägre, som ungefär 60%.

Steg 41

Detta är vad ditt konstverk ska se ut just nu.

Steg 42

Att skapa en logisk reflektion för mynt är vanligtvis där de flesta människor har problem med att visualisera korrekt utförande. I det första exemplet har myntet helt enkelt kopierats och klistrats upp och ner. Detta är felaktigt. Det korrekta utseendet som mynten borde ha är en sann reflektion.

Steg 43

Det är lätt att göra reflektionen ser trovärdig ut. Jag har brutit processen ner i 3 bilder. Först kopierar du myntet till vänster. Rotera den och skicka den till baksidan av alla andra objekt. För det andra duplicera kanten av mittmynt och klistra in den direkt nedan. Tredje, duplicera rätt mynt och skicka det bakom alla andra objekt också.

Nu är mynten staplade på ett mer realistiskt sätt än att bara kopiera och klistra in hela saken.

Steg 44

Fade mynt ut genom att använda samma maskeringsteknik som används för pengarna.

Steg 45

Rita en rundad hörnrektangel. Observera att du kan justera hörnns radie genom att hålla upp-eller ned-pilen medan du ritar formen.

Steg 46

Fyll den med en cool blå gradient.

Steg 47

Gör kanterna mörkare genom att gå till Effekt> Stylize> Inner Glow.

Steg 48

Lägg lite atmosfär genom att dra några slumpmässiga vågformer och ge dem en vit till transparent gradient.

Steg 49

Lägg till texten längst ner. Jag har använt ett teckensnitt som heter ITC Franklin Gothic.

Steg 50

För att ge texten en gradient fyll, välj först texten, och välj sedan flyktangeln i Utseendepaletten och klicka på Lägg till ny fyllning. Justera lutningen efter eget tycke.

Steg 51

För att ge texten en skugga, har jag helt enkelt begravt en fyrkantig form med Gaussian Blur.

Steg 52

Sist, ge texten en reflektion som gjordes för rullen av pengar och mynt.

Slutlig bild

Det här är vad den sista ikonen ser ut!

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.