Curs Flash

Gradient este un efect creat cu doua sau mai multe culori, trecandu-se treptat de la una la cealalta in diferite combinatii.
In acest tutorial e prezentat modul de folosire si editare a efectelor de culori Gradient, precum si utilizarea instrumentului "Gradient Transform Tool".

1. Utilizare si editare Gradient

In Adobe Flash se folosesc pentu utilizarea efectului "Gradient" optiunile aflate in paleta de culori (situate in partea de jos, sub cele 216 culori, vedeti imaginea de mai jos).
Sunt valabile doua tipuri de gradient:

- Optiuni Gradient

Optiuni Gradient
- Pentru a folosi efectul de culori "Gradient", se da click pe "Fill Color" sau "Stroke Color" (din bara cu instrumente pt. desen), iar din paleta de culori se alege una din optiunile "Gradient". Modelul ales va apare in imaginea butonului prin care a fost deschisa paleta de culori. Apoi poate fi folosit ca orice alta culoare, pentru desene cu pensula, linii si umpleri (ca in exemplu din imaginea de sus).

Dupa ce a fost ales gradient-ul dorit, pentru a putea fi personalizat cu alte culori si combinatii, acesta trebuie editat.
Ambele modele (liniar si radial) pot fi editate, se pot crea combinatii noi, schimbandu-se culorile, nuanta, numarul si pozitia lor in "Gradient".

- Editare Gradient

Editare Gradient
- Editarea culorilor Gradient se face din Panoul Color, care poate fi deschis din meniul Window -> Color (prezentat in imaginea de deasupra).
- In acest panou se poate alege din lista de optiuni tipul "Linear gradient" sau "Radial Gradient".
- In zona in care se defineste gradient-ul (in partea de jos a panoului) se pot adauga si alte culori, prin click pe acea zona (pot fi adaugate pana la 16 culori).
- Fiecare culoare din zona cu straturile ce formeaza gradient-ul poate fi modificata cu proprietatile HSB, RGB, A (Alpha) si mutata in Gradient, pe lungimea acelei zone.
- In timp ce culorile sunt editate, modificarile apar atat in butonul "Fill Color" sau "Stroke Color", in care a fost selectat efectul Gradient ce este editat, cat si in vreun desen care e selectat in Scena (puteti vedea in prezentarea de mai jos "Exemplu editare Gradient").
- Pentru a adauga in paleta de culori efectul Gradient creat, se da click pe Add Swatches, situat in meniul cu optiuni din coltul dreapta-sus al Panoului Color.

Culorile care sunt adaugate in zona de definire a efectului Gradient (prin click) pot fi sterse /anulate prin tragerea lor cu mouse-ul in afara panoului (sau Ctrl+click pe acea culoare).


Iata o prezentare Flash cu exemplu de utilizare si editare Gradient.

- Utilizare si Editare Gradient

utilizare_editare_gradient
Fisierul FLA cu acest exemplu poate fi descarcat de la: FLA - Ex. Gradient

2. Utilizare instrument Gradient Transform

Gradient Transform este un instrument de selectare ce se gaseste in acelasi buton cu "Free Transform Tool" din Bara cu unelte desen (vedeti imaginea de jos).
"Gradient Transform Tool" se foloseste pentru transformarea /modificarea efectului de colorare Gradient dintr-un desen, ajustand marimea, rotatia, lungimea sau centrul culorii Gradient.
- Dupa ce se alege acest instrument, prin tinere putin click apasat pe butonul "Free Transform Tool" si apoi click pe Gradient Transform Tool (sau rapid, tasta 'F'), se da click pe obiectul care foloseste o culoare cu efect Gradient.
- La forma /culoarea astfel selectata va apare cateva mici butoane specifice, acestea se folosesc pt. transformarea acelui Gradient. Prin tragerea lor cu mouse-ul se modifica marimea gradientului, rotatia si pozitia lui in forma ce o coloreaza (vedeti explicatii si in imaginea urmatoare).

- Gradient Transform

Gradient Transform
- Modelul "Radial" are doua butoane in plus: unul sub forma unui cerculet cu o sageata in el (folosit pentru modificarea ratei de trecere de la o culoare la alta), celalalt, situat in centru, are forma unui triunghi (folosit pentru indicare /mutare focalizare).
Ca sa invatati cum se foloseste unealta "Gradient Transform", vedeti si incercati singuri exemplul din prezentarea de mai jos.

- Utilizare Gradient Transform Tool

utilizare_gradient_transform
Fisierul FLA cu acest exemplu poate fi descarcat de la: FLA - Ex. Gradient 2

Unealta Gradient Transform poate fi utilizata si pentru transformarea culorilor din formele ce au culori "Bitmap fill" (care foloseste o imagine ca si culoare).

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag este element de tip bloc?
<div> <img> <span>
<div>Web Programming and Development</div>
Care cod CSS afiseaza textul subliniat?
font-style: italic; text-decoration: underline; font-weight: 500;
h2 {
  text-decoration: underline;
}
Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.
insertBefore() setTimeout() querySelector()
function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.
count($array) count($array, 1) strlen()
$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food;       // 6
Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".
has't played haven't been playing will haven't played
The child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.
Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".
habrá contado va a contar contaba
Él no habrá contado el cuento.
- El nu ar fi spus povestea.
Utilizare Gradient

Last accessed pages

  1. Trecutul simplu - Exercitii si teste incepatori (25240)
  2. Viitor perfect si Viitorul perfect continuu - Future perfect and Continuous (20729)
  3. Parcurgere Array secvential si asociativ (1507)
  4. Prezentul continuu - Exercitii si teste incepatori (36816)
  5. Despre Selectari (254)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1274)
  2. Curs HTML gratuit Tutoriale HTML5 (968)
  3. Coduri pt culori (727)
  4. Creare si editare pagini HTML (567)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (526)