Share
In de volgende tutorial zal ik je laten zien hoe je een marker-illustratie maakt. Deze zelfstudie omvat vaardigheden voor het construeren van gevorderde vectorvormen in Illustrator om de markeringen te maken, samen met enkele laagjes en scriptgebruik om de teksteffecten te maken. Laten we beginnen.
Maak een 700px bij 630px, RGB-document. Schakel eerst het raster (Weergave> raster) en het magnetisch raster (aanzicht> magnetisch raster) in. Vervolgens heb je om de 2px een raster nodig. Ga naar Bewerken> Voorkeuren> Gidsen & raster, voer 2 in het vak Gridlijn elk in en 1 in het vak Onderverdelingen.
U kunt ook het infopaneel (Venster> Info) openen voor een livevoorbeeld met de grootte en positie van uw vormen. Vergeet niet om de maateenheid te vervangen door pixels in Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Laten we beginnen met de marker. Kies het gereedschap Rechthoek (M) en maak een 64px bij 172px vorm. Schakel over naar het gereedschap Direct selecteren (A) en focus op de onderste ankerpunten. Selecteer het linker ankerpunt en verplaats het 8px naar rechts en selecteer vervolgens het juiste ankerpunt en verplaats het 8px naar links. De Snap to Grid moet uw werk vergemakkelijken. Uiteindelijk moet je vorm eruitzien als de tweede afbeelding die wordt weergegeven. Selecteer het, dupliceer het en maak deze kopie onzichtbaar. Je hebt het een paar stappen later nodig.
Selecteer de resterende, zichtbare vorm en ga naar Effect> Verdraaien> Visoog. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen. Selecteer opnieuw het gereedschap Rechthoek (M) en maak een vorm zoals de grijze die wordt weergegeven in de tweede afbeelding. Selecteer deze samen met de uitgevouwen vorm en klik op de knop Kruispunt in het deelvenster Pathfinder.
Keer terug naar zichtbaar de vorm gemaakt in de tweede stap. Selecteer het en ga naar Effect> Warp> Fisheye. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 5 px in, klik op OK en ga vervolgens naar Object> Uiterlijk uitbreiden. Selecteer de resulterende vorm samen met de vorm gemaakt in de vorige stap en klik op de Unite-knop in het deelvenster Pathfinder.
Nu zou u slechts één vorm op uw tekengebied moeten hebben en deze zou op de eerste afbeelding hieronder moeten lijken. Laten we een kleine aanpassing maken voor dit pad. Schakel het magnetisch uitlijnen naar raster uit (weergave> magnetisch uitlijnen) en pak vervolgens het gereedschap Ankerpunt verwijderen (-). Verwijder de twee ankerpunten gemarkeerd in de eerste afbeelding en vul de resulterende vorm met R = 152, G = 220 en B = 98.
Laten we nu wat nieuwe vullingen toevoegen voor deze groene vorm. Selecteer het en ga naar het deelvenster Vormgeving. Open het fly-outmenu en klik op Nieuwe vulling toevoegen. Uiteraard zal dit een tweede vulling voor je vorm toevoegen. Selecteer het in het deelvenster Uiterlijk en vul het met de lineairste verloophoek linksboven zoals hieronder weergegeven. De gele nul van de verloopafbeelding staat voor het dekkingspercentage.
Gebruik dezelfde techniek om een derde vulling toe te voegen voor deze vorm en gebruik de bovenste, rechtse lineaire verloop hieronder. Laten we nu een vierde vulling voor deze vorm toevoegen met een andere techniek. Selecteer deze vorm opnieuw, ga naar het deelvenster Vormgeving, selecteer de bovenste opvulling en klik op de knop Geselecteerde punten dupliceren in het deelvenster Uiterlijk. Uiteraard zal dit een kopie van de geselecteerde opvulling toevoegen.
Selecteer deze nieuwe vulling. Eerst moet je de dekking verlagen tot 80% en vervolgens de bestaande lineaire gradiënt vervangen door het onderste, linker verloop hieronder weergegeven. De witte cijfers van de verloopafbeelding staan voor het locatiepercentage. Dat betekent dat je dat kleine diamantpictogram moet selecteren en het met 30% naar links moet slepen. Voeg ten slotte een vijfde vulling voor uw vorm toe en gebruik de onderstaande onderste, rechtse lineaire helling. Vergeet niet om het te selecteren in het deelvenster Uiterlijk en de dekking te verlagen tot 80%.
Schakel het magnetisch uitlijnen in op raster. Pak het Rechthoekgereedschap (M) en focus op het bovenste gebied. Creëer een 64px bij 6px vorm, vul het met het hieronder getoonde lineaire verloop en plaats het zoals in de eerste afbeelding. Vervolgens moet u een afzonderlijk rondheidseffect toevoegen voor de bovenste ankerpunten van deze vorm. Het Round Any Corner Script zal hiervoor van pas komen.
Bewaar het op je harde schijf. Pak nu het gereedschap Direct selecteren (A). Selecteer de bovenste ankerpunten (gemarkeerd in de eerste afbeelding) en ga naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een straal van 3px in en klik op OK. Uiteindelijk moet je vorm eruitzien als de tweede afbeelding die wordt weergegeven.
Blijf scherpstellen op het bovenste gebied en kies de Rechthoek-tool (M). Maak een vorm van 56px bij 4px, vul deze met het hieronder getoonde lineaire verloop en plaats het zoals in de eerste afbeelding.
Gebruik opnieuw het gereedschap Rechthoek (M) om een vorm van 56px bij 44px te maken. Plaats het zoals in de eerste afbeelding wordt getoond en pak vervolgens het gereedschap Direct selecteren (A). Selecteer het linker ankerpunt en verplaats het 20px naar rechts en selecteer vervolgens het juiste ankerpunt en verplaats het 20px naar links. Nu zou je vorm er uit moeten zien als een trapezium. Selecteer het en ga naar Effect> Verdraaien> Knijpen. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen.
Laten we nu de vorm van de vorige stap bewerken. Kies het gereedschap Rechthoek (M) en maak twee zwarte vormen die in de eerste afbeelding worden weergegeven. Selecteer ze samen met de vorm die u in de vorige stap hebt gemaakt en klik op de knop Minus voorzijde in het deelvenster Pathfinder. De resulterende vorm zou moeten lijken op de tweede afbeelding die wordt weergegeven.
Herselecteer de vorm die in de vorige stap is gemaakt, vul deze met R = 32, G = 31 en B = 35. Kies nu het gereedschap Direct selecteren (A). Selecteer de bovenste ankerpunten en ga naar Bestand> Scripts> Ander script. Nogmaals, open het Round Any Corner Script, voer een 2px Radius in en klik op OK. Uiteindelijk moet je vorm eruitzien als de tweede afbeelding die wordt weergegeven.
Schakel het magnetisch uitlijnen naar raster uit en ga vervolgens naar Bewerken> Voorkeuren> Algemeen en voer 0,5 in het vak Toetsenbordvergroting in. Selecteer de vorm die in de vorige stap is bewerkt en maak een kopie vooraan (Control + C> Control + F). Selecteer deze kopie, druk vijf keer op de pijl naar links en dupliceer deze. Selecteer opnieuw deze nieuwe kopie en druk vijf keer op de pijl naar links. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 147, G = 149 en B = 152.
Selecteer de vorm die in de elfde stap is bewerkt en maak een kopie vooraan (Control + C> Control + F). Selecteer deze kopie, druk zes keer op de pijl naar rechts en dupliceer deze. Selecteer opnieuw deze nieuwe kopie en druk vier keer op de pijl naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 109, G = 110 en B = 113.
Selecteer de vorm gemaakt in de twaalfde stap, ga naar Effect> Vervagen> Gaussiaans vervagen, voer een straal van 3px in en klik op OK. Selecteer de vorm gemaakt in de vorige stap, ga naar Effect> Vervagen> Gaussiaans vervagen, voer een straal van 2,5 px in en klik op OK. Selecteer deze wazige vormen opnieuw en groepeer ze (Control + G).
Selecteer de vorm die in de elfde stap is bewerkt, maak een kopie vooraan en vul deze met wit. Selecteer deze, samen met de groep gemaakt in de vorige stap, en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken.
Schakel het magnetisch uitlijnen in. Selecteer nogmaals de vorm die in de elfde stap is bewerkt en maak een kopie vooraan. Selecteer nu het Rechthoekgereedschap (M) en maak een vorm zoals die in de tweede stap. Selecteer deze nieuwe vorm samen met de nieuwe kopie en klik op de knop Intersect in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt getoond in de derde afbeelding en breng deze naar voren (Shift + Control + Rechter Bracket-toets).
Kies het Rechthoek-gereedschap (M), maak een 12px bij 20px-vorm, plaats het zoals in de eerste afbeelding en pak dan het gereedschap Direct selecteren. Selecteer het bovenste, linker ankerpunt en verplaats het 6px omlaag. De resulterende vorm zou moeten lijken op de tweede afbeelding hieronder.
Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen. Vul de resulterende vorm met de onderstaande lineaire verloopweergave, stuur deze naar achteren (Shift + Control + Linker Bracket-toets) en dupliceer deze.
Kies de Ellipse Tool (L), maak een 12px bij 22px vorm en plaats deze zoals getoond in de eerste afbeelding. Pak het gereedschap Direct selecteren (A), selecteer het linker ankerpunt en verplaats het 6 px naar beneden. Nu zou je vorm eruit moeten zien als de tweede afbeelding. Selecteer deze samen met de kopie gemaakt in de vorige stap en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt getoond in de vierde afbeelding.
Schakel de module naar raster uit. Selecteer de vorm gemaakt in de vorige stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de onderste kopie, druk vervolgens eenmaal op de pijl naar rechts en de pijl-omlaag twee keer. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt weergegeven in de derde afbeelding en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een straal van 0,5 px in en klik op OK.
Dupliceer de vormen gemaakt in de zeventiende en achttiende stap. Selecteer deze exemplaren en klik op de knop Unite in het deelvenster Pathfinder. Vul de resulterende vorm met wit en breng deze naar voren (Shift + Control + Rechter Bracket-toets). Selecteer het samen met de wazige vorm gemaakt in de vorige stap, open het uitvouwmenu van het transparantiepaneel en klik op Dekkingsmasker maken.
Dupliceer alle tot nu toe gemaakte vormen, behalve de gemaskerde. Selecteer al deze kopieën en klik op de knop Unite in het deelvenster Pathfinder. Vul de resulterende vorm met niets en voeg een 1pt toe, zwart, uitgelijnd met de buitenstreep. Selecteer het en ga naar Object> Uitbreiden en vul vervolgens het resulterende pad met de lineaire gradiënt die wordt weergegeven in de volgende afbeelding.
Nogmaals, dupliceer alle tot nu toe gecreëerde vormen, verwacht de gemaskerde. Selecteer deze exemplaren en klik op de knop Unite in het deelvenster Pathfinder. Stuur de resulterende vorm naar achteren (Shift + Control + Left Bracket-toets), vul hem met wit en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK. Nu is je maker compleet. Selecteer alle tot nu toe gecreëerde vormen en groepeer ze (Control + G).
Selecteer de markeringsgroep, dupliceer deze en verplaats deze naar links. Laten we het roze maken. Selecteer de hoofdtekst van de markering en ga naar het deelvenster Vormgeving. Vervang eerst het platte groen door het onderstaande roze en vervang vervolgens de bestaande verlopen met die in de volgende afbeelding.
Laten we naar de bovenkant van de markering gaan. Gebruik de eerste, twee lineaire verlopen voor de bovenste vormen, de derde helling voor de wazige vorm en de vierde helling voor de uitgezette streek.
Maak een kopie van de roze marker en vervang de spannende kleuren door de kleuren die in de volgende afbeeldingen worden getoond.
Laten we doorgaan met de rest van de illustratie. Begin met de achtergrond. Kies het gereedschap Rechthoek (M), maak een vorm ter grootte van uw tekengebied en vul deze met wit. Neem vervolgens de Rechthoekige raster-tool, klik op uw tekengebied, voer de onderstaande gegevens in en klik vervolgens op OK. Een groot raster moet op uw tekengebied worden weergegeven. Voeg een 0,5 penseelstreek toe (R = 28, G = 117 en B = 188), verminder de dekking tot 20% en plaats deze vervolgens boven de witte rechthoek. Vergrendel tenslotte dit raster en de witte rechthoek. Op die manier kunt u de vorm niet per ongeluk selecteren of verplaatsen.
Kies het gereedschap Tekst (T), voeg je tekst toe en probeer een handgeschreven lettertype te gebruiken. We zullen deze tekst als een model gebruiken, het zal geen deel uitmaken van de laatste illustratie. Vervolgens hebt u een eenvoudige kalligrafische borstel nodig. Ga naar het deelvenster Penselen (Venster> Penselen), open het uitvouwmenu en klik op Nieuw penseel. Controleer de kalligrafische penseel, klik op OK, voer de gegevens in die in de definitieve afbeelding worden weergegeven en klik op OK.
Gebruik dit nieuwe penseel samen met het penseel (B) om de paden langs uw tekst te tekenen, met de onderstaande kleuren. Het ziet er zeker niet perfect uit. U moet het gereedschap Direct selecteren en enkele ankerpunt-gereedschappen (Ankerpunt-gereedschap toevoegen, Ankerpunt-gereedschap verwijderen en Selectiegereedschap converteren) gebruiken om deze paden te bewerken.
Roteer de groene en de roze markeringen en plaats ze zoals getoond in de eerste afbeelding. Selecteer nu de groene paden gemaakt in de vorige stap en ga naar Object> Uiterlijk uitbreiden. Selecteer de resulterende groep vormen en klik op de knop Samenvoegen in het deelvenster Pathfinder en ga vervolgens naar Object> Samengesteld pad> Maken.
Selecteer het pad opnieuw dat in de vorige stap is gemaakt en voeg een tweede vulling toe. Maak het zwart, verlaag de dekking naar 3%, verander de mengmodus naar Vermenigvuldigen en ga vervolgens naar Effect> Artistiek> Filmkorrel. Voer de onderstaande gegevens in, klik op OK en selecteer het volledige pad opnieuw en wijzig de overvloeimodus in Vermenigvuldigen.
Selecteer het pad dat in de vorige stap is bewerkt opnieuw en maak een kopie vooraan (Control + C> Control + F). Selecteer deze kopie en druk op de knop D. Hiermee worden de standaard eigenschappen (witte vulling en 1pt, zwarte lijn) voor uw vorm toegevoegd. Verwijder de lijn en selecteer vervolgens de resterende witte vorm, samen met de vorm die in de vorige stap is bewerkt en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken.
Ga naar de roze paden. Breid ze uit, verenig de resulterende paden, verander ze in een samengesteld pad en voeg dezelfde effecten en technieken toe die voor het groene pad worden gebruikt.
Selecteer het groene pad opnieuw en maak een kopie vooraan (Control + C> Control + F). Selecteer deze kopie, vervang de green door R = 107, G = 208 en B = 255. Druk nu vijf keer op de pijl naar rechts en de pijl-omhoog. Draai ook de blauwe markering en plaats deze zoals getoond in de tweede afbeelding.
Pak het penseel (B) en gebruik dezelfde kalligrafische penseel om de paden toe te voegen die in de eerste afbeelding worden getoond. Breid ze uit en verander ze in samengestelde paden en voeg vervolgens de technieken en het effect toe die voor de tekstpaden worden gebruikt.
De uiteindelijke afbeelding is hieronder.
Accentsconagua