|
|
Menu:
Informatyka, komputery
Media
Informacje
Informacje regionalne
Sport
Gospodarka
Technologie
Praca
Motoryzacja
Dla kobiet
Gazety i prasa
Nauka, edukacja
Gry komputerowe
Grafika komputerowa
|
GIMP i webmastering: Efekt znikania obrazów
data: 07.03.08
Znikające obrazy tworzą bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosując maskę warstwy oraz ewentualnie warstwę przysłaniającą. W tym odcinku zajmiemy się kadrowaniem, przekształceniami całego obrazu oraz poszczególnych warstw. Do wprawnego wykonywania tych operacji niezbędna jest umiejętność posługiwania się prowadnicami oraz skalowaniem widoku. Baner witryny 33 i 1/3 składa się z kilku wyciętych okładek płyt, jednej dużej płyty oraz kilku napisów. W projekcie tym opowiem między innymi, w jaki sposób szybko i łatwo można wyciąć elementy z fotografii przedstawiających przedmioty na jasnym tle. Główną cechą obrazów tworzonych w GIMP-ie jest wielowarstwowość. Obraz składa się z dowolnej liczby warstw, które są niezależnymi obrazami. W drugim spotkaniu z GIMP-em omówię wszystkie cechy warstw: wymiar, widoczność, przezroczystość, krycie, tryb, zachowanie przezroczystości, miejsce na stosie warstw oraz grupowanie.
Tym razem przygotujemy witrynę z bardziej skomplikowanym efektem rollover. Po wskazaniu wskaźnikiem myszki opcji menu wymienimy nie tylko ikonę opcji, ale także dodamy tytuł wybranej pozycji menu. Goethe w swojej książce "Teoria kolorów" stwierdził, że gdy oko dostrzeże kolor, ulega natychmiastowemu pobudzeniu. Od XIX w. sporo nauczyliśmy się o kolorach, jednak ta podstawowa zasada sprawdza się do dziś, gdy malujemy obraz czy projektujemy strony.
Omawiany szablon witryny Magazynu INTERNET jest wykonany przy użyciu podstawowych narzędzi i opcji GIMP-a: zaznaczeń prostokątnych, gradientu, operacji zaokrąglania zaznaczenia, obracania warstwy oraz zmiany stopnia krycia warstwy.
Zobacz, jak korzystając z Photoshopa, można w twórczy sposób wykorzystać w zwykłych czcionkach artystyczne obrysowania i efekty, dzięki którym niepozorne dotąd kształty nabiorą życia. Wkomponowanie kolażu fotografii w baner i włączenie go w projekt strony uczyni ją bardziej profesjonalną i przyciągnie wzrok. Co będziemy tworzyć? Kompletną stronę WWW z banerem witryny, który będzie działać w oknach przeglądarki o różnej szerokości. Grafika po prawej stronie banera pojawia się lub znika w miarę zmieniania szerokości okna przeglądarki. Jeśli będzie ono bardzo szerokie, baner przejdzie w kolor tła. Animowane GIF-y pojawiają sie na stronach WWW jako osobne animacje bądź jako efekty wzbogacające interfejs witryny. Wyjaśnimy podstawowe cechy formatu GIF i pokażemy w jaki sposób tworzyć animowane GIF-y w programie GIMP.
Często wykorzystywanym efektem, stosowanym szczególnie w menu, jest reakcja na wskazanie wybranej opcji wskaźnikiem myszki. Wskazana opcja zmienia kolor, kształt lub zostaje wzbogacona o strzałkę informującą o wyborze. Do tego rodzaju trików stosowane są dwa rozwiązania. Jednym z nich jest pseudoklasa a:hover w arkuszach stylów, a drugim wymiana obrazów wykonywana w JavaScripcie, nazywana efektem rollover.
GIMP, bezpłatny program do edycji grafiki rastrowej, z roku na rok zyskuje coraz większą popularność. W pierwszym odcinku nowego kursu "GIMP od podstaw" dowiesz się, skąd pobrać i jak zainstalować GIMP-a, poznasz bogaty zestaw wbudowanych filtrów do przetwarzania obrazu i nauczysz się nimi posługiwać. Szablon, który dzisiaj przedstawię, nauczy dwóch ciekawych rozwiązań. Dowiemy się, w jaki sposób w GIMP-ie wykonać fotomontaż techniką "łatek" oraz na czym polega problem z wysokością elementów pływających w CSS.
Gdy znamy podstawowe cechy GIMP-a, umiemy pracować z warstwami, wprawnie operujemy selekcjami oraz wybranymi narzędziami, możemy przystąpić do pracy nad bardziej wyrafinowanymi projektami. W tym artykule zajmiemy się przygotowaniem witryny WWW. Szablon, który przygotowałem w tym odcinku ma układ dwukolumnowy. Kolumny o stałej szerokości wyśrodkowane na stronie rozciągają się na całą wysokość okna przeglądarki. Wydawałoby się, nic prostszego. Jak się okaże, problemem jest wyznaczanie wysokości elementów pływających. Opisywany szablon jest podzielony na trzy poziome obszary. Jest to szablon stałej szerokości, wyśrodkowany na stronie. Środkowy pas wykorzystuje sztuczkę udawanych kolumn, zaś etykiety opcji menu są wyśrodkowane poziomo i pionowo.
Polecamy:
1. GIMP i webmastering: Kopiuj-wklej, czyli kompozycje wielowarstwowe
data: 07.03.08
Jedna z podstawowych technik tworzenia projektów graficznych polega na łączeniu elementów pochodzących z różnych zdjęć w jedną całość. W GIMP-ie wykorzystujemy do tego dobrze znaną technikę kopiuj-wklej. Ilustracje tworzone w ten sposób składają się z wielu warstw - każda z nich jest osobnym obrazem i może być przekształcana niezależnie.
2. Galeria internetowa w 5 minut - IrfanView w roli "galernika"
data: 07.03.08
IrfanView to program znany przede wszystkim jako znakomita, darmowa przeglądarka graficzna. Jednak mało kto wie, że za pomocą Irfana można z powodzeniem szybko i łatwo wykonać galerię internetową. Zobaczmy, jak to się robi.
3. GIMP i webmastering: Projekt witryny
data: 07.03.08
Gdy znamy podstawowe cechy GIMP-a, umiemy pracować z warstwami, wprawnie operujemy selekcjami oraz wybranymi narzędziami, możemy przystąpić do pracy nad bardziej wyrafinowanymi projektami. W tym artykule zajmiemy się przygotowaniem witryny WWW.
4. Galernik. Najlepszy do galerii
data: 07.03.08
Jak można szybko i łatwo stworzyć galerię internetową za pomocą polskiego programu Galernik NxG.
5. GIMP i webmastering: Nagłówki stron WWW
data: 07.03.08
W artykule nauczymy się przygotowywać loga (w formie szerokich banerów) na strony WWW: o stałej szerokości, z tłem wypełniającym całe okno przeglądarki oraz z ilustracją powielaną dowolną ilość razy.
6. Obróbka grafiki w ImageMagick
data: 07.03.08
Obsługa dziesiątek formatów graficznych, wraz z możliwością pełnej obróbki z poziomu przeglądarki internetowej, to marzenie każdego właściciela strony WWW. W tym artykule zaprezentujemy, co w praktyce potrafi stworzone w tym celu narzędzie ImageMagick i dlaczego wśród podobnych rozwiązań nie ma sobie równych.
7. GIMP i webmastering: Efekt znikania obrazów
data: 07.03.08
Znikające obrazy tworzą bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosując maskę warstwy oraz ewentualnie warstwę przysłaniającą.
8. GIMP i webmastering: Obrysowanie menu przy użyciu ścieżek
data: 07.03.08
Obrazy tworzone w GIMP-ie mogą zawierać proste elementy wektorowe. Służą do tego ścieżki. Wykonując przykład zwróćmy szczególną uwagę na fakt, że ścieżki można przekształcać na zaznaczenia, a zaznaczenia na ścieżki. Daje to duże możliwości tworzenia kształtów i ich obrysowywania.
9. Sposób na efektowną czcionkę
data: 07.03.08
Zobacz, jak korzystając z Photoshopa, można w twórczy sposób wykorzystać w zwykłych czcionkach artystyczne obrysowania i efekty, dzięki którym niepozorne dotąd kształty nabiorą życia.
10. Dwupunktowe rollovery ze wskaźnikiem wybranej opcji
data: 07.03.08
Wykorzystując efekty typu rollover możemy pokosić się o dodanie wskaźnika wybranej opcji. Wskaźnik taki będzie informować użytkownika o bieżąco dokonanym wyborze.
|
|
|
