Macromedia Fireworks MX

Macromedia Fireworks MX este un editor puternic pentru grafică şi design, iar

Macromedia Dreamweaver MX este un instrument software robust, vizual, de creaŃie
pentru pagini web. Utilizate împreună, Fireworks MX şi Dreamweaver MX formează o
pereche puternică de instrumente destinate design-ului pentru web, care oferă o soluŃie
completă pentru dezvoltare în web.
Ecranul Fireworks este următorul:

În centrul ecranului se află fereastra document.

- În centrul ferestrei document se găseşte panza (suprafaŃa de lucru).
- Îa partea de sus a ecranului este o bara de meniu. Cele mai multe comenzi sunt
accesibile din bara de meniu.
- Pe partea stângă a ecranului este panoul de Instrumente Tools. În cazul în care
panoul de instrumente nu este vizibil,se alege Window - Tools. Bara de instrumente
Tools este locul unde se găsesc instrumente pentru selectarea, crearea, editarea si o
varietate de elemente grafice şi obiecte web.
- În partea de jos a ecranului este Inspectorul de proprietăŃi. În cazul în care
Inspectorul de proprietăŃi nu este vizibil, se alege Window - Properties. Inspectorul de
proprietăŃi afişează proprietăŃile pentru un obiect selectat sau instrument, existând
posibilitatea de a modifica aceste proprietăŃi. Dacă nu există obiecte sau instrumente
selectate, se afişează inspectorul proprietăŃi a documentului.
- Pe partea dreaptă a ecranului sunt o varietate de panouri, cum ar fi panoul de
straturi Levels şi panoul de Optimizare. Se pot deschide aceste panouri din meniul
Window.

LecŃia 1. Editarea imaginilor bitmap

Macromedia Fireworks MX este în acelaşi timp un editor de imagini bitmap şi un
program de aplicaŃie vectorială. Combinând aceste metode de desenare în aceeşi
aplicaŃie, Fireworks oferă un set de instrumente foarte puternic şi multilateral.
Imaginile bitmap sunt compuse din pixeli. Fireworks recunoaşte următoarele
formate de fişiere de tip bitmap: fişierele programului Photoshop (PSD), TIFF, JPEG,
GIF, BMP, PNG.
Obiectele vectoriale sunt imagini compuse din linii descrise prin formule
matematice şi de aceea pot fi mutate, redesenate sau şterse.
Editarea unei imagini bitmap şi manevrarea unui obiect vectorial sunt două
operaŃiuni distincte, comutarea de la un mod de editare la altul făcându-se automat.
Înainte de a modifica pixelii dintr-o imagine bitmap, trebuie selectată în prealabil
zona ce va fi modificată. Apoi pot fi editaŃi numai pixelii care se află în interiorul
selecŃiei, cei din exterior fiind protejaŃi de modificare. Editarea se poate face pixel cu
pixel sau se poate edita o selecŃie de pixeli.

Grafica digitală se împarte deci în două categorii: bitmap (sau raster) şi

vectorială. Grafica bitmap este compusă din matrici de miliarde de culori ale punctelor
individuale. Fiecare punct reprezintă o singură culoare (de la 1/72 la 1/600 dintr-un inch)
şi nu pot fi percepute individual. Grafica vectorială presupune folosirea unor formule
matematice care descriu linii, curbe şi forme.
Crearea unui element grafic bitmap (numită şi crearea unei picturi), implică
colorarea pixelilor. Crearea unei imagini vectoriale (numită şi desenare), constă în
reprezentarea grafică a punctelor pentru crearea obiectelor (numită şi paths) şi
specificarea modului în care marginile (sau strokes) unui obiect vor apare dar şi cum va
apare umplerea.
Pentru realizarea unor forme simple, cum ar fi dreptunghiuri, steluŃe şi linii curbe,
grafica vectorială este de obicei superioară celei bitmap, deoarece grafica vectorială
necesită mai puŃine date pentru reprezentarea elementului grafic (şi va duce la un fişier
mai mic ca dimensiune) şi sunt mult mai uşor de modificat şi redimensionat. Textul,
logo-urile şi desenele tehnice sunt de obicei imagini vectoriale.
Pentru imagini complexe, în special fotografii digitale, cantitatea de detalii este
atât de mare încât vectorii nu pot reprezenta efectiv imaginea, bitmap fiind superioară.
 a) Prezentarea panoului Tools

Panoul Tools este împărŃit în şase secŃiuni: Select, Bitmap, Vector, Web, Colors,
View.

Panourile folosite pentru modificarea imaginilor sau obiectelor, „plutesc” (sunt

flotante”) deasupra documentului. Unele dintre panouri sunt grupate şi afişate în partea
dreaptă a ecranului.
În partea de jos a suprafeŃei de lucru se află „inspectorul Property” care conŃine
informaŃii şi elemente de control pentru modificarea diferitelor valori ale obiectului
selectat.
 b) Modificarea măririi vederii
* din partea inferioară a ferestrei documentului, din procent
(unde se indică şi dimensiunea documentului);
* din secŃiunea View a panoului Tools, cu instrumental Zoom.

LecŃia 1: pecan_cluster_raw.png

c) Modificarea culorii suprafeŃei utile (culoarea de fundal)

* Modify – Canvas – Canvas Color
* din caseta Canvas Color a inspectorului Property.

Obs: în cazul în care nu există nimic selectat, inspectorul Property afişează informaŃii
despre document: culoarea suprafeŃei utile şi dimensiunile acesteia.

d) Utilizarea instrumentului Crop

* cu instrumental Crop a secŃiunii Select din panoul Tools. După tragerea cu mouse-ul se
apasă tasta Enter pentru a finaliza decuparea.
- se alege instrumentul Crop
- se selectează prăjitura
- se dă Enter pentru a finaliza decuparea.

e) Utilizarea panoului Info

* Window – Info va afişa culoarea şi poziŃia fiecărui pixel.

f) Utilizarea instrumentului Magic Wand

Cu instrumentul Magic Wand (Bagheta magică) se pot selecta pixeli adiacenŃi
care au aceeaşi culoare.

Nivelul de toleranŃă (Tolerance) controlează numărul de pixeli selectaŃi care

sunt adiacenŃi pixelului selectat cu instrumentul Magic Wand.
Edge controlează marginile selecŃiei. Aspectul marginilor selecŃiei se poate
modifica din valorile meniului Edge: Hard (margine exactă, în trepte), Anti-alias
(dezimŃuit), Feather (îmbinare) – aplică o tranziŃie între culoarea marginii şi culoarea
fundalului, volumul tranziŃiei fiind stabilit prin controlul de tip glisor Feather. Meniul
Edge controlează aspectul marginilor pixelilor selectaŃi.
- se dă clic pe instrumentul Magic Wand (bagheta)
- se alege 45 pentru Tolerance şi Feather cu 10 pentru Edge
- se dă clic pe suprafaŃa exterioară a prăjiturii (gri)
- apasă Delete pentru a şterge fundalul gri.
 g) Utilizarea instrumentelor Lasso şi Polygon Lasso
Instrumentul Lasso creează o selecŃie al cărui
perimetru este trasat cu mâna liberă, rezultând un contur de
selecŃie. La eliberarea mouse-ului, selecŃia se închide
automat.
- se selectează zone din imagine atât cu instrumentul
Lasso, cât şi cu instrumentul Polygon Lasso.

LecŃia 1: gift.png

h) Adăugarea şi ştergerea selecŃiilor

La menŃinerea tastei Shift în timp ce se selectează o suprafaŃă, această selecŃie

este adăugată la selecŃia existentă.
- se realizează prima selecŃie (cutia, cu Polygon Lasso)
- Ńinând tasta Shift apăsată, se realizează a doua selecŃie (restul pachetului, cu
Lasso)
- se trage cursorul de mouse în interiorul primei selecŃii, când se eliberează
mouse-ul şi tasta Shift. A doua selecŃie a fost adăugată la prima selecŃie.
- Se alege Copy pentru a copia ulterior pachetul într-un nou document.

i) Crearea unui nou document

- File – New
- Se stabileşte mărimea suprafeŃei utile şi a rezoluŃiei.
Modificarea suprafeŃei utile se face din Modify - Canvas
- se alege Paste pentru a lipi pachetul selectat anterior în noul document. Va fi
lipit numai pachetul, fără fundal, datorită selecŃiei anterioare.

La salvarea fişierului, este

adăugată automat extensia png.

În suprafaŃa de lucru a noului fişier

se copiază imaginea din fişierul
gift.png.

- se salvează documentul cu numele decembrie.png.

 j) Utilizarea isntrumentului Scale

Instrumentul Scale din secŃiunea Select, permite scalarea conturului suprafeŃei de

lucru la o imagine.
- Se selectează imaginea cu instrumentul Pointer.
- Se alege instrumentul Scale.
- Se trage de colŃul suprafeŃei de lucru spre centru.
- Se apasă Enter, pentru a finaliza scalarea.

k) Modificarea mărimii imaginii

Modificarea se poate face din butonul Image

Size a inspectorului de proprietăŃi a documentului
(click în afara imaginii) şi se stabilesc valoarea
150 pentru Width.

LecŃia1: pecan_cluster.png
 l) Copierea selecŃiei

* Copy – Paste
* Cu ajutorul tastei Alt, după selectarea imaginii dorite (ex.multiplicarea bomboanei
la pachet).
- se copiază prăjitura peste pachet prin multiplicare cu tasta Alt apăsată.

m) Utilizarea instrumentului Rubber Stamp (Ştampilă)

Instrumentul Rubber Stamp este folosit pentru retuşarea unei imagini sau pentru
clonarea unei porŃiuni dintr-o imagine.
La utilizarea instrumentului Rubber Stamp, se pictează o copie în
pixeli a unei zone specificate dintr-o imagine bitmap pe altă zonă a
aceluiaşi obiect bitmap.
LecŃia 1: cake_w_nuts.png

- se selectează instrumentul Rubber Stamp, stabilind mărimea ştampilei (8)

- se deplasează cursorul mouse-ului pe o zonă fără alune a prăjitorii
- menŃinând apăsată tasta Alt se dă click pentru a indica punctul de referinŃă
(punctul de unde se va copia culoarea).
- cu cursoul de mouse se colorează alunele. Pentru a realiza mai multe zone
clonate (a colora mai multe alune folosind acelaşi punct de referinŃă) se
deselectează caseta Source Aligned.

Obs: distanŃa dintre cursorul Rubber Stamp şi punctul de referinŃă rămâne constantă,
deplasarea punctului de referinŃă făcându-se o dată cu cursorul Rubber Stamp.
- se resalvează documentul cu numele septembrie.png.

n) Utilizarea instrumentului Eraser

Instrumentul Eraser este folosit pentru a şterge pixeli sau pentru a le modifica
culoarea.
 o) Utilizarea instrumentelor Marquee
Instrumentele Rectangle Marquee şi Oval Marquee permit selectarea unor forme
specifice dintr-o imagine.

Lectia 1: girl_with_candy.png

- se alege instrumental Oval Marquee.

- łinând tasta Alt apăsată, se desenează selecŃia din
centru, din interior spre exterior, astfel încât să fie
selectat capul fetei şi o parte din cutia de bomboane.

p) Deplasarea unei selecŃii

Se realizează prin tragerea selecŃiei cu mouse-ul.

- se alege Select – Select Invers pentru a selecta toŃi pixelii care nu fac parte din
selecŃie.
- se apasă Delete pentru a şterge zona exterioară selectată..
- ieşirea din selecŃie se fac prin Esc sau cercul roşu cu x alb din partea interioară a
ferestrei.
- se crează un document nou de mărime 165x165 în care se trage imaginea
modificată a fetei.
- se salvează noul fişier cu numele Start.png.