Een Twitter vogeltje tekenen

In deze tutorial laat ik zien hoe je zelf een leuk Twitter vogeltje maakt voor op je weblog of website. Natuurlijk kun je hem ook gebruiken om op je eigen gemaakte Twitter achtergrond op te leuken.

OK, aan de slag. We beginnen met het aanmaken van een nieuw document met een witte achtergrond in Photoshop van 800 x 600 px. Hierin maak je met je rechthoekige selectiekader een rechthoek van  216 x 324 pixels. Dit kun je boven in je opties balk instellen:

Maak een nieuwe laag aan, dit wordt het lijfje van het Twitter vogeltje:

Klik op je verloop gereeedschap in je gereedschapsbalk en en maak een lineair verloop in de selectie in de nieuwe laag. Hiervoor moet je het verloop eerst instellen. Je klikt op de rechthoek boven in de opties balk naast het verloop tekentje:

Je gebruikt een lineair verloop dat is het eerste icoontje naast het rechthoekje. De kleuren stel je in door op de kleurenstops te klikken. Hierna krijg je de kleurenkiezer in beeld en kun je de kleuren zoals aangegeven bij de linker en de rechterstop invoeren:

Trek nu met je muis (terwijl de selectie nog aan is) van boven naar beneden over de rechthoek:

Vervolgens selecteer je je ovale selectiekader maak een nieuwe laag aan en trek je een cirkel over je rechthoek heen, vul deze cirkel met wit en schuif hem dan op zijn plaats. NB: je kunt je cirkel gemakkelijk op maat maken met je vrije transformatie gereedschap (CTRL +T):

Selecteer de pixels van de cirkellaag (CTRL +klik) en kies in menu SELECTEREN voor SELECTIE OMKEREN. Gum het gedeelte boven in de blauwe laag weg zodat je een mooie ronding overhebt. Deselecteer, schuif de cirkel naar onderen en doe dit precies zo aan de onderkant:

Het ziet er dan zo uit

Ga nu naar menu BEWERKEN-TRANSFORMATIE-VERVORMEN en schuif met de handels om je vorm heen totdat je ongeveer zoiets hebt:

Hierna ga je in de laag van je lijfje een kuifje tekenen met je pen gereedschap, als je klaar bent met het kuifje tekenen klik je met rechts op je kuifje en kies je voor selecteren, vul je deze met kleur 009ee0.

Het ziet er nu bij mij zo uit:

Selecteer het lijfje en de kuif (CTRL +KLIK) kopieer dit en plak dit in een nieuwe laag. Nu ga je met je transformatie tool in menu BEWERKEN-TRANSFORMATIE-SCHALEN het gekopieerde lijfje ongeveer met 50% verkleinen. Hierna ga je op het verkleinde lijfje een nieuw lineair verloop toepassen wat je als volgt instelt:

Zorg ervoor dat het donkerste gedeelte aan de onderkant van het kopie lijfje komt:

Voor de vleugels maken we een nieuwe laag aan en gaan we een ovaal maken met je ovale selectiekader grootte 216 x 72 px. Als je klaar bent vul je de selectie met een lineair verloop met dezelfde kleuren als je bij het lijfje gebruikt hebt. Zorg dat de donkere kleur aan de onderkant van de vleugel komt:

We gaan nu met het TRANSFORMATIE (BEWERKEN-TRANSFORMEREN-VERDRAAIEN) gereedschap VERDRAAIEN tot je ongeveer zoiets krijgt:

Hierna ga je vanuit menu BEWERKEN-TRANSFORMEREN-ROTEREN en het verplaatsingsgereedschap de vleugel op de juiste plaats schuiven bij het lijfje:

Kopieer de laag van de vleugel en verklein deze (CTRL+T) met je vrije transformatie gereedschap. De kleinere vleugel kopieer je hierna en maak je nog wat kleiner:

Hierna selecteer je de drie lagen van de vleugel (shift + klik) en maak je er een groep van CTRL +G:

Zoals je ziet heb ik de vleugels benoemt en de groep ook. Dit kun je doen door te dubbelklikken op de laag of de groep. Het is gemakkelijker om op deze manier te werken. Als je veel lagen hebt is het handiger om te weten wat precies waar zit, het scheelt je een hoop werk. Groepen zijn erg handig omdat je ze gezamenlijk kunt bewerken.

Klik in je lagenpalet op de linker vleugel groep die je zojuist hebt gemaakt en kopieer de groep. Noem de groep rechter vleugel en ga naar menu BEWERKEN-TRANSFORMATIE-HORIZONTAAL OMDRAAIEN en schuif daarna de rechter vleugel groep op de juiste plaats:

Voor de pootjes ga je naar de kleine lichtblauwe vorm die we voor de buik hebben gebruikt en kopieer je deze naar een nieuwe laag, sleep deze laag helemaal onder je andere lagen. Hierna ga je hem verkleinen met je TRANSFORMATIE gereedschap tot ongeveer 15% van de grootte:

De kleur van het pootje moet je ook aanpassen, dat doe je door een nieuw lineair verloop toe te passen op de laag van het pootje dat je als volgt instelt:

Kopieer hierna de laag van het pootje zodat je vogeltje twee pootjes heeft:

Hierna gaan we het voetje maken met de pen:

Als je klaar bent maak je een selectie van je voetje, en vul je de selectie in een nieuwe laag met een lineair verloop dat je als volgt hebt ingesteld:

Het ziet er nu zo uit bij mij:

Hierna kopieer je de laag van het pootje en draai je deze horizontaal om in menu BEWERKEN-TRANSFORMEREN zodat je vogeltje twee voetjes heeft.

Hierna kopieer je de groep van je linker vleugels door in je lagen palet op de groep te gaan staan en te kiezen voor groep dupliceren. Sleep deze groep onder de laag van je lijfje en pootjes en verklein en draai deze met je transformatie gereedschap. Je kunt ook nog de afzonderlijke staartdelen draaien tot je tevreden bent over de stand van de staart:

Bij mij ziet het er nu zo uit:

Voor het wangetje maak je een cirkeltje met je ovale selectiekader  en dat vul je in een nieuwe laag met een mooi lichtblauw bijpassend kleurtje, ik heb 45c0ec genomen:

Dupliceer de laag van het wangetje en schuif deze op zijn plek aan de andere kant:

Voor het oogje neem je je pen en teken je een boogje. Klik met rechts op je werk en kies dan voor pad omlijnen. Neem een dun hard penseel 3px in zwart:

Kies na het omlijnen voor pad verwijderen:

Kopieer de laag van het oogje en schuif dit aan de andere kant boven het wangetje. Draai het met je transformatie gereedschap tot het goed op zijn plek staat.

Nu gaan we het bekje maken met de pen:

Als je klaar bent met de vorm van het bekje maak je een selectie en vul je deze selectie in een nieuwe laag met een verloop in oranje, dezelfde als je voor de voetjes hebt gebruikt:

Zo, dat was de bovenkant van het bekje, nu de onderkant nog. Hiervoor maak je weer een pad met je pen gereedschap:

Maak ook hier een nieuwe laag aan en vul de selectie met een verloop dat als volgt is ingesteld:

Selecteer nu de pixels van het bekje onder door CTRL +klik op de thumbnail in het lagen palet te doen. Ga naar menu SELECTEREN-BEWERKEN-SLINKEN en kies voor slinken met 5 pixels:

Maak een nieuwe laag aan en vul deze met kleur 211104:

Ga nu nog een keer naar menu SELECTEREN-BEWERKEN en slink nog een keer de selectie maar deze keer met 3 pixels, vul de selectie in een nieuwe laag met rood, ik heb f70909 genomen:

Om wat extra diepte te maken zodat het bekje wat meer echt lijkt gaan we de laag van het onderste oranje bek gedeelte kopiëren. De kopielaag schuiven we onder de originele en maken we iets groter door het vrije transformatie gereedschap te gebruiken. Hierna vullen we het met een verloop dat we hetzelfde instellen als dat waarmee we het lijfje gevuld hebben:

Nu ga je met je pen een zig zag lijn over de buik van het vogeltje maken en kies je weer voor pad omlijnen met een hard penseel met een mooie bijpassende kleur blauw, ik heb kleur 0081c7 genomen:

Zet de laag in je lagen palet op een dekking van 52%. Ga vervolgens in een wat lichtere kleur met je pen gereedschap boogjes tekenen bij de  linker vleugels zodat het net lijkt of je vogeltje fladdert. Omlijn deze paden met een lichtere kleur blauw ( 76c4f2) in een nieuwe laag:

Kopieer deze laag met bewegingsboogjes en draai deze horizontaal om, sleep ze op de juiste plaats bij de rechter vleugel:

Teken nu een ovaal met je ovale selectiekader en vul dat met een grijs naar wit radiaal verloop:

Vervorm de cirkel met je in menu BEWERKEN-TRANSFORMATIE-VERVORMEN:

Zorg dat deze laag helemaal onder alle lagen komt:

Zo dat was het vogeltje, nu gaan we nog even laten zien voor wie dit vogeltje zo blij staat te fladderen 😉

Ga in je gereedschapsbalk naar aangepaste vormen en kies voor de tekstballon maak deze vorm in een nieuwe laag:

Vul de tekstballon met hetzelfde verloop als je gebruikt hebt bij de bovenkant van het bekje en sleep de laag helemaal naar onderen in je lagenpalet:

Omlijn de tekstballon door in menu LAAG-LAAGSTIJL voor lijn te kiezen:

Neem je horizontale typ gereedschap en tik je tekst in de tekstlaag, ik heb gekozen voor het font SF comic script  met de volgende instelling, kleur maakt niet uit want we gaan hierna nog een verloopbedekking op de laag aanbrengen:

Ga in menu LAAG-LAAGSTIJL en kies voor verloopbedekking:

Hierna breng je nog een lijn aan als laagstijl om je tekst:

Hiermee zijn we aan het einde van de tutorial gekomen, je hebt een Twitter vogeltje gemaakt wat je op je weblog, site of waar je maar wilt kunt gebruiken 😉