Super fijn als jij je eigen iconen kunt ontwerpen. Je bent niet meer afhankelijk van wat het internet (gratis) te bieden heeft en je kunt je creativiteit helemaal de vrije loop laten. In het programma Adobe Illustrator kun je vakkundige illustraties, logo’s en iconen maken die hun kwaliteit behouden in ieder formaat. We leggen je uit hoe je zelf Adobe Illustrator icons maakt. Bekijk de video of volg het stappenplan hieronder.
Wil je de afbeelding exporteren naar Photoshop? Bekijk dan deze how to-pagina.
Wil je een transparante achtergrond invoegen in Illustrator? Bekijk dan deze how to-pagina.
Zo ontwerp je Adobe Illustrator icons
1. Maak een nieuw bestand aan. Ga naar File, kies je formaat en klik op Create.
![Open een nieuw bestand](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/1-maak-een-nieuw-bestand-aan.png)
2. Je hebt nu een artboard gemaakt waarin je gaat werken. Selecteer de rectangle tool in je linker menubalk.
![Selecteer de rectangle tool](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/2.-selecteer-de-rectangle-tool.png)
3. Plaats nu een rechthoekje door te klikken en je muis te slepen.
![plaats een rechthoekje](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/3-plaats-een-rechthoekje.png)
4. Pas links in het menu de kleur aan. We willen geen lijn om ons Adobe Illustrator icon heen en we willen het hartje rood maken. Het gekleurde vierkantje gaat om de vulling van je icoon en het vierkantje met alleen de buitenste lijntjes gaat om de outline van je icoon.
![pas de kleur aan](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/4.-pas-de-kleur-aan.png)
5. In de hoeken van de rechthoek zie je de Corner Widgets. Door hieraan te trekken met je muis, maak je (standaard) alle hoeken rond.
![de hoeken rond maken](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/5.-zo-maak-je-de-hoeken-rond.png)
6. We willen in het geval van het hartje alleen de bovenste twee hoeken rond maken. Gebruik Shift en klik op de rondjes in de twee hoeken. Nu pas je alleen die twee hoeken aan.
![Pas twee hoeken aan](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/6.-gebruik-shift-en-pas-twee-hoeken-aan.png)
7. Selecteer met het zwarte pijltje het hele object. Houd Shift ingedrukt en draai ‘m 45 graden.
![45 graden draaien](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/7.-45-graden-draaien.png)
8. We willen nu het object wat we hebben gemaakt kopiëren. Dit doe je door Alt op je toetsenbord ingedrukt te houden en vervolgens het object aan te klikken en te verplaatsen.
![object kopieren](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/8.-object-kopieren.png)
9. We willen het object precies horizontaal naast de ander plaatsen. Door Alt én Shift beide in te drukken, verplaats je het gekopieerde object precies op dezelfde lijn als het origineel (dit kan voor alle hoeken van 45 graden).
![horizontaal verplaatsen](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/9.-horizontaal-verplaatsen.png)
10. Selecteer het gekopieerde object en roteer ‘m 90 graden ten opzichte van het origineel.
![Draai 90 graden](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/10-roteer-90-graden.png)
11. Schuif nu het object zo dat de onderste hoeken op elkaar aansluiten om een hartje te vormen.
![maak een hartje](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/11.-maak-een-hartje.png)
12. De lijnen sluiten waarschijnlijk net niet helemaal netjes op elkaar aan. Zoom in op je scherm via je toetsenbord en probeer de objecten zo netjes mogelijk over elkaar heen te leggen.
![zoom in en verplaats](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/12.-zoom-in-en-verplaats.png)
13. Om ‘m echt exact te plaatsen willen we de snijlijnen tonen. Selecteer de vorm en klik op Command+Y of Ctrl + Y om dit te doen.
![snijlijnen tonen](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/13.-snijlijnen-tonen.png)
14. Zoom nog verder in om de lijnen zo exact mogelijk over elkaar te leggen.
![zoom nog verder in](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/14.-zoom-nog-verder-in.png)
15. Zoom uit, selecteer de hele afbeelding en ga terug naar het origineel door weer op Command+Y of Ctrl + Y te klikken.
![bekijk het hartje](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/15.-bekijk-het-hartje.png)
16. Selecteer de hele afbeelding en klik op de vormenmaker in je linker menubalk.
![kies de vormenmaker](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/16.-kies-de-vormenmaker.png)
17. Als je nu over het object gaat met je muis, zie je verschillende vakken.
![bekijk de vakken](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/17.-bekijk-de-vakken.png)
18. Om één vorm van de vakken te maken, sleep je met je muis door de vakken heen en laat je de vorm los. Nu is het één volledig object.
Gefeliciteerd met je eerste zelfgemaakte hartje! Jouw eerste echte Adobe Illustrator icon.
![selecteer de vakken](https://www.competencefactory.nl/wordpress/wp-content/uploads/2022/12/18.-selecteer-de-vakken.png)
Meer leren over Adobe Illustrator
Illustrator is een programma met eindeloos veel mogelijkheden, maar het is ook best een beetje complex. Loop jij regelmatig tegen problemen aan? Dan kan een training Adobe Illustrator je daar goed mee verder helpen. Volg de basis of, als je al wat kennis hebt, doe mee aan de gevorderde training.