fikat.com

fikat.com

Cursuri de design & IT by request

Text animat cu pen tool

Request: 
(Nsilviu) Stii ca daca folosesti Pen tool in phtoshop poti sa desenezi lini drepte si apoi cu transfor pen tool sa le faci curbe si sa scrii pe ele cum pot sa fac o animatie gif care sa afiseze textu mergand dar dupa linia desenata de mine?  Ideea o am mai de mult si am incercat in mai multe moduri dar nu am reusit sa o fac sa mearga.

Animatia o voi exporta in format GIF si, daca n-ai prins toti pasii, poti urmari si tutorialul de aici unde am mai tratat subiectul asta.

Daca nu vezi clipul video mai sus, trebuie sa-ti instalezi pluginul de silverlight, de la Microsoft. E moca, are doar 2 mega, o sa ai nevoie de el si pe viitor… asa ca uite link aici sau foloseste butonul negru de pe coloana din dreapta. Testez varianta asta pentru ca nu ma costa nimic hostingul dar mai ales pentru ca se vede foaaaaarte bine. Dublu click pe video pentru fullscreen! Si acum, la fapte:

 

Ce trebuie tinut minte din clipul asta? Tot :)

Ma rog… deci:

  • Guide-ul pe care vei scrie il creezi cu pen tool, dar trebuie sa ai bifate optiunile descrise in video – adica sa desenezi cu path (si nu cu shape) si sa descii puncte, nu linii curbe.
  • Pentru a scrie pe un path-ul descris de un vector, plaseaza type tool peste suportul vectorului
  • Textul este editabil, poti oricand modifica inaltimea, fontul, culoarea etc
  • Vectorul pe care ai scris il poti altera (modifica, transforma) cel mai usor folosind direct path selection tool; cu el poti selecta vectorul, punctele de modificare (unghiurile) si forma varfurilor.
  • Am creat mai multe layere de text cu modificarile in pasi mici, ca animatia sa iasa cat mai cursiv
Bonus: descarca de aici clipul video in format WMV, pe calculatorul tau

No Comments, Comment or Ping

Reply to “Text animat cu pen tool”


Cere un tutorial

Ultimul mesaj acum 3 zile, 11 ore
Guest_3810 si 2 vizitatori sunt online.
  • Antispam: Inainte de a scrie, trebuie sa calculezi chestia de mai jos. Hai ca nu e greu!
  • cage : programu se numeste photoshop
  • Adriana : ?
  • Adriana : qm s enum prg asta de modificat
  • Tweet : cineva va rog am nevoie
  • Tweet : Va rog poate cineva sa.mi trimita si mei photoshop-ul >?
  • Guest_375 : De unde pot downloada Photoshop gratis ??
  • cage : imi spune cineva cum pot sa pun ca fundal la o poza un peisaj sau alta imagine??
  • Guest_4936 : buna
  • Guest_166 : un tutorial pentru plastic transparent dar realistic, am gasit unul in engleza dar e foarte greu, nu-mi iese nimic si acela era chair realistic, (combinatie intre sticla si plastic. please :)
  • Guest_3040 : 20
  • Guest_4271 : daa cumm se face la photoshop ca nu ma pprea descurc
  • BadLollipop : sal
  • @nonim : daca ma puteti ajuta va rog sa nu ezitati sa-mi lasati mesaj pe adresa de mail: «email» :D
  • @nonim : Multumesc Anticipat!!!
  • @nonim : 2.De unde pot adauga "efecte speciale", de ex. sa fac un obiect din imagine mai stralucitor etc
  • @nonim : 1. De unde pot modifica culoarrea background-ului?
  • @nonim : salut! tocmai m-am apuct si eu sa modific poze in photosop si as avea cateva intrebari.
  • allyna : «link» colaborare?
  • Guest_1421 : laura tool-ul se numeste slice nu ruler...slice inseamna felii
  • Maria : wet ink. pe bune, un typography, un text a carui cereneala se prelinge :D ?
  • ral : bun
  • Guest_1396 : as vrea un sait sami pun foto in rame
  • AndrusK : As dori si eu un tutorial despre cum sa fac acele linii pe diagonala , am vazut in multe poze asa ceva.
  • Guest_192 : vreau si eu asa programa,please! !
  • laura : cum export textul in .html astfel incat sa nu il vada cel care imi intra pe site ca o simpla imagine? Vreau ca textul sa se poata selecta....pls help!!! E posibil sa fi pus niste intrebari stupide....dar cand nu te pricepi.... Va rog sa ma ajutati cu un raspuns cat mai detaliat....ca pentru incepatori. Multumesc mult!!!
  • laura : Documentul html obtinut, dupa ce il export din photoshop il deschid cu dreamweaver si de aici ma blochez pentru ca textul este o imagine.... Nu ma pricep f bine nici la dreamweaver ca as pune textul acolo...ma puteti ajuta, va rog? Daca incerc sa pun textul acolo pagina se deformeaza, imaginile se muta dupa bunul plac....un haos total. 2. daca as lucra tot siteul in photoshop si as pune legaturile intre pagini cu image ready, ma lovesc de aceeasi problema....cum export textul in .html astfel in
  • laura : Buna, 1. am desenat toate paginile unui site in photoshop, dar mai departe nu stiu exact cum sa procedez. am tot vazut in tutoriale ca se delimiteaza imaginile cu ruler tool inainte (are vreo importanta asta sau?), insa nu stiu cum sa fac exact…. Si apoi se foloseste slice tool insa cum export (save for web&devices) apoi?? Fiecare imagine in parte sau toate odata? Si mai ales cum export textul din photoshop in dreamweaver astfel incat sa NU mi-l ia ca o poza ci ca text? Documentul html obti
  • ZuZu;x : Hey..vreau sh eu scris` misto la photoscape:(cum ar fi SCRIPT ala..sh eO nu`l am:((..
  • Chocolate : salut ..am cateva intrebari