fikat.com

fikat.com

Cursuri de design & IT by request

Slideshow video in Photoshop CS3

Slideshow in photoshop cs3 Request: Guest_1373 : cum realizez un slideshow in PS?

Dintre toate tipurile de slideshow-uri (flash, exe, gif animat, video, powerpoint, etc) photoshop poate scoate ceva animat doar in 2 formate: gif (animat, deci) si video. Ei bine, prin metoda prezentata poti scoate in ambele variante, dar am ales video pentru ca e mai… ma rog, gif-uri sunt peste tot :)

Am plecat de la premisa ca ai deja pozele pregatite. Eu am facut in prealabil un batch resize la niste poze pe un format mic, de 320×240. Pentru video e bine sa pastrezi formate comune, gen 4:3 (320×240, 640×480, 800×600) sau wide, sau ntsc sau… cel mai bine pal (pentru Romania).

[trilu-video]http://www.trilulilu.ro/raZna/65688f5b4c2099[/trilu-video]

Si acum incepe distractia:

  • importi toate layerele intr-un singur fisier. doar n-ai innebunit sa faci asta cu click&drag, or smth! sa-l punem pe photoshop la treaba, deci! ca sa-si puna/ordoneze singur fisierele, file > scripts > load files into stack, apoi apare fereastra cu care chiar incepe clipul meu video.
  • selectezi fisierele sau direct folder-ul. photoshopul o sa mestece o vreme la ele, in functie de dimensiune si numar. eu am facut procedeul asta si cu 1400+ de cadre si nu a crapat, asa ca poti avea incredere :)
  • ai toate cadrele pe fiecare layer. pai… e timpul sa deschizi paleta de animatie: windows > animation (in meniu)
  • acum, daca ai photoshop cs3, cauta o sageata mica in coltul dreapta/sus al paletei de animatie si acolo verifica sa ai debifata optiunea create new layer for each new frame, ca iese nasol :)
  • apoi selectezi toate layerele. poti face asta prin click pe primul, tii apasat shift si… click pe ultimul. sau din meniu select > all layers
  • tot de la sageata magica (din coltul dreapta/sus al paletei de animatie) alegi make frames from layers si-ti apar toate layerele pe cate un cadru din animatie. acum, daca ti se pare ca au intrat in ordine inversa, de vina e procesul de stack de la inceput. dar corectezi repede: undo (ctrl+z) pentru ultima actiune, apoi din meniu alegi layer > arrange > reverse. si ti-a schimbat ordinea layerolr in paleta de layere. revii cu operatia de creare de frameuri in animatie.
  • cand ai cadrele create, le selectezi pe toate si alegi cat timp sa fie expuse. e suficient sa faci asta pentru un singur cadru, fiind selectate se va propaga la toate.
  • acum photoshopul are un tool misto acolo, de a crea un fel de morph intre layere, sa para trecerea mai simpla. se cheama tween modul respectiv si face… ce vedeti in video.
  • cam asta e clipul acum il poti exporta in gif animat prin file > save for web sau in video prin file > export > render video.

Daca ai o versiune mai veche de photoshop (de exemplu cs sau cs2), de partea de animatie se ocupa programul instalat odata cu el – imageready. procedura si modulul de animatie sunt aceleasi, atat ca partea de importare a mai multor cadre odata (cea de la inceput) are alt nume. dar tot in meniul file zace. Spori!

8 Comments, Comment or Ping

  1. ursulica77

    foarte interesant
    multumim mult pentru timpul care il acordati cererilor noastre

  2. Mikay

    Frumos.
    Mersi de ajutor

  3. corina

    Multumesc pentru ajutor.Am downloadat s ie uprogramul si chiar merge frumos fata de Windows Movie Maker.Acesta se bloca.
    =)

  4. eolithic

    de ce nu se mai vede clipu’ ?? :(

  5. @eolithic: il postasem pe trilulilu si astia au pierdut mai multe clipuri, mai demult. il voi reface si-l pun in alta parte si la calitate mai buna, cum sunt cele mai recente de pe sait.

    merxi de vizita si comment! ;)

  6. EoliThic

    Ok,astept .. sa anunti si tu cand le urci in alta parte.. :)

  7. laura

    Buna ziua,

    am desenat intervata unui site in photoshop dar mai departe nu stiu cum sa procedez. am tot citit la tutoriale insa cred ca am nevoie de ceva mult mai detaliat….
    Imi puteti explica va rog cum procedez mai departe, insa cat se poate de detaliat?
    - cum export fiecare imagine din site (stiu ca se face cu slince tool si apoi save for web&devices… insa asa vag). se exporta fiecare imagine sau toate odata? am tot vazut in tutoriale ca se delimiteaza imaginile cu ruler tool inainte, insa nu stiu cum sa fac exact….
    - aceeasi problema am si cu textul….cum il export….?
    ulterior fisierele html obtinute vreau sa le deschid cu dreamweaver si sa pun acolo legaturile intre pagini.

    multumesc mult!

  1. Text animat cu pen tool - Mar 10th, 2009

Reply to “Slideshow video in Photoshop CS3”


Cere un tutorial

Ultimul mesaj acum 3 zile, 10 ore
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