dinsdag 27 april 2010

Les 3:

Weg gaan vanavond verder waar we verleden week gebleven waren:
Filmpje:
http://www.layersmagazine.com/motion-tools-in-flash-cs4-part-1.html

Wellicht ook nog:
http://www.layersmagazine.com/motion-tools-in-flash-cs4-part-1.html


Verder gaan we aan de hand v.d. handout een workshop doen....we gaan een speeltuin maken.

maandag 19 april 2010

Les 2

Jawel.....ik heb iemand gevonden die de vorige les in 5 minuten samenvat:


Hier in het kort nog eens de basistools:

Dit is de Selection tool hier kan je alles mee selecteren en alles mee verslepen.
Dit is de Subselection tool hiermee kan je deselecteren.
Dit is de Line tool, hiermee kan je lijntjes maken.
Dit is de Lasso tool hiermee kan je ook dingen selecteren maar dan na eigen keuze bijv een rondje.
Dit is de Pen tool hier kan je kromme lijntjes mee maken.
Dit is de Text tool hiermee kan je tekst tekst maken.
Dit is de Oval tool hier kan je cirkels mee maken.
Dit is de Rectangle tool hier mee kan je vierkanten mee maken maar als je er dubbel op klikt dan kan je de hoek grote ingeven.
Dit is de Pencil tool hiermee kan je tekenen.
Dit is de Brush tool hiermee kan je dikke lijnen mee maken.
Dit is de Free Transform tool hiermee kan je de vorm veranderen van een figuur.
Dit is de Fill Transform tool hiermee kan je in sommige gevallen de belichting veranderen.
Dit is de Ink Bottle tool hier kan je lijnen mee inkleuren.
Dit is de Paint Bucket tool met deze tool kan je de kleur veranderen van een figuur.
Dit is de Eyedropper tool hier kan je een kleur mee copieeren.
Dit is de Eraser tool dit spreekt voor zich de bekende gum.

Hiermee kan je inzoomen.
hiermee kan je de omlijningskleur veranderen en de vulkleur.




Vanavond gaan we kijken naar symbolen, library en instances.........om vervolgens onze eerste annimaties te maken.

http://help.adobe.com/nl_NL/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7deea.html#WSd60f23110762d6b883b18f10cb1fe1af6-7deda




Animatie....... vindt plaats middels de timeline.




Naast de timeline vinden we de layers, oftewel de lagen:
Adobe Flash - Lagen

Flash kent net als Adobe Photoshop lagen. Het is dan ook handig als je in Flash aan de gang gaat om alles over meerdere lagen te verspreiden in verband met animaties etc. De lagen in Flash vindt je aan de bovenkant van het scherm.

Lagen

Door met je muis op een laag te klikken en door de linkermuisknop vast te houden sleep je een laag omhoog of omlaag en zet je ze in de gewenste volgorde. Een nieuwe laag maak je aan door met de rechtermuisknop op een laag te klikken en te kiezen voor "Insert layer".

Lagen

Daarbij heb je dan nog een aantal extra opties op de lagen zoals het onzichtbaar maken en het op slot zetten van een laag zodat deze niet te bewerken is. Hiervoor klik je op 1 van de puntjes onder het oog om de laag onzichtbaar te maken. Zodra je hierop klikt komt er een kruis tevoorschijn. Onder het slot symbool zet je de laag op slot.

Lagen

Opracht:
-Maak 2 lagen
-Geef de lagen een naam
-Plaats op elke laag een symbool
-Verander de hiearchie van de lagen

Zo.....genoeg over lagen.....terug naar de TimeLine:

Hier kunnen wij objecten laten bewegen, dit gebeurt dmv keyframes.

Eenvoudig gezegd worden keyframes gebruikt wanneer er op het object veranderingen gebeuren gedurende de tijd zoals grootte, kleur, rotatie,.. Frames gebruiken we wanneer we gebruik maken van een statisch object zoals een achtergrond die niet verandert.
Keyframe en frame tutorial:
http://bit.ly/aY0eqH


Animaties in flash, maak je met behulp van tweens. Er zijn 3 soorten tweens:

-Shape tween (vorm tween), deze wordt gebruikt om van de ene vorm naar de andere te veranderen.
-Motion tween (beweging tween), deze wordt gebruikt om objecten te laten bewegen(kleur vernaderingen, eases, opacity etc.).
-Classic tween (de "oude" bewegings tween), in sommige speciale gevallen wordt deze nog gebruikt.

Workshop Shape Tween:
http://help.adobe.com/nl_NL/Flash/10.0_UsingFlash/WS58E1E1A4-9296-4b75-AB74-D9D545892556.html

Workshop Motion Tween:
http://help.adobe.com/nl_NL/Flash/10.0_UsingFlash/WSDAFF999A-D539-4eae-92BC-473E243B527B.html

Filmpje:
http://www.layersmagazine.com/motion-tools-in-flash-cs4-part-1.html

Wellicht ook nog:
http://www.layersmagazine.com/motion-tools-in-flash-cs4-part-1.html

dinsdag 13 april 2010

Les 1

Les 1

Welkom bij de eerste flash les op de VAK.

Mijn naam is Jean Schouten, 39


Docent Flash, Webdesign, Web voor kinderen, electronische muziek en Gamemaker.
Verder ben ik gek van analoge synthesizers.......kijk maar eens op:
http://www.youtube.com/user/jenamu6?feature=mhw5

Mailadres:
jschouten@delft.nl


Genoeg over mij....wie zijn jullie?

-Graag even je naam en interesses.
-Heb je al eerder met flash gewerkt, zo ja wat heb je er mee gedaan.
-Waarom heb je voor deze cursus gekozen?


wat gaan we in deze cursus doen?:
Les1
INTRODUCTIE
(Wat is Flash, en wie zijn wij?)
1e kennismaking met het programma

Les2
TIMELINE
Het gebruik van de time line en onze eerste animaties.
SYMBOLS en de library

Les3
TEXT
Workshop text animatie

Les4
Workshop annimatie
Les5
Workshop annimatie
Les6
ACTIONSCRIPT
Alleen dat wat je nodig hebt om dingen klikbaar te maken.
Les7
Workshop site maken
Les8
Workshop site maken II
en distributie.

Voorbeelden van Flash sites:
http://www.hongkiat.com/blog/brilliant-beautiful-flash-websites/
http://www.mono-1.com/monoface/main.html
http://waterlife.nfb.ca/
http://www.marcecko.com/#/
http://www.2advanced.com/
www.gorillaz.com


Wat is Flash.
http://nl.wikipedia.org/wiki/Adobe_Flash

Let ook even op het vectoren en BMP verhaal.


Waar vind je Flash?
https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash

Kennis maken met de Flash omgeving:
Eerst lopen we even de interface van Flash door.
Dan kijken we even naar de toolbox.
http://www.techiwarehouse.com/cms/engine.php?page_id=65eeb3b5