Tworzenie kompozycji wielowarstwowej i eksport plików

W tej lekcji nauczysz się łączyć wiele elementów w jedną spójną grafikę reklamową oraz stworzyć prostą animację GIF.

Zadanie 1: Tworzenie obszaru roboczego

  • Cel: Przygotowanie bazy pod baner o wymiarach 850x250 px.

Jak to zrobić?

  1. Idź do menu: Plik -> Nowy....
  2. Wpisz szerokość 850 i wysokość 250 pikseli.
  3. Rozwiń sekcję Opcje zaawansowane.
  4. W polu Wypełnienie wybierz Przezroczystość.
  5. Zatwierdź przyciskiem OK.

Zadanie 2: Praca na warstwach

  • Cel: Budowa kompozycji z plików tlo_banera.png oraz logo.png (wyeksportowanego z poprzedniej lekcji jako logo_gotowe.png).

Jak to zrobić?

  1. Dodaj tło: Plik -> Otwórz jako warstwy... -> wybierz tlo_banera.png.
  2. Przeskaluj warstwę: Prawym na warstwę-> skaluj warstwę ... -> 850px szerokości w proporcji
  3. Dodaj logo: Plik -> Otwórz jako warstwy... -> wybierz logo_gotowe.png.
  4. Przeskaluj warstwę: Prawym na warstwę-> skaluj warstwę ... -> 200px wysokości w proporcji
  5. Ustaw kolejność warstw w panelu warstw – logo powinno znajdować się powyżej tła.

Wskazówka: Zawsze sprawdzaj, która warstwa jest zaznaczona w panelu warstw – GIMP edytuje tylko aktywną warstwę!

Zadanie 3: Tekst z efektem cienia

  • Cel: Dodanie przyciągającego uwagę napisu "PROMOCJA!".

Krok po kroku:

Krok 1: Dodanie tekstu
  1. Wybierz narzędzie Tekst – klawisz T.
  2. Kliknij w obszarze roboczym i wpisz PROMOCJA!.
  3. W panelu opcji ustaw:
  4. Czcionka: Arial Pogrubiona
  5. Rozmiar: dopasuj do banera (np. 60–80 px)
  6. Kolor: Czerwony
Krok 2: Dodanie cienia
  1. Upewnij się, że warstwa tekstowa jest aktywna.
  2. Idź do menu: Filtry -> Światło i cień -> Rzucany cień....
  3. Ustaw parametry:
  4. Przesunięcie X: 20
  5. Przesunięcie Y: 20
  6. Kolor: Czerwony
  7. Zatwierdź przyciskiem OK.

Zadanie 4: Zaawansowane przekształcenia

  • Cel: Nadanie perspektywy produktowi i dopasowanie tła.

Narzędzia i kolejność działań:

Narzędzie Skrót Zastosowanie
Perspektywa Shift + P Przeciągaj rogi warstwy, aby "położyć" produkt
Zakraplacz O Pobierz kolor z logotypu, aby zachować spójność marki
Wypełnienie Shift + B Stwórz tło za pomocą pobranego koloru

Jak użyć perspektywy?

  1. Zaznacz warstwę z produktem (produkt.png).
  2. Naciśnij Shift + P, aby aktywować narzędzie Perspektywy.
  3. Przeciągaj rogi siatki – dolne rogi do środka, aby uzyskać efekt "leżącego" produktu.
  4. Zatwierdź przyciskiem Przekształć.

Jak pobrać kolor zakraplaczem?

  1. Naciśnij O, aby aktywować Zakraplacz.
  2. Kliknij w obszar logotypu, aby pobrać jego kolor jako kolor pierwszoplanowy.
  3. Użyj pobranego koloru do wypełnienia wybranego obszaru (Shift + B).

Zadanie 5: Tworzenie animacji GIF

  • Cel: Połączenie 6 klatek z folderu animacja/ w ruchomy obrazek GIF.

Krok 1: Załadowanie klatek jako warstwy

  1. Otwórz pierwszą klatkę: Plik -> Otwórz... -> wybierz animacja/1.png.
  2. Dodaj kolejne klatki: Plik -> Otwórz jako warstwy... -> zaznacz pliki 2.png – 6.png (możesz zaznaczyć wszystkie naraz).
  3. W panelu warstw powinno znajdować się 6 warstw – każda to jedna klatka animacji.

Wskazówka: Kolejność warstw ma znaczenie – warstwa na dole panelu to pierwsza klatka animacji.

Krok 2: Eksport jako animowany GIF

  1. Idź do menu: Plik -> Wyeksportuj jako....
  2. Wpisz nazwę pliku z rozszerzeniem .gif (np. animacja.gif).
  3. Kliknij Wyeksportuj.
  4. W oknie opcji GIF zaznacz:
  5. Jako animacja
  6. Ciągłe powtarzanie
  7. Jedna klatka na warstwę (zastępowanie) – klatki nie będą się nakładać
  8. Ustaw Opóźnienie między klatkami: 400 ms.
  9. Zatwierdź przyciskiem Wyeksportuj.

Materiały: Link do folderu z plikami

Wróć do spisu lekcji