-
data publikacji: 04.12.2007
Kurs Flash cz.1 – podstawy
kategoria: Flash, Tutoriale, Webmaster autor: palmiakWitam wszystkich w moim pierwszym tutorialu dotyczącym Flasha 8 (lub wyżej), tutek będzie poświęcony angielskiej wersji Flasha, co za tym idzie opcji i komend nie będę tłumaczył.
No to zaczynamy, na początek wyjaśnienie poszczególnych tabel, oraz opcji.
To jest tzw. timeline
Wyjaśnię Wam rodzaje klatek (np. layer 1 = L1) patrzcie tylko na ostatnie klatki.
- L1 - CLEAR KEYFRAME, pusta klatka kluczowa (to znaczy że nic się nie znajduje w danej warstwie o podanym czasie) (a kluczowa dlatego, że od niej zaczyna się animacja lub tez kończy)
- L2 - CLEAR KEYFRAME WITH ACTION SCRIPT, po prostu clear keyframe z jakaś akcją w AC (zawsze jak jest chociaż kawałek kodu to dodana jest mała literka a)
- L3 - KEYFRAME, klatka kluczowa z zawartością, kropeczka zapełnia się i klatka zmienia kolor na szary (gdy klatka jest zaznaczona, zmienia kolor na czarny)
- L4 - KEYFRAME WITH ACTION SCRIPT, no chyba wiecie
- L5 - Animacja Motion Tween, jest to animacja związana z ruchem (więcej o tym w kolejnych częściach)
- L6 - Animacja Shape Tween, jest to animacja związana z przekształcaniem obiektów (więcej o tym też potem)
Właściwości dokumentu i strony
- Size - no tego to chyba nie trzeba tłumaczyć
gdy eksportujecie cale pliki psd. z Photoshopa (a można
) to Flash się was pyta czy zachowac orginalne rozmiary z pliku, oraz czy poszczególne warstwy z PS'a zamienić na warstwy Flasha lub keyframy (oczywiście najlepiej wybrać aby zamienił na warstwy) - Publish - ustawienia publikacji pliku, nie macie co kombinowcać, jeśli eksportujecie plik z PS'a ustawcie JPG quality na MAX
- Background - okey, hehe
jedynie mogę powiedzieć ze plik wyeksportowany z PS'a zmienia od razu tło na takie jak w PS'ie - Frame rate - No i w sumie najważniejsze, mogę wam doradzić abyście nie kombinowali z klatkami. Jeśli robicie prosty banner na stronę to max 20 klatek (no chyba ze ktoś chce wiecej, tylko po co?) a jeśli robicie stronę lub jakąkolwiek większa animacje pamiętajcie, że przeglądarki nie wyświetlają więcej niż 25 klatek! jeśli dacie więcej przy większej ilości obiektów coś się może posypać oraz plik będzie cięższy.
Properies oczywiście się rożni, w zależności od tego co macie zaznaczone, aby zobaczyć ustawienia strony wystarczy kliknąć myszką poza obszar pracy.
Co to jest Movie Clip, button oraz Graphic
jeśli chcemy zmienić obiekt klikamy F8.
- Movie Clip - bez tego się nie obejdziemy, jest to obiekt który w jakikolwiek sposób jest animowany lub poddawany efektom, do animacji potrzebny nam jest jednak Motion Tween (o tym będzie potem).
- Button - każdy się tego obawia
button jak button, zamienia obiekt w coś co możemy kliknąć powodując akcję. Button jest podzielony na 4 części o których opowiem później. - Graphic - jest to obiekt statyczny, jednak może nim być gif, używany np. do tła animacji - moim zdaniem całkiem nieprzydatne, w ogóle go nie używam
Właściwości Movie Clip
Tam gdzie jest napisane Movie Clip - możecie rozwinąć menu i będziecie mieli do wyboru Movie Clip, Button lub Graphic
- [ <instance name> ] - Tutaj wpisujecie nazwę animacji
- Swap - zamienianie właściwości animacji (może nie tak dokładnie, wyjaśnię przy najbliżej okazji), jest to praktycznie nieprzydatne, chyba ze ktoś sobie zrobi bałagan z symbolami i animacjami
- Color - No to chyba zrozumiecie
pobawcie się i zobaczcie jakie są opcje - Blend - nowość we Flashu CS3, blending mode znany z Photoshopa, daje dużo możliwości. Póki co z niego nie korzystam, jak wymyślę jakieś ciekawe rzeczy to napiszę
Przydatne, a raczej potrzebne okna podczas pracy
Wszystkie znajdziecie w zakładce Window.
- 1 - okno komponentów, czyli wszystkich dodatków do Flasha typu: mp3 player, flv player image gallery rssreader i innych. Do instalacji komponentów potrzebujecie Extension Manager (do każdego Flasha jest inna wersja) którego znajdziecie na stronie adobe.com, ustawienia komponentu który jest już wklejony do pola pracy znajdziecie w zakładce Parameters we właściwościach obiektu.
- 2 - okno behaviors, okno w którym dodajecie akcje danych obiektow bez grzebania w ActionScripcie, np. po kliknięciu na button przenieś do klatki 15 i zatrzymaj animacje. Jak ktoś zna choćby podstawy angielskiego to sobie poradzi, proste menu (więcej o behaviors w kolejnych częściach).
- 3 - okno movie explorer, pomaga odnaleźć się w naszych animacjach i akcjach.
- 4 - Library, pokazuje nam wszystkie obiekty jakie są w pliki, JPGi, animacje, dźwięki...
Na razie tyle, bo już mi się wyczerpał wolny czas. W najblizszym czasie dołożę parę rzeczy tutaj i zrobię cześć drugą - pierwsze animacje
-
6 Responses to “Kurs Flash cz.1 – podstawy”
Leave a Reply
Komentarze
Kategorie
Top 10
Wski: Cross Processing
Kallie Akinyooye: Krótko o… Wordpress 2.7
Agressiva: Jak za pomocą js poprawić wygląd formularzy
S.Wojnowski: Jak za pomocą js poprawić wygląd formularzy
Arek: Menu “wychodzące” zza strony
Arek: Full of colours
Giuseppe Heitner: Wstęp do programowania zorientowanego obiektowo w PHP5…
Kamil: 960 Grid System
Piotrek: Rozwijany panel z odrobiną słodyczy
Kuba: Tworzymy indywidualną stronę startową dla naszych fanów na Facebooku
- CMSy Artykuły dotyczące różnego rodzaju systemów zarządzania treścią CMS.
- Flash Podstawowe informacje pomocne przy tworzeniu animacji w Adobe Flash.
- Fotografia Samouczki dotyczące nie tylko robienia zdjęć ale też ich cyfrowej obróbki.
- Grafika Ogólnie pojęta grafika komputerowa, od inspiracji, po tworzenie layoutów oraz mniejszych form graficznych.
- Inne tutoriale wordpressowe Wszystkie inne zagadnienia dotyczące WordPressa.
- Inspiracje Inspirujące materiały graficzne z dziedziny projektowania stron www, projektów DTP, digital painting, itp.
- Obróbka zdjęć Techniki retuszu fotografii cyfrowych.
- Rysunek Tworzenie rysowanych ilustracji w Adobe Photoshop.
- Skóry do Wordpressa Darmowe oraz płatne – najlepsze skóry do WordPressa.
- Skrypty client-side
- Skrypty server-side
- Tutoriale
- Webdesign Tutoriale z zakresu projektowania stron www i grafiki użytkowej na rzecz internetu.
- Wieczór z Open Source
- Wordpress Ulubieniec naszej publiczności CMS WordPress: nowości, tricki, wtyczki, skóry i wszystko to co może przydać się przy korzystaniu z tego systemu.
- Wtyczki do Wordpressa Recenzje oraz instrukcje najbardziej popularnych i najbardziej niezbędnych pluginów do WordPressa.
- XHTML/CSS Ciekawostki z dziedziny kodowania stron www: XHTML, CSS, jQuery.
- Kurs Flash cz.1 - podstawy
- Zastosowanie jQuery lightBox plugin
- Grafika do strony salonu samochodowego
- Galeria z powiększanymi miniaturami
- Kurs Flash cz.2 - pierwsze animacje / motion tween
- Oryginalny blog na Wordpressie? Zrób go sam! cz.1
- FadeIn, fadeOut, fadeTo - czyli o pojawianiu się i znikaniu
- Oryginalny blog na Wordpressie? Zrób go sam! cz.2
- Hover - kompletny poradnik
- Zastosowanie Ajax Navigation
Najnowsze newsy
Wieczór z Open Source 2010
Jak co roku WSINF organizuje konferencję Wieczór z Open Source.
Chciałbym zaprosić was na tegoroczna konferencję Wieczór z Open Source 2010! Czytaj dalej
Grafart.org i WACOM zapraszają na konkursy!
Witam!
Myślę, że czas najwyższy nadmienić, że za niedługi czas zostanie zorganizowany pierwszy z trzech konkursów, w których główną nagrodą będą tablety firmy WACOM!
Za miejsca drugie oraz trzecie nagrodami będą kubki i koszulki firmy WACOM oraz magazyny graficzne PSD PHOTOSHOP oraz COMPUTERARTS.
Czytaj dalej
Zapraszamy na forum graficzne Graffika.pl
Każda osoba interesująca się grafiką komputerową ma czasami ochotę porozmawiać o swoich pracach, posłuchać rad, krytyki i pochwał innych osób. Idealnym miejscem na realizowanie takich potrzeb jest forum graficzne Graffika.pl.
Czytaj dalej
Polecane strony
- WordPress Theme from Scratch – Day 1: PSD
- 20 Tutorials For Creating HDR Images
- Ask the Expert – Using Wordpress to Build Large Scale Websites with Derek Herman
- Making an Interactive Picture with jQuery
- Create a Horizontal Scrolling Website
- 800 Most Wanted Free RSS Icons for Bloggers
- 45 Most Wanted Beautiful Free Hand Drawn Fonts
- Caffe-Break Themed Blog Layout Photoshop Tutorial
- Create a nature inspired layout in photoshop
- Coding a Web Design for Speed and Quality
- Beautiful Hand Drawn Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
- 40 Fresh Creative and Inspiring Photographs
- Wordpress portfolio layout | Grafpedia
- Simple Facial Photo Retouching | Grafpedia
- Create a beauty layout in 10 steps | Grafpedia



























beznadzieja, nic nie rozumiem
kwestia wprawy i cierpliwości kolego – do flasha trzeba mieć odpowiednie podejście…
PISAL TO JAKIS BARAN KURWA BO JAK W KURSIE MOZNA NAPISAC "a to to pewnie wszyscy wiedza "i bez wyjasnienia co za kretyn!!!
Hehe, mnie rozwalają tacy kolesie jak @kamil
Człowieku to że twój iloraz inteligencji wynosi niespełna 50 to nie wina autora tego artykułu
Zamiast jarać jointy było się uczyć choć trochę w tym gimnazjum;) :*
co ma gimnazjum do flasha – skąd żeś spadł młocie ?
Ostatnie 3 komentarze sa wg mnie zbyteczne i powinnam je usunąć, w każdym razie jeszcze jedna wycieczka osobista tutaj się pojawi a wszystkie znikną, proszę o kulturę przy wypowiedziach.