|
|
Menu:
Informatyka, komputery
Media
Informacje
Informacje regionalne
Sport
Gospodarka
Technologie
Praca
Motoryzacja
Dla kobiet
Gazety i prasa
Nauka, edukacja
Gry komputerowe
Grafika komputerowa
|
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. 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. 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. 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.
Znikające obrazy tworzą bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosując maskę warstwy oraz ewentualnie warstwę przysłaniającą. 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.
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.
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. Artykuł ten rozpoczyna nowy cykl poświęcony przygotowywaniu szablonów witryn WWW w programie GIMP. W każdym odcinku będzie szczegółowo opisany jeden szablon. W dzisiejszym spotkaniu przygotujemy wizytówkę firmy z branży motoryzacyjnej. 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.
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.
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. 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.
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. 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. 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.
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.
|
|
|
