Jumbojet's Photoshoptutor's

Draaiende tekst

Jumbojet — Wed, 08 Sep 2010 17:02:01 +0000

Amaties hoeven helemaal niet moeilijk te zijn om leuk te zijn. Deze keer een hele basic animatie waarin de beweging centraal staat en verder geen toeters en bellen! De beginnende Photoshopper kan met deze animatie zeker uit de voeten. Hieronder zie je het eindresultaat van deze les, draaiende tekst:

OK, aan de slag!

Open een nieuw document in Photoshop van 800 x 300 px met een zwarte achtergrond.

Zet via menu WEERGAVE-NIEUWE HULPLIJN vier verticale hulplijnen neer. Een op 200 px, 350 px, 450 px en de laatste op 600 px.

Voor de tekst heb ik dit lettertype gebruikt Swiss 924 BT (78) als je niet weet hoe je een lettertype (font) installeert in Windows dan kun je dat hier lezen.

Tik met wit in grootte 200 pt de eerste letter. Tik alle letters van je woord in een aparte laag zodat je vier lagen hebt met één letter.

Zet de vier letters van het eerste woord uit in je lagenpalet en maak op dezelfde manier de lagen met de letters van je tweede woord:

Zet de eerste letter van je eerste woord aan en alle andere letters uit. Dupliceer de letter 3X en noem de kopie letters 80%, 40% en 20%. Zet alle letters uit behalve 80%, ga in de laag van 80% staan. Toets CTRL+T in om je transformatiegereedschap te activeren en schaal de letter in de breedte tot 80%.

Doe hetzelfde met de andere % lagen en schaal telkens net zoveel als dat de laag aan % heeft.

Groepeer de vier lagen en noem de groep naar de betreffende letter K in dit geval dus:

Herhaal deze stappen voor alle letters zodat je 8 groepen hebt met letters.

Neem een leuk fris kleurtje naar keuze, ik heb #fae10c genomen en neem van je vormen set natuur (zit standaard in Photoshop) blad 5. Zorg dat je in de opties balk in vorlaag staat en trek een vorm.

Dupliceer de laag en roteer, schaal, vervorm iedere kopie laag. Verdeel de bladeren over je document:

Zet alle lagen uit en ga naar het animatie gedeelte van Photoshop. Als je de tijdslijn (groene balk) ziet kun je rechtsonder op een klein icoontje klikken om je frame zichtbaar te maken.

Zet de vertraging van het frame op 0,2 sec en zet in de eerste laag de originele letters van je eerste woord aan.

Dupliceer het frame en zet de eerst laag van het blaadje uit en de tweede laag met blaadje aan. Dupliceer nu nog een keer en zet nu het tweede blaadje uit en het derde blaadje aan. Het blaadje raakt nu de letter! Zet de vertraging van het frame op 0,1 sec en dupliceer het frame. Zet de originele letter uit en de 80% letter aan. Dupliceer en zet 80% uit en 40% aan. Dupliceer en zet 40% uit en 20% aan. Je hebt nu zeven frames:

Dupliceer het frame en zet nu de eerste letter van je eerste woord uit en zet de 20% letter van de eerste letter van je tweede woord aan. Dupliceer nog een keer en zet 20% uit en 40% aan. Dupliceer nog een keer en zet 40% uit en 80% aan hierna nog een keer en zet 80% uit en de originele letter aan. Je hebt nu 11 frames. Als je de animatie afspeelt zie je dit:

Dupliceer het frame en zet de vertraging op 0,2 sec. Zet het blaadje wat de letter raakt uit en de volgende blaadjes laag aan. Ga door met het dupliceren en zet in iedere volgende laag het vorige blaadje uit en het volgende aan totdat je bij het blaadje komt wat je tweede letter raakt. Zet dan de vertraging weer op 0,1 sec en herhaal de stappen die je bij de eerste letter deed. Als je klaar bent met je letters zet je de vertraging van de frames weer op 0,2 sec en ga je weer verder met de blaadjes lagen totdat het blaadje de volgende letter raakt. Zo ga je door totdat alle letters omgedraaid zijn en het tweede woord er staat.

Dupliceer je frame en zet het blaadje uit en het volgende blaadje aan herhaal dit totdat je aan je laatste blaadje toebent. Dupliceer dan nog een keer en zet het laatste blaadje uit zodat alleen de letters van je tweede woord aanstaan. Je bent nu precies op de helft van de animatie. Dupliceer het frame en zet het eerste blaadje weer aan.

Ga nu op dezelfde manier verder zoals je bij de eerste keer hebt gedaan totdat je weer aan het einde bent en het eerste woord er weer staat en je laatste blaadjeslaag aanstaat.

Dupliceer het frame en zet alle lagen uit, zet de vertraging op 0,5 Zet vooraan bij het eerste frame de animatie op altijd.

Je kunt de hulplijnen wissen door in menu WEERGAVE voor HULPLIJNEN WISSEN.

Sla je animatie op als gif file in menu BESTAND-OPSLAAN VOOR WEB EN APPARATEN.

Veel plezier van je draaiende tekst!

Groetjes,

Jumbojet

Regenboog

Jumbojet — Tue, 07 Sep 2010 15:06:46 +0000

Op verzoek van een bezoeker van de site een vertaling van een Engelstalige tutorial voor het maken van deze space regenboog. Een veelzijdig ontwerp wat je voor een poster of een bureaublad kunt gebruiken. Hij is ook prachtig als achtergrond voor je mobiele telefoon of laptop. Hieronder het eindresultaat van de les:

OK, aan de slag! Open een nieuw document in Photoshop van 1600 x 2400 px met een resolutie van 72 px/inch. dubbelklik op de achtergrondlaag zodat deze ontgrendeld wordt en vul de laag met kleur #191919.

Download hier de grunge paper textures nr 3 en nr 4. Open texture 4 in Photoshop en kopieer het in je document. Zet de laag van texture 4 om in een slim object. Dit is ter voorkoming van verlies van kwaliteit als je het texture kleiner gaat schalen. Schaal het texture kleiner met je transformatie gereedschap totdat het er ongeveer zo uitziet:

Dupliceer de laag van texture 4 en zet de laagmodus van de kopielaag op vermenigvuldigen en de dekking op 50%:

Kopieer texture 3 in je document en maak dit op dezelfde manier passend als texture 4. Zet de laagmodus van de laag van texture 3 op vermenigvuldigen en de dekking op 50%.

Klik op het icoontje nieuwe opvullaag/aanpassingslaag onder aan in je lagenpalet. Kies voor zwart/wit. Laat de waarden staan zoals ze standaard staan. (zie voorbeeld hieronder)

Voeg nog een opvullaag toe en kies deze keer voor curven. Stel als hieronder in het voorbeeld in. Selecteer hierna alle lagen en groepeer de lagen in een groep die je achtergrond noemt:

Zet nu via menu WEERGAVE-NIEUWE HULPLIJN een hulplijn op 500 px horizontaal en eentje op 680 px horizontaal.

Neem je rechthoekige vorm en zorg dat je in de opties balk vormlaag aan hebt staat. Trek de vorm tussen de twee hulplijnen in. De kleur die je gebruikt maakt niet uit want je gaat de vorm later met een verloopbedekking bedekken.

Zet de vulling van de laag op 0% en geef de laag een verloopbedekking als laagstijl. Kies hiervoor een zwart/wit verloop en stel het als volgt in:

Ga naar menu TRANSFORMATIE-DRAAIEN en stel in de opties balk als volgt in:

Druk de SHIFT + ALT toets in en beweeg dan de vormlaag een stukje naar beneden met je verplaatsen gereedschap. Je maakt hierdoor een kopie van de laag die een stukje lager staat. Herhaal dit totdat je vier lagen hebt. Groepeer de lagen.

Selecteer de vier lagen en klik dan op het verticaal middelpunten verdelen icoontje boven in de optiesbalk:

Ga op de groep staan en houdt weer de shift en de alt toets ingedrukt. Beweeg de groep naar beneden zodat je een kopie maakt op dezelfde manier als je bij de lagen deed. Lijn de beide groepen uit en schik ze totdat je zoiets krijgt als hieronder te zien is:

Maak een nieuwe laag aan boven de groepen van je vormlagen en vul de laag met een verloop dat je maakt van vier kleuren. Trek het verloop horizontaal over je document. Zet de laagmodus van de verlooplaag op zwak licht.

NB de kleuren en posities van de stops zijn:

stop 1# ff0000 – 0%
stop 2 # ffff00- 35%
stop 3 # 00ff00 – 70%
stop 4 # 00ffff – 100%

Neem een groot (500 px) zacht (0% hardheid) penseel en bestrijk alles behalve de boog in de laag van de regenboog:

Dupliceer de laag en zet de dekking van de laag op 40% bestrijk alles behalve het regenboog gedeelte weer met je penseel deze keer met kleur #04186c. Maak dan nog een nieuwe laag aan en vul deze met kleur #1d1d1d. zet de laagmodus op vermenigvuldigen en de dekking van de laag op 85%. Voeg een laagmasker toe aan de laag door op het laagmasker toevoegen icoontje te klikken onderaan in je lagen palet. Bestrijk in het laagmasker met een zwart, zacht penseel de regenboog.

Download deze foto van Skiwalker79 in de originele grootte en kopieer hem in je document. Zet de laag van de foto om in een slim object en zet de laagmodus op bleken. Schaal hem kleiner:

Voeg aan de laag een laagmasker toe en haal daar de harde randjes weg en eventuele andere stukken die je niet wilt zien. Doe dit met een rond, zacht penseel. Voeg hierna nog een zwart/witte opvullaag toe en maak van deze laag een uitknipmasker zodat de kleur van de sterrennevel verdwijnt:

Trek nu een afgeronde rechthoek vorm zorg dat je in de modus vormlaag staat. Stel in de optiesbalk als volgt in:

Selecteer de pixels van de vormlaag door CTRL + laagthumbnail aan te klikken van de vormlaag en maak een nieuwe laag aan.

Ga in de nieuwe laag staan en zet de vormlaag uit door het oogje uit te klikken. Keer de selectie om in menu SELECTEREN en ga dan naar BEWERKEN-DOEZELAAR. STel de doezelaag in op 50 px en vul dan de selectie in de nieuwe laag met zwart:

Dat maakt je spacy regenboog helemaal af!

Veel plezier van je regenboog!

Groetjes,

Jumbojet

Wat is geweest, een oude kaart

Jumbojet — Mon, 06 Sep 2010 16:44:05 +0000

Een oude kaart die je terugvoert naar een reis die je eens maakte. In deze les maak je hem helemaal zelf in Photoshop. Niet alleen de kaart maar als klap op de vuurpijl ook de mooie rotsachtige achtergrond en het kompas. Je werkt o.a. met het alfakanaal, stelt een raster in om je te helpen de kaart te tekenen, de pen en het transformatiegereedschap komen aan bod maar ook de gum en verschillende instellingen van lagen en natuurlijk de laagstijlen. Kortom een veelzijdige oefening. Je kunt mijn (zelfgemaakte) foto’s gebruiken maar natuurlijk ook je eigen vakantiefoto’s in deze kaart plaatsen. Hieronder de kaart die ik maakte, het eindresultaat van deze les:

OK, aan de slag. We beginnen met het maken van de kaart. Hiervoor open je een nieuw document met een witte achtergrond in Photoshop van 800 x 1000 px met een resolutie van 72 px/inch.

Ga naar menu BEWERKEN-VOORKEUREN-HULPLIJNEN/RASTERS/SEGMENTEN en stel het raster als volgt in:

Ga dan naar menu WEERGAVE-LINEALEN vink deze aan en vervolgens ga je in hetzelfde menu naar TONEN-RASTER en vink dit aan:

Neem nu je rechthoekige selectiekader en selecteer zoals hieronder te zien is. Vul de selectie in een nieuwe laag met zwart en zet de dekking van de nieuwe laag op 40%.

Neem je potlood en stel het in op 1 px. Maak een nieuwe laag aan en ga met je potlood langs de rand van je rechthoekige vorm. Zoom in op 200% en maak hier en daar wat happerige vormen in je papier.

Ga zo langs de hele rand:

Selecteer je zoom gereedschap en vink venster passend aan in de opties balk. Zet het raster uit en verwijder de zwarte laag.

Neem je rechthoekige selectiekader en selecteer het gebied van de zwarte rand. Vul de selectie in een nieuwe laag met je vulemmertje met wit. Stel boven in de opties balk het vulemmertje als volgt in:

Als je nu de achtergrondlaag uitzet zie je dit:

Zet alle lagen weer aan en selecteer de pixels van de zojuist gemaakte met wit gevulde laag. Maak een nieuwe laag aan en ga dan met een zacht rond penseel van 50 px langs de randjes. Zet de dekking op 8% en 0% hardheid. Vink in het penseel palet (F5) airbrush aan. Ga nog een keer langs de randjes met een penseel van 25 px.

Maak een nieuwe laag aan en zet de voorgrondkleur op #D7B683 en de achtergrondkleur op #ECCA8E. Vul de selectie in de nieuwe laag met de voorgrondkleur en ga dan naar nenu FILTER-STRUCTUUR-STRUCTUURMAKER stel als volgt in:

Deselecteer en download dit oud papier texture:

Open het in Photoshop en kopieer het in je document. Sleep het in je document tussen laag 3 en 4 in. Schaal het oud papier texture tot 60% van de grootte en roteer het dan 90 graden rechtsom:

Zet de lagen 2 en 3 uit en schaal nu het texture totdat het past onder je gekleurde bovenlaag. Klik hierna op de laagthumbnail van de gekleurde laag terwijl je de CTRL toets ingedrukt houdt zodat je de pixels van de laag selecteert. Keer de selectie om en delete de selectie in de laag van het oud papier texture. Zet dan de laag van de gekleurde laag op vermenigvuldigen:

Selecteer lagen 6,5 en 4 en voeg de lagen samen (CTRL +E) Selecteer de pixels van de samengevoegde laag ga naar menu SELECTEREN-BEWERKEN-SLINKEN en slink de selectie met 2 pixels. Ga in hetzelfde menu naar doezelaar en stel de doezelaar in op 1 px. Keer de selectie om en delete de selectie.

Download dit papier texture:

Sleep of kopieer het in je document boven de samengevoegde laag. Schaal het totdat het de onderliggende laag helemaal bedekt. Selecteer dan de pixels van de onderliggende laag en keer de selectie om. Delete de selectie in de bovenste papier laag. Zet hierna de laagmodus van de papier laag op zwak licht. Voeg hierna de twee lagen van papier met elkaar samen:

Verwijder laag 2 en 3 zodat je alleen nog de achtergrondlaag en de laag van het papier over hebt. Noem de laag papier en maak boven de achtergrondlaag een nieuwe laag aan, noem de nieuwe laag rotsachtergrond. Zet de papierlaag uit en ga in de laag van de rotsachtergrond staan.

Stel de voorgrondkleur in op #4b4d4d en achtergrondkleur #795b32. Ga naar menu FILTER-RENDERING-WOLKEN:

Voeg ruis toe via menu FILTER-RUIS-RUIS:

Ga naar het kanalen tabblad en maak een nieuw kanaal aan door op het icoontje te klikken. Ga naar menu FILTER-RENDERING-ANDERE WOLKEN en je ziet dit in je kanaal:

Voeg nu via menu FILTER dezelfde RUIS toe als je al eerder deed. Hierna neem je in menu BEWERKEN-RUIS VERVAGEN en stel je in op 50%:

Pas het FILTER ANDERE WOLKEN nog 2 tot 3 keer toe (CTRL +F). Mijn kanaal ziet er nu zo uit:

Ga weer terug naar je lagen tabblad zodat je in het lagenpalet komt. Dupliceer de rotsachtergrond en noem de kopie lichteffect. Zet de lichteffect laag uit.

Ga in de rots achtergrond laag staan en ga naar menu FILTER-RENDERING-BELICHTINGSEFFECTEN en stel als volgt in:

Om een nog mooier effect te maken zet je de lichteffect laag aan en ga je er in staan. Pas opnieuw het belichtingseffect toe maar zet de glans op -50.

Geef de licht effect laag een laagmasker en ga in het laagmasker staan in je lagenpalet. Ga naar menu FILTER-RENDERING-ANDERE WOLKEN en pas het filter toe op het laagmasker. Toets 2 tot 3 keer CTRL+F. Zet de laag van het licht effect op vermenigvuldigen:

Dupliceer de papier laag en noem de kopie schaduw. Schuif de schaduw laag onder de papier laag en ga naar menu AFBEELDING-AANPASSINGEN-KLEURTOON/VERZADIGING:

Ga naar menu FILTER-VERVAGEN en vervaag GAUSSIAANS met 25 px. Zet de dekking van de laag op 25%:

Wat is een kaart zonder kompas

Open voor het maken van het kompas een nieuw document van 500 bij 400 pixels en vul de achtergrond met een kleur naar keuze. Ik heb een fris blauw genomen.

Maak een nieuwe laag aan en trek in deze laag een cirkel met je ovale selectiekader. Houdt de SHIFT toets ingedrukt zodat de cirkel mooi in verhouding blijft.

Vul de cirkel in de nieuwe laag met een kleur naar keuze. Zet de selectie nog niet uit maar ga naar menu BEWERKEN-SLINKEN en slink de selectie met 20 pixels. Ga daarna in hetzelfde menu naar vloeiend maken en maak met 20 px vloeiend. Delete hierna de selectie zodat je een ring overhoudt:

Voeg aan de ring de volgende laagstijlen toe:

NB: kleur #f4b622

NB: kleur #c6af4b

NB kleuren # dfd68b en #c6af4b

NB: kleuren #b49304 en #c6af4b

Het ziet er bij mij nu zo uit:

Maak met je ovale selectiekader de volgende vorm en vul deze in een nieuwe laag met een kleur naar keuze. Schuif de laag met de vorm onder de laag van de grote ring en schuif de vorm op zijn plaats. Kopieer de laagstijlen van de grote ring op de laag van de vorm:

Download dit plaatje van een kompas:

Sleep het in je document van het kompas onder de lagen van de ringen. Maak het op maat met je transformatiegereedschap en roteer totdat de N van Noord onder het ringetje boven komt te staan:

Selecteer met je veelhoeklasso het gedeelte van de grote ring van het kompas en keer de selectie om. Delete de omgekeerde selectie in de laag van de foto.

Neem de pen en maak een vorm zoals onder aangegeven in het voorbeeld. Weet je niet hoe de pen werkt dan kun je dat hier lezen. Maak een selectie van de vorm en vul de selectie in een nieuwe laag,die je boven de laag van de foto aanmaakt, met wit. Vervaag de witte laag met 3 px Gaussiaans en zet de dekking van de laag op 20%.

Selecteer alle lagen behalve de achtergrondlaag en groepeer de lagen. Noe de groep kompas. Sleep de kompas groep in het document van je kaart. Voeg de groep van het kompas samen tot één laag. Verklein het kompas tot 75% of zoveel tot het er zo uit ziet als hieronder,roteer het met je transformatie gereedschap.

Geef de laag van het kompas een slagschaduw als laagstijl:

Selecteer de laag van de kaart en de schaduw laag en roteer deze als hieronder aangegeven:

Geef de laag van de kaart een slagschaduw als volgt ingesteld:

Neem 1 van deze brushes 4 maps (80) ik heb nr 13 genomen. En stel de hoek en de grootte van het penseel in zoals hieronder aangegeven. Zet een afdruk in kleur #492305 in een nieuwe laag onder het kompas en boven de papier laag.

Selecteer de pixels van de laag van de kaart en keer de selectie om. Delete de selectie in de laag van de zojuist gemaakte kaartafdruk de selectie. Zet de laagmodus van de laag op bedekken en de dekking op 75%:

Download deze foto van een zonsopgang open hem in Photoshop.

Kopieer de foto in je document boven de laag van het papier. Schuif de foto op zijn plaats zorg dat de zon bovenaan in je document staat.

Selecteer de pixels van de papier laag en keer de selectie om. Delete de selectie in de zonsopgang laag. Zet de laagmodus op intens licht en dekking op 15%.

Download nu deze tempel foto:

Kopieer hem in je document. Schaal en roteer de foto. Toets CTRL+SHIFT+U om de foto te ontkleuren. Zet de laagmodus op verenigvuldigen en haal met een zachte grote ronde gum de harde randjes weg.

Zet de laagmodus op vermenigvuldigen en de dekking op 65%. Ga naar menu AFBEELDING-AANPASSINGEN-KLEURTOON/VERZADIGING schuif daar met de schuifjes totdat je tevreden bent met het resultaat. Hieronder mijn instellingen.

Doe hetzelfde met de alle andere foto’s die je wilt gebruiken. Ik heb deze foto’s gebruikt:

Pas bij iedere foto kleurtoon en verzadiging aan naar wens. Verdeel de foto’s over de kaart:

Download deze kompas roos en open hem in Photoshop.

Schaal en roteer de kompasroos en schuif hem in de rechter bovenhoek. Schuif de laag van de kompasroos onder de laag van de zonsopgang in je lagenpalet. Zet de laag op vermenigvuldigen en stel kleurtoon en verzadiging in zoals je al eerder deed bij de foto’s. Laat de dekking op 100% staan en haal delen die buiten de kaart steken weg met je gum.

Zet met dit lettertype Scriptina (127) in kleur #492305 en grootte 25 px op een paar plaatsen tekst in je kaart. Ik heb de namen van de eilanden genoemd die ik bezocht heb tijdens deze reis. Roteer de tekst met je transformatiegereedschap:

Zet de tekstlaag om in pixels en haal dan met een heel zwak afgesteld gummetje wat stukjes weg zodat de tekst er ook mooi oud uitziet. Dupliceer de tekstlaag en zet de bovenste laag op zwak licht dekking 100% en de onderste tekstlaag op normaal 50% dekking. Geef hierna allebei de lagen via menu FILTER-VERVAGEN-RADIAAL VERVAGEN deze vervaging.

Behandel de andere tekstlagen op dezelfde manier.

Groepeer alle tekstlagen in een groep die je tekst noet, de foto’s in een groep die je foto’s noemt en het papier, de schaduw en de rots achtergrond in een groep die je achtergrond noemt.

Maak een nieuwe laag aan onder de afdruk map brush laag boven het mapje van de foto’s en maak met je pen een aantal paden. Als je niet weet hoe je een pad maakt kun je dat hier lezen. Stel je penseel in op 3px 0% hardheid en kleur #492305 omlijn hier de paden die je hebt gemaakt mee. Neem hierna je gummetje en haal stukjes weg zodat het stippellijntjes worden.

Ga naar FILTER-VERVAGEN-RADIAAL VERVAGEN en vervaag met dezelfde instelling als je voor de tekst gebruikt hebt. Dupliceer de laag en zet de onderste op de modus zwak licht 100% dekking en de bovenste op normaal, 50% dekking.

Zet hierna nog een paar kruisjes met je penseel in een nieuwe laag boven de laag van de stippellijntjes en behandel deze hetzelfde als je tekstlagen. Groepeer de lagen van de stippellijnen en de kruisjes. Dat maakt je kaart helemaal af!

Veel plezier bij het maken van je eigen oude kaart!

Groetjes,

Jumbojet

Kooi

Jumbojet — Wed, 01 Sep 2010 09:39:02 +0000

Een oefening waarin een aantal verschillende Photoshop gereedschappen aan bod komen. Je maakt een patroon en vult daarmee een selectie. Menu filter en het toedienen van verschillende laagstijlen passeren de revue. Verder snij je een afbeelding uit met de pen of een ander gereedschap naar keuze. Het eindresultaat is deze kooi:

Open een nieuw document in Photoshop van 20 x 4 px resolutie 72 px/inch met een transparante achtergrond. Zoom zover mogelijk in en zet dan met een zwart potlood van 5 px aan de linkerkant een zwarte vlak van 5 px breed:

Ga naar menu BEWERKEN-PATROON DEFINIËREN en sla het patroon op als horizontaal:

Ga naar menu AFBEELDING-AFBEELDING ROTEREN- 90 graden RECHTSOM.

Definiër het patroon deze keer noem je het verticaal.

Open nu een nieuw document in een grootte naar keuze met een witte achtergrond, ik heb 900 x 900 px genomen. Trek een cirkel met je ovale selectiekader en maak een nieuwe laag aan.

Ga naar menu BEWERKEN-VULLEN-PATROON kies voor je zojuist gemaakte horizontale patroon.Hierdoor vul je de selectie met verticale strepen, laat de selectie aanstaan en kies dan voor vullen met je VERTICAAL patroon:

Dupliceer de laag en ga in de bovenste laag staan, nog niet deselecteren! Ga naar menu FILTER-VERVORM-BOL en stel als volgt in:

Ga dan naar de onderste (originele) laag en pas hetzelfde filter toe maar zet dit keer de hoeveelheid op -100%:

Voeg aan de twee lagen de volgende laagstijlen toe:

NB #000000 en #717171

Zet de dekking van de onderste laag (originele) op 30%:

Open de foto die je wilt gebruiken en snijdt het onderwerp wat je in de kooi wilt stoppen uit met je pen of met je veelhoeklasso. Als je niet weet hoe je dat doet kun je dat hier lezen.

Schuif dan het onderwerp tussen de twee lagen van de bol in:

Dubbelklik op de achtergrondlaag zodat deze ontgrendeld wordt en geef de laag een verloopbedekking:

NB: kleur #e2db2a en #7a7028

Maak een nieuwe laag aan bovenaan in je lagenpalet en vul de laag met een kleur naar keuze. Geef de laag een patroonbedekking, gebruik hiervoor een van deze ice blue patroon van Webtreats (67) set. Als je niet weet hoe je een patroon in Photoshop zet kun je dat hier lezen.

Trek een cirkel met je ovale selectiekader en bewerk de selectie via menu SELECTEREN-BEWERKEN-DOEZELAAR stel de doezelaar in op 100 pixels. Delete de selectie in de laag met het patroon.

Klik met rechts op de laag met het patroon en kies voor omzetten in slim object. Zet hierna de dekking van de laag op 50% en de laagmodus op zwak licht:

Dat maakt het plaatje weer helemaal af!

Veel plezier bij het maken van je eigen kooi!

Groetjes,

Jumbojet

3D Donut

Jumbojet — Sat, 28 Aug 2010 19:04:06 +0000

Het 3D gedeelte van Photoshop is enorm leuk dus deze keer een oefening waarin een geïnporteerd 3D object wordt bekleed. Deze les kan alleen gemaakt worden met Photoshop CS4/CS5 Extended. Ik heb in de les de verschillen tussen de beide versies aangegeven waar nodig met screenshots en of een kleine toelichting in de tekst. Hieronder het eindresultaat van deze les een mooie donut waar je zo je tanden in zou willen zetten.

OK, aan de slag!

In Photoshop heb je de mogelijkheid om een standaard donut in 3D te nemen maar dat doen je niet. Je neemt een donut die wat gedetailleerder is en die ga je importeren in Photoshop. Hierna kun je hem dan net als een standaard 3D object uit Photoshop bewerken. Download de 3D Donut (21) en unzip het mapje Donut. Open in Photoshop een nieuw document van 900 x900 px met een resolutie van 300 px/inch.

Ga het 3D gedeelte en kies voor NIEUWE LAAG UIT 3D BESTAND ga naar het mapje van de donut en open het Donut.obj bestand.

Open het bestand en je krijgt dit te zien:

Neem je 3D object roteren gereedschap en draai de donut zodat je wat meer van de bovenkant en de binnenkant ziet. Zoom een klein beetje uit met 3D object schalen.

Klik op het de laagthumbnail van je 3D donut in het lagenpalet( op het vierkantje) en stel als volgt in:

NB: Het menu in CS5 ziet er een beetje anders uit als in CS4. Hieronder het CS5 menu:

We gaan verder met de belichting. Open het 3D menu en kies voor lichten vervangen. Kies uit de map met lichten hard licht.

NB: bij CS5 heet het voorinstelligen lichten vervangen.

Selecteer Infinete Light (oneindig licht) 3 en zet de intensiteit op 0,5:

Om de donut mooi te bekleden gaan we vijf verschillende structuren maken. Hieronder zie je de structuren die je gaat maken en in het midden zie je de donut als deze bekleed is met de vijf structuren:

We beginnen met de koek hiervoor klik je op de PS_3_default laag in je 3D palet en hernoem je deze in Donut. Klik dan tweezijdig uit en klik op het icoontje achter het vakje onscherp(diffuus) , kies daar voor nieuw structuur (texture).

NB: zo ziet het venster bij CS5 eruit.

Het nieuwe document dialoog venster komt dan in beeld. Geef de maten en resolutie in zoals hieronder aangegeven:

Klik nu op structuur openen en het texture opent in een nieuw venster. Zet de voorgrondkleur op #FFB464 en de achtergrondkleur op #FFD077. Ga dan naar menu FILTER-RENDERING-WOLKEN.

Zet een verticale hulplijn in het midden van het document (250 px) en neem je verloop gereedschap. Zet de voorgrondkleur op #ffeabb. Zet het verloop van voorgrond naar transparant en zet het verloop op lineair. Trek dan een verloop aan de linker en rechterkant. Hierna zet je het verloop op gespiegeld en trek je vanaf de hulplijn een verloop.

Ga nu naar het Donut PSB document om te bekijken hoe de structuur op de donut eruit ziet.

Open de structuur en selecteer met je rechthoekige selectiekader de linker helft van de structuur. Ga dan in menu SELECTEREN naar TRANSFORMATIE SELECTIE en schaal de selectie in de breedte tot 60%. Maak een nieuwe laag aan en noem deze glazuur, vul de selectie in de nieuwe laag met kleur #ee0044.

Ga naar menu FILTER-VERVORMEN-GOLF:

Je kunt hierna de hulplijn wissen. Zet nu twee nieuwe verticale hulplijnen langs de glazuur laag. Zorg dat de onderkanten van je glazuur tussen de beide hulplijnen inpassen. Om de hulplijnen op de juiste plaats te krijgen ga je naar menu WEERGAVE-LINIALEN (CTRL +R) en raak je met je cursor de liniaal aan aan de linkerkant naast je werkbalk. Hierdoor krijg je een hulplijn. Sleep deze dan naar de linkerkant van je glazuur en herhaal dat met de hulplijn aan de rechterkant van je glazuur.

Ga nu naar menu BEWERKEN-TRANSFORMATIE-VERVORMEN en vervorm het glazuur aan de bovenzijde zodat het boven ook mooi tussen de hulplijnen in past. Hierna kun je de hulplijnen wissen.

Ga nu naar menu FILER-VERVAGEN-GAUSSIAANS VERVAGEN en vervaag met 3 px.

Geef dan de laag een gloed buiten als volgt ingesteld met kleur #d29960.

Omdat nu de bovenkant en de onderkant van het texture aan elkaar passen sluit het texture op de donut mooier op elkaar aan.

Maak nu een nieuwe laag aan die je spikkels noemt en zet dan met verschillende diktes en verschillende kleuren spikkels in de nieuwe laag. Zorg dat je penseel een hardheid heeft van 100%. Ik heb grootte 5- 13 px gebruikt en vier felle kleurtjes.

Ga terug naar je donut document en ga naar het 3D palet, klik op reliëfsterkte en zet deze op 2. Klik dan op nieuwe structuur.

NB: Bij CS5 ziet het er zo uit:

Maak een nieuwe structuur aan van 500 breed x 1000 px hoog met een resolutie van 300 zoals je al eerder deed.

Vul de achtergrondlaag van het Donut reliëf.psb document met zwart. Het reliëf document moet het reliëf maken op precies dezelfde plaatsen als in het Donut diffuus texture. Je begint met het glazuur. Ga hiervoor naar het Donut diffuus document en selecteer je glazuur laag. Neem je verplaatsen gereedschap en houdt de SHIFT toets ingedrukt. Sleep de laag in het Donut reliëf document. Toets dan CTRL + U in om het kleurtoon/verzadiging menu op te roepen. Schuif het schuifje van helderheid naar 100 en zet dan de glazuurlaag op een dekking van 50%:

Zet hierna het gloed buiten effect van de glazuurlaag in je reliëf document uit door op het oogje te klikken.

Sleep nu op de zelfde manier de spikkels laag in het document. Zet ook weer bij kleurtoon/verzadiging de helderheid op 100 maar zet deze keer de vulling van de laag op 50% en Voeg aan de laag van de spikkels een gloed binnen als laagstijl toe.

Ga nu naar je donut document en maak bij glans een nieuw structuur aan met dezelfde maten en resolutie als de vorige twee. Vul de achtergrond met #1e1e1e. Sleep de glazuur laag uit je reliëf document in het glans document. Zet de dekking van de laag op 100%. Ga dan terug naar je Donut document en zet in het 3D palet de glans op 65%:

Voor de reflectie gaan we deze foto gebruiken. Download de foto en open hem in Photoshop.

Vervaag de foto Gaussiaans met 7 px. Sla hem op en noem de foto omgeving, sluit het document.

Ga nu naar het donut document en ga weer naar je 3D palet. Zet reflectiviteit op 50% en klik op omgevingsstructuur en kies voor structuur laden. Laad de foto die je opgeslagen hebt als omgeving. Ga dan naar reflectiviteit en maak daar een nieuwe structuur aan in dezelfde maten en resolutie als de andere structuren die je al eerder maakte.

Nu glanst de hele donut en dat is niet de bedoeling, alleen het glazuur moet glanzen. Vul daarom nu de achtergrond van het reflectiviteit document met zwart en vervolgens sleep je de glazuurlaag uit het glans document in het reflectiviteits d0cument. Hierna zet je de dekking van de glazuur laag in het reflectiviteitsdocument op 30%.

Zo dat is de donut!

Maar het plaatje is nog niet helemaal af, er moet nog een reflectie van de donut gemaakt worden, een schaduw en de achtergrond moet nog wat knapper. Sluit alle documenten behalve donut.psd en dupliceer de dout laag, noem deze reflectie. Sleep reflectie laag onder de donut laag en zet de donut laag uit.

Neem een van de camera gereedschappen (ik heb roteren genomen maar dat maakt niet uit) en zet weergeven boven in de opties balk op rechts.

Ga naar je 3D palet en kies onderaan in het palet voor grondvlak inschakelen.

Sleep nu de reflectielaag met het 3D pannen gereedschap terwijl je de shift toets ingedrukt houdt, net onder de lijn van het grondvlak en zet daarna de weergave op donut.

Als je allebei de lagen aanzet zie je dit:

Zet het grondvlak weer uit en ga naar de structuur van de diffuus donut in je reflectie donut, open dit en ga naar menu AFBEELDING-AFBEELDING ROTEREN-CANVAS HORIZONTAAL ROTEREN. Bewaar en sluit het document. Herhaal deze stappen voor reliëf, glans en reflectie structuren. Hierdoor krijg je dat alles ondersteboven gedraaid wordt in je donut en de onderste donut een spiegelbeeld van de bovenste lijkt.

Nu gaan we een dekkingstructuur toevoegen, klik hiervoor in je 3D palet op het icoontje achter dekking en open een nieuwe structuur. Zet de hoogte, breedte en resolutie weer op dezelfde waarden als je al eerder deed bij de andere structuren. Open het dekkingsstructuur en maak een nieuwe laag aan. Neem dan je verloop gereedschap en selecteer het zwart-wit verloop trek een lineair verloop in de laag zoals aangegeven in het voorbeeld hieronder. Zet ter ondersteuning weer een hulplijn in het midden van je document zodat je gemakkelijk het verloop kunt trekken van de zijkant naar het midden.

Dupliceer de laag en schuif de kopie laag een stuk naar rechts zodat deze helemaal buiten de lijnen van het document valt:

Selecteer nu beide lagen en verschuif de lagen 70 px met je transformatie gereedschap naar links (dit kun je ingeven boven in de opties balk) zodat je dit te zien krijgt:

Zorg ervoor dat je tweezijdig bij spiegeling uit hebt staan anders krijg je een raar effect. Zet de donut laag aan en je ziet dit:

Nu nog een schaduw maken! Dupliceer hiervoor de donut laag en noem de kopie schaduw. Sleep de schaduw laag onder de donut laag en zet de donut laag uit. Ga in de donut laag van schaduw staan en verwijder alle structuren. Vink tweezijdig bij spiegelen weer aan (alleen bij CS4). Zet de kleur bij diffuus op zwart en zet de glans op 0%. Klik op het dekkingsstructuur en kies voor een nieuwe structuur breedte en hoogte en resolutie weer op 500 x 1000 en 300 zoals bij alle andere structuren.

Open de dekkingsstructuur en vul de achtergrond met zwart. Maak een nieuwe laag aan neem je rechthoekige selectiekader en trek een rechthoekige selectie zoals hieronder in het voorbeeld te zien is. Vul de selectie in de nieuwe laag met wit.

En je hebt een schaduw gemaakt:

Zet je donut laag aan, ga in de schaduwlaag staan, klik met rechts en kies voor 3d laag omzetten in pixels. Kies dan in menu FILTER voor VERVAGEN en vervaag de schaduw laag GAUSSIAANS met 20 px.

Zet de dekking van de schaduwlaag op 50% en de dekking van de reflectie ook op 50% en dubbelklik op de achtergrondlaag om deze te ontgrendelen. Geef de laag een verloopbedekking in een kleurstelling die je leuk vindt. Ik heb deze gebruikt:

NB kleuren #a2d1e0 en #e0f5fc

Je kunt natuurlijk allerlei variaties donuts maken, bijvoorbeeld chocolade mjam

Snijdt de afbeelding uit op de gewenste maat, dat maakt het plaatje helemaal af!

Hieronder een chocolade variant mjam

Veel plezier bij het bekleden van je eigen 3D donut!

Groetjes,

Jumbojet

CS5 Touw tekst met marionet verdraaien

Jumbojet — Sun, 15 Aug 2010 19:46:47 +0000

Als je eens wilt oefenen met de nieuwe feature marionet verdraaien in Phosohop CS5 is deze les wel wat voor jou. Hieronder zie je het eindresultaat van deze tutorial touwtekst:

OK, aan de slag. Zoek een stuk touw op internet op, het liefst een recht stuk. Je kunt ook het stuk touw nemen wat ik gevonden en gebruikt heb voor de oefening.

Open een nieuw document in Photoshop CS5 van 2560 x 1440 pixels met een witte achtergrond. Open het document van je touw en sleep het touw in je document met de witte achtergrond.

Ga nu naar menu BEWERKEN-MARIONET VERDRAAIEN terwijl je in de laag van het touw staat. Je krijgt een soort net over je touw heen.

Klik nu op het touw om draaipunten toe te voegen. Dit zijn gele punten en deze kun je dus verdraaien door ze te verschuiven met je muis. Probeer maar eens uit hoe dat gaat. Als je meer punten wilt toevoegen doe je dat door op het touw te klikken. Wil je een punt weghalen dan klik je terwijl je de ALT toets ingedrukt houdt op het punt. Je kunt een punt verdraaien als je de ALT toets ingedrukt houdt, er verschijnt dan een cirkeltje waaraan je kunt draaien.

Ga nu wat punten toevoegen en probeer de eerste letter te maken van het woord wat je wilt maken. Probeer niet teveel te rekken want anders klopt het patroontje van je touw niet meer.

Hieronder het resultaat van een potje buigen en draaien de J:

Ga verder met de volgende letter. Zet puntenen draai en pas de transformatie toe als je klaar bent met de letter. je kunt ook het hele woord afmaken maar ik laat het nu even in stukjes zien. Het is even wennen aan het draaien maar als je eenmaal de slag te pakken hebt zul je zien dat het prima gaat. Hou goed in de gaten dat je niet teveel uitrekt.

Je kunt ook de diepte van de punten bepalen door te kiezen voor voor of achter in het menu marionet transformatie. (rechts klikken en je krijgt het menu in beeld)

Je kunt de diepte van de punten ook instellen in de opties balk:

Als je je woord af hebt en je tevreden bent hoe de punten in de diepte staan dan sleep je het touw nog een keer in je document en sleep je het zo dat het de eerste letter van je woord een stukje overlapt. Verdraai het touw met marionet verdraaien zodat het eruit ziet dat het een touw is in plaats van twee stukken. Als je de overgang tussen het touw en de touwtekst te duidelijk ziet kun je de overgang in een laagmasker wegwerken. Voeg aan allebei de lagen een laagmasker toe en haal bestrijk de delen die je niet wilt zien in beide lagen totdat het er goed uitziet.

Herhaal deze stappen en maak aan het eind van het woord ook een touw vast.

Maak een nieuwe laag aan en geef in de nieuwe laag met een zwart zacht penseel van 25 px grootte en 50% dekking wat schaduw accenten aan in je tekst. Vervaag de accenten gaussiaans met 10 px en groepeer de laag in een groep. Zet de modus van de groep op kleur doordrukken en de dekking op 50%.

Groepeer alle lagen (behalve de achtergrondlaag) en de groep van de schaduw. Dupliceer de groep, voeg de kopie groep samen en zet de laagmodus op bedekken en de dekking op 75%.

Sleep nog een keer het touw in je document en verdraai weer met marionet verdraaien totdat je zoiets krijgt al hieronder te zien is:

Geef de laag van het touw een laagmasker en werk daarin de gedeelten weg van het touw die onder de touwtekst vallen. Geef schaduwaccenten zoals je al eerder deed en handel hetzelfde als je bij de tekst deed:

Neem een mooi oud papier texture. Ik heb dit gebruikt:

Kopieer het papier texture in je document zorg dat het bovenaan in je lagenpalet komt. Maak het texture op maat met je transformatiegereedschap en zet de laagmodus op vermenigvuldigen. Dupliceer de laag.

Groepeer alles behalve de kopie laag van het papier texture en de achtergrondlaag. Dupliceer de groep en zet de kopie groep om in een slim object.

Ga nu in de laag van het slimme object staan en vervaag Gaussiaans via menu FILTER-VERVAGEN.

Je ziet nu in de laag van je slimme object een wit rechthoekje verschijnen. Dit is het mooie van een slim object. Je kunt nu met een zwart penseel het effect van het FILTER wegnemen net als in een laagmasker. Dus alles wat wit is krijgt het filter en alles wat zwart is heeft het effect van het filter niet. Hiermee kun je wat diepte maken in je plaatje. Neem een zacht rond penseel en bestrijk in het masker de delen waar je geen Gaussiaans vaag wilt hebben zoals de tekst. Ik heb het papier wel vaag gelaten en de buitenzijden van de touwen. Dat is gewoon een kwestie van smaak dus experimenteer daar maar wat mee.

Maak een opvullaag aan door op het icoontje te klikken onder aan in je lagenpalet en kies voor kleurtoon/verzadiging.

Zet tot slot de laag van het oude papier aan, de dekking zet je op 50% en de laagmodus op vermenigvuldiging. Je touw tekst is hiermee helemaal af!

Veel plezier bij het oefenen met marionet verdraaien.

Groetjes,

Jet

Print animatie

Jumbojet — Sat, 07 Aug 2010 12:11:37 +0000

Animaties maken in Photoshop vind ik altijd een leuk klusje. Deze keer een hele snelle en eenvoudig te maken print animatie. Hieronder zie je het eindresultaat van deze les een ideale oefening voor de beginnende Photoshopper. In deze les gebruik je de pen, voeg je laagstijlen toe aan verschillende lagen en maak je de animatie in het bewegings (animatie) gedeelte van Photoshop.

OK, aan de slag!

Google een plaatje van een printer of neem deze die ik gevonden heb op Flickr.

Open de foto en vergroot het canvas met 20% in de hoogte.

Dupliceer de achtergrondlaag en zet de originele laag uit door op het oogje te klikken. Ga in de kopie laag met je pen langs de printer en maak een selectie van de printer. Als je niet weet hoe je dat doet kun je dat in deze basis tutorial lezen. Keer de selectie om (CTRL+SHIFT +I) en delete de achtergrond zodat je alleen de printer overhoudt.

Maak een nieuwe laag aan onder de laag van de uitgesneden printer. Vul de laag met een kleur naar keuze, ik heb zwart genomen maar dat maakt niet uit want je gaat de laag zo meteen een verloopbedekking geven.

Klik op het laagstijl icoontje onder aan je lagenpalet terwijl je in de gekleurde laag staan en voeg een verloopbedekking toe. Stel als volgt in:

Maak een nieuwe laag aan onder de laag met de verloopbedekking. Ga in de laag met de verloopbedekking staan en toets CTRL+E in zodat de laag met de verloopbedekking en de nieuwe laag samengevoegd worden tot één laag. Hierdoor verdwijnt de verloopbedekking als laagstijl en is de laag gevuld met het verloop.

Ga nu in de laag van de uitgesneden printer staan en toets CTRL+E zodat je de laag van de printer samenvoegt met de verlooplaag.

Zoek een leuke foto uit die je wilt gebruiken voor je animatie. ik heb er eentje genomen van mijn kleindochter Sleep de foto in je document boven de laag van de printer + achtergrond en maak hem met je transformatiegereedschap CTRL+T – schalen op maat. Houdt de shift toets ingedrukt zodat alles mooi in verhouding blijft.

Geef aan de laag van de foto een lijn als laagstijl, stel in als hieronder aangegeven, gebruik # ffffff (wit):

Dupliceer de laag van je foto en sleep de laag omhoog met je verplaatsen gereedschap en een paar pixels naar links (gebruik daarvoor je pijltjes toets, iedere druk op de pijltjes toets is 1 px) zodat het er zo uitziet:

Neem je rechthoekige selectiekader en trek een rechthoekige selectie zoals in het voorbeeld te zien is. Ga in de laag van de printer met achtergrond staan en toets CTRL +J zodat de selectie naar een nieuwe laag gekopieerd wordt. Sleep de laag helemaal naar boven in je lagenpalet zodat de tweede foto bedekt wordt door de nieuwe laag.

Zet de voorgrondkleur op #35f808 en maak het lichtje van de printer in de bovenste laag groen zodat hij aan lijkt te staan.

Ga naar het animatie gedeelte (beweging of werkruimte video en film), boven in je menu balk aan de rechter kant kun je kiezen in een dropdown menu, van Photoshop en zet de vertraging van het frame op 0 seconden. Dupliceer het frame door op te klikken. Ga in de kopie laag van de foto staan en sleep de foto naar beneden zodat hij de originele foto bedekt.

Klik nu op het tussenvoegen icoontje en voeg 50 frames tussen de twee frames:

Speel je animatie af en als je tevreden bent met het resultaat kun je hem opslaan voor WEB EN APPARATEN als gif file. Als je de animatie op altijd zet in plaats van eenmaal blijft hij oneindig doorgaan zoals hieronder het geval is.

Veel plezier van je print animatie!

Groetjes,

Jumbojet

Beesten Bende

Jumbojet — Fri, 06 Aug 2010 11:05:51 +0000

Op speciaal verzoek van een bezoeker van de site deze keer een les met als onderwerp morphing animals. In een eerdere les verwisselde ik de huid van een zebra met een panter als je deze tutorial wilt lezen klik dan hier.

Als je je bezig houdt animal morphing laat je foto’s van twee of meer dieren in elkaar over vloeien waardoor er één nieuw fantasie dier gemaakt wordt. Hoe gekker hoe leuker natuurlijk. Op internet heb ik heel wat van deze gephotoshopte beesten gezien er waren zelfs varianten bij waarbij dieren met fruit gecombineerd werden. Kortom dikke pret! Dit is het eindresultaat van deze les een koppeltje nijlvinken.

OK aan de slag! Zoek een foto waarop het dier of de dieren opstaan die je wilt gaan morphen. Je kunt deze foto die ik op Flickr hebt gevonden ook gebruiken als je dat wilt.

Zoek daarbij ook nog een paar koppen van dieren die je op de lijven wilt zetten. Let daarbij op dat de kopjes ongeveer hetzelfde staan als op de foto die je gebruikt. Ik heb voor het linkse vogeltje deze foto van een kop van een nijlpaard gevonden:

Open de foto van de vogeltjes en open de foto van de nijlpaardenkop. Kopieer de kop in de foto van de vogeltjes en neem je toverstafje zet de tolerantie goed hoog ik heb 50 genomen. . Klik op het witte gedeelte van de foto van de nijlpaardenkop en delete de selectie. Activeer je transformatie gereedschap (ctrl+T) en roteer de kop totdat het er ongeveer zo uitziet:

Haal de snavel van de vogel weg door een selectie te maken en deze te vullen met inhoud behouden (cs5 nieuwe optie) of als je een oudere versie van Photoshop gebruikt door je kloonstempel te gebruiken. In het laatste geval neem je dan terwijl je alt ingedrukt houdt een monster van de achtergrond en stempel je deze over de bek heen. Hierna selecteer je het gebied van het nijlpaard wat uitsteekt aan de achterkant. Keer je de selectie om en voeg je een laagmasker toe aan de laag van de kop van het nijlpaard.

We gaan de kop van het nijlpaard een beetje passend van kleur maken. Hiervoor maak je een nieuwe opvullaag aan door op het icoontje te klikken onder aan in je lagen palet. Kies voor kleurbalans, ga in de laag staan en klik met rechts kies voor uitknipmasker maken. Op deze manier bewerk je met de opvullaag alleen de kleur van de kop van het nijlpaard.

Schuif met de regelaars totdat de kop mooi bij de rest van het lijf past:

Ga nu de rand onder bij de kop met een zwak afgesteld zwart penseel in het laagmasker van de kop van het nijlpaard bestijken. Ik heb het afgesteld op 5% dekking en niet al te groot zodat er heel weinig per streek weggehaald wordt. Het is wel wat langer werk maar het ziet er natuurlijker uit

Maak een selectie van de kop van het nijlpaard en ga in de achtergrondlaag staan. Toets ctrl+J in en schuif de zo ontstane nieuwe laag naar boven in je lagenpalet. Noem de laag veren bedekking en voeg een laagsmasker toe aan de laag.

Werk in het masker met een zwak afgesteld penseel 5% totdat je zoiets krijgt als hieronder te zien is:

Ga naar de laag van de kleurbalans en haal daar in de bek van de nijlpaardkop het blauw weg van de tong en de lippen. doe dit door met een zwart penseel in het laagmasker van de laag de delen te bestrijken die je niet blauw wilt hebben. Doe hetzelfde met het oog zodat het er zo uitziet:

Zo dat is de eerste nijlvink nu de andere nog. Groepeer even de lagen van de kop van het nijlpaard, kleurbalanslaag en de veren bedekking laag. Noem de groep Nijlvink.

Voor de ander vogel heb ik deze foto genomen:

Sleep de foto in het document en verwijder de achtergrond op een manier zoals jij dat handig vindt. Ik heb het met een laagmasker gedaan maar het kan ook met de pen of de veelhoeklasso. Verklein de kop met je transformatiegereedschap. Roteer en verdraai totdat het er ongeveer zo uitziet:

Werk dan in een laagmasker met een zwak ingesteld penseel zoals je eerder deed bij de andere nijlvink. Haal ook uit de achtergrondlaag de delen van de kop van het vogeltje die boven de kop van het nijlpaard uitsteken met vullen inhoud behouden of met je kloon stempel.

Voeg ook weer een kleurbalans laag toe en maak weer een uitknipmasker van de laag. Schuif tot je tevreden bent met de kleur. Hieronder mijn instellingen.

Selecteer een gedeelte van de borst van het vogeltje en toets ctrl+J terwijl je in de achtergrondlaag staat. Dupliceer de laag en schuif de lagen naar boven in je lagen palet. Schuif ze op de plaatsen zoals aangegeven op het voorbeeld hieronder. Roteer de bovenste laag.

Voeg aan allebei de lagen een laagmasker toe en haal daarin met een zwak afgesteld penseel zoveel weg totdat je nog een vleug van de veertjes ziet. Roteer en verplaats de onderste laag ook op zijn plek en werk op dezelfde manier in het laagmasker totdat je tevreden bent.

Neem je penseel en bestrijk de donkere plekken op de kop van je nijlvink met kleur #6a89a4 in een nieuwe laag.

Vervaag de laag gaussiaans met 2 px.

Zet de dekking van de laag op 40 % en de modus op bleken Groepeer de lagen van het nijlvink vrouwtje. Hiermee is je nijlvink koppeltje helemaal af!

Veel plezier ervan!

Groetjes,

Jumbojet

Auticomics avatar

Jumbojet — Tue, 03 Aug 2010 09:35:12 +0000

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 sfcomic (45) 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!

Groetjes,

Jumbojet

CS5 Toveren met inhoud

Jumbojet — Mon, 02 Aug 2010 09:26:55 +0000

Je kent dat wel… een vinger voor de camera of net iets in beeld wat je er niet in wilt hebben. Het herstellen van zo’n schoonheidsfoutje was een arbeidsintensieve klus. In CS5 heb je het nieuwe inhoud behouden vullen tot je beschikking en hiermee behoort moeilijk doen definitief tot de voltooid verleden tijd. Hieronder zie je in de animatie de ervoor en erna situatie bereikt in een paar handelingen.

OK, open de foto die je wilt gaan aanpakken. Ik heb deze oude vakantie foto genomen.

Zoals je ziet is de foto niet helemaal goed gelukt We beginnen met de zwarte hoek rechtsboven.

Neem je veelhoeklasso of een ander selectie gereedschap waar je handig mee bent en selecteer het gebied wat je weg wilt hebben. Zorg dat je ruim om de plek bent die je weg wilt hebben. Eventueel kun je de selectie in menu SELECTEREN-BEWERKEN-VERGROTEN met een paar pixels. Als je in de achtergrond laag gaat staan en op de backspace drukt dan krijg je het onderstaande menu in beeld. Dit zelfde menu krijg je via menu BEWERKEN-VULLEN ook in beeld. Klik op OK en zie een klein wonder geschiedt.

Haal zo de delen weg die je weg wilt hebben:

Ik heb er voor gekozen om de auto in gedeelten weg te halen en hier en daar nog een stukje te vullen met inhoud omdat ik het resultaat van in een keer wegnemen van de auto niet mooi vond maar dat is iets wat per foto anders is dus probeer daar maar een beetje mee te experimenteren.

Om de foto wat mooier te maken kun je indien dat nodig is CTRL + L intoetsen en een beetje schuiven met de regelaars in menu NIVEAUS. Dit is per foto verschillend dus probeer wat het voor jou foto doet.

Klaar, in een paar muisklikken heb je alle ongewenste delen van je foto verwijderd!

Groetjes,

Jumbojet