Tła pod prezentację produktów
Tutorial
Tutorial napisany w wersji GIMP 2.8. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
Zaczynamy 1. Zaczynamy od utworzenia nowego obrazu wypełnionego kolorem czarnym
#000000 (rozmiar np. 1024x768 px).
2. Tworzymy dwa miękkie światła za pomocą filtra "
Efekty świetlne" (
Fitry -> Światło i cień -> Efekty świetlne).
3. Otwieramy okienko tego filtra i przechodzimy na zakładkę "
Światło".
Uwaga: u mnie, w GIMP-ie, w wersji 2.8.2, musiałem sobie wybrać
Typ, aby reszta kontrolek w okienku odświeżyła się prawidłowo. W sumie bardzo to chyba nie będzie przeszkadzało, jeśli się tego typu nie wybierze.
Wybieramy "
Typ" jako "
Punktowe". Na okienku podglądu przesuwamy niebieską kropkę na środek poziomy ekranu i bliżej górnej krawędzi. Można też wpisać współrzędne bezpośrednio w kontrolki na okienku. Zwiększamy też nieco "
Intensywność". Zgodnie z autorem oryginału używam żółtawo-zielonego koloru.
Moje wartości:
- Typ: "Punktowe"
- Kolor: #E9FFC6
- Intensywność: 1,10
- Oś X: 0,46
- Oś Y: -0,43
- Z: 1,00
Nie zamykamy jeszcze okienka.
4. Wybieramy z listy "
Światło 2". Tym razem wybieramy
Typ:
Kierunkowy, Ustawiamy punkt na środku w poziomie, ale bliżej dolnej krawędzi. Wybierzmy taki żółto pomarańczowy kolor.
Użyte przeze mnie wartości:
- Typ: Kierunkowe
- Kolor: #f4e9cb
- Intensywność: 1,30
- X: -0,01
- Y: 0,75
- Z: 1,00
5. Przechodzimy na zakładkę "
Opcje". "
Odległość" ustawiamy na jakieś
0,800. To spowoduje powiększenie obszaru oświetlonego przez nasze, wcześniej zdefiniowane światła. Sprawi też, iż oba lekko się zmieszają na środku.
Tło jest już skończone.
6. Wklejamy jako nową warstwę obiekt, który chcemy zaprezentować (
Plik -> Otwórz jako warstwy). Zakładam, że będzie to plik już wcześniej przygotowany, z przeźroczystym tłem i na jednej warstwie dla ułatwienia.
7. Dodamy teraz odbicie obiektu. Robimy to przez zdublowanie warstwy z obiektem (prawym przyciskiem myszy na warstwę i wybieramy opcję "
Duplikuj warstwę").
8. Nową warstwę (powinna mieć słowo "kopia" w nazwie)
odbijamy pionowo:
Warstwa -> Przekształcenie -> Odbij pionowo.
9. Następnie za pomocą narzędzia
Przesunięcie 
[M], umieszczamy nową warstwę pod jej oryginałem.
10. Zmniejszamy
Krycie warstwy-kopii, za pomocą suwaka znajdującego zwykle się nad listą warstw (ja zmniejszyłem do około
30%).
11. Dodajemy tekst (
Tekst [T]). Ja, wzorem autora, użyłem czcionki
Exo.
12. Możemy zwiększyć nasycenie tła. Wybieramy warstwę
Tło i opcję:
Kolory -> Barwa i nasycenie. Przesuwamy wskaźnik
Nasycenia na wartość około
65.
I gotowe:
Kilka dodatkowych uwag:
14. Jeśli nie przepadasz za wyraźnymi granicami kolorów, możesz całość warstwy
Tło rozmyć za pomocą opcji
Warstwa -> Rozmycie -> Rozmycie Gaussa. A wartość rozmycia ustawić na około
150 pikseli.
15. Tworzenie cienia pod obiektem (uwaga: ten sposób być może niezbyt nadaje się dla prezentacji przedmiotów okrągłych - ja na moim przykładzie właśnie dlatego nie użyłem cienia, a rysunek z tego punktu został zapożyczony z oryginału):
- Tworzymy nową przeźroczystą warstwę (nazwijmy ją np. Cień).
- Wybieramy narzędzie Zaznaczenia prostokątnego
[R]. - Rysujemy go tak jak pokazano, pod obiektem prezentacji, na szerokość obiektu.
- Zaznaczenie wypełniamy kolorem czarnym #000000 (np. przeciągając ten kolor na zaznaczenie, lub Kubełkiem
[Shift+B]). - Usuwamy zaznaczenie Zaznaczenie -> Brak.
- Wybieramy Filtry -> Rozmycie -> Rozmycie Gaussa i ustawiamy na 15 pikseli.
- Przesuwamy rezultat w odpowiednie miejsce za pomocą Przesunięcia M.
16. Dodanie rozjaśnienia na przedmiot:
- Wybierz warstwę z obiektem
- Potraktuj ją filtrem: Światło i cień -> Rzucanie cienia (uwaga: możliwe, że pomimo polskiej wersji językowej GIMP-a, będziecie mieć ten filtr nazwany po angielsku: Drop Shadow). Ustawiamy: Przesunięcie X (Offset X) i Przesunięcie Y (Offset Y) na 0, Rozmycie (Blur radious) na 120px i Krycie (Opacity) na 100 (Kolor zostawić domyślny: #000000).
- W efekcie ostatniego kroku utworzy się nowa warstwa (domyślnie, niezależnie od wersji językowej, powinna się nazywać: Drop shadow). Klikamy na nią i zmieniamy Tryb dla tej warstwy na Wydobycie ziarna.
Część II
1. Podczas gdy pierwsze tło było płynne i dwukolorowe, następne będzie charakteryzowało się skoncentrowanymi punktami światła.
Rozpoczynamy nową pracę.
2. Ustawiamy kolory: Biały kolor
#FFFFFF jako pierwszoplanowy, czarny
#000000 jako tło). Na odwrót niż to jest domyślnie.
3. Wybieramy narzędzie
Gradient 
L. W jego opcjach ustawiamy
Kształt jako
Promienisty.
4. Przeciągamy jedną prostą linię od środka ekranu, a kończymy na zewnątrz pracy.
5. Tak otrzymaną warstwę
Tło duplikujemy (powstaje warstwa nazwana:
kopia: Tło).
6. Na warstwie
kopia: Tło przeprowadzamy transformację. Wybieramy narzędzie
Skalowanie 
[Shift+T] i klikamy na obrazku.
Powinien zaznaczyć się cały obraz. Przeciągając górny, środkowy punkt kontrolny, zmniejszamy naszą drugą warstwę do około jednej trzeciej swego rozmiaru (
Wysokość na
257px).
7. Wracamy do warstwy
Tło: transformujemy ją tak, aby wypełniła 2/3 obrazu (powyżej warstwy
kopia: Tło).
8. Klikamy prawym przyciskiem myszy na stos warstw i wybieramy opcję (
Warstwa ->Nowa z widoku). Utworzy się warstwa
Widoczny. Ustawiam ją na szczycie.
9. Dzięki filtrowi
Kolor -> Barwienie, nadajemy jej kolor jaki chcemy.
10. Jeśli pracujesz na trybie 8 bitów na kanał (GIMP 2.8 jeszcze nie obsługuje większych kanałów) możesz stwierdzić, że przejścia koloru w niektórych miejscach nie wyglądają zbyt ciekawe.
Aby się tego pozbyć użyj opcji:
Filtry -> Rozmycie -> Rozmycie ruchu..., z parametrami:
Długość: 100,
Kąt: 180°.
Powtórz tę opcję, ale tym razem
Kąt ustaw na 0°. Powinno być lepiej.
11. Przesuń warstwę
Widoczny na spód listy warstw.
12. Obie warstwy:
Tło i
kopia: Tło należy poddać działaniu filtra:
Rozmycie -> Pikselizuj. Parametry tego filtra ustawiamy na:
Szerokość piksela: 64 i
Wysokość piksela: 1. Pamiętajcie, żeby kliknąć w ikonkę łańcucha (aby móc wpisać dwie różne liczby).
13. Obu warstwom zmieniamy tryb na
Miękkie światło.
14. Za pomocą narzędzia
Perspektywa 
Shift + P modyfikujemy warstwę
kopia: Tło. Tworzymy w ten sposób wrażenie trójwymiaru.
15. Teraz można umieścić obiekt na środku i dodać tekst (patrz powyższe punkty).
Koniec
Tutoriale
