Grupa MagazynyInternetowe
Online: 894
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.
Włodzimierz Gajda
Zdjęcia, od których rozpoczynamy
Szablon witryny narysowany w programie GIMP
Witryna WWW wykonana przy użyciu szablonu z powyzszego rysunku, jest przedstawiona niżej. Witryna ta może służyć jako wizytówka firmy z branży motoryzacyjnej.
Menu główne witryny zawiera pięć opcji: Lorem, Ipsum, Dolor, Sit oraz Amet. Po wybraniu opcji menu wymieniana jest treść witryny, zaś menu oczywiście pozostaje niezmienione.
Menu witryny jest graficzne i wykorzystuje efekt rollover. Na rys. 6 są przedstawione trzy pierwsze opcje, po naprowadzeniu wskaźnika myszy.
Dostosowanie szablonu do potrzeb indywidualnych sprowadza się do:
Tworzymy nowy obraz o wymiarach 1040 x 600 i wklejamy do niego pięć miniaturowych zdjęć przeskalowanych do szerokości 100 x 75.
Do obrazu dodajemy cztery identyczne białe prostokąty. Prostokąty te wyznaczą odległość pomiędzy opcjami menu. Wykorzystując prowadnice oraz cztery białe prostokąty rozmieszczamy opcje menu tak jak to ilustruje rysunek.
Wygładzamy brzeg wklejonych fotografii. Najpierw robimy kopie pięciu warstw przedstawiających wklejone zdjęcia.
Następnie kolejno dla każdej fotografii:
W kolejnym kroku dodajemy jednopikselowe obramowanie każdego zdjęcia. Wykorzystując zdjęcia o ostrych krawędziach (duplikaty wykonane przed zmiękczeniem krawędzi) dla każdego z nich:
Powiązane publikacje
Komentarzy: 1
Staram się powtórzyć kroki z tutoriala, ale coś mi się nie zgadza.
Mam GIMPa (2.6.7) po angielsku i może coś jest inaczej, ale w trzecim kroku ostatni punkt: "czyścimy zaznaczenie (Zaznaczenie | Wyczyść)" powinien chyba brzmieć (Edycja | Wyczyść / Edit | Clear).
Poza tym po wykonaniu tych czynności nie osiągam efektu wygładzenia obrazka, jak to jest w przykładzie. Mam po prostu zaokrąglony obrazek. Może jeszcze czegoś brakuje?
Artykuły tego autora:
Prezentowany szablon bazuje na układzie stałej szerokości. Wykorzystano w nim trzy triki: kafelkowanie (ang. sprites), pozycjonowanie względnie bezwzględne oraz FIR (ang. Fahrner Image Replacement).
Polecamy:
Na skróty:
Magazyny Internetowe| Co za ile| Programy| Praca| Magazyn Internet| Internet Maker| Web Toster| ForumNasze serwisy: