Polskie Forum Użytkowników GIMP-a

Tutoriale => Efekty tekstowe => Wątek zaczęty przez: noss on 27.12.2006, 19:55:24



Tytuł: Wypukły, metalicznie lśniący napis z wytłoczonym deseniem
Wiadomość wysłana przez: noss on 27.12.2006, 19:55:24
Wypukły, metalicznie lśniący napis z wytłoczonym deseniem
Tutorial

Opracowanie: noss
Poziom trudności: średni

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_14_51_0.png)
(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_14_51_1.jpg)
(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_3.jpg)
(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_4.jpg)



Poradnik przeznaczony jest dla osób średnio zaawansowanych lub początkujących zapoznanych z podstawowymi funkcjami GIMP'a. Jeżeli dopiero zaczynasz zabawę z GIMP'em i będziesz miał podstawowe problemy w stylu "Jak się ustawia kolor pierwszoplanowy?" lub "Gdzie się ustawia poziom krycia warstw?" zapoznaj się najpierw z tym tematem: Nie wiesz jak zacząć? Zajrzyj tu! (http://www.gimpuj.info/index.php/topic,871.0.html)

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


W zasadzie to są dwa tutoriale, lecz ze względu na podobny sposób kolorowania tworzą jeden.

Zaczynamy Efekt A :)

[lp] A.1 Jako bazowy tekst wyjściowy wykorzystamy napis z tutoriala     
Metaliczny wytłoczony napis  (http://www.gimpuj.info/index.php/topic,775.0.html).
Ja zrobiłem taki napis czcionką Fusty Luggs o rozmiarze 88px, jako tło metalowe wykorzystałem deseń Gimpa "recessed(80x80).
Tło rozjaśniłem uprzednio i nieco zwiększyłem jego kontrast: Warstwa -> Kolory -> Jasność i Kontrast
 Jasność: 100
 Kontrast: 20
aby wyglądało mniej więcej tak:

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_12_15_3.png)

(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_0.png)
[lp] A.2 Tworzymy nowy obrazek np. 350x125px.
Wklejamy do niego nasz napis jako nową warstwę Ctrl+V i zakotwiczamy w palecie warstw na nowej warstwie. Powinniśmy mieć dwie warstwy, białe tło i warstwę z wyciętym napisem.

[lp] A.3 Ustawiamy kolor pierwszoplanowy na b8fb8a, a kolor tła na 33710e.

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_14_51_2.png)

[lp] A.4 Duplikujemy <duplikowanie-warstwy> warstwę z napisem.

[lp] A.5 Mając aktywną warstwę z duplikatem stosujemy filtr: Kolory -> Odwzorowania -> Odwzorowanie gradientu

(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_2.jpg)

[lp] A.6 Dla duplikatu zmieniamy tryb krycia na Tylko jaśniejsze

(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_1.png)

Oto nasz pierwszy efekt:

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_14_51_3.jpg)


   Efekt B

[lp] B.1 Zaczynamy podobnie jak w punkcie A.1, z tą różnicą że potrzebujemy dwóch napisów wygenerowanych z     
Metaliczny wytłoczony napis  (http://www.gimpuj.info/index.php/topic,775.0.html).
Jedyną różnicą w napisach jest zmiana jednej opcji podczas mapowania. W pierwszym przypadku tłoczymy z zaznaczoną opcją Odwracaj mapowanie wypukłości a w drugim odznaczamy ją.

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_12_15_2.png)

Potrzebujemy jeden obrazek podświetlony od góry, a drugi podświetlony od dołu:

(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_0.png)
(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_10_44_2.png)

[lp] B.2 Tworzymy nowy obrazek o wymiarach np. 350 x 125 px z białym tłem.

[lp] B.3 Wklejamy na nowych warstwach nasze dwa napisy.
Ja wkleiłem nad tłem napis oświetlony od góry, a nad nim napis oświetlony od dołu.
Mam w tej chwili trzy warstwy.

[lp] B.4 Wyłączamy widoczność <widocznosc> górnej warstwy, będziemy teraz pracować na dolnej warstwie tekstowej.

[lp] B.5 Nieco bardziej pochromujemy nasz napis poprzez: Warstwa -> Kolory -> Krzywe. Stosujemy ustawienia jak na screenie poniżej, możemy tutaj poeksperymentować, to są ustawienia które mi najbardziej przypadły do gustu:

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_12_15_1.png)

Uzyskać powinniśmy podobny efekt:

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_10_44_4.jpg)

[lp] B.6 Włączamy widoczność górnej warstwy z napisem i zaznaczamy ją jako aktywną.
Info: Ustawiając różne rodzaje krycia można uzyskać ciekawe efekty metali.

[lp] B.7 Ustawiamy kolory: pierwszoplanowy #b8fb8a i tła #33710e

[lp] B.8 Stosujemy filtr: Kolory -> Odwzorowania -> Odwzorowanie gradientu

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_10_44_1.jpg)

[lp] B.9 Tryb krycia zmieniamy na Tylko jaśniejsze.
I już ;D

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_10_44_3.png)


Zamiast kolorów zielonych można zastosować inne ulubione lub na samym końcu warstwę zieloną przerobić na skale szarości: Warstwa -> Kolory -> Desaturacja a następnie pokolorować poprzez: Warstwa -> Kolory -> Barwienie lub Warstwa -> Kolory -> Balans kolorów.

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_10_43_0.png)

Mimo, że tutorial dotyczy tekstu można go zastosować na innych stworzonych kształtach np. przyciskach lub innych elementach menu.
W zasadzie wszystkie tutoriale tekstowe można wykorzystać do stworzenia przycisków odpowiadających stylem do naszego tekstu.

(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_12_15_4.jpg)(http://www.gimpuj.info/gallery/94/48452_14_03_14_7_12_15_0.jpg)

kartchoflany noss :P



UWAGA: W załączniku dołączona jest wersja archiwalna z obrazkami, dla potrzebujących i ewentualnie opiekunów.


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: Adros on 02.06.2008, 13:40:32
Fajny tutorial,można się trochę pogubić,ale jak się to rozumie to łatwo zrobić.
A tu moja praca,zrobiłem ją nie z desenia,tylko zrobiłem tak samo jak było w tutorialu
Metaliczny wytłoczony napis:
(http://www.tbiotfans.yoyo.pl/1.png)


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: ZychO on 27.01.2009, 19:57:12
(http://www.gimpuj.info/replacement.png)
Jednym słowem zajebisty tutorial xDD


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: Qba_ on 20.02.2009, 18:37:02
Mój efekt:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: MisaAmane on 08.01.2010, 09:05:09
Panie adminie zrob cos z niektorymi tutkami bo znow niema zdiec :(


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: Qba_ on 08.01.2010, 14:16:04
Panie adminie zrob cos z niekturymi tutkami bo znow niema zdiec :(

A próbowałaś zrobić tego tutka bez obrazków? Wiemy, że nie ma obrazków, ale admini i opiekunowie też ludzie i mają swoje sprawy.


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: noss on 10.01.2010, 17:38:23
Panie adminie zrob cos z niektorymi tutkami bo znow niema zdiec :(

Dodałem jako załącznik do pierwszego postu archiwum z obrazkami.
Sam jestem w szoku że znalazłem to w moich śmieciach na dysku po kilku zmianach dysków i całego komputera :)


Tytuł: Odp: Fajny napis na logo WWW
Wiadomość wysłana przez: Qba_ on 10.01.2010, 17:40:01
Dzięki Noss za obrazki. W następnym tygodniu postaram się tego tutka poprawić ;).