Animowany banner

czwartek, 17 września 2009 22:21 Poprawiony: czwartek, 17 września 2009 22:23 Wpisany przez Administrator

Aby na stronę przez Was stworzoną zaglądali użytkownicy internetu potrzebna jest jej reklama. W Internecie wyśmienitym sposobem na reklamę jest banner bądż button, którym wymieniamy się z inną witryną internetową.
Jednak sam banner to za mało, tzn. musi on zaciekawić, nie może być nudny, powinna być zachowana odpowiednia kolorystyka (nie może być zbyt jaskrawy, aby nie raził w oczy, ale też nie może być on szary i bezbarwny). Jednak i to może się okazać za mało, bo..... jest on nieruchomy i nie przyciąga wzroku tak bardzo, jak powinien. Zatem potrzebny jest nam taki, który się rusza, czyli jednym słowem nasz banner będzie animowany.

Do zrobienia takiego bannera (bądź buttona) użyjemy programów firmy Adobe: Photoshop CS2 i ImageReady. W tym pierwszym zrobimy całą oprawę graficzną, a w tym drugim dodamy animację. Wbrew pozorom nie jest to takie trudne, jak na pierwszy rzut oka mogłoby się wydawać.
Wykonać to można na kilka sposobów, przedstawię Wam dwa. W jednym będziemy wszystkie klatki ustawiać samodzielnie, a w drugim zrobi to za nas program i tym samym zobaczymy jak można ułatwić sobie pracę z programem znając dosłownie odrobinę więcej.

Pierwszy sposób
Więc zabieramy się za robienie prostego bannera animowanego. Na początek otwieramy nowy dokument o rozmiarach 400 x 50 pixelów. Robimy jakieś ciekawe tło, takie aby pasowało kolorystycznie i tematycznie do strony, na którą ma prowadzić, np. takie:

Animowany Snieg

czwartek, 17 września 2009 22:20 Wpisany przez Administrator

1. Otwórz rysunek, na którym chcesz zastosować efekt śniegu.
2. Stwórz nową warstwe i wypełnij ją na czarno.
3. Wybierz [Filter/Noise/Add Noise] i nadaj ustawienia takie jak na obrazku

Animowany Deszcz

czwartek, 17 września 2009 22:19 Wpisany przez Administrator

1. Otwieramy rysunek, na którym chcesz zastosować efekt deszczu.
2. Tworzymy nową warstwe i wypełnij ją na czarno.
3. Wybieramy [Filter/Noise/Add Noise] i nadaj ustawienia takie jak na obrazku

Animacja tekstu

czwartek, 17 września 2009 22:17 Wpisany przez Administrator

Zrobiłem przykładowy napis w PS. Dalej tworzymy nową warstwę (Shift+Ctrl+N) i narzędziem Marquee Tool (M) - Zaznaczenie prostokątne zanzaczamy mniej więcej jak na rysunku:

Skaner

czwartek, 17 września 2009 22:16 Poprawiony: czwartek, 17 września 2009 22:17 Wpisany przez Administrator

1. Otwieramy dowolny obrazek najlepiej ,małych rozmiarów: