Prezentare de imagini Flash CS4

• Mai 18, 2024

Mulți dintre clienții mei doresc o prezentare de diapozitive mici pe prima pagină a magazinului, blogului sau site-ului lor. Aceasta ar putea fi o prezentare de diapozitive a produselor prezentate în magazin sau cele mai recente fotografii pe care le-au adăugat pe blogul lor.

Această prezentare de diapozitive poate fi realizată în mai multe moduri, inclusiv JavaScript, o animație gif și Flash^R. Îmi place să folosesc Flash, deoarece este o modalitate ușoară și rapidă de a crea o prezentare simplă de diapozitive care afișează mai multe imagini una după alta. Pe de altă parte, este, de asemenea, ușor să construiți o prezentare de diapozitive mai avansată bazată pe XML, cu efecte de tranziție între imagini. În următoarele câteva tutoriale, vom construi o prezentare de diapozitive a imaginii în Flash CS4 începând cu o afișare a imaginii plane și construind până la o versiune avansată cu efecte de tranziție.

Singurele lucruri de care aveți nevoie pentru acest tutorial sunt trei imagini jpg și Adobe Flash. Este mai bine dacă imaginile au toate aceeași dimensiune. Vom folosi doar trei pentru tutorialul nostru, dar puteți utiliza atât cât doriți. Rețineți că mai multe imagini vor duce la creșterea timpului de descărcare pentru fișierul dvs. swf Flash.

Deschideți Flash CS4, începeți un nou proiect ActionScript 3 și începeți să funcționăm.

1. Primul pas este să setați scena la aceeași dimensiune cu imaginile noastre. Din Menubar, faceți clic pe Modificare - Document. În caseta de dialog Proprietăți documente, introduceți Lățimea și Înălțimea în pixeli pentru imaginile dvs. Acest lucru va seta etapa pentru a se potrivi. De asemenea, poate doriți să schimbați culoarea de fundal. Faceți clic pe caseta de culoare mică și alegeți o culoare. S-ar putea să doriți să se potrivească cu culoarea de fundal a paginii dvs. web.
   
   Vom folosi Fraza 1 în Cronologie pentru codul Preloader, pe care îl vom adăuga ulterior. Așadar, deocamdată, vom începe să construim prezentarea noastră de diapozitive pe cadrul 2.
   
   Fiecare dintre imaginile noastre va fi afișată pentru 100 de cadre. Deoarece cadrele noastre pe secundă sunt setate în mod implicit la 24, acest lucru ne va oferi aproximativ patru secunde de timp de afișare pentru fiecare imagine.
   
   
2. Redenumirea stratului 1 la „Fundal”. Pe același strat, faceți clic dreapta pe Frame 300 (100 de cadre x 3 imagini) și adăugați un cadru gol (Inserați cadru). Acesta va afișa stratul Fundal pe durata întregii animații.
   
   
3. Adaugă un nou strat și numește-l „Image1”. Acest strat va păstra prima noastră imagine. Dar nu dorim ca imaginea să apară pe scenă până la Fraza 2. Nu uitați, cadrul 1 va fi preîncărcătorul nostru. În cadrul 2 al acestui strat, faceți clic dreapta și adăugați un cadru cheie.
   
   Acum vom adăuga prima noastră imagine.
   
   
4. Din menubar, faceți clic pe Fișier - Importați - Importați în scenă. Aceasta ar trebui să plaseze prima noastră imagine centrată pe scenă. Pentru a fi sigur că este aliniat așa cum ne dorim, selectați imaginea și mergeți la panoul Proprietăți. Valorile poziției X și Y ar trebui setate la 0,0.
   
   Salvați fișierul de proiect.
   
   

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.

Instrucțiuni Video,: Tutorial After Effects Cs6-Raza de energie || Kamehameha (Mai 2024).