Share
Hoe een pictogram te maken met behulp van nieuwe functies van Inkscape 0.47, zoals: verlopen, vervaging, padeffecten en masker op de structuurlaag. We zullen alle stappen doorlopen die nodig zijn om dit vale pictogram RSS-feed te maken. Er is een aantal geweldige vectormateriaal in deze zelfstudie!
Hieronder is het uiteindelijke beeld waar we naartoe zullen werken. Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.
Ten eerste hebben we de laatste Inkscape-release (0.47pre4) nodig. Je kunt het downloaden op de officiële inkscape-site.
Inkscape is een open source vector grafische editor die vrij beschikbaar is voor Linux, Windows 2000/2003 / XP (volledig onafhankelijk installatieprogramma) en OSX (dmg-pakket).
Laten we beginnen met het openen van een nieuw document, het selecteren van het Bezier Curve-gereedschap (B) en het tekenen van een ruwe afbeelding van drie gezichten van een kubus in een perspectiefweergave (druk op Command om een verticale Bezier-regel te tekenen).
Zorg ervoor dat u de nieuwe gebruikersinterface van Snapping in de werkbalk van Inkscape inschakelt en klik op de knop Knooppunt controleren om knooppunten uit te lijnen.
Nu snijden we het bovenvlak in twee delen. Selecteer de bovenzijde, druk op de knop Pad bewerken (F2), selecteer de linker en beneden knooppunten en druk op de knop Nieuwe knoop invoegen, herhaal voor de bovenste en rechter knooppunten.
Selecteer de zojuist gemaakte knooppunten en druk op de knop Pad breken om het bovenvlak te verdelen en Command + K om het in twee objecten te splitsen. Nu zou je vier verschillende objecten moeten hebben, zoals de afbeelding hieronder (ik vulde het met willekeurige kleuren voor een beter zicht).
Als u een oude kartonnen doos wilt simuleren, selecteert u een vlak en drukt u op F2 om het pad te bewerken. Selecteer twee knooppunten en druk op de knop Knooppunten toevoegen. Selecteer het nieuwe knooppunt dat is gemaakt en converteer het in een symmetrisch knooppunt om ze te verplaatsen en te roteren. U kunt dubbelklikken op een pad om een nieuw knooppunt in te voegen ...
Open de laagmanager door naar Lagen> Lagen ... te gaan (Command + Shift + L). Je moet 1 laag hebben, noem het "Box". Dupliceer het nu door naar Laag> Huidige laag dupliceren te gaan. Hernoem de nieuwe "bg_box" en plaats deze onder "box" -lagen. Nu zou je hetzelfde in de twee lagen moeten hebben. Dus voor het moment kun je "box" -lagen verbergen.
We zullen dus de vorm in "bg_box" opschonen en slechts één object maken, want dan moeten de interne knooppunten worden uitgelijnd. Selecteer alles en pas Pad> Union toe. Deze vorm wordt na gebruikt voor texturen, bliksem en schaduw. U kunt de "bg_box" -laag vergrendelen en teruggaan naar de laag "box".
Nu vullen we de gezichten met een verloopkleur om een licht van linksboven te simuleren. Open dus het vak Vulling en lijn door naar Object> Vulling en lijn (Command + Shift + F) te gaan. Selecteer het linker vlak, vul de vorm met een radiaal verloop door op de knop Radiaal verloop te klikken. Gebruik de knop Pad bewerken om het midden te selecteren en een lichtbruine kleur te kiezen (# c2aa99) en op de buitenzijde een donkerbruine kleur (# 926a4f). Selecteer het verloopcentrum en sleep het naar beneden om het effect aan te passen.
Herhaal de vorige stap voor elk deel van de kartonnen doos, je kunt de kleur aanpassen en vergeet niet dat het licht van linksboven komt, je zou iets als hieronder moeten verkrijgen.
Nu gaan we werken aan het benadrukken van de doosrand met licht. Maak een ster met drie takken. Plaats het op de voorste hoek van de doos en kies een lichte kleur zoals # b4a69e.
Transformeer de objecten nu door naar Pad> Object naar pad ... te gaan (Command + Shift + C). Selecteer de takken van de sterknopen en plaats ze op de randen van het vak, geef een wazigheidswaarde van 1.
Selecteer het Bezier Curve-gereedschap en teken donkergrijze vormen in de hoek om een bobbel op de doos te simuleren.
Selecteer die vormen, ga naar Fill and Stroke en stel hun Blur in op 10.0.
Nu zullen we het vochteffect op de doos voorstellen met behulp van enkele grunge-vormen. Maak een eenvoudige ellips, selecteer het gereedschap Tweak, stel de breedte in op 10, forceer op 25. Duw nu delen van de paden op en breng ze aan op de zijkant van de vorm, zoals de afbeelding hieronder.
Nu zullen we de rest van de vorm wissen met behulp van een Pathfinder. Teken een grote rechthoek op het gedeelte dat u wilt verwijderen. Selecteer de twee en pas Pad> Difference toe.
Een andere manier om een ruwe vorm te maken, is om een eenvoudige vorm te tekenen met een bezier-tool en een modifier toe te passen door naar Extensie> Pad wijzigen> Fractaliseren te gaan.
Dupliceer, schaal en draai de zojuist gemaakte ruwe vormen. Leg ze op de kartonnen doos.
Breng op elke vorm een licht verloop aan, zwart naar transparant en pas het aan zoals hieronder getoond.
Nu maken we tape op de doos. Teken twee rechthoeken met het Bézier-gereedschap, een beetje boven en een aan de linkerkant.
Selecteer het bodemsegment op de kleine rechthoek en verdeel het 4 keer.
Selecteer willekeurige knooppunten en verplaats ze met de bovenste en onderste pijl om een splitsing te simuleren.
Selecteer de tape en voeg deze bruine kleur toe # 625037. Op het bovenste stuk van de tape vullen we het met een verticaal, lineair verloop. Voeg 3 stops toe met behulp van de verloopeditor en bewerk de middelste met een lichtbruine achtergrond (# a4804a). Hierna kunt u de twee stukken tape selecteren en het onderstaande verplaatsen met de PageDown-toets.
Om onze doos te verbeteren, voegen we een Bitmap-structuur toe, ik gebruik deze gratis roestafbeelding op TextureZ.com. Om een masker te maken, terwijl we dezelfde grootte en positie behouden als onze doos, gebruiken we de achtergrondvorm die is gemaakt in stap 8.
Selecteer de laag "bg_box", dupliceer en hernoem het "Texture" en verplaats het boven de anderen. Zet nu je vormkleur wit (omdat lichtheid de alpha van het masker verandert). Neem je bitmap met roesttexturen mee en plaats deze onder je maskervorm.
Selecteer de roestbitmap en de witte maskervorm (Object> Masker> Instellen). U krijgt een getextureerde vorm, stel nu in de laageigenschappen de overvloeimodus in op Scherm en Dekking op 25%. Je kunt deze laag vergrendelen.
Maak een nieuwe laag, noem het logo, nu zullen we een RSS-pictogram in perspectief toevoegen, dus download en importeer eerst in je pagina RSS ICOON op de wikipedia. Koppel het pictogram los (Command + Shift + G) en bewaar alleen het RSS-symbool. Combineer het (Command + K) en verander de kleur in een fel oranje (# ff7f2a)
We gaan een Path Effect-tool gebruiken om perspectief te creëren. Selecteer uw RSS-pictogram en plaats het op de juiste kant. Dupliceer dit gezicht, wissel de vulling en lijn en selecteer bijvoorbeeld een zwarte kleur. Schaal het vanuit het midden (Mouse + Command + Shift), deze lijn wordt gebruikt als perspectiefreferentie.
Selecteer het RSS-pictogram door het vakje Pad> Pad Effect Editor te openen. Selecteer de envelopvervorming en druk op Toevoegen. Oké, selecteer op de eerste regel "Bovenste bochtpad" de knop Bewerken op canvas en lijn de knopen uit met de hoek van de perspectiefreferentie die eerder is gemaakt. Herhaal dit voor de rechter-, onder- en linkerrand van het RSS-pictogram.
Nadat u uw perspectiefverwijzing hebt verwijderd, moet u iets soortgelijks als hieronder weergegeven krijgen.
Om nu een gloei-effect op het logo te simuleren, voegt u een vervaging van 10% toe en dupliceert u deze (Command + D). Zet de vervagingswaarde op 0 en verander de kleur in een lichtere sinaasappel (# ff7f2a).
U kunt meer details toevoegen aan uw kartonnen doos, als u bijvoorbeeld tekst wilt toevoegen, vergeet dan niet vectoriseren (Command + Shift + C) en combineer deze (Command + K). Teken daarna een perspectiefreferentie waar u de tekst wilt plaatsen en gebruik de padeffecteditor met vervorming van de envelop.
Super goed! onze doos is klaar, laten we wat bliksemeffecten toevoegen. Onthoud onze achtergrondvorm die is gemaakt in stap 8, we gebruiken deze om een schaduwvak (zwart) en bliksemeffecten (oranje) te maken. Dus geef alleen "bg_box layer" weer, selecteer de vorm en dupliceer deze. Selecteer er een en wis enkele knooppunten om een zwarte schaduw te maken, zoals de afbeelding hieronder.
Op de zwarte schaduw een vervaging van 5 toepassen.
Selecteer de oranje vorm, schaal deze een beetje vanaf het midden en pas een blur van 5 toe. U kunt de knooppuntenpositie aanpassen om een lichtstraal uit de doos te simuleren. Zorg dat alle lagen zichtbaar zijn en je moet zoiets krijgen.
Geweldig, laatste ding, je kunt een schaduw of halo toevoegen. Maak alleen een ovaal met een stralend verloop dat grijs (licht) of wit (Halo) tot transparant is. Dupliceer het RSS-pictogram, draai eraan en pas een verloop toe (oranje naar transparantie) met vervaging op 10. Het werkt ook uitstekend op een donkergrijze achtergrond. Hieronder is het eindresultaat!
Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.
Accentsconagua