Omdat ik mezelf tijdens mijn proefafstuderen heb verdiept in het maken van avatars, heb ik besloten om hier een tutorial over te schrijven. Het principe is heel simpel en heeft iedereen vast weleens gedaan. Het lijkt namelijk heel erg op overtrekken (tracen) maar dan electronisch!

Het uiteindelijk overgetrokken portret kan straks als avatar gebruikt worden in tal van social media! Denk aan Hyves, MSN Messenger, Twitter, Myspace, etc. etc.

In dit voorbeeld zal ik uitleggen hoe ik een portret omzet tot een vectorformaat.

Het begin en het eindresultaat:

Benodigdheden:

• Een over te trekken portret
• Photoshop
• IllustratorStap 1: Het bewerken van de foto.

Om te beginnen moet de foto een aantal keer worden bewerkt. Aan het einde heb je als het goed is 4 versies.

- 1. Het originele portret.
Dit is het originele portret welke we gaan bewerken tot een avatar in Illustrator.

(Let niet op de foto zelf want deze is letterlijk van járen terug.)

- 2. Het originele portret maar dan met iets meer details.
Op deze foto heb ik in Photoshop het contrast verhoogd middels Afbeelding > Aanpassingen > Helderheid/Contrast…
Hoe hoog je deze balk zet hangt van persoonlijke voorkeur af. Omdat het portret hier niet bijster veel details zoals rimpels bevat heb ik hem nog vrij laag gezet.
Toch is deze stap ook belangrijk voor het latere posterize proces.

- 3. Het portet in zwart-wit
De foto met het verhoogde contrast is hier omgezet in zwart-wit middels Afbeelding > Aanpassingen > Zwart-wit…

- 4. Een zwart-wit posterize versie van het portret met een duidelijk aantal zichtbare lichtgradaties.
Hier komt eigenlijk het belangrijkste gedeelte van de voorbewerking aan pas. Via Filters > Posterranden of in het engels Posterize is het mogelijk om de foto in levels of lagen weer te geven. Ik kies hier standaard voor 3. Over het algemeen geldt hoe meer levels hoe meer details, en dus ook des te meer werk. Voor iedere laag moet straks een nieuwe kleur aangemaakt worden.
Zoals je kunt zien zijn de randen  bij de ogen en het oor nu goed duidelijk. achteraf is er misschien wat weinig schaduw aanwezig. Dit was eventueel eerder aan te passen door de helderheid lager te zetten. Voor nu hou ik de bewerkte foto voor wat hij is.

Stap 2: Importeren in Illustrator
Nu moeten er twee dingen worden geopend in Illustrator. Eerst de originele foto door Bestand > Openen… te kiezen. Als de foto op het scherm verschijnt moet er eerst een nieuwe laag aangemaakt worden door op de volgende knop te drukken.

Links van het prullenbakje. Als je daarna Laag 2 selecteert kan  je een nieuwe foto in de laag laden door  Bestand > Plaatsen…. te kiezen. Hier kiezen we voor de posterize versie van het portret. Het is natuurlijk wel van belang dat de twee foto’s op precies dezelfde plek staan, anders komen de ogen bijvoorbeeld op een hele verkeerde plaats terecht.

Stap 3: Ogen en mond overtrekken
Eerst beginnen we met de mond en de ogen te overtrekken (met de pentool!). Je kan de laag met de posterize versie even achterwege laten door op het oogje naast de betreffende laag te klikken. Uiteraard moet hier ook eerst een nieuwe laag aangemaakt worden waarin we gaan werken. Persoonlijk vind ik het het fijnst om voor ieder onderdeel een nieuwe laag te maken maar dat is net wat je zelf het prettigst werken vind. Mocht je de uiteindelijk avatar later nog willen nabewerken in bijvoorbeeld Flash is deze methode in ieder geval niet aan te raden omdat iedere laag dan wordt omgezet in een apart voorwerp.
Verder is het natuurlijk belangrijk om vrij precies de over te trekken lijnen te volgen. Niet té precies overigens want een avatar in bijvoorbeeld msn heeft geen groot formaat waardoor veel details uiteindelijk verloren zullen gaan.

Stap 4: Het gezichtcontour
Hier beginnen weer in een nieuwe layer en gaan we met één basiskleur beginnen.Daarin trekken we het volledige gezicht, inclusief nek over. Mocht je na deze stap ineens een paar ogen en/of een mond kwijt zijn dan moet je de layer even onder de andere layers van de ogen en de mond zetten .

Stap 5: De lichtgradaties en details aanbrengen
Nu kunnen we de andere twee lichttinten aanbrengen zodat schaduwen en neus tevoorschijn komen. Hiervoor gebruiken we de foto met de posterranden. Verder gaan we lijnen van het oor en de gezichtsomtrek tekenen.

Stap 6: Haar aanbrengen
Het haar gaat wat de grote vlakken betreft op dezelfde manier. De kleine losse haartjes gebruiken we de line tool voor. Hiervoor is het het handigst om alle lagen uit te zetten en alleen op de kleurenfoto te werken.

Stap 7: Omzetten naar een vierkant formaat
De laatste stap is het omzetten naar een vierkant formaat en eventueel nog een achtergrondkleurtje.

Klaar!

Heb je vragen over de bovenstaande tutorial, wil je tips, hints of wil het gewoonweg maar niet lukken?
Mail me dan op doncarlier[at]gmail.com.