Illustratie exporteren voor scherm

uit de cursus Starten met Adobe Illustrator

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Volgende video: Uitleg oefenbestanden

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Starten met Adobe Illustrator

perm_identity Jildou Oost | video_library 61 video's | query_builder 04:45:44

Starten met Adobe Illustrator.

Adobe Illustrator is een grafisch tekenpakket op basis van vectoren waarmee je logo’s en illustraties kunt maken.  Deze online cursus behandelt de belangrijkste en meest gebruikte gereedschappen en functies van Illustrator CC2019 en 2020. Maak kennis met de interface en de werking, en geef jezelf hiermee een goede start om het programma en de mogelijkheden verder te leren kennen.

Je leert…

In deze cursus leer je te navigeren door documenten en lagen. Je leert werken met (basis) vector vormen, tekst en afbeeldingen. Je ontdekt de werking van gereedschappen als pen, gum en penselen, en je maakt kennis met de oneindige mogelijkheden van effecten. Vind uit hoe je kleuren, kleurstalen en verlopen aanmaakt, en hoe je deze effectief kunt inzetten om je illustratie mee in te kleuren.

 

Kortom: leer de basis van dit fantastische programma waarmee je adembenemende illustraties kunt maken!

 

Als je je werk wilt gaan gebruiken op een website of bijvoorbeeld Social Media,

dan is de PDF niet geschikt.

Dan zul je veel meer hebben aan een jpg of een png.

Als je je werk exporteert naar een van deze beide bestandsformaten,

dan worden je vectorillustraties geconverteerd naar pixels.

De keuze voor jpg of png,hangt af van het feit of je transparantie wilt gebruiken.

Als ik buiten de ovaal geen witte pixels wil zien, dan neem ik de jpg.

Deze is namelijk in staat om de buitenste rand transparant te laten.

De jpg kan dat niet. Okee. Eerst de jpg.

Ik ga naar File > Export As.

Hier kan je een hele trits aan bestandsformaten kiezen.

Ik neem de jpeg, de jpg.

Illustrator vraagt waar hij opgeslagen moet en hoe hij moet heten. Ik laat de naam zo.

Onderin kan je net als bij het bewaren als PDF,

kiezen om alle Artboards te exporteren of een selectie daaruit.

Als je de instelling Use Artboards niet aanvinkt,

dan krijg je één document waar alles in zit.

Een jpg of png kan niet zoals een PDF bestaan uit meerdere pagina’s.

Vink je de optie aan en kies je Use All of een selectie,

dan krijg je allemaal losse documenten.

Ik laat het zo en kies Export. Dan de opties.

Dan de opties: in welk kleurmodel? Het is voor scherm, dus ik laat 'm staan op RGB.

Schermkleuren. De kwaliteit mag je zelf instellen.

Een hogere kwaliteit leidt tot mooiere afbeeldingen,

maar die zullen wel meer kb’s bevatten.

Ik blijf zo in het midden zitten, Medium.

Dan daarna: de Compressie Methode laat ik staan op Baseline, dat is prima.

De resolutie, hoeveel pixels wil je in een inch?

Hoe meer, hoe groter de afbeelding getoond kan worden, maar ook hier weer, hoe zwaarder hij wordt.

Ik laat ook deze staan op Medium, hondervijftig pixels per inch.

Bij anti aliasing kun je kiezen voor Geoptimaliseerd voor Type, tekst,

of voor Art, dus het tekenwerk.

Heb je geen tekst, kies dan voor Art. Dat is meestal mooier.

Of exporteer twee keer om te kijken met welke methode je illustratie het mooiste blijft.

Ik zet 'm op Art. Dan ben ik klaar, ik klik OK.

Ik zoek het bestand op in de Finder.

Van de twee altboards is tezamen nu één document gemaakt.

Ik dubbelklik om deze jpg te openen in Photoshop

Ziet er prima uit. Ik keer terug naar Illustrator.

En ik exporteer nogmaals: File > Export > Export As.

Ik kies nu de png, en ik vink aan Use Artboards, kunnen we mooi het verschil zien.

Ik laat de naam zo, ik klik Export. Hier heb je minder opties.

Eerst weer de resolutie. Die zet ik weer op het midden honderdvijftig per inch.

Ook hier zie je de anti-aliasing voor tekst of Artwork. Ik zet 'm weer op Art. Z

Dan de optie interlaced. Als je die aanzet wordt je plaatje in een browser meteen getoond,

en naar mate er meer van het plaatje geladen wordt, wordt deze geleidelijk duidelijker getoond.

Dit geeft de kijker het idee dat het allemaal sneller en beter gaat,

dan wanneer er eerst niets te zien is,

en de afbeelding pas getoond wordt nadat alle data daarvoor geladen is.

Dat kan je dus aanzetten als je wilt, maar ook hier:

dit neemt wel meer kb’s in je afbeelding. Ik laat 'm nu uit.

Goed, bij Preview: moet de achtergrond achter de ovaal,

Transparant, wit of zwart. Nou Transparant natuurlijk! Ik klik OK.

Ik zoek ook deze bestanden op in de Finder.

Dat zijn er twee geworden omdat ik gezegd heb dat ik Artboards wilde gebruiken.

Hier de png van de illustratie in de ovaal,

en daaronder het tweede Artboard met de drie rode stippen.

Kijk ik even naar de kb's, deze png van de ovaal alleen,

weegt in z'n eentje meer dan de jpg van alles tezamen.

Daarom kies ik voor jpg als ik geen transparantie nodig heb.

Goed, ik open ook een png in Photoshop.

En voilà, ook die ziet er ook prachtig uit, tegen een transparante achtergrond!

Deze jpg’jes en png’s die ik nu net gemaakt heb, kan je meteen gebruiken op je website of op je social media!