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 creaie
pentru pagini web. Utilizate mpreun, Fireworks MX i Dreamweaver MX formeaz o
pereche puternic de instrumente destinate design-ului pentru web, care ofer o soluie
complet pentru dezvoltare n web.
Ecranul Fireworks este urmtorul:

n centrul ecranului se afl fereastra document.

- n centrul ferestrei document se gsete panza (suprafaa 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 stng 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 gsesc instrumente pentru selectarea, crearea, editarea si o
varietate de elemente grafice i obiecte web.
- n partea de jos a ecranului este Inspectorul de proprieti. n cazul n care
Inspectorul de proprieti nu este vizibil, se alege Window - Properties. Inspectorul de
proprieti afieaz proprietile pentru un obiect selectat sau instrument, existnd
posibilitatea de a modifica aceste proprieti. Dac nu exist obiecte sau instrumente
selectate, se afieaz inspectorul proprieti 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.

Lecia 1. Editarea imaginilor bitmap

Macromedia Fireworks MX este n acelai timp un editor de imagini bitmap i un
program de aplicaie vectorial. Combinnd aceste metode de desenare n aceei
aplicaie, Fireworks ofer un set de instrumente foarte puternic i multilateral.
Imaginile bitmap sunt compuse din pixeli. Fireworks recunoate urmtoarele
formate de fiiere de tip bitmap: fiierele 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
operaiuni distincte, comutarea de la un mod de editare la altul fcndu-se automat.
nainte de a modifica pixelii dintr-o imagine bitmap, trebuie selectat n prealabil
zona ce va fi modificat. Apoi pot fi editai numai pixelii care se afl n interiorul
seleciei, cei din exterior fiind protejai de modificare. Editarea se poate face pixel cu
pixel sau se poate edita o selecie 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, stelue i linii curbe,
grafica vectorial este de obicei superioar celei bitmap, deoarece grafica vectorial
necesit mai puine date pentru reprezentarea elementului grafic (i va duce la un fiier
mai mic ca dimensiune) i sunt mult mai uor 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
att de mare nct vectorii nu pot reprezenta efectiv imaginea, bitmap fiind superioar.

a) Prezentarea panoului Tools

Panoul Tools este mprit n ase seciuni: Select, Bitmap, Vector, Web, Colors,
View.

Panourile folosite pentru modificarea imaginilor sau obiectelor, plutesc (sunt

flotante) deasupra documentului. Unele dintre panouri sunt grupate i afiate n partea
dreapt a ecranului.
n partea de jos a suprafeei de lucru se afl inspectorul Property care conine
informaii i elemente de control pentru modificarea diferitelor valori ale obiectului
selectat.

b) Modificarea mririi vederii

* din partea inferioar a ferestrei documentului, din procent
(unde se indic i dimensiunea documentului);
* din seciunea View a panoului Tools, cu instrumental Zoom.
Lecia 1: pecan_cluster_raw.png
c) Modificarea culorii suprafeei 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 afieaz informaii
despre document: culoarea suprafeei utile i dimensiunile acesteia.
d) Utilizarea instrumentului Crop
* cu instrumental Crop a seciunii Select din panoul Tools. Dup tragerea cu mouse-ul se
apas tasta Enter pentru a finaliza decuparea.
- se alege instrumentul Crop
- se selecteaz prjitura
- se d Enter pentru a finaliza decuparea.
e)
Utilizarea panoului Info
* Window Info va afia culoarea i poziia fiecrui pixel.
f)
Utilizarea instrumentului Magic Wand
Cu instrumentul Magic Wand (Bagheta magic) se pot selecta pixeli adiaceni
care au aceeai culoare.

Nivelul de toleran (Tolerance) controleaz numrul de pixeli selectai care

sunt adiaceni pixelului selectat cu instrumentul Magic Wand.
Edge controleaz marginile seleciei. Aspectul marginilor seleciei se poate
modifica din valorile meniului Edge: Hard (margine exact, n trepte), Anti-alias
(dezimuit), Feather (mbinare) aplic o tranziie ntre culoarea marginii i culoarea
fundalului, volumul tranziiei fiind stabilit prin controlul de tip glisor Feather. Meniul
Edge controleaz aspectul marginilor pixelilor selectai.
- se d clic pe instrumentul Magic Wand (bagheta)
- se alege 45 pentru Tolerance i Feather cu 10 pentru Edge
- se d clic pe suprafaa exterioar a prjiturii (gri)
- apas Delete pentru a terge fundalul gri.

g) Utilizarea instrumentelor Lasso i Polygon Lasso

Instrumentul Lasso creeaz o selecie al crui
perimetru este trasat cu mna liber, rezultnd un contur de
selecie. La eliberarea mouse-ului, selecia se nchide
automat.
- se selecteaz zone din imagine att cu instrumentul
Lasso, ct i cu instrumentul Polygon Lasso.
Lecia 1: gift.png

h) Adugarea i tergerea seleciilor

La meninerea tastei Shift n timp ce se selecteaz o suprafa, aceast selecie
este adugat la selecia existent.
- se realizeaz prima selecie (cutia, cu Polygon Lasso)
- innd tasta Shift apsat, se realizeaz a doua selecie (restul pachetului, cu
Lasso)
- se trage cursorul de mouse n interiorul primei selecii, cnd se elibereaz
mouse-ul i tasta Shift. A doua selecie a fost adugat la prima selecie.
- Se alege Copy pentru a copia ulterior pachetul ntr-un nou document.
i) Crearea unui nou document
- File New
- Se stabilete mrimea suprafeei utile i a rezoluiei.
Modificarea suprafeei utile se face din Modify - Canvas
- se alege Paste pentru a lipi pachetul selectat anterior n noul document. Va fi
lipit numai pachetul, fr fundal, datorit seleciei anterioare.

La salvarea fiierului, este

adugat automat extensia png.

n suprafaa de lucru a noului fiier

se copiaz imaginea din fiierul
gift.png.

- se salveaz documentul cu numele decembrie.png.

j) Utilizarea isntrumentului Scale

Instrumentul Scale din seciunea Select, permite scalarea conturului suprafeei de
lucru la o imagine.
- Se selecteaz imaginea cu instrumentul Pointer.
- Se alege instrumentul Scale.
- Se trage de colul suprafeei de lucru spre centru.
- Se apas Enter, pentru a finaliza scalarea.

k) Modificarea mrimii imaginii

Modificarea se poate face din butonul Image
Size a inspectorului de proprieti a documentului
(click n afara imaginii) i se stabilesc valoarea
150 pentru Width.
Lecia1: pecan_cluster.png

l) Copierea seleciei
* Copy Paste
* Cu ajutorul tastei Alt, dup selectarea imaginii dorite (ex.multiplicarea bomboanei
la pachet).
- se copiaz prjitura peste pachet prin multiplicare cu tasta Alt apsat.

m) Utilizarea instrumentului Rubber Stamp (tampil)

Instrumentul Rubber Stamp este folosit pentru retuarea unei imagini sau pentru
clonarea unei poriuni 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
aceluiai obiect bitmap.
Lecia 1: cake_w_nuts.png

se selecteaz instrumentul Rubber Stamp, stabilind mrimea tampilei (8)

se deplaseaz cursorul mouse-ului pe o zon fr alune a prjitorii
meninnd apsat 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 acelai punct de referin) se
deselecteaz caseta Source Aligned.

Obs: distana dintre cursorul Rubber Stamp i punctul de referin rmne constant,
deplasarea punctului de referin fcndu-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.

innd tasta Alt apsat, se deseneaz selecia din
centru, din interior spre exterior, astfel nct s fie
selectat capul fetei i o parte din cutia de bomboane.

p) Deplasarea unei selecii

Se realizeaz prin tragerea seleciei cu mouse-ul.
- se alege Select Select Invers pentru a selecta toi pixelii care nu fac parte din
selecie.
- se apas Delete pentru a terge zona exterioar selectat..
- ieirea din selecie se fac prin Esc sau cercul rou cu x alb din partea interioar a
ferestrei.
- se creaz un document nou de mrime 165x165 n care se trage imaginea
modificat a fetei.
- se salveaz noul fiier cu numele Start.png.