Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji
 
Szukanie zaawansowane



Galeria użytkownika homilian >> Zasady/Regulamin - WWW

Gotowe ;) autorstwa homilian
Gotowe ;)

Poprzedni obraz | Powrót do galerii Zasady/Regulamin - WWW | Następny obraz

Komentarz Autora:

Tablica z regulaminem


Opracowanie: Homilian
Poziom trudności: Średni







No więc...
Optymistyczny początek prawda? Ale do rzeczy tut ten ma pokazać jak łatwo można zrobić "Prolog" Strony WWW. W tym wypadku regulamin. Pingwin widoczny w prawym górnym rogu należy do Sordax'a

Tutorial napisany w wersji GIMPa 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



Gimp włączony? No to Start!

Orange Point 1. Najpierw szukamy tła. U mnie jest to Korek:




Lime Point 2. Tworzymy nowy obraz. O wymiarach np. 600x400.




Lime Point 3. Kasujemy warstwę "tło" i tworzymy nową przeźroczystą.




Lime Point 4. Wypełniamy warstwę naszym deseniem. Np. "Korek".

To chyba wszyscy wiedzą jak zrobić?


Lime Point 5. Tworzymy kolejną przeźroczystą warstwę i nadajemy jej nazwę Napisy.




Lime Point 6. Wydrapujemy jakieś napisy. można zrobić je na nowych warstwach i potem poobracać oraz połączyć razem  Mrugnięcie.


Lime Point 7. Warstwie napisy ustawiamy krycie na ok.30-40.


Lime Point 8. Teraz dodajemy kolejną czystą warstwę i nazywamy ja dekoracja.




Lime Point 9. Dodajemy tam jakiś mały obrazek.


Lime Point 10. Teraz wzorować się będę na tym Tutorialu:

Foto Polaroidowe + Plaster


Lime Point 11. Gdy już mamy gotowy mały obrazek obracamy go ładnie i zakotwiczamy.




Lime Point 12. Teraz tabelka.

Nowa warstwa oczywiście Mrugnięcie


Lime Point 13. Tu dalej stosujemy Tutorial aż do takiego efektu:




Lime Point 14. Nasz tekst powinien zawierać jakieś info lub regulamin, choć można użyć tabelki jaki boxa na newsy. Ja wybrałem regulamin:




Lime Point 15. Pineski.

Przeglądając forum spotykałem się z pytaniami jak zrobić pineskę? Tu pokażę jakie to proste Mrugnięcie


Lime Point 16. Na nowej warstwie tworzymy mały okrąg np. 10x10 zaznaczeniem epileptycznym Zaznaczenie eliptyczne


Lime Point 17. Wypełniamy je jakimś kolorem u mnie jest to: #64664e


Lime Point 18. Dajemy kolejne zaznaczenie teraz trochę mniejsze i na duplikacie poprzedniej.

Po czym ustawiamy krycie warstwy na ok.5-10. Powinno wyjść małe kółko z lekką poświatą


Lime Point 19. Powtarzamy tę operację aż osiągniemy zadowalający wynik.




Lime Point 20. Teraz duplikujemy tę warstwę i ustawiamy po bokach (obie pineski Mrugnięcie)


Lime Point 21. Następnie łączymy obie warstwy (obie pineski).

Klikamy na wyższej warstwie PPM1 i wybieramy połącz w dół
_______________________________________
1 Prawy Przycisk Myszki


Lime Point 22. Teraz klikamy na warstwie z pineskami i wybieramy "Filtry->Światło i cień->Rzucanie cienia..."

Parametry dopasowujemy wedle gustu


Lime Point 23. Prawie wszystko mamy gotowe teraz tylko nasz Button.




Lime Point 24. Tu stosujemy technikę NOSS'a.

Przycisk menu w stylu maca


Lime Point 25.Teraz łączymy wszystkie warstwy.

Patrz punkt: 21


Lime Point 26.Zaznaczamy Wszystko(CTRL+A)

"Zaznaczenie->Zaznacz wszystko"


Lime Point 27.Zmniejszamy zaznaczenie.

"Zaznaczenie->Zmniejsz..."


Lime Point 28.Tworzymy nowa warstwę. Odwracamy Zaznaczenie i  wypełniamy je deseniem

"Zaznaczenie->Odwróć"
"Teraz wypełniamy zaznaczenie jakimś deseniem (najlepiej drewnianym)
"Filtry->Rozmycie->Rozmycie Gaussa"

Z dowolnymi parametrami (np. 5x5)


Lime Point 29. Znów łączymy

Obie  warstwy


Lime Point 30.Obraz już mamy co dalej?


Lime Point 31.Pozostaje nam zrobić z tego Stronę Web

No to Jedziemy! (dobrze by było przed rozpoczęciem zapisać obraz jako img01.png i pracować na nim Mrugnięcie)


Lime Point 32.Mapa obrazu

 "Filtry->Sieć WWW->Image Map..."


Lime Point 33.Mapa obrazu c.d

Narzędziem "1" zaznaczamy obszar "2"



Lime Point 34.Adres?

Podajemy właściwy adres strony np. http://www.gimpuj.info/news.php


Lime Point 35.Zapis

Zapisujemy jako index.html


Lime Point Koniec



Dla bardziej zaawansowanych polecam przerobić go znacznikami w CSS'ie Mrugnięcie
Jeśli komuś przyda się ten Tutek do bardzo się ciesze Uśmiech

Cytuj
Zazwyczaj autorzy kończą tutorial czymś w stylu "Miłego GIMPowania Uśmiech" itp.

Ja też tak skończę:
Miłej pracy z Gimpem Wilber


Statystyki obrazu:

Autor: homilian
Dodano: 28.02.2008, 15:05:17
Odsłon: 1654
Rozmiar: 257.13kb
Wymiary: 600 x 400

Słowa kluczowe:
WWW web strona regulamin pomysl www gimp

Ocena: *****
przez 1 użytkowników (zobacz oceny).

Kody dla podlinkowania obrazka

galeria @ 05.03.2008, 23:03:16
ekhem... tutorial w galerii?
homilian galeria @ 06.03.2008, 15:41:54
Tak! Miałem go tu zamieścić to zamieściłem  <aniolek> (na forum tez jest w propozycjach)
Calii galeria @ 09.06.2008, 22:05:40
Cieszę się, że instrukcja została utrwalona. Uśmiech Pomóc może w odpowiedzi na przykład na pytanie o robienie hiperłącza na obrazku. Uśmiech 2 Mogę skorzystać z gotowca, zamiast się rozpisywać wtórnie
homilian galeria @ 09.06.2008, 22:08:47
Calii wydaje mi sie iż niezbyt Cię rozumiem  Mrugnięcie

@EDIT: Teraz wszystko jasne
Ostatnio edytowane pzez: homilian 09.06.2008, 22:15:58