Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Animacja gif
Forum PHP.pl > Inne > Hydepark
Lejto
Mam fragment kliszy, jak go zaanimować aby się poruszał w lewą stronę? Jak to zrobić np. w photoshopie?


Pozdrawiam
wookieb
google -> animation in photoshop - tutoriali w pip
Pawel_W
o ile wiem to w photoshopie nie da się utworzyć animacji, od tego jest adobe image ready smile.gif
Lejto
nie czaje, znalazłem tylko jak z kliku zdjęć zrobić animacje
wookieb
No to pozostaje ci Flash
Lejto
Cytat(Pawel_W @ 10.05.2010, 15:54:54 ) *
o ile wiem to w photoshopie nie da się utworzyć animacji, od tego jest adobe image ready smile.gif

tak było chyba 5 lat temu, teraz Photoshop wychodzi już bez image ready

odrazu flash? do jednego ruchu?
w takim razie jak to we flashu zrobić?
Crozin
Otwórz sobie w PSie timeline, utwórz tam kilka klatek. Na każdej z klatek umieść nieco przesuniętą taśmę. Całość zapętlij w nieskończoność.
wookieb
Cytat(Lejto @ 10.05.2010, 16:03:37 ) *
odrazu flash? do jednego ruchu?

Skoro nie jesteś w stanie wpaść na to aby stworzyć parę zdjęć w innym kadrze i stworzyć z nich animację to tak

Cytat
w takim razie jak to we flashu zrobić?

Trzeba się pomodlić...
A tak w ogóle RUSZ GŁOWĄexclamation.gif
google -> how to create animation in flash
Ciężkie co?
Nawet po polsku
google -> jak stworzyć animację we flashu

Jezu...
Wicepsik
Ewentualnie możesz z tego obrazka zrobić animacje w javascript
Lejto
wycinałem obrazki, ale nie równo to wszystko wyszło
a w javascript to jak?
Wicepsik
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>Rotator</title>
  4. <script type="text/javascript" src="../jquery.js"></script>
  5. <script type="text/javascript">
  6. var b = 0;
  7. function ani(){
  8. if(b>910) b=0;
  9.  
  10. $('#klisza').css('background', 'url(klisza.jpg) -'+b+'px no-repeat');
  11. b++;
  12. }
  13.  
  14.  
  15.  
  16. setInterval('ani();', 5);
  17. </script>
  18. <style type="text/css">
  19. #klisza {
  20. width: 40px;
  21. height: 19px;
  22. background: url(klisza.jpg) 0px no-repeat;
  23. }
  24. </style>
  25. </head>
  26. <div id="klisza"></div>
  27. </body>
  28. </html>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.