120 likes | 261 Views
Din punct de vedere al realizării grafice, un sait trece prin două faze : s e realizează un ” layout“ , în vederea obţinerii aprobării de continuare a implement ă rii,
E N D
Din punct de vedere al realizării grafice, un sait trece prin două faze: • se realizează un ”layout“, în vederea obţinerii aprobării de continuare a implementării, • se continuă cu “slicing”, operația de decupare ce constă în divizarea imaginii obţinută ca fundal în prima etapă în imagini mai mici a căror alăturare permit refacerea fundalului iniţial. În această etapă se ascund informaţiile iniţial introduse în layout rămânând numai fundalul paginii. Apoi se decupează blocurile de imagine dorite şi se salvează fiecare bloc într-un fişier separat. Aceste fişiere vor primi denumiri sugestive pentru a putea fi uşor identificate şi integrate în blocurile care vor fi definite în etapa următoare, "de integrare". Programul de prelucrare a imaginilor Inkscape
Se porneşte aplicaţia Inkscape, se deschide fişierul care conţine imaginea (File / Open) şi se selectează fişierul dorit. După ce imaginea a fost încărcată se selectează din meniul aplicaţiei Object/Transform Aplicaţia va afişa o fereastră în care se selectează tab-ul de selecţie Scale. De obicei dimensiunile imaginilor sunt date în pixeli (puncte ecran) şi din acest motiv se selectează ca şi unitate de măsură px. Redimensionarea unei imagini
Dacă se doreşte decuparea unei porţiuni dreptunghiulare dintr-o imagine, se va desena un dreptunghi care încadrează regiunea dorită şi apoi se va selecta File / Export Bitmap şi se va preciza fişierul în care se va păstra noua imagine. Fişierul va fi în format .png. Numele fişierului .png (rect3679) poate fi editat. Numele iniţial afişat a fost stabilit folosind denumirea internă a obiectului (dreptunghi) folosit la selecţie. Decuparea unei zone dreptunghiulare
Pentru a realiza decuparea unei imagini în porţiuni mai mici se vor suprapune peste imagine o serie de dreptunghiuri care vor fi utilizate în final pentru tăierea porţiunilor dorite. Pentru a realiza toate dreptunghiurile înaintea decupării propriu-zise, activitatea va începe prin declararea unui nou nivel (layer) care va conţine doar dreptunghiuri de selecţie. Slicing (decuparea imaginii de pe fundal) (I) Noul nivel este imediat impus ca nivel curent. Numele nivelului curent este afişat permanent în partea de jos a ferestrei aplicaţiei, în bara de stare.
În noul nivel se desenează un dreptunghi suprapus peste una dintre zonele care trebuie decupată. Dimensiunile dreptunghiului pot fi adaptate cu mouse-ul sau pot fi modificate direct, schimbând valorile afişate pe bara cu instrumente. Slicing (decuparea imaginii de pe fundal) (II)
Pentru a modifica aspectul dreptunghiului (culoare, transparenţă) se selectează în meniu Object / Fill and Stroke sau se apasă butonul de pe bara cu instrumente. Roşu Verde Albastru Transparenţă Slicing (Fill and Stroke) În procesul de decupare vor fi realizate evident mai multe dreptunghiuri. Din considerente legate de uşurinţa manipulării acestora este bine să fie declarate parţial transparente şi colorate într-o culoare distinctă, deşi înaintea folosirii lor pentru decuparea zonelor dorite acestea vor fi declarate din nou ca fiind complet transparente. Nivelul de transparenţă se impune prin depalasarea cursorului A (prescurtare de la alpha chanel, denumirea consacrată a componentei transparenţă). Transparenţa poate varia între 0 (complet transparent) şi 255 (complet opac).
O funcţie interesantă a aplicaţiei Inkscape este posibilitatea impunerii unei alinieri perfecte a unui dreptunghi astfel desenat faţă de oricare dintre laturile imaginii iniţiale sau faţă de alt dreptunghi. Pentru primul caz, alinierea faţă de o latură a imaginii iniţiale, se afişează fereastra Align and Distribute (din meniu Object / Align and Distribute sau butonul de pe bara cu instrumente) şi se selectează dreptunghiul (butonul ). Situaţia iniţială: Slicing (Align and Distribute) Şi finalul:
Pentru a realiza o aliniere perfectă a laturilor corespunzătoare în cazul în care sunt realizate mai multe dreptunghiuri de selecţie, fereastra Align and Distribute conţine butoane care permit poziţionarea unui dreptunghi faţă de alt dreptunghi, construit anterior şi care este identificat implicit ca referinţă. Pentru a realiza o astfel de aliniere se selectează cu mouse-ul ambele dreptunghiuri (dreptunghiul curent şi referinţa) şi se apasă butonul (Align tops of objects to bottom of anchor). Situaţia iniţială: Comandă aliniere: Slicing (Align tops of objects to bottom of anchor) Rezultat:
În procesul de decupare este necesară frcvent duplicarea unui dreptunghi deja realizat. Pentru aceasta se selectează cu butonul drept dreptunghiul realizat şi apoi se selectează în meniul contextual afişat opţiunea Duplicate. Noul dreptunghi va fi realizat peste cel de referinţă, deci trebuie imediat deplasat cu mouse-ul şi apoi redimensionat şi aliniat. Dimensiunile finale ale dreptunghiurilor de selecţie trebuie notate deoarece blocurile în care acestea vor fi plasate ca imagini de fundal trebuie să aibă aceleaşi dimensiuni. Slicing (Duplicate)
În meniul contextual afişat la selectarea unui dreptunghi se află şi opţiunea Object properties. În urma selectării acestei opţiuni se afişează o fereastră în care se poate introduce un nume pentru dreptunghiul selectat. Acest nume va fi păstrat şi pentru fişierul care va conţine porţiunea din imagine decupată cu ajutorul dreptunghiului respectiv. Slicing (Object properties)
Se reduce parametrul A (Alpha Channel) la 0. Slicing (Alpha Channel)
Se selectează File / Export Bitmap: Slicing (Export Bitmap) Se observă că numele fişierului coincide cu cel al dreptunghiului, formatul implicit fiind evident tot .png.