Snelle tip hoe u een hartillustratie kunt maken zonder de pen

In de volgende stappen leert u hoe u een eenvoudige illustratie van een hart maakt. Het is een vrij eenvoudige snelle tip die je leert hoe je het gebruik van de Pen-tool kunt vermijden wanneer je een enigszins complexe vectorvorm wilt maken. We beginnen met twee eenvoudige rechthoeken. Vervolgens gebruiken we de basis-transformatiemogelijkheden, het effect Rounded Corners, een klein script, enkele eenvoudige tools en het Warp Fisheye-effect om de hoofdhartvorm te bouwen. Als we naar de kleur gaan, gebruiken we het Uiterlijkpaneel, verschillende lineaire gradiënten, Pathfinder-opties plus enkele basiseffecten en mengtechnieken. Voor de laatste hand zullen we een eenvoudig transformatie-effect gebruiken.


Stap 1

Druk op Command + N om een ​​nieuw document te maken. Voer 600 in het vak breedte in en 400 in het vak hoogte en klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat het vakje "Align New Objects to Pixel Grid" is uitgeschakeld voordat je klikt op OK.

Schakel het raster in (weergave> raster weergeven) en klik op raster (weergave> magnetisch uitlijnen). Voor deze zelfstudie heb je om de 5px een raster nodig. Ga gewoon naar Bewerken> Voorkeuren> Hulplijnen> Raster, voer 5 in het vak Raster in en 1 in het vak Onderverdelingen. Je moet ook het informatiepaneel (Venster> Info) openen voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in pixels in te stellen via Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.


Stap 2

Gebruik het gereedschap Rechthoek (M) om een ​​vorm van 90 bij 150 px te maken, vul deze met R = 235, G = 235, B = 235 en maak een kopie op de voorgrond (Besturing + C> Besturing + F). Selecteer deze kopie en vervang het voor de vulling gebruikte lichtgrijs met R = 238, G = 26, B = 26. Ga naar het deelvenster Lagen, focus op de rode rechthoek en maak deze onzichtbaar door op het kleine oogpictogram te klikken. Je hebt deze vorm later nodig, maar voorlopig is het beter om hem verborgen te houden.


Stap 3

Laten we ons concentreren op die grijze rechthoek. Selecteer het en ga naar Object> Transformeren> Roteren. Voer een hoek van 45 graden in, klik op OK en ga naar Object> Transformeren> Reflecteren. Selecteer de knop Verticaal en klik op de knop Kopiëren. Dit zal uiteraard een horizontaal, omgedraaid exemplaar van de grijze vorm creëren. Selecteer deze kopie en ga naar Object> Transformeren> Verplaatsen. Voer 42.4 px in in het vak Horizontaal en 0px in het vak Verticaal en klik vervolgens op OK. Uiteindelijk moet je omgedraaide rechthoek worden geplaatst zoals weergegeven in de vierde afbeelding. Selecteer beide grijze rechthoeken, open het deelvenster Pathfinder en klik op de knop Unite. Gebruik het gereedschap Rechthoek (M) om een ​​vorm van 125 bij 60 px te maken en plaats deze zoals getoond in de zesde afbeelding. Selecteer deze nieuwe rechthoek samen met de grijze vorm en klik op de knop Kruispunt in het deelvenster Pathfinder. De resulterende vorm zou eruit moeten zien in de zevende stap.


Stap 4

Stel scherp op het deelvenster Lagen en schakel de zichtbaarheid in voor die rode rechthoek gemaakt in de tweede stap. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 45 px in, klik op OK en ga naar Object> Transformeren> Roteren. Voer een hoek van 45 graden in, klik op OK en ga naar Object> Transformeren> Reflecteren. Selecteer de knop Verticaal en klik op de knop Kopiëren. Selecteer de nieuw gemaakte vorm en ga naar Object> Transformeren> Verplaatsen. Voer 42.4 px in in het vak Horizontaal en 0px in het vak Verticaal en klik vervolgens op OK. Selecteer beide rode vormen, ga naar Object> Uiterlijk uitbreiden en klik vervolgens op de knop Knop verenigen in het deelvenster Pathfinder. Selecteer ten slotte de rode vorm samen met de grijze driehoek gemaakt in de vorige stap en klik op de knop Unite in het deelvenster Pathfinder.


Stap 5

Vervolgens hebt u het Round Any Corner-script nodig. Je vindt het in het Vectortuts + artikel 20 Gratis en nuttige Adobe Illustrator Scripts. Sla het op je harde schijf op, keer terug naar Illustrator en pak het gereedschap Direct selecteren (A). Selecteer het bovenste ankerpunt 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. Ga verder met het gereedschap Direct selecteren (A), selecteer het onderste ankerpunt gemarkeerd in de eerste afbeelding en ga opnieuw naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een 8px-straal in en klik op OK. Schakel over naar het gereedschap Ankerpunt verwijderen (-) en verwijder eenvoudig de ankerpunten die in de tweede afbeelding zijn gemarkeerd.


Stap 6

Zorg ervoor dat je rode vorm nog steeds is geselecteerd en ga naar Effect> Verdraaien> Fisheye. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Object> Uiterlijk uitvouwen. Ga naar het deelvenster Lagen, dubbelklik op deze rode vorm en noem deze eenvoudig "hart".


Stap 7

Selecteer "heart" en maak een kopie vooraan (Control + C> Control + F). Gebruik de Ellipse Tool (L) om een ​​185 bij 90 px vorm te maken en plaats deze zoals getoond in de tweede afbeelding. Selecteer deze samen met de kopie aan het begin van de stap en klik op de knop Kruispunt in het deelvenster Pathfinder. Selecteer de resulterende vorm en ga naar Object> Pad> Offsetpad. Voer een -3px-offset in en klik op OK. Verwijder de originele vorm en focus op het zojuist gemaakte vectorpad. Selecteer het, vul het met het lineaire verloop weergegeven in de volgende afbeelding, verlaag de dekking tot 70% en verander de mengmodus in Overlay. De gele nul van de verloopafbeelding staat voor het dekkingspercentage.


Stap 8

Selecteer "heart" en ga naar Object> Pad> Offsetpad. Voer een -3px-offset in en klik op OK. Vul de resulterende vorm met de lineaire gradiënt getoond in de tweede afbeelding, verminder de dekking tot 10% en verander de mengmodus in vermenigvuldigen. Selecteer opnieuw "heart" en maak een kopie op de voorgrond (Control + C> Control + F). Selecteer het, vul het met de radiale gradiënt weergegeven in de vierde afbeelding, verlaag de dekking naar 75% en verander de mengmodus naar vermenigvuldigen. Houd er rekening mee dat de gele nullen uit de verloopafbeeldingen staan ​​voor dekkingspercentage.


Stap 9

Schakel Grid uit (View> Hide Grid) en de Snap to Grid (View> Snap to Grid) en ga vervolgens naar Edit> Preferences> General en zorg ervoor dat de Keyboard Increment is ingesteld op 1px. Selecteer "heart" en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 2px omlaag met de pijl omlaag op uw toetsenbord. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met zwart, verlaag de dekking tot 5% en verander de mengmodus in vermenigvuldigen. Selecteer "heart" en maak een kopie vooraan (Control + C> Control + F). Selecteer deze kopie, verplaats deze 2px omlaag met de pijl omlaag op je toetsenbord en dupliceer het (Control + C> Control + F). Selecteer deze nieuwe kopie en verplaats deze 3px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit, verminder de dekking tot 70% en verander de mengmodus in Overlay.


Stap 10

Selecteer de tweede vorm gemaakt in de vorige stap en ga naar Object> Pad> Offset pad. Voer een -1px-offset in en klik op OK. Selecteer de resulterende vorm en verhoog de dekking naar 100%. Selecteer "heart" en maak een kopie vooraan (Control + C> Control + F). Selecteer deze kopie, verplaats deze 2 px naar beneden en dupliceer deze (Ctrl + C> Ctrl + F). Selecteer deze nieuwe kopie en verplaats deze 8px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit, verlaag de dekking tot 40% en verander de overvloeimodus in Overlay.


Stap 11

Selecteer "heart" en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 2 px naar boven met behulp van de pijl-omhoog op uw toetsenbord. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met zwart, verminder de dekking tot 20% en verander de mengmodus in vermenigvuldigen. Selecteer "heart" en maak een kopie aan de voorkant (Control + C> Control + F). Selecteer deze kopie, verplaats deze 2 px naar boven en dupliceer deze (Ctrl + C> Ctrl + F). Selecteer deze nieuwe kopie en verplaats deze 2 px naar boven. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit, verlaag de dekking tot 40% en verander de overvloeimodus in Overlay.


Stap 12

Selecteer "heart" en maak een kopie aan de voorkant (Control + C> Control + F). Selecteer deze kopie, verplaats deze 4 px naar boven en dupliceer deze (Control + C> Control + F). Selecteer deze nieuwe kopie en verplaats deze 3 px naar boven. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt getoond in de volgende afbeelding, verminder de dekking tot 5% en verander de mengmodus naar vermenigvuldigen.


Stap 13

Selecteer "heart" en maak een kopie aan de voorkant (Control + C> Control + F). Selecteer deze kopie, verplaats deze 4 px naar boven en dupliceer deze (Control + C> Control + F). Selecteer deze nieuwe kopie en verplaats deze 11 px naar boven. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt getoond in de volgende afbeelding, verminder de dekking tot 5% en verander de mengmodus naar vermenigvuldigen.


Stap 14

Selecteer "heart" en maak een kopie aan de voorkant (Control + C> Control + F). Selecteer deze kopie, verplaats deze 4 px naar boven en dupliceer deze (Control + C> Control + F). Selecteer deze nieuwe kopie en verplaats deze 18 px naar boven. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt getoond in de volgende afbeelding, verminder de dekking tot 5% en verander de mengmodus naar vermenigvuldigen.


Stap 15

Selecteer 'heart', focus op het deelvenster Uiterlijk en voeg een 1pt-streek toe. Selecteer het, stel de kleur zwart in, lijn deze uit naar binnen en verlaag de dekking naar 10%. Zorg ervoor dat je "hart" -vorm geselecteerd blijft, blijf focussen op het Uiterlijk-paneel en voeg vier nieuwe lijnen toe met de knop Nieuwe richting toevoegen (aangegeven door de kleine blauwe pijl). Selecteer de bovenste, nieuwe lijn, maak deze 14 punten breed, stel de kleur in op R = 162, G = 25, B = 24, lijn deze uit naar binnen en verlaag de dekking naar 5%. Ga naar de volgende streek, selecteer deze, maak hem 7pt breed, stel de kleur in op R = 162, G = 25, B = 24, lijn hem uit naar binnen en verlaag de dekking naar 15%. Ga verder met de volgende streek, selecteer het, maak het 3pt breed, stel de kleur in op R = 162, G = 25, B = 24, lijn het uit naar binnen en verlaag de dekking naar 20%. Selecteer ten slotte de onderste, nieuwe streek, maak deze 1pt breed, stel de kleur in op R = 162, G = 25, B = 24, lijn deze uit naar binnen en verlaag de dekking naar 25%.


Stap 16

Selecteer "heart" en focus op het paneel Uiterlijk. Selecteer de vulling en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het linkerbovenvenster, klik op OK en voeg vervolgens de andere vier slagschaduweffecten toe die in de volgende afbeelding worden getoond.


Stap 17

Selecteer alle tot nu toe gemaakte vormen (Control + A) en groepeer ze (Control + G).


Stap 18

Maak met het gereedschap Rechthoek (M) een vorm ter grootte van je tekengebied, vul deze met R = 40, G = 40, B = 40 en verzend deze naar achteren (Shift + Control + [). Zorg ervoor dat deze rechthoek geselecteerd blijft, focus op het deelvenster Vormgeving en voeg een tweede opvulling toe met de knop Nieuwe vulling toevoegen (aangegeven door de kleine blauwe pijl). Selecteer deze nieuwe vulling, stel de kleur in op zwart, verlaag de dekking tot 15%, verander de mengmodus in vermenigvuldigen en ga naar Effect> Artistiek> Filmkorrel. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.


Stap 19

Selecteer ten slotte de groep die in de zeventiende stap is gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in het linkervenster worden weergegeven, klik op OK en ga opnieuw naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die getoond worden in het rechtervenster, klik op OK en klaar is Kees.


Conclusie

Nu is je werk af. Hier is hoe het eruit zou moeten zien. Je kunt veel meer doen met die Transform-effecten toegevoegd in de laatste stap. Voeg gewoon een andere hoek toe voor de rotatie en de uitkomst kan u verrassen.