Er zijn veel redenen waarom Adobe Illustrator een uitstekende toepassing is voor het maken van pictogrammen. Dezelfde elementen kunnen worden gebruikt als bouwstenen om consistentie te waarborgen en uw werkstroom te versnellen. Leer een scala aan technieken, van basisvormgeving tot meer complexe lichteffecten.
Een ding dat belangrijk is bij het maken van een set pictogrammen is consistentie. Niet alleen in stijl, maar ook in formaat, perspectief en belichting (voor meer informatie over effectief pictogramontwerp, bekijk dit artikel). Daartoe krijgen we hulp van de 3D-effecten van Illustrator bij het instellen van de basisvorm.
Klik eenmaal met het gereedschap Veelhoek om een zeshoek te maken. Het kan elke kleur zijn.
Ga naar Effecten> 3D> Extrude & Bevel. Voer de onderstaande waarden in. De Extrude Depth kan variëren, afhankelijk van de grootte van uw zeshoek en uw voorkeur voor hoe lang u de pictogrammen wilt hebben.
Ga naar Object> Uiterlijk uitvouwen. Splits de vormen vervolgens uit. U moet waarschijnlijk tweemaal de groep opheffen. Verwijder de bovenste vorm. Sla de overgebleven drie vormen met geel op, zoals in de onderstaande afbeelding. Het linker vlak heeft een verloopvulling, die van het middelste gele naar een iets donkerdere gaat.
Kies het gereedschap Anker omzetten (Shift + C) en klik en sleep op het linkerbovenpunt om de bovenkant van de vorm te maken. Houd de Shift-toets ingedrukt terwijl u sleept om deze op 90 graden te houden, waardoor de zijkant van het potlood recht blijft en de bochten gelijkmatiger worden. U kunt ook slimme handleidingen inschakelen om te helpen. Doe hetzelfde met elke vorm, om de toppen rond te maken.
U kunt nu op de onderste handvatten van deze gebogen punten klikken om ze te verwijderen. Dit is niet absoluut noodzakelijk, maar ik denk dat het zorgt voor een schoner bestand.
Selecteer de middenvorm en ga naar Object> Pad> Offsetpad. Kies -4 pixels (of afhankelijk van de grootte van je vorm), zodat de nieuwe vorm iets uit de oorspronkelijke vorm komt.
Vul de nieuwe vorm met een wit-naar-zwart lineair verloop, zoals in de onderstaande afbeelding. Wijzig in het deelvenster Transparantie de overvloeimodus in Scherm en stel de dekking in op ongeveer 50%.
Maak een kopie van het rechter gezicht en sleep het naar de kant. Option-sleep een andere kopie door deze iets onder en rechts te plaatsen. Neem het gereedschap Shape Builder (Shift + M), houd de Option / Alt-toets ingedrukt en sleep om de gemarkeerde vormen te verwijderen.
Lijn de resterende vorm op de goede kant uit. Vervolgens, zoals u in stap 7 deed, vult u het met een verloop en wijzigt u de transparantie-instellingen.
Gebruik het gereedschap Pen om een driehoek te tekenen voor het punt van het potlood. Schakel Smart Guides in om het middelpunt in het midden van de potloodvormen te positioneren.
Vul de vorm met een verloop, zoals weergegeven in de afbeelding hieronder. Gebruik het gereedschap Verloop om de hellingshoek enigszins te schikken zodat deze overeenkomt met de hoek van de zijkanten.
Trek voor de lijn aan de punt een ellips en centreer deze met de driehoekige vorm. Klik in het deelvenster Pathfinder op de knop Splitsen. Verwijder de overtollige ellips. U kunt het hulpprogramma Shape Builder gebruiken, maar in dit geval laat het te veel onnodige punten achter.
Maak een kopie van de drie belangrijkste potloodvormen. Gebruik Pathfinder> Toevoegen om ze samen te voegen tot één vorm. Option-sleep een kopie boven het origineel. Gebruik het gereedschap Vormbouwer om de onderste vormen te verwijderen, zodat het potlood dun scheert. Kleur dit met een zeer lichtgeel en plaats het boven de gele potloodvormen.
Gebruik het hulpprogramma Shape Builder om de overlap aan beide zijden te verwijderen.
Voeg highlights aan de tip toe door een dunne driehoek te tekenen, zoals in de onderstaande afbeelding. Gebruik het gereedschap Pen en volg de curve van de gele vorm. Vul deze driehoek met een lineaire gradiënt en pas vervolgens de transparantie-instellingen aan, zoals eerder. Dubbelklik op het Reflect-gereedschap om deze vorm weer te geven en te kopiëren. Maak de juiste markering lichter, zoals weergegeven.
Voeg voor een extra dimensie een schuine rand toe aan de onderkant van het potlood. Teken eerst een dunne driehoek die van de rand van de vorm van het linkerpotlood naar het snijpunt van de linker- en de middelste vorm gaat. Het gebruik van slimme hulplijnen helpt het precies goed te krijgen. Reflecteer - kopieer deze vorm en plaats deze aan de rechterkant.
Teken een lange, dunne rechthoek dezelfde breedte als de middelste vorm. Gebruik het gereedschap Direct selecteren (A) om de onderste punten in lijn te brengen met de driehoekjes rechts en links. Nogmaals, Smart Guides zal helpen.
Vul de schuine vormen met donkerder geel, zoals in de onderstaande afbeelding.
Het potlood is klaar. Selecteer alles en groepeer.
Voor een glanzende reflectie, selecteert u de potloodgroep en reflecteert u deze op de horizontale as. Sleep met het gereedschap Direct selecteren de zijpunten zo dat de hoek van de paden overeenkomt met die van de originele potloodvorm. Doe dit aan beide kanten.
Teken een rechthoek en vul deze met een wit-naar-zwart radiaal verloop. Plaats het boven de gereflecteerde kopie, zoals weergegeven. Selecteer zowel de rechthoek als de potloodkopie, ga naar het Transparantiepaneel, klik op het uitvouwmenu en kies Maak dekkingmasker.
U kunt het masker verplaatsen of op andere wijze bewerken door op de miniatuur in het deelvenster Transparantie te klikken.
Het voltooide potlood, met reflectie:
Teken een perfecte cirkel met het Ellips-gereedschap. U kunt op het tekengebied klikken en gelijke waarden invoeren of de Shift-toets ingedrukt houden terwijl u met het gereedschap sleept. Om nu consistentie met het potlood te krijgen, moet je hetzelfde 3D Extrude & Bevel-effect toepassen als voorheen.
Kies Geen arcering onder de opties voor Oppervlakte in het 3D-venster. Vouw de 3D-cirkel uit.
Vul het bovenste ovaal met een donkergrijs. Voeg de twee helften van de cilinder samen. Vul deze vorm met een rood verloop, zoals in de onderstaande afbeelding. Dit is de basisvorm van de borstelhendel.
Maak eerst een kopie van het cilinderobject om de vorm voor de metalen band te maken. Optie / Alt sleep een andere kopie onder het origineel. Selecteer beide objecten en klik op Delen in het deelvenster Pathfinder. Verwijder vervolgens de onderste vormen.
Teken een ovaal en lijn het midden uit met de rand van de vorm die u zojuist hebt gemaakt. Kopieer het ovaal en lijn het uit op de andere kant. Voeg deze drie vormen samen. Vul de nieuwe vorm met een metalen verloop. Als u toegang wilt tot de metalen verlopen, klikt u op het menu Staalbibliotheken onder aan het deelvenster Stalen en gaat u naar Verlopen> Metalen.
Maak een highlight voor de bovenrand van het metaal op dezelfde manier waarop je de metalen band hebt gemaakt. Beginnend met een kopie van de bovenste ellips, versleep, kopieer en verwijder vervolgens het overschot.
Een groot deel van deze zelfstudie omvat het maken van vormen van bestaande vormen, zoals in stap 3. Maak een kopie van de metalen bandvorm die u zojuist hebt gemaakt. Gebruik het gereedschap Schaar (C) om het pad te snijden, zoals in de onderstaande afbeelding. Gooi het middengedeelte weg en laat slechts twee gebogen paden over.
Plaats de paden boven en onder de "uitstulpingen" op de metalen band. Mogelijk moet u de paden aanpassen met het gereedschap Pen.
Zodra de gebogen paden op hun plaats zijn, vouwt u ze uit (Object> Pad> Contourlijn). Zoom in en verwijder de overtollige vormen met het Shape Builder-gereedschap (Shift + M). Houd Option / Alt ingedrukt om vormen te verwijderen.
Vul de uitgezette streken met hetzelfde metalen verloop. Wijzig in het deelvenster Transparantie de overvloeimodus in Vermenigvuldigen. De afgewerkte metalen band (technisch bekend als de "ferrule") is hieronder.
Zoals je deed voor de edge-highlight in stap 5, maak je een shape voor een schaduw onder de ferrule. Vul het met een donker rood en verander de mengmodus in vermenigvuldigen.
Voor extra diepte maakt u een brede band boven op de borstelhendel. Maak een kopie van de vorm van het handvat. Met het gereedschap Direct selecteren, selectiekader: selecteer de bovenste punten en verplaats ze naar beneden. Selecteer de onderste punten en duw ze omhoog.
Vul de band met een zwart-wit verloop, zoals in de onderstaande afbeelding. Verander de overvloeimodus in Scherm en de dekking naar ongeveer 70%.
Zoals je deed met het potlood, creëer je een donkerdere vorm onder de cilinder voor een beetje extra diepte. De afgewerkte borstelhandgreep bevindt zich hieronder.
Trek voor de borstelharen een ellips die iets breder is dan hoog. Neem het gereedschap Gum (Shift + E) en knip een deel uit om een punt te vormen, zoals in de onderstaande afbeelding. Mogelijk moet u het pad vereenvoudigen als het te schokkerig is. Ga naar Object> Pad> Gewoon om het te verzachten.
Vul deze vorm met een drie-stop gradiënt zoals weergegeven.
Ga naar Object> Pad> Offsetpad. Voer een negatieve waarde in om een kleinere versie van de vorm te maken. Vul het met de lichtere kleur van het verloop erboven. Wijzig de overvloeimodus in Scherm en verminder de dekking op 20%. Verplaats het nu een beetje naar beneden.
Teken een klein, licht gebogen pad. Wijzig het breedteprofiel in het vervolgkeuzemenu op de bedieningsbalk.
Maak meerdere kopieën van deze streek, wijzig ze vervolgens en plaats ze zoals getoond. Ga naar Object> Uiterlijk uitvouwen. Dit resulteert vaak in te veel punten op een pad, dus ga naar Object> Pad> Vereenvoudigen.
Selecteer al deze objecten en vul de set met een lineair zwart-wit verloop. Plaats bovenop de vorm van het haar. Wijzig de overvloeimodus in Vermenigvuldigen en verminder de dekking.
Teken een gebogen driehoekige vorm voor een hoogtepunt. Of kopieer een van de streken van boven en pas deze aan. Wijzig de overvloeimodus in Scherm en verminder de dekking naar 60%. Reflecteren - Kopieer deze vorm en plaats deze aan de andere kant.
Maak een nieuwe vorm door de vorm van de hoofdhaarkop te kopiëren en vervolgens een ovaal te tekenen, zoals in de onderstaande afbeelding. Verdeel de twee in het deelvenster Pathfinder. Neem de onderste vorm en plaats deze boven de borstelharen. Vul het met oranje en verander de mengmodus in vermenigvuldigen.
Selecteer voor de verf zelf de vorm van de hoofdhaar en verplaats deze met 2 pixels. Neem deze nieuwe vorm aan en maak wat organische druppels door de vorm met de wisser te wissen.
Vul de verfvorm met een verloop dat van één kleur naar een tint van diezelfde kleur gaat.
Verplaats deze vorm met een negatieve 2 of 3 pixels. Vul de nieuwe vorm met een zwart-naar-grijs voeringgradiënt en verander de mengmodus in scherm.
Verplaats het tweede pad en vereenvoudig het indien nodig. Uw infuus ziet er als volgt uit.
Net zoals je deed in stappen 17 en 18, teken je kleine gebogen paden voor de hoogtepunten op het infuus. Pas hetzelfde breedteprofiel van tevoren toe. Verander hun mengmodus naar scherm en de dekking naar 60%.
De reden om deze methode te gebruiken in plaats van gekleurde lijnen en een normale kleurverloop, is dat je de onderliggende kleur kunt wijzigen zonder dat je elke vorm bovenaan hoeft te veranderen. Dus als u besluit dat u bijvoorbeeld paarse verf wilt, hoeft u alleen maar de vulling van het onderste object te wijzigen.
Maak een schaduw voor de "verf" door de basisvorm te verschuiven en vervolgens die nieuwe vorm als schaduw te gebruiken. Verander zijn kleur in bruin en zijn mengmodus in vermenigvuldigen. Wis elk onderdeel dat boven of aan de zijkanten hangt. Plaats de verf over de schaduw.
Uw voltooide penseeluiteinde moet er ongeveer zo uitzien als de afbeelding hieronder.
Groepeer alle elementen van de borstelpunt en plaats deze achter het borstelhandvat. Schaal het indien nodig, zodat het lijkt alsof het is bevestigd. De donkere ovaal moet achter de borstelpunt gaan, voor een gevoel dat de borstelharen in het handvat zitten.
Omdat het penseel rond is, kunnen we een beetje vals spelen op de reflectie in plaats van de methode Dekkingmasker te gebruiken. Maak een rechthoek dezelfde breedte als de penseelhendel. Vul het met een radiaal verloop van drie stops, dat van rood naar lichtrood naar wit (of transparant) gaat. De truc is om het midden van het verloop goed buiten het midden van de rechthoek te plaatsen, zoals in de onderstaande afbeelding.
Plaats de rechthoek achter de borstel en lijn deze uit met de borstelhendel. Verplaats het naar boven of naar beneden indien nodig. De borstel is nu voltooid.
Maak een kopie van de borstelhendel, minus de metalen band. Verander het rode verloop in een zwart en donker grijs kleurverloop. De afgeschermde band blijft hetzelfde.
Plaats punten aan beide zijden met het hulpmiddel Anker toevoegen (+). Het zal helpen om een gids te tekenen zodat de punten op hetzelfde niveau worden geplaatst. Verplaats elk punt naar het midden op gelijke afstand. Ik druk meestal gewoon op de pijltjestoetsen naar links en naar rechts en tel het aantal klikken.
Gebruik het gereedschap Anker omzetten om de zijkanten gebogen te maken. Verplaats ten slotte de punten op de afgeschermde band om deze uit te lijnen met de nieuwe vorm.
Zoals je in de zelfstudie hebt gedaan, kopieer je het bovenste ovaal en gebruik je dit om een nieuwe vorm voor de rand te maken. Vul het met een radiaal verloop, zoals in de onderstaande afbeelding.
Teken een nieuwe ovale vorm en centreer deze op de bestaande. Vul het met een grijs-naar-zwart verloop zoals getoond, om de illusie van diepte te geven.
De voltooide penhandgreep bevindt zich hieronder.
Als u de pen wilt construeren, gebruikt u het gereedschap Pen en tekent u een pad met drie punten, zoals in de afbeelding aan de linkerkant. Neem de tool Anker converteren en sleep de bovenste en onderste punten om gebogen zijden te maken. Schakel Smart Guides in om de sleep naar 90ш te beperken.
Reflecteer - kopieer dit pad en voeg dan de punten bij zoals in de onderstaande afbeelding.
Teken een dunne verticale rechthoek en een ellips. Centreer ze met de hoofdpuntvorm. Selecteer alles en druk op Minus voor in het deelvenster Pathfinder.
Vul de penpunt met een metalen verloop. Ik heb het standaard gouden staal gebruikt en daarna de kleuren helderder en verzadigd gemaakt.
Als u de pen een beetje een dimensie wilt geven, sleept u met Option en sleept u om een kopie te maken. Vul het met een diep goud en stuur het achter het origineel.
Lijn de toppunten uit, zoals in de onderstaande afbeelding. Verplaats de zijpunten zodat ze in lijn liggen met het origineel.
Maak een kopie van de penpunt en gebruik deze om nieuwe paden te maken. Snijd het pad op de onderstaande punten. Gooi alle segmenten weg, behalve de segmenten die zijn gemarkeerd.
Plaats deze markeringspaden op de gouden penpunt. Verander hun lijnprofielen en pas de punten aan zodat ze in lijn liggen met de hoofdpuntvorm.
Een rechtopstaande pen zou normaal niet met inkt worden gevuld, maar we zullen er wat tegenin zetten. Teken een zwarte vorm en verzend deze achter de penpunt, zoals weergegeven.
Teken vervolgens twee ellipsen voor de inktdruppel. De bovenste is gevuld met een voeringgradiënt als hoogtepunt.
Veel penpunten hebben een soort decoratieve gravure. Zoek een ornament of ander element. Er zijn massa's op het web om te downloaden. Hier is een lijst met ornamentafbeeldingen uit verschillende bronnen.
Maak een symmetrische opstelling met je ornament. Wijzig de overvloeimodus zodat het verloop zichtbaar is.
De onderkant van de punt moet uitgelijnd zijn met het bovenste ovaal op de basis, zodat het eruit ziet alsof het uitgespaard is. Daarom moet de onderkant gebogen zijn. Maak een kopie van het bovenste ovaal en verander het in een gids (Beeld> Gidsen> Handleidingen maken).
Lijn de onderkant van de punt uit met de onderkant van de geleider. Voeg een punt toe aan de onderkant van de puntvorm en gebruik vervolgens het gereedschap Anker omzetten om het te laten buigen.
Selecteer de penpunt en het bovenste ovaal. Optie / Alt-verplaatsing om een kopie van beide objecten te maken. Ga naar het deelvenster Pathfinder en kies Divide. Verwijder alles behalve de onderste vorm, die als een schaduw wordt gebruikt.
Plaats de schaduwvorm boven op de penpunt. Vul het met een massief goud en verander de mengmodus in vermenigvuldigen.
Lijn de penpunt, met schaduw, uit op de basis. Maak een kopie van de reflectie van het penseel en wijzig het verloop in zwarttinten. De voltooide pen staat hieronder.
Illustrator is ideaal voor het maken van pictogrammen. Vectorpaden en objecten kunnen oneindig worden gekopieerd, opgesneden en opnieuw worden gebruikt, zonder dat dit ten koste gaat van de kwaliteit. Het op deze manier werken met bouwstenen zorgt voor consistente vormen en schone bestanden. Het bespaart ook tijd - wie wil steeds hetzelfde pad trekken?