|
|
Menu:
Informatyka, komputery
Media
Informacje
Informacje regionalne
Sport
Gospodarka
Technologie
Praca
Motoryzacja
Dla kobiet
Gazety i prasa
Nauka, edukacja
Gry komputerowe
Grafika komputerowa
|
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. 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. 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. 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ć.
W kolejnym szablonie przedstawię połączenie trzech technik: ujemnych marginesów, udawanych kolumn oraz wymiany obrazów FIR. Dzięki użyciu tych technik otrzymany kod XHTML jest w pełni semantyczny, zaś w przypadku szablonu tekstowego także częściowo elastyczny. Przygotowywana w tym odcinku witryna wykorzystuje prowadnice, gradienty, zaznaczenia, ścieżki, warstwy i maski, wklejanie elementów do obrazu oraz zaokrąglone prostokąty. Do ułożenia ikon opcji menu użyłem kwadratów i prostokątów. Metoda ta gwarantuje, że każda z ikon zajmie dokładnie tyle samo miejsca oraz to, że ikony będą równoodległe, co ma znaczenie podczas przygotowywania kodu HTML.
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.
Wykorzystując możliwości warstw, ścieżek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał dwupunktowy efekt rollover oraz wskaźnik wybranej opcji. 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. 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.
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.
Jak można szybko i łatwo stworzyć galerię internetową za pomocą polskiego programu Galernik NxG. 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.
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 menu strony, którego opcje reagują na wskaźnik myszki, jest bardzo atrakcyjne. W artykule przedstawimy w jaki sposób wykonać takie menu, gdy dysponujemy obrazem narysowanym w GIMP-ie. Kod HTML menu będzie wykorzystywać elementy div oraz arkusze stylów. Selekcja, nazywana również zaznaczeniem lub maską, jest kluczowym narzędziem w edytorach grafiki rastrowej. Wskazuje ona obszar obrazu, który będzie poddawany działaniu narzędzi edycyjnych. GIMP posiada sześć wbudowanych narzędzi do zaznaczania obszaru oraz bogaty zestaw metod przekształcania selekcji.
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.
|
|
|
