Share
Så här skapar du en ikon med nya funktioner i Inkscape 0.47, t.ex.: gradienter, oskärpa, baneffekter och maskering på texturlagret. Vi går igenom alla steg som är inblandade i att skapa den här grungy RSS-fältikonen. Det finns några bra vektormaterial i denna handledning!
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.
Först behöver vi det senaste Inkscape-utgåvan (0.47pre4). Du kan ladda ner den på den officiella inkscape-webbplatsen.
Inkscape är en open source vektorgrafikredigerare tillgänglig fritt för Linux, Windows 2000/2003 / XP (helt fristående installationsprogram) och OSX (dmg-paket).
Låt oss börja med att först öppna ett nytt dokument, välja Bezier Curve-verktyget (B) och dra ett grovt tre kors på en kub i perspektivvyn (Tryck på kommandot för att dra en vertikal linje).
Var noga med att aktivera det nya användargränssnittet för att snappa i Inkscapes verktygsfält och kontrollknappsknappen för att justera noder.
Nu skär vi övre ytan i två delar. Välj toppsidan, tryck på knappen Redigera sökväg (F2), välj vänster och ner och klicka på knappen Infoga ny nod, upprepa för de högsta och högra noderna.
Välj de noder som just skapats och tryck på brytvägsknappen för att dela upp toppsidan och kommandot + K för att bryta det i två objekt. Nu borde du ha fyra olika objekt, som bilden nedan (jag fyllde den med slumpmässiga färger för en bättre bild).
För att simulera en gammal kartong, välj ett ansikte och tryck på F2 för att redigera sökvägen. Välj två noder och tryck på knappen Lägg till nod. Välj den nya noden som skapats och konvertera den i en symmetrisk nod för att flytta och rotera dem. Du kan dubbelklicka på en sökväg för att infoga ny nod ...
Öppna lagerhanteraren genom att gå till Lager> Lager ... (Kommando + Skift + L). Du borde ha ett lager, byta namn på det "Box." Kopiera det nu genom att gå till Layer> Duplicate current layer. Byt namn på den nya "bg_box" och placera den under "box" -lagren. Nu borde du ha samma sak i de två skikten. Så för tillfället kan du gömma "låda" lager.
Så vi städar formen i "bg_box" och skapar bara ett objekt, för det är säker på att interna noder är inriktade. Markera allt och använd sökväg> Union. Denna form kommer att användas efter för texturering, blixt och skugga. Du kan låsa "bg_box" -lagret och gå tillbaka på "boxen" -laget.
Nu fyller vi ansikten med en gradientfärg för att simulera ett ljus som kommer uppifrån till vänster. Så öppna Fyll och Stroke rutan genom att gå till Objekt> Fyll och Stryk (Command + Shift + F). Välj det vänstra ansiktet, fyll i formen med en radiell gradient genom att klicka på Radial Gradient-knappen. Använd redigeringsvägen för att välja mittpunkten och välj en ljusbrun färg (# c2aa99) och på den yttre en mörkbrun färg (# 926a4f). Välj gradientcentret och dra det ned för att justera effekten.
Upprepa föregående steg för varje del av kartongen, du kan justera färgen och glöm inte att ljuset kommer från vänster till vänster, så ska du få något som visas nedan.
Nu arbetar vi med att betona boxens gräns med ljus. Skapa en stjärna med tre grenar. Placera det på framkanten av lådan och välj en ljusfärg som # b4a69e.
Nu omvandlar du objekten genom att gå till sökväg> Objekt till väg ... (Kommando + Skift + C). Välj grenarna från stjärnnoderna och placera dem på kanterna av lådan, ge ett suddigt värde på 1.
Välj verktyget Bezier Curve och dra mörkgrå former i hörnet för att simulera en bump på lådan.
Välj de här formerna, gå till Fyll och Slag och ställ in deras oskärpa till 10,0.
Nu föreslår vi fuktpåverkan på lådan med hjälp av vissa grungeformer. Skapa en enkel ellips, välj Tweak-verktyget, sätt bredden till 10, Kräv på 25. Tryck nu på grova delar av banorna och applicera dem på sidan av formen som bilden nedan.
Nu raderar vi resten av formen med hjälp av en Pathfinder. Rita en stor rektangel på den del du vill ta bort. Välj de två och använd sökväg> Skillnad.
Ett annat sätt att skapa en grov form är att dra en enkel form med ett snyggare verktyg och tillämpa en modifierare genom att gå till Förlängning> Ändra sökväg> Fractalize.
Duplicera, skala och vrid de grova former som just skapats. Sätt dem på kartongen.
Applicera på varje form en ljus gradient, svart till transparent och justera enligt nedan.
Nu skapar vi tejp på lådan. Rita två rektanglar med Bezier-verktyget, en liten på toppen och en på vänster sida.
Välj det nedre segmentet på den lilla rektangeln och dela upp det 4 gånger.
Välj slumpmässiga noder och flytta dem med den övre och nedre pilen för att simulera en delning.
Välj tejpen och lägg till den här bruna färgen # 625037. På toppen av tejpen fyller vi den med en vertikal, linjär gradient. Lägg till 3 stopp med hjälp av gradientredigeraren och rediger den mellersta med en ljusbrun (# a4804a). Därefter kan du välja de två bitarna av tejp och flytta nedåt med PageDown-tangenten.
För att förbättra vår ruta lägger vi till en bitmappsstruktur, jag använder den här fri rostbilden som finns på TextureZ.com. För att skapa en mask, samtidigt som du har samma storlek och position som vår ruta, använder vi den bakgrundsform som skapades i steg 8.
Välj "bg_box" -lagret, duplicera och byt namn på det "Texture" och flytta det över de andra. Vrid nu din formfärg till vit (eftersom ljusstyrka ändrar maskens alfa). Ta med din rosttexturbitmap och placera den under din maskform.
Välj rostbitmap och vit maskform (Objekt> Mask> Set). Du kommer att ha en texturerad form, nu i lageregenskaperna ställer du blandningsläget på skärmen och opacitet på 25%. Du kan låsa detta lager.
Skapa ett nytt lager, kalla det logotyp, nu lägger vi till en RSS-ikon i perspektiv, så först ladda ner och importera i din sida RSS ICON på wikipedia. Ta bort ikonen (Command + Shift + G) och behåll bara RSS-symbolen. Kombinera det (Command + K) och vrid färgen till en ljus orange. (# Ff7f2a)
Vi ska använda ett Path Effect-verktyg för att skapa perspektiv. Välj din RSS-ikon och placera den på höger sida. Duplicera detta ansikte, byt fyllning och stroke och välj en svart färg till exempel. Skala den från mitten (Mus + Command + Shift), denna stroke kommer att användas som perspektivreferens.
Välj RSS-ikonen genom att öppna sökvägen Path Effect Editor. Markera kuvertdeformationen och tryck på Lägg till. Okej, på den första raden "Top bend path" väljer du knappen Edit on Canvas och justerar noderna till hörnet av perspektivreferensen som skapades tidigare. Upprepa för höger, nederst och vänster kant av RSS-ikonen.
När du kan ta bort din perspektivreferens bör du få något liknande det som visas nedan.
För att simulera en glödseffekt på logotypen, lägg till en 10% oskärpa och duplicera den (Command + D). Sätt suddvärdet på 0 och ändra färgen till en ljusare orange (# ff7f2a).
Du kan lägga till mer information på kartongen, till exempel om du vill lägga till text glöm inte att vektorisera (Command + Shift + C) och kombinera det (Command + K). Därefter ritar du en referensreferens där du vill placera texten och använda Path Effect Editor med kuvertdeformation.
Bra! vår låda är klar, låt oss lägga till några blixt effekter. Kom ihåg vår bakgrundsform som skapades i steg 8, vi använder den för att skapa en skugglåda (svart) och blixt effekter (orange). Så visas bara "bg_box-lager", välj formen och duplicera den. Välj en och radera några noder för att skapa en skugga i svart som bilden nedan.
På den svarta skuggan applicera en suddighet på 5.
Välj apelsinformen, skala den lite från mitten och använd en oskärpa på 5. Du kan justera noderpositionen för att simulera en ljusstråle ur lådan. Ta bort alla lager och du borde få något så här.
Stor, sista sak, du kan lägga till en skugga eller halo. Skapa bara en ellips med en strålningsgradient som är grå (ljus) eller vit (Halo) till transparent. Kopiera RSS-ikonen, vrid den och använd en lutning (orange till transparens) med oskärpa på 10. Det fungerar också bra på en mörkgrå bakgrund också. Nedan är slutresultatet!
Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua