Arhivă pentru categoria ‘Tutoriale’

Surse și tutorial – slideshow flash pentru propuneri

Salut – am să vă explic în cele ce urmează cum veți putea face și voi un slideshow pentru propunerile voastre din cadrul Bumbac100.

Ce trebuie să ai:

Flash CS4 sau mai nou.

Să downloadezi urmatorea arhivă:

slideShow_Bumbac100

1. Pregătirea pozei

Acest slideshow este făcut sa afișeze o singură poză care este pregătită în prealabil în photoshop sau orice program de editare imagini ca o succesiune de mai multe slide-uri. Lățimea unui slide este gîndită automat ca fiind de 640 px lățime pentru cea mai bună afișare ( însă voi vă puteți juca cu această mărime).

pregatire poza

Atenție:

Zona de afișare a produsului finit ca prezentare flash este setată a fi de 640X800.

2. Deschideți slide_poze.fla.

Ce trebuie să faci aici?

Dă dublu click pe poza aflata pe layerul „poza“ pentru a șterge poza care este acum pusă de exemplu în fișierul flash. Drag and drop poza ta în locul celei șterse. Asigură-te că este aliniata stânga sus.

layerul poza - selectati poza si dati dubli click pentru a edita

După ce ai schimbat poza apasă butonul de back pentru a reveni pe scena principală.

apasa sageata back sau scene 1

Fă click pe keyframe-ul al doilea din layerul „action_script“ și apasă F9 ( sau Window-Actions). Se va deschide o noua fereastră cu codul care generează animațiile. În prima parte ai o zonă în care poți interveni și schimba paremetrii animațiilor.

panoul de editare actionscript

var tipAnim :Number = 1;  //  selecteaza tipul de animatie: 1 = miscare laterala   2= fade   / in mod default – este selectat miscare laterala
var nrSlide :Number = 3; // numarul de slide-uri care apar
var cbStandard:Number = 0x0066CC;   // culoarea pe care o are butonul in mod normal exprimata in hexa si in loc de # se pune 0x
var cbOver:Number = 0×993300; // culoarea pe care o are butonul la rollover exprimata in hexa si in loc de # se pune 0x
var cbApasat:Number = 0xFF0000; //  culoarea pe care o are butonul apasat exprimata in hexa si in loc de # se pune 0x
var timpMisc:Number = 0.8;  //timpul in care se face translatia de la o poza la alta in secunde, daca ai ales acest tip de tranzitie
var timpFade:Number = 1.2; // timpul in care se face fade de la o poza la alta in secunde, daca ai ales acest tip de tranzitie
Și prezentarea cu parametrii de mai sus arată așa:
Schimbând paremetrii conform setărilor de mai jos:
var tipAnim :Number = 2;  //  selecteaza tipul de animatie: 1 = miscare laterala   2= fade   / in mod default – este selectat miscare laterala
var nrSlide :Number = 2; // numarul de slide-uri care apar
var cbStandard:Number = 0xeaff00;   // culoarea pe care o are butonul in mod normal exprimata in hexa si in loc de # se pune 0x
var cbOver:Number = 0x8f9c00; // culoarea pe care o are butonul la rollover exprimata in hexa si in loc de # se pune 0x
var cbApasat:Number = 0x009c42; //  culoarea pe care o are butonul apasat exprimata in hexa si in loc de # se pune 0x
var timpMisc:Number = 0.8;  //timpul in care se face translatia de la o poza la alta in secunde, daca ai ales acest tip de tranzitie
var timpFade:Number = 1.2; // timpul in care se face fade de la o poza la alta in secunde, daca ai ales acest tip de tranzitie
Avem următoarea prezentare:
După ce ați setat tot – File – Publish Preview – Flash ( sau Ctrl+Enter pe windows) și in același folder cu sursa flash vi se va genera prezentarea swf.
Atenție:
Mărimea în kilo a fișierului swf trebuie să fie sub 500 Kb.
Sper că am fost pe înțelesul tuturor – pentru întrebări, probleme sau bușeli lăsați un comentariu și voi încerca să răspund cât se poate de repede.
Călin Ștefănescu

Tutorial: Cum să schimbi culoarea unui tricou

Fiindcă o bună parte din propunerile de pe website au folosit pozele din kit, m-am gândit să fac un scurt tutorial despre cum să schimbi culoarea unui tricou din aceste poze pentru a fi în ton cu propunerea făcută.

Noi am ales să folosim tricouri albe pe persoanele care au pozat pentru kit tocmai pentru a uşura procesul de schimbare a culorii tricoului.

Ok – hai să-i dăm drumul!

Pentru început deschid folderul cu pozele cu tricouri aflat în kit-ul pentru propunere.Îl aleg pe Dan, simt ca o să-i stea mai bine în roşu :pfereastra tricouri

Deschid poza în photoshop şi primul pas îl constituie decuparea tricoului.

dan alb photoshop

Eu am ales pentru aceasta operaţiune metoda de a decupa tricoul prin pen tool ( tastă rapidă  P). Îmi place să lucrez prin această metodă, de a crea un nou layer  shape şi de a-i da opacitate scăzută, pentru că văd şi pot edita mai bine linia de demarcare a tricoului. Tu poţi sa lucrezi oricum vrei – folosind pen tool-ul selectat pe paths sau decupând tricoul cu orice altă metodă îţi este la îndemână.( magic wand, lasso tool etc).

shape tricou puncte

Continuând prin metoda propusă de mine creez un path care urmăreşte linia tricoului până când acesta decupează tot tricoul.

shape final

După aceasta fac selecţia pe noul layer creat – Ctrl+Click pentru Windows, Command+Click pentru Mac pe iconiţa de shape din cadrul layer-ului. Gata, am selecţia! (vizibilă ca o linie punctată în jurul tricoului). Închid ca vizibilitate layerul creat cu pen tool-ul fiindcă nu mai am nevoie de el, selecţia fiind deja facută.

selectie tricou

Selectez layerul de poză, Ctrl(Command)+C, Ctrl(Command)+V – şi am un nou layer cu tricoul decupat. Selectz layerul cu tricoul decupat dacă acesta nu este deja selectat.

new layer tricou

Ma duc in bara de jos din fereastra de layere şi selectez din cadrul „Create new fill or adjustment layer“ – „Gradient Map“.

gradient map

Poţi apasă Alt in acelaşi timp ce faci click pentru ca layerul tricoului să fie mască pentru noul adjustment layer creat sau poţi apăsa direct „Gradient Map“ şi după aceea sa selectezi din meniul contextual (click dreapta) din cadrul layerului nou creat – „Create Clipping Mask“.

clipping mask

După aceea editez gradientul printr-un click pe linia de gradient vizibilă în fereastra „Adjustments“. Un capăt al gradientului îl fac de culoare neagră (pentru umbrele şi zonele închise pe care le are tricoul ) iar celuilalt capăt îi dau culoarea dorită (culorile tricourilor le găseşti in pdf-ul „Specificaţii şi reguli de design“ din kit-ul de propunere). În cazul de faţă : Deep red.

schimbare culoare

culori tricouri

Hey – suntem gata! Iată şi produsul final…

dan final rosu

Dacă aveţi nelămuriri sau nu vă iese ceva – let me know – comentariile sunt deschise.