Strona 1 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Kopiuj-wklej, czyli kompozycje wielowarstwowe
Włodzimierz Gajda
Jedna z podstawowych technik tworzenia projektów graficznych polega na łączeniu elementów pochodzących z róŜnych zdjęć w jedną całość. Z kilku fotografii wycinamy fragmenty, a następnie umieszczamy je w projektowanym obrazie. W programie GIMP wykorzystujemy do tego dobrze znaną technikę kopiuj-wklej. Ilustracje tworzone w ten sposób będą się składały z wielu warstw. KaŜda warstwa jest osobnym obrazem i moŜe być przekształcana
niezaleŜnie.
1 lutego 2006 r.
Spis treści
1. Ćwiczenie 1: „Grzyb”
1.1 Ćwiczenie 1, Krok 1 1.2 Ćwiczenie 1, Krok 2 1.3 Ćwiczenie 1, Krok 3 1.4 Ćwiczenie 1, Krok 4 1.5 Ćwiczenie 1, Krok 5 2. Ćwiczenie 2: „Malina”
2.1 Ćwiczenie 2, Krok 1 2.2 Ćwiczenie 2, Krok 2 2.3 Ćwiczenie 2, Krok 3 2.4 Ćwiczenie 2, Krok 4
2.7 Ćwiczenie 2, Krok 7 2.8 Ćwiczenie 2, Krok 8 3. Ćwiczenie 3: „Koła”
3.1 Ćwiczenie 3, Krok 1 3.2 Ćwiczenie 3, Krok 2 3.3 Ćwiczenie 3, Krok 3 3.4 Ćwiczenie 3, Krok 4 3.5 Ćwiczenie 3, Krok 5 4. Ćwiczenie 4: „Samochody”
4.1 Ćwiczenie 4, Krok 1 4.2 Ćwiczenie 4, Krok 2 4.3 Ćwiczenie 4, Krok 3 4.4 Ćwiczenie 4, Krok 4 4.5 Ćwiczenie 4, Krok 5 5. Ćwiczenie 5: „Kompozycja”
5.1 Ćwiczenie 5, Krok 1 5.2 Ćwiczenie 5, Krok 2 5.3 Ćwiczenie 5, Krok 3 5.4 Ćwiczenie 5, Krok 4 5.5 Ćwiczenie 5, Krok 5 6. Ćwiczenie 6: „Koniczyna”
6.1 Ćwiczenie 6, Krok 1 6.2 Ćwiczenie 6, Krok 2 6.3 Ćwiczenie 6, Krok 3 6.4 Ćwiczenie 6, Krok 4 6.5 Ćwiczenie 6, Krok 5 7. Dalsze przykłady
7.1 Mitsubishi
Strona 3 Kopiuj-wklej, czyli kompozycje wielowarstwowe
7.2 Armia
Rysunek 1. Narzędziówka programu GIMP
Na rysunku zaznaczono następujące narzędzia:
A - Zaznaczanie obszarów prostokątnych B - Przesuwanie warstw i zaznaczeń C - Skalowanie warstwy lub zaznaczenia
1. Ćwiczenie 1: „Grzyb”
Rysunek 2. Zaczynamy od tego obrazu
Strona 5 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 3. Otrzymujemy ten obraz
1.1 Ćwiczenie 1, Krok 1
Rysunek 4.
Po uruchomieniu programu GIMP z menu głównego wybieramy opcjęPlik →→→→ Otwórzi otwieramy plik grzyb.jpg. Następnie wyświetlamy okno przedstawiające warstwy obrazu. SłuŜy do tego opcja:Okna dialogowe →→→→ Warstwydostępna w menu głównym obrazu.
Strona 7 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 5. Menu główne obrazu. Wybór opcjiOkna dialogowe →→→→ Warstwy
1.2 Ćwiczenie 1, Krok 2
Rysunek 6.
Z narzędziówki wybieramyZaznaczanie obszarów prostokątnych. Na rysunku zaznaczamy prostokąt obejmujący całego grzyba. Jeśli wykonane zaznaczenie jest nieodpowiednie, usuwamy je i próbujemy ponownie. Do usuwania zaznaczenia słuŜy operacjaZaznaczenie →→→→ Brakdostępna w menu głównym obrazu.
Podstawowe narzędzia zaznaczania posiadają następujące skróty klawiszowe:
r - selekcja prostokątna, e - selekcja eliptyczna, f - selekcja odręczna,
z - zaznaczanie podobnych obszarów.
Strona 9 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Natomiast do usuwania zaznaczenia słuŜy skrót Ctrl+Shift+A.
1.3 Ćwiczenie 1, Krok 3
Rysunek 7.
Zaznaczonego grzyba kopiujemy i wklejamy. Wykorzystujemy do tego opcje menuEdycja →→→→ Kopiujoraz Edycja →→→→ Wklejlub standardowe skróty klawiszowe Ctrl+C, Ctrl+V. Po wykonaniu wklejania wygląd obrazu nie zmieni się, ale w oknie warstw pojawi się nowa warstwa o nazwieOderwane zaznaczenie (wklejona warstwa).
1.4 Ćwiczenie 1, Krok 4
Rysunek 8.
Oderwane zaznaczenie przekształcamy w nową warstwę. W tym celu naleŜy nacisnąć przyciskNowa warstwa znajdujący się u dołu okna dialogowegoWarstwy. Przycisk ten został na rysunku oznaczony literą A. Po naciśnięciu przycisku obraz zostanie wzbogacony o nową warstwę o nazwieWklejona warstwa.
1.5 Ćwiczenie 1, Krok 5
Ostatnim krokiem jest przesunięcie wklejonego grzyba na bok. Z narzędziówki wybieramyPrzesuwanie warstw i zaznaczeń. Następnie stosując technikę ciągnij-upuść łapiemy myszką wklejonego grzybka i przesuwamy na bok. Otrzymany obraz zapisujemy do plikugrzyb.xcf.
2. Ćwiczenie 2: „Malina”
Strona 11 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 10. Zaczynamy od tego obrazu
Rysunek 11. Otrzymujemy ten obraz
2.1 Ćwiczenie 2, Krok 1
Strona 13 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 12.
Po otworzeniu plikumalina.jpgprzechodzimy do okna warstw (Ctrl+L). Początkowo obraz zawiera jedną warstwę o nazwieTło.
2.2 Ćwiczenie 2, Krok 2
Rysunek 13.
NarzędziemZaznaczanie obszarów prostokątnychzaznaczamy malinę.
2.3 Ćwiczenie 2, Krok 3
Strona 15 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 14.
Zaznaczony fragment kopiujemy, a następnie wklejamy. Korzystamy ze skrótów klawiszowych Ctrl+C, Ctrl+V. W oknie warstw powinniśmy ujrzeć nową warstwę o nazwieOderwane zaznaczenie (wklejona warstwa).
2.4 Ćwiczenie 2, Krok 4
Rysunek 15.
WklejoneOderwane zaznaczeniezamieniamy w warstwę. Naciskamy poznany juŜ przyciskNowa
warstwadostępny u dołu okna dialogowegoWarstwy. Oderwane zaznaczenie zostanie zamienione w warstwę o nazwieWklejona warstwa.
2.5 Ćwiczenie 2, Krok 5
Rysunek 16.
Wykorzystując narzędziePrzesuwanie warstw i zaznaczeń przesuwamy wklejoną malinę na bok.
2.6 Ćwiczenie 2, Krok 6
Strona 17 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 17.
Teraz powielamy wklejoną malinę. W oknie warstw naciskamy przyciskUtworzenie duplikatu warstwy.
Przycisk ten zaznaczono na rysunku literą A. W obrazie pojawi się kolejna warstwa o nazwiekopia: Wklejona warstwa.
Duplikowanie warstwy działa w odniesieniu do warstwy aktywnej, czyli zaznaczonej niebieskim podświetleniem w oknie warstw, tak jak to widać w na przykład w kroku 4.
Jeśli w oknie warstw zaznaczymy warstwę tło, to przycisk Utworzenie duplikatu warstwy spowoduje utworzenie kopii tła, a nie o to nam chodzi.
2.7 Ćwiczenie 2, Krok 7
Rysunek 18.
Wklejony duplikat przesuwamy na bok.
2.8 Ćwiczenie 2, Krok 8
Strona 19 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 19.
W podobny sposób jeszcze dwukrotnie duplikujemy małą warstwę przedstawiającą wyciętą malinę. Zduplikowane warstwy rozsuwamy na boki. Końcowy obraz zapisujemy w plikumalina.xcf.
3. Ćwiczenie 3: „Koła”
Rysunek 20. Zaczynamy od tego obrazu
Rysunek 21. Otrzymujemy ten obraz
3.1 Ćwiczenie 3, Krok 1
Strona 21 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 22.
Tworzymy nowy obraz o wymiarach 800×300 pikseli. W oknie dialogowymPlik →→→→ Nowypodajemy wymiary obrazu.
3.2 Ćwiczenie 3, Krok 2
Rysunek 23.
Otwieramy obrazkolo.xcf. Plik ten zawiera zdjęcie koła samochodu wycięte z większej fotografii. W pliku kolo.xcfzapisany jest obraz koła oraz zaznaczenie obejmujące całe koło, bez zbędnych detali. W pliku nie ma warstwy tła. W takim przypadku GIMP wyświetla szarą szachownicę. Zaznaczone koło kopiujemy do schowka, naciskając klawisze Ctrl+C.
3.3 Ćwiczenie 3, Krok 3
Strona 23 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 24.
Przechodzimy do nowoutworzonego obrazu o wymiarach 800×300 i wykonujemy operację wklejania (Ctrl+V). Koło, które znajdowało się w schowku, zostanie umieszczone w obrazie jakoOderwane zaznaczenie. Przechodzimy do okna warstw (Ctrl+L) i przekształcamy oderwane zaznaczenie w nową warstwę.
3.4 Ćwiczenie 3, Krok 4
Rysunek 25.
Warstwę zawierającą koło duplikujemy. Duplikat przesuwamy na bok. Wykorzystujemy do tego przycisk
Utworzenie duplikatu warstwyz okna dialogowegoWarstwyoraz narzędziePrzesuwanie warstw oraz zaznaczeń.
3.5 Ćwiczenie 3, Krok 5
Rysunek 26.
Tworzymy jeszcze dwa duplikaty warstwy z kołem. Otrzymane cztery koła umieszczamy obok siebie. Gotowy obraz zapisujemy do plikukola.xcf. Obraz ten zawiera pięć warstw.
Strona 25 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 27. Pięć warstw obrazu przedstawiającego cztery koła. Jedną z warstw jest białe tło
4. Ćwiczenie 4: „Samochody”
Rysunek 28. Zaczynamy od tego obrazu
Strona 27 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 29. Otrzymujemy ten obraz
4.1 Ćwiczenie 4, Krok 1
Rysunek 30.
Tworzymy nowy obraz o wymiarach 600×450 pikseli.
4.2 Ćwiczenie 4, Krok 2
Rysunek 31.
Otwieramy obrazmitshubishi.xcf. Podobnie jak koło z poprzedniego przykładu, plik ten zawiera wycięty samochód przygotowany do kopiowania. Naciskając klawisze Ctrl+C kopiujemy obraz do schowka.
4.3 Ćwiczenie 4, Krok 3
Strona 29 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 32.
Przechodzimy do czystego obrazu i wklejamy samochód. Oderwane zaznaczenie umieszczamy na nowej warstwie.
4.4 Ćwiczenie 4, Krok 4
Rysunek 33.
Warstwę z samochodem czterokrotnie duplikujemy i przesuwamy w naroŜniki.
4.5 Ćwiczenie 4, Krok 5
Strona 31 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 34.
Na zakończenie zmieniamy nazwy warstw. W tym celu naleŜy podwójnie kliknąć nazwę warstwy w oknie dialogowym warstw. Gotowy obraz zapisujemy do plikuauta.xcf.
5. Ćwiczenie 5: „Kompozycja”
Rysunek 35. Zaczynamy od tych dwóch obrazów
Strona 33 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 36. Otrzymujemy ten obraz
5.1 Ćwiczenie 5, Krok 1
Rysunek 37.
Tworzymy nowy obraz o wymiarach 800×600 pikseli. Posługujemy się szablonem zaznaczonym na rysunku literą A.
5.2 Ćwiczenie 5, Krok 2
Rysunek 38.
Otwieramy obrazkolo.xcfi kopiujemy go do schowka.
5.3 Ćwiczenie 5, Krok 3
Strona 35 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 39.
Wracamy do pustego obrazu i wklejamy koło, umieszczając je na osobnej warstwie.
5.4 Ćwiczenie 5, Krok 4
Rysunek 40.
Otwieramy obrazmitshubishi.xcfi kopiujemy wycięte zdjęcie samochodu do schowka.
5.5 Ćwiczenie 5, Krok 5
Strona 37 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 41.
Ponownie wracamy do pustego obrazu. Wklejamy zawartość schowka, tym razem będzie to zdjęcie samochodu.
Wklejony samochód umieszczamy na osobnej warstwie.
Rysunek 42.
Zmieniamy nazwy warstw, po czym obraz zapisujemy do plikukompozycja.xcf.
6. Ćwiczenie 6: „Koniczyna”
Rysunek 43. Zaczynamy od tego obrazu
Strona 39 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 44. Otrzymujemy ten obraz
6.1 Ćwiczenie 6, Krok 1
Rysunek 45.
Otwieramy obrazkoniczyna.jpgi posługując się selekcją prostokątną zaznaczamy kwiat.
6.2 Ćwiczenie 6, Krok 2
Strona 41 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 46.
Zaznaczony fragment kopiujemy i wklejamy na osobną warstwę. Nowo dodaną warstwę nazywamy kwiat i wybieramy ją by była aktywna (informuje nas o tym niebieskie podświetlenie w oknie warstw).
6.3 Ćwiczenie 6, Krok 3
Rysunek 47.
Przechodzimy do okna głównego GIMP-a i wybieramy narzędzieSkalowanie warstwy lub zaznaczenia.
Po kliknięciu w obraz pojawi się okno dialogowe umoŜliwiające przeskalowanie aktywnej warstwy. Ustalamy nową szerokość warstwy na 150 pikseli.
6.4 Ćwiczenie 6, Krok 4
Rysunek 48.
Podczas skalowania widok warstwy ulega zmianie.
6.5 Ćwiczenie 6, Krok 5
Strona 43 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 49.
Otrzymaną warstwę duplikujemy czterokrotnie. Warstwy z małym kwiatkiem nazywamykwiat 1,kwiat 2, itd.
Rysunek 50.
7. Dalsze przykłady
7.1 Mitsubishi
Strona 45 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 51. Zaczynamy od tego obrazu
Rysunek 52. Otrzymujemy ten obraz
7.2 Armia
Rysunek 53. Zaczynamy od tego obrazu
Strona 47 Kopiuj-wklej, czyli kompozycje wielowarstwowe
Rysunek 54. Otrzymujemy ten obraz
lp. Przykład
1. Grzyb 2. Malina 3. Koło 4. Auta 5. Kompozycja 6. Koniczyna 7. Mitshubishi 8. Armia
Tabela 1. Przykłady do pobrania