Do stworzenia grafik na strony internetowe, a także całych projektów stron, możesz z powodzeniem wykorzystać program GIMP. Ma on wszystkie niezbędne funkcje i doskonale nadaje się zarówno do tworzenia dowolnych grafik dla stron internetowych jak i do obróbki zdjęć cyfrowych.

Z kursu dowiesz się, jak przy pomocy Gimpa wykonać różne elementy graficzne często wykorzystywane na stronach internetowych. Nauczysz się tworzyć ładnie wyglądające napisy, różnego rodzaju tła, przyciski oraz elementy nawigacji. Dowiesz się, jak zainstalować dodatkowe pędzle i jak wykonywać przydatne desenie. W trakcie kursu poznasz filtry umożliwiające uzyskiwanie ciekawych efektów jednym kliknięciem oraz wiele różnych technik, które są niezbędne podczas pracy w Gimpie. Kurs demonstruje również poszczególne etapy projektowania wyglądu strony WWW, a także sposoby uzyskania obrazów niezbędnych do jej wykonania. Gotowa strona stworzona na bazie projektu znajduje się wśród materiałów dostarczonych z kursem.

Kurs składa się z 42 filmów instruktażowych o łącznej długości ponad 2,5 godzin i jest przeznaczony dla początkujących użytkowników Gimpa.

NAJWAŻNIEJSZE ZAGADNIENIA:

    uzyskiwanie efektownych napisów i grafik prostymi metodam

    przydatne filtry, funkcje i techniki

    instalacja pędzli i wtyczek

    tworzenie teł, elementów nawigacji

    ikony ulubionych i animacje GIF

    projekt strony internetowej

SPIS TREŚCI:

1. Wstęp – Krótka informacja o treści kursu. (00:45 min)

2. Napis w stylu Web 2.0 – Gradientowy napis w stylu Web 2.0. (06:00 min)

3. Odbicie w podłożu – Odbicie napisu w podłożu. (04:45 min)

4. Kratkowane tło – Tworzenie obrazu dla uzyskania tła w postaci drobnej kratki. (03:07 min)

5. Tło z ukośnych linii – Obrazek dla uzyskania tła w postaci ukośnych pasków. (03:46 min)

6. Własny deseń – Tworzenie dowolnych deseni do użycia jako tło na stronie internetowej. (01:22 min)

7. Instalacja pędzli – Instalacja dodatkowych pędzli. (03:51 min)

8. Powierzchnie i tła – Tworzenie teł i powierzchni gradientowych i nieregularnych. (05:27 min)

9. Obracanie pędzla – Obracanie pędzla o kąt 90 stopni. (04:23 min)

10. Nieregularne tło – Wykorzystanie filtrów do stworzenia nieregularnego tła. (03:11 min)

11. Fale – Rysowanie falistych linii. (02:00 min)

12. Promienie – Tworzenie promieni. (04:16 min)

13. Gwiazdki i wielokąty – Rysowanie figur geometrycznych. (03:24 min)

14. Pozycjonowanie elementów – Pozycjonowanie warstw i prowadnic. (03:48 min)

15. Cień – Dodawanie cienia do elementów. (03:25 min)

16. Zaokrąglone narożniki – Tworzenie zaokrąglonych narożników i postrzępionej krawędzi. (02:23 min)

17. Znak wodny – Wykonanie znaku wodnego (03:41 min)

18. Obrazek w napisie – Umieszczenie fragmentu obrazu wewnątrz napisu. (03:13 min)

19. Przycisk w stylu Vista – Wykonanie przycisku w stylu Windows Vista. (08:03 min)

20. Błyszczący przycisk – Wykonanie błyszczącego przycisku. (05:24 min)

21. Element nawigacji poziomej – Tworzenie zakładek jako elementów nawigacji poziomej. (02:46 min)

22. CSS Sprites – Zapisanie dwóch stanów elementu nawigacji w jednym obrazie. (04:08 min)

23. Element nawigacji pionowej cz. 1 – Tworzenie przycisku do wykorzystania w menu pionowym. (03:26 min)

24. Element nawigacji pionowej cz. 2 – Dodatkowe elementy na przycisku. (03:41 min)

25. Animowany GIF – Tworzenie animowanego obrazu GIF. (03:51 min)

26. Opcje animacji – Możliwości sterowania animacją w pliku GIF. (06:01 min)

27. Czcionki i teksty – Czcionki i elementy tekstowe na stronach WWW. (03:12 min)

28. Kolory – Sposoby doboru kolorów dla strony internetowej. (04:34 min)

29. Szerokość strony WWW – Ustalanie układu i szerokości strony internetowej. (03:52 min)

30. Nagłówek – Tworzenie nagłówka i logo strony. (04:18 min)

31. Tło dla prawej kolumny – Wykonanie tła z zaokrąglonymi narożnikami dla kolumny. (07:30 min)

32. Nawigacja – Nawigacja pionowa dla strony WWW. (05:52 min)

33. Treści i inne elementy strony – Uzupełnienie projektu o przykładowe treści i inne elementy. (06:26 min)

34. Wypunktowanie listy – Wykonanie własnego wypunktowania dla listy. (02:48 min)

35. Gilotynowanie – Pierwszy sposób dzielenia projektu na poszczególne elementy graficzne. (02:57 min)

36. Rozcinanie – Drugi sposób wyodrębniania elementów graficznych strony. (04:01 min)

37. Obrazek do nawigacji – Wykonanie obrazu do nawigacji. (04:05 min)

38. Struktura strony – Struktura elementów DIV dla stworzonego projektu strony WWW. (03:26 min)

39. Kod strony – Omówienie najważniejszych fragmentów kodu strony. (03:19 min)

40. Firebug – Manipulowanie kodem strony za pomocą dodatku Firebug. (01:47 min)

41. Favicon – Tworzenie ikony ulubionych i dodanie jej do strony. (02:33 min)

42. Zapisywanie dla internetu – Instalacja wtyczki Zapisz dla internetu. (02:48 min)