În acest tutorial Photoshop am să-ţi arat cum să creezi o animaţie în Photoshop despre un glonţ care va trece printr-un text. Animaţia este foarte uşor de realizat, dar pentru a o realiza, vei avea nevoie de nişte cunostinţe în Photoshop cu paleta/bara Animation, dacă nu ai cunostinţe deloc, îţi va fii foarte greu !
Imaginea finală
Pasul 1
Crează un nou document cu dimensiunile de 800 x 500 px. După aceea foloseşte aceată imagine pentru a o adăuga ca şi fundal. Dimensiunile imagini sunt de 3892 x 2586 px, dar tu micşorează imaginea în aşa fel încât să fie un pic mai mare decât documentul (ţine apăsat tasta Shift în timp ce micşorezi). După aceea du-te la Image > Adjustments > Hue/Saturation şi foloseşte următoarele setări: Edit: Master, Hue: -180, Saturation: +82 si Lightness: 0. Acest efect va face textura de hârtie să pară ca şi ghiaţa.
Pasul 2
Acum că avem fundalul gata, este timpul să creăm textul. Eu am folosit fontul Euphorigenic. Tipăreşte textul dorit de tine în mijlocul documentului, textul să nu fie exagerat de mare pentru a putea vedea animaţia. Eu am folosit dimensiunea textului de 200 pt.
Pasul 3
Acesta este pasul final în crearea textului, iar după acest pas vom începe animaţia propriu zisă. Adaugă următoarele stiluri de layer textului:
Gradient Overlay
Satin
Drop Shadow
Bevel and Emboss
Acesta este imaginea finală după adăugarea stilurilor de layer:
După ce ai adăugat toate stilurile de layer şi eşti mulţumit de text, crează o copie a textului apăsând Ctrl+J. Ascunde textul original şi rasterizează copia făcând un layer nou şi îmbinând layer-ul nou cu copia. Facem acest lucru deoarece pentru a crea animaţia, avem nevoie de layer-ul rasterizat ca să-l putem decupa. Am făcut o copie pentru a avea textul original în caz că la sfârşit nu-mi va plăcea ceva.
Pasul 4
Acum începem animaţia propriu zisă. Eu am folosit această imagine cu glonţ. Introdu glonţul în document, roteşte-l pe orizontală şi de asemenea şi micşorează-l. Când o să micşorezi glonţul, o să apară un contur gri de 1 px la glonţ care va arâta naşpa în animaţie, aşa că adaugă un layer mască şi scoate-l, după aceea rasterizează layer-ul pentru a scăpa de layer-ul mască. Layer-ul cu glonţ să fie neapărat primul layer din paleta Layers.
Acuma vom folosi tehnica de mişcare a unui text dintr-o parte în alta care o poţi găsi făcând clic aici, acolo animaţie e făcută pe un text, aici o să o facem pe glont, e aceaş “mâncare de peşte” ! Deschide bara/paleta Animation de la Windows > Animation. Acolo vei avea un cadru (frame), în primul cadru mută glonţul în stânga, crează un nou cadru apăsând clic pe Duplicates selected frames, iar în acest cadru mută glonţul în partea dreaptă, asigură-te că glonţul să fie exact pe aceaş linie orizontală, ca în animaţie, să nu o ia în sus sau în jos, aşa că pentru a fi pe aceas linie, mută gonţul apănsând săgeata care arată în dreapta. Fiecare glonţ să fie în afara documentului !! Selectează primul cadru şi apasă clic pe Tweens animation frames pentru a crea mai multe cadre şi acolo alege să adauge încă 10 cadre, în total vor fii 12, cele 10 adăugate acuma şi cele 2 iniţiale. Numărul adăugat de cadre diferă de dimensiunea documentului, cu cât e mai mic, cu atât mai puţine cadre vei adăuga şi viceversa. Momentan vei avea glonţul care trece peste text, aceasta este prima fază a animaţie, a doua fază reprezintă modificarea textului, deoarece dacă trece glontul, ar trebui să-l lovească, nu să treacă pe deasupra.
Aici vine partea mai grea, aşa că am să încerc să vă explic cum pot eu mai bine. Prima dată cauţi în care cadru începe glonţul să ajungă peste text, dacă încă glonţul nu a trecut de prima sau a doua literă (aici depinde de câte cadre ai), îl laşi aşa, dar dacă nu, faci o copie a textului, o ascunzi pe cealaltă şi ştergi din copie locul pe unde a trecut glonţul. Mergi la următorul cadru, dacă glonţul a trecut de tot de literă, atuci creezi o selecţie a părţi de sus a literei şi apeşi Ctrl+J pentru a crea o copie cu acea parte, după aceea creezi aceaş selecţie, selectezi copia textului vizibilă în acel cadru şi apeşi tasta Delete, iar partea de sus o muţi astfel încât să fie lipită de partea de jos deoarece partea de sus nu rămâne în aer, ci cade jos. După aceea tot treci pe la fiecare cadru, creezi copi ale textului, ascunzi celelalte copi, creezi copi ale părţii de sus dacă e cazul şi decupezi din copile textului, nu e greu, dar e un pic de muncă. Când faci acest lucru, să pui un zoom aşa de mare încât să vezi textul pe tot ecranul. După ce ai terminat cu toate cadrele, verifică dacă nu cumva la primele cadre (când creezi un layer nou, acela este vizibil la cadrele de dinainte) ai unele copi vizibile, dacă sunt, ascunde-le. După ce ai aranjat totul cu trebuie, fără copi în plus vizibile şi de mutat toate părţile de sus jos, pune o întârziere de 5 secunde la ultimul cadru. Sper că ai înteles ce vroiam să explic mai sus, dacă nu ai înteles, atunci uită-te la imaginea de mai jos şi/sau la fişierul PSD.
În unele cadre, când o să muţi părţile de sus jos, o să ai anumite zone de umbre care nu se vor vedea bine, aşa că apucă Eraser Tool şi şterge duritatea umbrelor cu un brush moale şi mic.
Pentru a salva animaţia, trebuie salvată ca şi gif, aşa că du-te la File > Save for Web & Devices pentru a salva ca gif.
Aşa arată efectul meu final:
Autor: AnDr3yy
Acest tutorial conține fișier-ul PSD.
Dragut