Gimp - ćwiczenia 3

Przykłady
Zadania polegają na stworzeniu obrazków o rozmiarach 480x320px przedstawionych poniżej.
Tworzenie obrazu składa się z trzech etapów. Należy zwracać uwagę na kolejność warstw.
Przykład 1
Etap I
Na poszczególnych warstwach mają się znajdować ziemia, niebo,
chmury, słońce i droga. Uwagi: Słońce ma nieco "przebijać się" przez
chmury. Ziemia ma być warstwą o rozmiarach obrazu i w całości
wypełnioną kolorem zielonym. Chmury powinny być rozmyte na
brzegach.
Etap II
Na oddzielnych warstwach powinny się znajdować: znak, cień znaku i trawa. Uwagi: Znak ma wyglądać
dokładnie jak na obrazku: ma być nieco pochylony a wewnątrz znaku ma być czarne obramowanie. Cień
powinien być nieco przezroczysty, o rozmytych brzegach oraz powinna być zastosowana dla niego
perspektywa. Żeby narysować trawę należy stworzyć tylko jedną kępkę, a następnie poprzez kopiowanie,
skalowanie oraz odbijanie powinna być umieszczona na całej widocznej części ziemi.
Etap III
Na oddzielnych warstwach powinny się znajdować: bilboard oraz jego cień. Uwagi: Na bilboardzie powinien
się znajdować cały dotychczas utworzony obraz wraz z napisem podobnym do przykładowego. Cień
bilboardu może być narysowany w całości ręcznie, bądź też może go w ogóle nie być.
Wykonanie
1.
2.
3.
4.
Ziemia to warstwa, w całości zamalowana zielonym kolorem.
Na kolejnej warstwie wypełniamy na niebiesko prostokąt, który będzie niebem.
Słońce powstaje poprzez wypełnienie rozmytego zaznaczenia eliptycznego.
Następna warstwa zawiera chmury, które powstają poprzez wypełnienie rozmytych zaznaczeń
zdefiniowanych przy pomocy krzywych Bezier′a.
5. Dobrym sposobem zrobienia drogi jest następujący: Na jednej warstwie rysujemy "połowę" drogi na
wysokość ziemi (lub wyższą) oraz na jego jednym boku rysujemy biały pas. Robimy duplikat
warstwy, odbijamy ją w poziomie, ustawiamy tak aby obydwie warstwy tworzyły drogę oraz scalamy.
6. Jeden element trawy należy zrobić przy pomocy zamkniętej krzywej Bezier′a o następujących
przykładowych punktach zaczepienia: (37,147), (46, 147), (46, 133), (75, 126), (37, 133). Każdy z
tych punktów, za wyjątkiem trzeciego, jest ostry, tzn. punkty kontrolne pokrywają się z punktami
zaczepienia. Współrzędne punktów kontrolnych dla trzeciego punktu mogą być odpowiednio równe
(41, 113) i (36, 100). Z temu podobnych elementów tworzymy jedną kępkę trawy. Następnie przy
pomocy zwykłego kopiowania, wklejania, a także odpowiedniego skalowania umieszczamy resztę
trawy na obrazie. Oczywiście, trawa powinna być tym mniejsza, im dalej jest położona od
obserwatora.
7. Znak to oczywiście słupek :) i tabliczka. Aby zrobić tabliczkę, tworzymy zaznaczenie prostokątne z
promieniem wygładzania ustawionym, powiedzmy, na 10. Wyostrzamy zaznaczenie, wypełniamy
kolorem białym, zmniejszamy zaznaczenie o 3px, wypełniamy kolorem czarnym, zmniejszamy
zaznaczenie o 2px, wypełniamy kolorem białym, tabliczka gotowa. Umieszczamy napis, który razem z
całym znakiem powinien być na jednej warstwie. Robimy zaznaczenie z kanału alfa, które lekko
wygładzamy, tworzymy nową warstwę i wypełniamy zaznaczenie na czarno, tworząc tym samym jego
cień. Ustawiamy przezroczystość tej warstwy na ok. 50%. Przy pomocy narzędzi transformacji i
odbijania umieszczamy w odpowiedni sposób zarówno znak jak i jego cień. Pamiętamy, iż
perspektywa ma być zadana w taki sposób, aby dłuższy bok jej podstawy był niżej (tj. bliżej
obserwatora).
8. Bilboard jest kopią dotychczas utworzonego obrazu, którą można dostać na oddzielnej warstwie
korzystając z narzędzi Edycja->Skopiuj widoczne oraz Wklej. Odpowiednio przekształcamy warstwę,
pamiętając, aby dolna krawędź bilboardu była prawie równoległa do krawędzi drogi. Aby utworzyć
obramowanie, definiujemy zaznaczenie z kanału alfa, powiększamy je o 1px. i wypełniamy na
czerwono na oddzielnej warstwie, którą umieszczamy pod bilboardem. Można je dodatkowo
spłaszczyć. Pozostały do zrobienia jeszcze nóżki.
Przykład 2
Etap I
Na poszczególnych warstwach mają się znajdować ściany (każda na
osobnej), podłoga i napis.
Etap II
Na oddzielnych warstwach powinny się znajdować: nowa podłoga oraz
cień. Uwagi: cień ma być na tyle długi, aby mógł "łamać się" w miejscu
nachodzenia na ścianę. Powinien być nieco rozmyty. Kafelki mają być
utworzone poprzez przekształcenie zwykłej siatki kwadratów o
rozmiarach 50x50 pikseli.
Etap III
Na oddzielnych warstwach powinny znaleźć się: obraz i cień. Uwagi: Obraz na ścianie jest dokładną kopią
obrazu utworzonego prze nas. Powinien być obramowany. Cień znajdujący się pod obrazem powinien być
nieco rozmyty.
Wykonanie
1. Podłoga to warstwa w całości wypełniona białym kolorem, tylna ściana, to mniej-więcej połowa
podłogi, natomiast ścianę boczną można utworzyć poprzez pochylenie wypełnionego prostokąta lub
poprzez wypełnienie zaznaczenia utworzonego krzywymi Bezier′a. Napis oczywiście na oddzielnej
warstwie.
2. Aby stworzyć kafelki postępujemy w następujący sposób: Na nowej warstwie wypełniamy czarnym
kolorem kwadrat o rozmiarach 50x50px. Nie pozbywamy się zaznaczenia, ale przesuwamy je tak, aby
nie nachodziło na dotychczas namalowany kwadrat. Wypełniamy je kolorem białym. Postępujemy
podobnie jeszcze dwukrotnie, tworząc kolejny biały i czarny kwadrat. Ustawiamy je na warstwie w
kratkę. Przypominam, iż jeśli mamy już oderwane zaznaczenie, to jego precyzyjne ustawienie (przy
pomocy klawiszy strzałek) umożliwia narzędzie Przesuwanie. Mając tak utworzoną warstwę, robimy
jej duplikat, dostawiamy do poprzedniej warstwy w odpowiedni sposób oraz scalamy. Postępujemy w
ten sposób, aż do momentu, kiedy utworzymy całą podłogę. Ostatnią czynnością jest nadanie jej
odpowiedniej perspektywy.
3. Aby utworzyć cień napisu, definiujemy zaznaczenie z kanału alfa dla warstwy zawierającej tekst. Bez
rozmywania, wypełniamy je na nowej warstwie. Wypełnienie to dzielimy w dwie poziomie na części.
Do pierwszej części stosujemy perspektywę, uważając, aby krawędzie trapezu były równoległe do
kafelków na podłodze. Drugą część odpowiednio skalujemy, aby długość jej dolnej krawędzi była
równa długości górnej krawędzi pierwszej części.
4. Obraz robimy podobnie jak bilboard z pierwszego zadania.