Polskie Forum Użytkowników GIMP-a

Tutoriale => Wasze poradniki => Wątek zaczęty przez: be@ on 11.08.2014, 02:47:14



Tytuł: Szklany napis
Wiadomość wysłana przez: be@ on 11.08.2014, 02:47:14
Szklany napis
Tutorial

Oryginał: Oryginalny tutorial (http://www.kessnux.de/schulung/gimp_glas_text.php)
Opracowanie: be@
Poziom trudności: Prosty

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_42_27_0.png)




Tutorial wykorzystuje technikę, którą w 2004 opisał Madsen Wikholm: http://www.karinsberg.fi/%7Emadsen/com/gimp/tutor/ (http://www.karinsberg.fi/%7Emadsen/com/gimp/tutor/) i pokazuje, jak ciekawe efekty można uzyskać, umiejętnie wykorzystując tryby mieszania warstw.

Tutorial napisany w wersji GIMP 2.8.10. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o wymiarach ok. 700 x 300 px (tak, aby zmieścił się na nim cały napis, który chcecie utworzyć) i kolorze #808080.

[lp] 2. Dodajemy nową, białą warstwę powyżej Tła. Wybieramy narzędzie tekstowe <tekst>, w jego opcjach ustawiamy wielkość i rodzaj czcionki. Najlepiej w tym wypadku sprawdzi się zaokrąglona, pogrubiona czcionka o dość dużym rozmiarze. Warto również nieco zwiększyć odstępy między literami. Ja wybrałam czcionkę EFN Benita o rozmiarze 120 i ustawiłam odstępy między literami na 2. Kolor czcionki musi być czarny. Kiedy już mamy wszystko ustawione, klikamy w obraz i wpisujemy swój tekst na środku obrazu.

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_42_27_1.png)


[lp] 3. Łączymy warstwę tekstową ze znajdującą się poniżej białą warstwą: PPM na warstwie tekstowej i wybieramy z menu Połącz w dół. Otrzymaną w ten sposób białą warstwę z napisem należy zduplikować <duplikowanie-warstwy>

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_42_27_2.png)


[lp] 4. Na kopii warstwy z napisem stosujemy: Kolory -> Inwersja oraz filtr: Rozmycie -> Rozmycie Gaussa o promieniu ok. 9 poziomo i pionowo (promień rozmycia należy dobrać do wielkości napisu).

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_42_27_3.png)


[lp] 5. Rozmytą warstwę przesuwamy o ok. 3 px w dół i w prawo (wielkość przesunięcia jest zależna od wielkości napisu). Aby przesunąć dokładnie o wybraną wartość można użyć klawiszy strzałek. Każde kliknięcie powinno przesunąć warstwę o 1 px.
 Tryb tej warstwy zmieniamy na Różnica.

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_42_28_4.png)


[lp] 6. Tryb oryginalnej, białej warstwy z napisem zmieniamy na Mnożenie i łączymy wszystkie warstwy: PPM na dowolnej warstwie i wybieramy z menu: Połącz widoczne warstwy. W opcjach łączenia wybieramy: Przycięta do obrazu.

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_43_59_0.png)

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_44_00_1.png)


[lp] 7. Z górnego menu wybieramy: Kolory -> Poziomy i ustawiamy:
      Kanał: Wartość, Poziomy wejściowe - środkowy suwak na 0,8
Kanał: Czerwony, Poziomy wejściowe - środkowy suwak na 0,5
Kanał: Zielony, Poziomy wejściowe - środkowy suwak na 0,7
Kanał: Niebieski, Poziomy wejściowe - środkowy suwak na 2

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_44_00_2.gif)

Efekt:    (http://www.gimpuj.info/gallery/95/48452_11_08_14_1_42_51.png)


[lp] 8. Duplikujemy warstwę Tło i na kopii stosujemy Rozmycie Gaussa o promieniu ok. 8 poziomo i pionowo.

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_44_00_4.png)


[lp] 9. Tryb rozmytej warstwy zmieniamy na Różnica i przesuwamy o 2 px w dół i w prawo.

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_44_28_0.png)


[lp] 10. Łączymy warstwy i stosujemy: Kolory -> Inwersja

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_44_29_1.png)


[lp] 11. Na koniec poprawiamy kolory za pomocą: Kolory -> Poziomy z ustawieniami:
        Kanał: Wartość, Poziomy wejściowe - środkowy suwak na 2
Kanał: Czerwony, Poziomy wejściowe - środkowy suwak na 0,5
Kanał: Zielony, Poziomy wejściowe - środkowy suwak na 0,8
Kanał: Niebieski, Poziomy wejściowe - środkowy suwak na 1,5
I gotowe:

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_42_27_0.png)

A tutaj ten sam efekt z użyciem innej czcionki:

(http://www.gimpuj.info/gallery/95/48452_11_08_14_3_03_57.png)


[lp] Koniec



Tą technikę można wykorzystać nie tylko do tworzenia napisów. Tutaj np. zrobiłam za jej pomocą szklane serce: http://www.gimpuj.info/gallery/48452_14_01_12_3_01_22.png (http://www.gimpuj.info/gallery/48452_14_01_12_3_01_22.png).
 Można również zakończyć tworzenie napisu na punkcie siódmym - efekt z użyciem innej czcionki i po dodaniu białej obwódki:

(http://www.gimpuj.info/gallery/95/48452_11_08_14_12_45_05.png)



Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: kajak91 on 11.06.2015, 16:19:09
Fajny tutorial, ale szczerze mówiąc bardziej "szklany" ten napis się wydaje przed zabawą z podciąganiem kolorów.


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Krzysiak9000 on 30.01.2020, 15:21:36
Szczerze powiedziawszy, nie wiem, do czego miałoby to obecnie zastosowanie, bo teraz króluje bardziej flat design i do żadnej ulotki tego nie użyjesz. Ale skill niezły mimo tego, że to już niemodne :)


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: be@ on 30.01.2020, 15:26:27
@Krzysiak9000 - a widzisz datę powstania tego tutorialu? Poza tym to nie galeria, żeby komentować efekt, tylko tutorial, który ma nauczyć posługiwania się programem ;) No chyba, że nabijasz sobie posty pisząc te komentarze