Elementele pot fi aranjate si pozitionate in Scena unul langa celalalt, aliniate, rotite sau suprapuse (unul peste altul).
In tutorialul din aceasta lectie sunt prezentate optiunile folosite pentru diferite moduri de aranjare a elementelor in raport cu alte obiecte sau cu Scena.

1. Aranjare - Suprapunere

Partea mai dificila in aranjarea desenelor apare la suprapunerea lor unul peste altul, existand anumite reguli de ordine in suprapunerea formelor si obiectelor:

  1. Desenele facute cu "Object Drawing" sunt mereu plasate peste (deasupra) celor desenate cu "Merge Drawing", in acelasi Layer (Strat).
  2. Cand este desenat un obiect, acesta e plasat in fata ultimului.
  3. Grupurile (formate din mai multe elemente adaugate intr-un Grup) apar deasupra formelor si obiectelor din acelasi Layer.
  4. Fiecare nou Grup format va apare peste anteriorul.
- Flash permite schimbarea acestor ordini de aranjare prin optiunea Arrange, ce se afla in meniul Modify, aceasta apare si in meniul ce se deschide cand se da click-dreapta peste un element din Scena. Cu aceasta functie, obiectele pot fi plasate in fata sau in spatele altora.
Arrange are 4 comenzi: - Pentru a invata ce fac concret comenzile de mai sus, vedeti imaginea de jos si testati singuri urmatorul exemplu:
1. Se deseneaza 3 obiecte (cu "Object Drawing"), un cerc, un dreptunghi si un trinughi, putin suprapuse (dreptunghiul fiind intre cerc si triunghi)
2. Ca sa fie plasat cercul peste dreptunghi, se selecteaza cercul si din meniul Modify -> Arrange se alege Bring Forward (acum cercul a trecut un nivel in fata si e la mijloc).
3. Dupa aceasta modificare, dreptunghiul e dedesubt, pentru a-l aduce deasupra de tot (peste celelalte), se selecteaza dreptunghiul si din meniul Modify -> Arrange se alege Bring to Front (acum triunghiul e la mijloc).
4. Se selecteaza cercul si triunghiul (fara dreptunghi) si se adauga impreuna intr-un Grup (din meniul Modify -> Group (sau Ctrl+G)). Se observa ca dupa ce a fost format grupul, acesta e plasat automat deasupra dreptunghiului (inainte el era in fata).
5. Pentru a duce Grupul in spate de tot, se selecteaza si apoi din meniul Modify -> Arrange se alege Send to Back.

- Exemplu cu Arrange

Exemplu cu Arrange

Formele facute cu "Merge Drawing" nu pot fi aduse cu optiunea "Arrange" in fata obiectelor desenate cu "Object Drawing". Pentru a apare in fata obiectelor, trebuie desenate pe alt Layer superior.

2. Aliniere

Adobe Fash are un panou special pentru alinierea obiectelor in scena. Acesta poate fi deschis din meniul Window -> Align (sau Ctrl+K).
Panoul Align contine mai multe grupuri de butoane pentru alinierea si dimensionarea obiectelor intre ele, in raport cu marginile sau centrul lor, precum si alinierea obiectului (obiectelor) in raport cu marginile si centrul scenei (vedeti imaginea urmatoare).

- Panou Align

Panou Align
- Ca sa intelegeti ce fac butoanele din Panoul Align, incercati urmatorul exemplu:
1. Desenati un dreptunghi in scena si selectati-l.
2. Deschideti Panoul Align (din meniul Window -> Align, sau "Ctrl+K") si bifati optiunea Align to stage.
3. Testati efectul butoanelor de la Align, Space si Match size.
4. Stergeti dreptunghiul (cu tasta "Del") si desenati altre trei figuri geometrice, asezate aleator.
5. Selectati cele trei figuri desenate, deschideti Panoul Align si debifati optiunea Align to stage.
6. Testati efectul butoanelor, intai de la Distribute, apoi Align, Space si la urma Match size.
- Vedeti acest exemplu si in prezentarea urmatoare.

- Utilizare Panou Align

utilizare_panou_align
- Panoul Align poate fi folosit si cu grupuri de elemente.

3. Rotire

Rotirea obiectelor, liniilor si formelor in sensul direct sau invers orelor de ceas se face rapid cu instrumentul Free Transform Tool (situat in Bara cu instrumente pt. desen).
- Se selecteaza cu "Free Transform" obiectul ce trbuie rotit, apoi cu mouse-ul in unul din colturile cadrului de selectare (cand cursorul mouse-ului ia aspectul unei sageti in forma de cerc) se tine apasat si se roteste obiectul (dupa cum se vede in imaginea urmatoare).

- Rotire cu Free Transform

Rotire cu Free Transform
Rotirea cu Free Transform este mai putin precisa. Daca se doreste o rotire exacta de 90 de grade, se poate face din meniul Modify -> Transform -> Rotate 90o CW (sau Rotate 90o CCW, invers orelor de ceas).
- O rotire exacta cu un anumit numar de grade se poate face din Panoul Transform, care se deschide din meniul Window -> Transform (sau "Ctrl+T").
- Se selecteaza obiectul (obiectele) ce trebuie rotit, se deschide "Panoul Transform" si se adauga numarul de grade pt. rotatie imediat sub Rotation (buton ce trebuie sa fie bifat, vedeti in imaginea urmatare).

- Rotation in Panoul Transform

Rotation in Panoul Transform
- Rotatia din acest panou se face in sensul orelor de ceas.

Un alt tip de rotatie ete cel in oglinda. Aceasta se face din meniul Modify -> Transform -> Flip Vertical (sau Flip Horizontal). Cu aceste doua optiuni, obiectul, Grupul, pot fi rotite vertical sau orizontal obtinandu-se imaginea acestora in oglinda.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag adauga imagine in pagina web?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Care din aceste coduri CSS afiseaza textul inclinat?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Clic pe functia jQuery care ascunde animat un element HTML.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Clic pe functia definita corect in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
Indicati forma pentru Prezent Perfect Continuu a verbului "to walk" (a merge).
have walked have been walking be walking
I have been walking for 5 hours.
- Merg pe jos de 5 ore.
Indicati Trecutul Nedefinit pentru verbul "ser" (a fi) la forma Yo.
será sería fui
Yo fui entrenador.
- Am fost antrenor.
Suprapunere, Aliniere si Rotire

Last accessed pages

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (112264)
  2. Gramatica limbii engleze - Prezentare Generala (135858)
  3. Coduri pt culori (35447)
  4. Verbe modale 2 - Teste incepatori (4108)
  5. Verbe frazale din limba Engleza (20787)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (5548)
  2. Curs HTML gratuit Tutoriale HTML5 (4876)
  3. Curs si Tutoriale JavaScript (3738)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (3674)
  5. Curs CSS Online Tutoriale CSS3 (3475)