Animatie 3D - Tutorial Flash

Animatia Flash in plan 3D se realizeaza cu Motion Tween ca orice animatie cu aceasta metoda, dar trebuie sa se tina cont ca miscarea se face in spatiu 3D, in care sunt 3 directii sau axe: X (pt. orizontala), Y (pt. verticala) si Z (pt. perspectiva, adancime); vedeti si lectia Obiecte in plan 3D.
Iata un exemplu usor si simplu. Efectuati urmatorii pasi:

1. Deschideti un document Flash nou si desenati in Scena un dreptunghi (cu "Rectangle Tool" si de preferat cu o culoare galbena sau portocaliu deschis pentru a se distinge bine axele), apoi, transformati-l in Movie Clip (de la meniul Modify -> Convert to Symbol, iar la Type puneti Movie Clip si apasati OK).
2.Apasati click-dreapta pe Cadrul 35 in Timeline si alegeti Insert Frame. Astfel, animatia va avea 35 cadre.
3. Acum se creaza cadrele de animatie Tween. Click pe meniul Insert -> Motion Tween.
4. Alegeti instrumentul "3D Rotation Tool" si rotiti putin dreptunghiul in plan 3D.
5. Acum alegeti 3D Translation Tool.
Ca sa apara sagetile la toate cele 3 Axe si sa se realizeze animatia in perspectiva, dezactivati butonul Global Transform (situat in zona cu optiuni din bara cu unelte pt. desen).
Mutati obiectul, tragand de fiecare din cele 3 sageti.
4. Selectati din nou 3D Rotation Tool si efectuati o rotire mai ampla (de 180 grade) a dreptunghiului.
- Testati animatia, apasand "Ctrl+Enter".
Va apare ceva asemanator cu prezentarea urmatoare:

- In continuare puteti vedea cum se face acest exemplu.

- Tutorial Animatie 3D

- Fisierul FLA cu acest exemplu poate fi descarcat de la: Tutorial Animatie 3D.
Similar puteti incerca si cu Text, care poate fi animat in spatiu 3D direct, fara sa fie nevoie de a fi convertit in Symbol Movie Clip.

<<-Utilizare Motion Presets -- Rotire in plan 3D ..->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care meta tag se foloseste pentru scurta descriere a paginii?

<meta name="description" content="70-160 caractere ce descriu continutul paginii" />

Ce proprietate CSS opreste efectul dat de "float"?

clear text-align position

#some_id {
  clear: both;
}

Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.

getElementsByName() getElementById() getElementsByTagName()

var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);

Indicati functia PHP ce returneaza numarul de elemente dintr-un array.

is_[) count() strlen()

$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4

Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".

happly happily hapily

I live happily.
- Traiesc fericit (in mod fericit).

Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".

felizamente felizmente felices

Vivo felizmente.
- Traiesc fericit (cu fericire).

Last accessed pages

Curs si Tutoriale JavaScript ^(124868)
Creare tabele HTML ^(13944)
Conditional IF in Limba Engleza - Fraze Conditionale ^(98070)
Curs CSS Online Tutoriale CSS3 ^(110100)
Formatare text in pagina html ^(29069)

Popular pages this month

Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽²⁴⁶³⁾
Curs HTML gratuit Tutoriale HTML5 ⁽²²⁹⁷⁾
Curs si Tutoriale JavaScript ⁽¹⁵⁰⁴⁾
Curs PHP MySQL, Tutoriale si Scripturi PHP ⁽¹⁵⁰²⁾
Curs si Tutoriale Ajax ⁽¹⁴⁵⁷⁾