A A A

Internetowe animacje

PC Format 08/2015
Strona internetowa bez dynamicznych i interaktywnych elementów wygląda bardzo ubogo. Tworzenie animacji nie jest jednak proste, chyba że dysponuje się odpowiednimi narzędziami. Robert Szyszka

Stworzenie własnej strony nie jest już tak kłopotliwe i czasochłonne jak kiedyś. Powszechnie dostępne są szablony i narzędzia usprawniające proces projektowania. Dotyczy to jednak relatywnie prostych witryn – nieco inaczej ma się sprawa z różnymi elementami, które są na nich umieszczane. Rozbudowane animacje czy banery powstają zwykle w oparciu o przestarzałą już technologię Flash. Wymaga ona odpowiednich narzędzi i umiejętności. WebAnimator Plus upraszcza proces animowania obiektów. Pozwala tworzyć projekty proste i rozbudowane, od animowanych napisów po interaktywne filmy czy gry. Stworzone prace zgodne są ze wszystkimi ważnymi przeglądarkami funkcjonującymi na rynku. Na naszej płycie zamieściliśmy specjalną wersję programu umożliwiającą testowanie programu przez 60 dni.

Ustawianie obiektów w obszarze roboczym

Nie sposób opisać wszystkich możliwości i funkcji tak rozbudowanego narzędzia w kilku akapitach. Pokażemy jednak, jak tworzyć proste, animowane napisy. W ten sposób łatwo zapoznać się najważniejszymi elementami interfejsu programu.

Ustawianie obiektów w obszarze roboczym


Po standardowej instalacji uruchom program za pomocą ikony widocznej na pulpicie. W centralnej części okna zobaczysz białą kartę – jest to obszar roboczy. Standardowo ma on rozdzielczość SVGA, ale zmiana formatu wymaga tylko dwóch kliknięć myszą.


Odszukaj po prawej stronie okna panel Properties. Kliknij przycisk Project i przejdź do sekcji Scene size. Z menu Templates wybierz pożądany format. Własne rozmiary obszaru określisz za pomocą pól WidthHeight widocznych poniżej.


Zacznij od umieszczenia w projekcie pliku graficznego. Przejdź do lewej części okna, chwyć myszą przycisk Image widoczny w zasobniku Objects i przeciągnij go do obszaru roboczego. Otworzy się okno wyboru pliku: Otwieranie. Wskaż na dysku dowolny plik graficzny i kliknij Otwórz.


Chwytając myszą narożniki obrazka, możesz zmienić jego rozmiar. Chwyć obrazek, by umieścić go w dowolnym miejscu projektu. Jeżeli podczas zmieniania rozmiarów pliku będziesz trzymał wciśnięty klawisz Shift, zachowasz oryginalne proporcje boków.


Teraz dodaj kolejny element – tekst. Chwyć przycisk Text widoczny w zasobniku Objects i przeciągnij go na pulpit roboczy. Następnie wprowadź tekst, jaki ma być wyświetlany.


W widocznym po prawej panelu formatowania Properties wybierz kartę Text. Za pomocą listy pierwszej od góry określisz rodzaj używanej czcionki, obok zmienisz jej rozmiar, a z listy poniżej wybierzesz jej kolor.


Widoczne w górnej części panelu przyciski, służą między innymi do pogrubiania i pochylania tekstu, jego centrowania czy justowania. Za pomocą listy Character spacing określisz wielkość odstępów między znakami, a dzięki Word spacing – przerw pomiędzy wyrazami. Line height oznacza wysokość linii tekstu.


W sekcji B<>Shadow włączysz wyświetlanie cienia pod tekstem oraz określisz jego kolor i parametry. Na koniec za pomocą myszki powiększ ramkę z tekstem i umieść ją w wybranym miejscu obszaru roboczego.


Ocena:
Oceń:
Komentarze (0)

Redakcja nie ponosi odpowiedzialności za treść komentarzy. Komentarze wyświetlane są od najnowszych.
Najnowsze aktualności


Nie zapomnij o haśle!
21 czerwca 2022
Choć mogą się wydawać mało nowoczesne, hasła to nadal nie tylko jeden z najpopularniejszych sposobów zabezpieczania swoich kont, ale także...


Artykuły z wydań

  • 2024
  • 2023
  • 2022
  • 2021
  • 2020
  • 2019
  • 2018
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
Zawartość aktualnego numeru

aktualny numer powiększ okładkę Wybrane artykuły z PC Format 1/2022
Przejdź do innych artykułów
płyta powiększ płytę
Załóż konto
Co daje konto w serwisie pcformat.pl?

Po założeniu konta otrzymujesz możliwość oceniania materiałów, uczestnictwa w życiu forum oraz komentowania artykułów i aktualności przy użyciu indywidualnego identyfikatora.

Załóż konto