Hur man skapar en saftig RSS Feed Icon

Låt oss lära oss hur du skapar en unik RSS-feedsymbol. Denna handledning kräver en förtrogenhet med Adobe Illustrators grundläggande verktyg, eftersom vi använder verktyget för gradientnätverk och gör det lätt att använda Illustrators kartläggningsfunktion.

Slutlig bildförhandsvisning

Här är vad RSS-ikonen ser ut när den är klar. Prenumerera också på VECTORTUTS RSS-flödet för att hålla dig uppdaterad med den senaste vektorns godhet.

Steg 1

Börja med att rita en cirkel med hjälp av Ellipse Tool (L.)

Steg 2

Hitta mitten av din cirkel genom att markera den. Rita en guide från skärmens vänstra kant till mitten av cirkeln.

Steg 3

Rita en rektangel med hjälp av rektangelverktyget (M) som möter mitten av cirkeln.

Steg 4

Använd Pathfinder Palette för att klippa cirkeln i hälften genom att välja alternativen som markeras nedan. Därefter roteras den 180 grader.

Steg 5

Typ RSS i typsnittet efter eget val. Dra typen i symbolpaletten för att ändra den till en symbol. Notera: Du kan göra typen vit om du vill, jag använder svart så att det är lätt att följa med.

Steg 6

Markera halvcirkeln och gå till Effect> 3D> Revolve och kolla sedan förhandsgranskningsrutan för att se effekterna när du tillämpar inställningarna. Klicka sedan på Fler alternativ och ändra blandningssteg (nära botten) till 1. Vi gör det eftersom det eliminerar de automatiska ljuseffekterna. Men om du vill göra belysningseffekterna i den här panelen kan du säkert. Metoden som vi ska använda för att skapa skuggor i cirkeln kommer att använda en gradient i ett senare steg. Klicka sedan på Map Art.

Steg 7

I dialogrutan Kartkonst väljer du din RSS-typ från rullgardinsmenyn Symbol. Ändra typen så att den faller där du vill att den ska vara. Eftersom du har Preview vald kan du se hur det ser ut som du justerar det. Klicka på OK, och klicka sedan på OK i nästa dialogruta.

Steg 8

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

Steg 9

Med hjälp av Direct Selection Tool (A) väljer du cirkeln och ger den en Radial gradient med tre färger. Lägg märke till hur gradienten går från ljus orange till mörkorange och tillbaka till ljusorange. Detta ger intryck av att ljus reflekterar marken tillbaka på sfären. Denna lilla detalj går långt i ikonens övergripande utseende.

Steg 10

Applicera samma teknik på bokstäverna med en grå till vit gradient.

Steg 11

Därefter skapar vi de små delarna på ytan av apelsinen. Rita flera små cirklar av olika storlekar.

Steg 12

Använd Pathfinder Palette för att först slå samman de svarta cirklarna med varandra. Därefter använder du Pathfinder Palette och väljer alternativet Intersect Shape Areas följt av att klicka på Expand-knappen som markerat nedan.

Steg 13

Du är nu kvar med cirklar som gör apelsinens exakta form.

Steg 14

Placera cirklarna över orange och anpassa deras opacitet så att de knappt syns.

Steg 15

För att uppnå ett realistiskt utseende blad använder vi enkla former att starta. Rita en ellips och klicka på både topp- och bottenpunkter med hjälp av Convert Anchor Point Tool (Shift + C.)

Steg 16

Lägg till fyra graderingsnätpunkter med hjälp av Gradient Mesh Tool (U.) Två punkter i mycket närhet nära toppen av bladet och två med samma närhet nära botten. Att göra punkterna i närheten gör att vi kan färga halva bladet i en färg (se steg 19.)

Steg 17

Ge bladet en liten båge genom att gå till Objekt> Kuvert Förvränga> Gör med Warp, välj sedan Arc och ange värdena nedan.

Steg 18

För att redigera bladet behöver vi expandera det eftersom vi har använt ett varpfilter på den. Gå till Objekt> Expand och välj OK.

Steg 19

Nu kan du välja varje maskpunkt med hjälp av Direct Selection Tool och ändra färg för att indikera höjdpunkter. Lägg märke till hur det finns två maskpunkter mycket nära varandra på toppen av bladet. Detta gör det möjligt för oss att ge illusionen av bladviktningen i hälften något, eftersom vi ändrar färgen på en maskpunkt, medan den andra maskpunkten förblir oförändrad.

Steg 20

Du kan välja flera nätverkspunkter samtidigt för att ändra dem samtidigt.

Steg 21

Rita en ellips och ge den en brun till mörkbrun gradient, och sätt typ till Radial.

Steg 22

Duplicera bladet och placera sedan bladen över den bruna cirkeln, som visas nedan.

Steg 23

Att göra halm är lättare än du tror. Börja med att dra en linje med hjälp av Pen Tool (P.) Ge den en väsentlig vikt och ändra både Cap och Join to Round (markeras nedan i Stroke Palette.)

Steg 24

Gå till början och välj Objekt> Expand, och klicka sedan på OK i dialogrutan som följer. Ge sedan halmen några maskpunkter så att du kan ändra färgen i valda fläckar för att replikera höjdpunkter på halmen.

Steg 25

Så här ska ditt strå se ut.

Steg 26

Använd en enkel oval med en gradient för att simulera insidan av halmen. Duplicera den bruna ovalen och placera den vid halmens botten för att skapa illusionen av halmen som sitter i apelsinen.

Steg 27

Skapa enkelt skuggan under bladen genom att först dra en form och ge den en opacitet på cirka 50 procent.

Steg 28

Gå till Effect> Blur> Gaussian Blur, skriv in ett värde som ser bra ut och klicka på OK. Kopiera skuggan och placera den under det andra bladet. Använd den här tekniken för att skapa skuggan under halmen också. Den enda skillnaden när man skapar halmskuggan skulle vara att avsmalna änden av formen så att skuggan inte slutar plötsligt. I grund och botten kan du bara rita en skarp spetsig triangel!

Steg 29

Ge cirkeln som gör apelsinens huvudkropp en liten droppskugga. Markera cirkeln och gå till Effekt> Stylize> Drop Shadow, skriv sedan in värden som ser bra ut för dig och välj OK. Till sist lägger du till en annan liten skugga under apelsinen genom att använda en radiell gradient som går från grått till vitt.

Steg 30

Skapa bråkmönstret i bakgrunden genom att först dra en cirkel och ge den en betydande slagvikt.

Steg 31

Välj streckad linje och ange ett värde i den första Dash-rutan. Beroende på hur stor din cirkel är kan dina värden vara olika än vad som visas nedan. Vanligtvis ger mindre värden en mer invecklad design. Notera: Ge din cirkel en större vikt (observera att min slagvikt är 70) om dina linjer inte möts i mitten.

Steg 32

Gå till toppen och välj Objekt> Expand, välj sedan OK i dialogrutan som följer. Nu, ge formen en grön till vit radiell gradient. Placera formen bakom orange för att slutföra designen.

Slutlig bild

Där har du det! En saftig RSS-feedikon som får dina läsare att törsta efter mer!

Prenumerera på VECTORTUTS RSS-flödet för mer bra vektorhandledning och artiklar.