Auticomics avatar

Een bericht van jumbojet    4 Reacties

Op speciaal verzoek van striptekenaar Auticomics deze les over het maken van een geanimeerde avatar. Hij heeft me voor het maken van deze les twee zelfgemaakte ingescande tekeningen toegestuurd en ik heb er vervolgens in Photoshop deze Auticomics avatar mee gemaakt:

OK, aan de slag!

Teken zelf een leuk figuurtje in twee verschillende posen en scan deze in of  gebruik de twee tekeningen van Auticomics.

Open toppertje 1 in Photoshop en dubbelklik op de achtergrondlaag zodat deze ontgrendeld wordt. Toets CTRL + zodat er een nieuwe laag onder de laag van de tekening gemaakt wordt.

Neem je toverstafje en klik op het witte gedeelte van de tekening om het te selecteren en delete dit.

Selecteer met je toverstafje alle dichte delen van de tekening en delete deze totdat je alleen nog maar de zwarte lijnen overhebt.

Toets CTRL +L in en schuif met de regelaars in het NIVEAUS menu totdat de lijnen goed zwart zijn geworden.

Vul de laag onder de tekening met je vulemmertje met zwart en haal dan in de laag van de tekening oneffenheden en restjes  weg met je gummetje.

Gooi de zwarte laag weg je hebt hem niet meer nodig. Zet de laag van de tekening in je lagenpalet op de modus vermenigvuldigen. Maak een nieuwe laag aan onder de laag van de tekening en selecteer met je pen (of veelhoeklasso net wat je het handigste vindt) de gebieden van de huid. Vul deze gebieden met kleur #FADBAE of een andere kleur die overeenkomt met jou idee van huidskleur 🙂

Maak voor iedere kleur die je gebruikt een nieuwe laag aan en vul daarin de selectie met de betreffende kleur. NB noteer de kleurnummers die je gebruikt hebt zodat je deze bij het inkleuren van de tweede tekening bij de hand hebt. Maak een groep van de lagen en noem de groep tekening gekleurd.

Herhaal bovenstaande stappen voor je tweede tekening en noem daar de groep tekening gekleurd 2.

Sleep de groep tekening gekleurd 2 in het document van toppertje 1:

Sluit toppertjes 2 zodat je alleen nog 1 open hebt met de twee groepen. Schuif groep tekening gekleurd 2 totdat het er ongeveer zo uit ziet als hieronder.

Dupliceer de groepen en voeg de kopie groepen samen tot één laag. Zet de groepen uit door op het oogje te klikken.

Zet een van de lagen uit en breng met je doordrukken gereedschap grootte 50 px en 50% sterkte op de andere laag donkere accenten aan bij de huid aan zodat de tekening wat meer diepte krijgt. Tip maak een kopie van de laag voordat je begint met werken zodat je altijd terug kunt vallen op het origineel als je niet tevreden bent.

Breng op dezelfde manier accenten aan op de broeken.

Maak een nieuwe laag aan boven de laag van de tekening met de donkere accenten. Zet de modus van de laag op vermenigvuldigen en zet met je penseel dikte 25 px hardheid 100%  in dezelfde kleur als de haren wat streken in het haar. Doe hetzelfde met de shirts en de haren van de andere figuur. Gebruik dezelfde kleuren als de kleuren die je eerder gebruikte voor de te behandelen onderdelen.

Vervaag de laag met 10 px Gaussiaans via menu FILTER-VERVAGEN:

Zet de dekking van de laag op 50%.  Voeg de laag van de donkere accenten samen met de onderliggende van de tekening met de accenten. Noem de laag tekening 1.

Zet de laag van tekening 1 uit en  zet de andere tekening aan. Behandel de andere tekening op dezelfde manier. Noem de laag na samenvoeging tekening 2.

Sleep de groepen van tekening gekleurd en tekening gekleurd 2 in de prullenbak, je hebt ze nu niet meer nodig. Je hebt nu alleen nog de lagen van tekening 1 en tekening 2. Zet de laag van tekening 2 uit zodat je niets in beeld hebt. Maak een nieuwe laag aan onder de lagen van de tekening en vul de laag met wit. Noem de laag achtergrond.

Voeg aan de laag van de achtergrond een verloopbedekking toe als laagstijl door op het laagstijl icoontje te klikken en voor verloopbedekking te kiezen. Stel als volgt in:

Neem je ovale selectiekader en trek een ovaal als hieronder te zien is. Keer de selectie om en klik dan op het laagmasker toevoegen icoontje

Zet de laag van tekening 2 aan en selecteer de pixels van het laagmasker van de achtergrond laag. Keer de selectie om en klik op het laagmasker toevoegen icoontje terwijl je in de laag van tekening 2 staat. Maak een rechthoekige selectie met je rechthoekige selectiekader en vul deze in het laagmasker van de laag van tekening 2 met wit zodat het onderste gedeelte van de tekening 2 laag achter de achtergrond lijkt te zitten en het bovenste gedeelte er voor staat.

Herhaal deze stappen bij de laag van de tekening 1.

Ga in de laag van de achtergrond staan en klik met rechts op de laag. Zet de laag om in een slim object en voeg als laagstijl een lijn toe met zwart als kleur.

Maak een laag aan onder de achtergrondlaag en noem deze centrum. Vul de laag met wit en geef de laag een verloopbedekkimg als volgt ingesteld.

Zet de laag van tekening 1 aan en dupliceer de laag. Ga in de onderste laag staan en zet in menu AFBEELDING-AANPASSINGEN-KLEURTOON/VERZADIGING de HELDERHEID op -100 zodat de afbeelding zwart wordt. Noem de laag schaduw. Activeer je transformatie gereedschap (CTRL+T) en kies voor perspectief. Trek aan de handels tot je dit ziet:

Vervaag de laag met 25 px Gaussiaans en zet de dekking van de laag op 15%.

Herhaal deze stappen voor tekening 1.

Neem je typ gereedschap en tik met het lettertype SF Comic Script  de tekst in wit grootte 50 pt. Als je niet weet hoe je een font(lettertype) in Windows zet, kun je dat hier lezen. Geef de tekstlaag de volgende laagstijlen:

Sleep de tekstlaag onder de tekening en schaduwlagen:

Ga naar het animatie gedeelte van Photoshop dit is bij CS5 werkruimte beweging en bij eerdere versie video en film.

Zet in het eerste frame de tekstlaag, achtergrond en centrum laag aan. Dupliceer de laag, ga in het eerste frame staan en sleep de tekstlaag met je verplaatsen gereedschap helemaal naar rechts totdat deze helemaal uit beeld is. Ga in het tweede frame staan en sleep de tekst helemaal naar links totdat deze helemaal uit beeld is. Zet de vertraging van de frames op 0,5 seconde.

Voeg dan 10 frames tussen door op het tussenvoeg icoontje te klikken.

Je hebt nu 12 frames. Zet in frame 1, 3, 5,7,9,11 tekening 2 en schaduw 2 aan en in frame 2,4,6,8,10 en 12 tekening 1 en schaduw 1 aan. Speel je animatie af en verklein naar wens. Als je happy bent met het eindresultaat dan sla je hem op voor web en apparaten als gif file.

Veel plezier van je eigen geanimeerde avatar!

En wil je er geluid bij… dat kan! Kijk maar bij deze les!