Animation Tutorial (my first...)
How do this icon? - polish tutorial by Kika
Jak to zrobić - polski tutorial, autor Kika (można też wykonać na angielskiej wersji)
01. Otwieramy photoshopa (7.0 lub wyższy).
02. Dajemy tło (np. białe).
03. Otwieramy nową warstwę.
04. Rysujemy kwadracik.
05. Wycinamy wewnętrzną jego część by mieć samą obramówkę..
06. Oto mamy obramówkę, klikamy na gumkę.
07. Wybieramy aerograf, najlepiej 100.
08. Gumkujemy wewnętrzną część.
09. Zaznaczamy pole wewnątrz białej warstwy do wycięcia.
10. Wycinamy.
11. Otwieramy nową warstwę.
12. Przesuwamy ją pod spód.
13. Możemy dodać sobie jakiś napis, przykład poniżej ;).
14. Musimy przejść do Adobe Image Ready (jest instalowany z photoshopem, jeśli nie, ściągnąć wersję testową).
15. W Adobe Image Ready otwieramy interesujące nas video.
16. U mnie działają tylko pliki .mov, więc wybieramy plik z tym rozszerzeniem.
17. Wybieramy interesujący nas fragment filmiku, przytrzymując shift.
18. To ważne, by przy wgrywaniu filmiku trzymać shift, bo mogą nie wgrać się wszystkie klatki, albo wgrać się może tylko jedna.
19. Łączymy warstwy ze sobą, klikając we wskazane na rysunku miejsce.
20. Powtarzamy tą czynność do końca naszych klatek w filmiku.
21. Klikamy pierwszą klatkę i przenosimy wszystkie razem (są połączone dzięki poprzednim czynnościom) do naszego avatarka (ionki, animacji - jak kto woli).
22. Upewniamy się, że wszystkie klatki się wgrały.
23. Możemy już zamknąć nasz filmik, już nam nie będzie potrzebny ;).
24. Przechodzimy na naszą ikonkę. Musimy zmniejszyć rozmiar klatek.
25. Gdy już zmniejszymy, możemy ją sobie ustawić w najlepsze, naszym okiem, miejsce. Dla lepszej widoczności możemy sobie obrazek powiększyć, żaden pixel nam nie umknie :D.
26. Przechodzimy do wielkości rzeczywistej.
27. Musimy powielić naszą ramkę tyle razy ile jest klatek, ALE klatka po klatce. Klikamy powiel warstwę.
28. I dodajemy powielonej warstwie widok.
29. Gdy już zrobimy te czynności do końca, zobaczmy czy niczego nie ominęliśmy, klikamy play.
30. Możemy animację zapisać ;).
31. Zapisujemy jako gif.
32. Koniec. Mile widziane wyniki tutaj ;).
Jak to zrobić - polski tutorial, autor Kika (można też wykonać na angielskiej wersji)
01. Otwieramy photoshopa (7.0 lub wyższy).
02. Dajemy tło (np. białe).
03. Otwieramy nową warstwę.
04. Rysujemy kwadracik.
05. Wycinamy wewnętrzną jego część by mieć samą obramówkę..
06. Oto mamy obramówkę, klikamy na gumkę.
07. Wybieramy aerograf, najlepiej 100.
08. Gumkujemy wewnętrzną część.
09. Zaznaczamy pole wewnątrz białej warstwy do wycięcia.
10. Wycinamy.
11. Otwieramy nową warstwę.
12. Przesuwamy ją pod spód.
13. Możemy dodać sobie jakiś napis, przykład poniżej ;).
14. Musimy przejść do Adobe Image Ready (jest instalowany z photoshopem, jeśli nie, ściągnąć wersję testową).
15. W Adobe Image Ready otwieramy interesujące nas video.
16. U mnie działają tylko pliki .mov, więc wybieramy plik z tym rozszerzeniem.
17. Wybieramy interesujący nas fragment filmiku, przytrzymując shift.
18. To ważne, by przy wgrywaniu filmiku trzymać shift, bo mogą nie wgrać się wszystkie klatki, albo wgrać się może tylko jedna.
19. Łączymy warstwy ze sobą, klikając we wskazane na rysunku miejsce.
20. Powtarzamy tą czynność do końca naszych klatek w filmiku.
21. Klikamy pierwszą klatkę i przenosimy wszystkie razem (są połączone dzięki poprzednim czynnościom) do naszego avatarka (ionki, animacji - jak kto woli).
22. Upewniamy się, że wszystkie klatki się wgrały.
23. Możemy już zamknąć nasz filmik, już nam nie będzie potrzebny ;).
24. Przechodzimy na naszą ikonkę. Musimy zmniejszyć rozmiar klatek.
25. Gdy już zmniejszymy, możemy ją sobie ustawić w najlepsze, naszym okiem, miejsce. Dla lepszej widoczności możemy sobie obrazek powiększyć, żaden pixel nam nie umknie :D.
26. Przechodzimy do wielkości rzeczywistej.
27. Musimy powielić naszą ramkę tyle razy ile jest klatek, ALE klatka po klatce. Klikamy powiel warstwę.
28. I dodajemy powielonej warstwie widok.
29. Gdy już zrobimy te czynności do końca, zobaczmy czy niczego nie ominęliśmy, klikamy play.
30. Możemy animację zapisać ;).
31. Zapisujemy jako gif.
32. Koniec. Mile widziane wyniki tutaj ;).