18 animatie gekaderde slak -...

8
Photoshop elements initiatie 1 18. Animatie: Gekaderde slak 1. Voorbereiding achtergrond 1) Open de afbeelding van de slak. 2) Maak net boven de achtergrondlaag een opvullaag Volle kleur met zwart 3) Dupliceer de achtergrondlaag en plaats deze kopielaag helemaal bovenaan en geef deze de naam Slak 2. Eerste kader met de slak in 1) Vertrek vanuit de zwarte opvullaag en teken een zwarte rechthoek (niet te groot, niet te klein: baseer je een beetje op het voorbeeld hierboven). Neem het gereedschap Rechthoek, NIET Rechthoekige Selectiegereedschap 2) Plaats deze rechthoek over de achterkant van het slakje; na het tekenen zie je de zwarte rechthoek niet, hooguit de contouren ervan, je ziet wel een extra vormlaag in het lagenminiatuur 3) Geef deze laag de naam Zwarte rechthoek

Upload: others

Post on 19-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

1

18. Animatie: Gekaderde slak

1. Voorbereiding achtergrond 1) Open de afbeelding van de slak. 2) Maak net boven de achtergrondlaag een opvullaag Volle kleur met zwart 3) Dupliceer de achtergrondlaag en plaats deze kopielaag helemaal

bovenaan en geef deze de naam Slak

2. Eerste kader met de slak in 1) Vertrek vanuit de zwarte opvullaag en teken een zwarte rechthoek (niet te

groot, niet te klein: baseer je een beetje op het voorbeeld hierboven). Neem het gereedschap Rechthoek, NIET Rechthoekige Selectiegereedschap

2) Plaats deze rechthoek over de achterkant van het slakje; na het tekenen zie je de zwarte rechthoek niet, hooguit de contouren ervan, je ziet wel een extra vormlaag in het lagenminiatuur

3) Geef deze laag de naam Zwarte rechthoek

Page 2: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

2

4) Maak een uitknipmasker van de bovenste laag Slak met de laag Zwarte rechthoek eronder, zodat je in de rechthoek een stukje slak ziet, en de rest zwart blijft.

3. Extra effect op eerste kader: omlijning en laagstijl 1) Om het effect van de selectie goed duidelijk te maken, maken we een

witte rand rondom de rechthoek (laag zwarte kader)

Sta in de laag Zwarte kader

Geef deze laag volgende dubbele laagstijlen Laagstijl Lijnen: Zwarte lijnen stel eigenschappen in via fx witte kleur – 7 px grootte - Buiten – dekking 100%

Laagstijl Slagschaduw: Laag stel eigenschappen in via fx Belichtingshoek: 50° - Grootte 10 px – Afstand 20 px en Dekking 85%

Page 3: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

3

Om het effect van deze laagstijl te bestuderen: sta in de achtergrondlaag en maak tijdelijk de zwarte opvullaag onzichtbaar

4. Tweede kader met slak erin 1) Selecteer de Lagen Zwarte kader en Slak en dupliceer deze twee lagen: je

krijgt nu 1 kopie van deze laag. 2) Selecteer in het lagenminiatuur de kopielaag van de Zwarte kader en de

slak en verplaats met het Verplaatsgereedschap naar rechts.

5. Derde kader met slak erin 1) Selecteer de kopielagen Zwarte kader en Slak en dupliceer deze twee

lagen: je krijgt nu nogmaals 1 kopie van deze laag. 2) Selecteer in het lagenminiatuur de kopie 2 -laag van de Zwarte kader en

de slak en verplaats met het Verplaatsgereedschap naar rechts.

Page 4: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

4

6. Volgende kader met slak erin 1) Herhaal deze werkwijze nog 1 maal

7. Kader verplaatsen, verkleinen/vergroten, roteren,.. 1) Sta telkens in een rechthoeklaag en klik met het 1e gereedschap

Verplaatsen op een formaatgreep (zodat je acties kan ondernemen op de rechthoek zelf, en niet op de slak-foto)

2) Roteer het kader 3) Vergroot of verklein de kaders

8. Opslaan als gekaderde slak.psd

Page 5: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

5

9. Tekstlaag bijmaken

1) Vul de achtergrondlaag op met zwart (via Bewerken opvullaag Gebruik: Zwart ok)

2) Maak alle lagen behalve de zwarte achtergrondlaag onzichtbaar (alle bovenliggende lagen oogjes sluiten).

3) Maak net boven deze achtergrondlaag een tekstlaag bij met de tekst “On the road….” Met de volgende eigenschappen

Bernard MT Condensed Regular

36 pt groot

Witte kleur 4) Geef deze tekst de laagstijl Schuine kanten, Eenvoudige binnenrand met

volgende eigenschappen.

Belichtingshoek: 50°

Grootte: 15 px

Richting: Omhoog

5) Zorg ervoor dat deze tekstlaag Horizontaal perfect in het midden staat 6) Plaats ook nog ergens jouw naam

7) Verenig teksten- en achtergrondlaag 8) Maak alle andere lagen terug zichtbaar

Page 6: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

6

10. Eerste beeld van de animatie ontwerpen. 1) Selecteer onderaan de lagen Zwarte opvullaag, Zwarte kader en slak

2) Verenig deze 3 lagen 3) Geef deze laag de naam Animatie 1

4) Plaats ongeveer op dezelfde plaats als op de achtergrondlaag jouw naam en verenig die laag (tekstlaag) met Animatie en noem deze opnieuw Animatie 1

11. Tweede beeld van de Animatie ontwerpen 1) Dupliceer de laag Animatie 1 2) Plaats boven de laag Slak kopie een Tekstlaag

met uw naam 3) Selecteer de lagen Animatie1 kopie, laag zwarte

kader kopie, Slak kopie 4) Verenig deze 3 lagen en geef ze de naam

Animatie 2.

Page 7: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

7

12. Volgende beelden van de Animatie ontwerpen 1) Herhaal voor de volgende kadertjes de stappen 11: Laag Animatie2

dupliceren, selecteren samen met de 2 bovenliggende lagen, verenigen 2) Doe dit totdat alle kadertjes zichtbaar gemaakt heb in de animatie

13. Bestand opslaan, sla opa als GekaderdeSlakVoorbereidingAnimatie.psd 14. Webanimatie maken

1) Ga naar Bestand Opslaan voor web en kies in het dialoogvenster voor Animeren (gif, selectief) Stel een framevertraging van 0,5 sec in en bekijk de voorvertoning in de standaardbrowser.

2) Indien alles OK is: sla op onder de naam AnimatieSlakKaser.gif en stuur deze op via de groep

Page 8: 18 Animatie Gekaderde slak - Seniorennetmailgroepphotoshopelements.seniorennet.be/initiatie/...Gekaderde-slak.… · Microsoft Word - 18 Animatie Gekaderde slak Author: ilsen Created

Photoshop elements initiatie

8