[noss]

Metaliczny wytłoczony napis
Tutorial

Opracowanie: noss
Poziom trudności: łatwy

Przedstawiam tutorial "Metaliczny wytłoczony napis" zrobiony na prośbę @putmana. Jest to efekt, który wykorzystałem w Proste metaliczne tło na samym dole.
Poradnik przeznaczony jest dla osób początkujących, niemniej mających już kontakt i znających podstawy obsługi GIMP-a.
Jeśli dopiero zaczynasz zabawę z GIMP-em i niczego nie rozumiesz, to zapoznaj się z tym wątkiem: Nie wiesz jak zacząć? Zajrzyj tu!

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


Zaczynamy

1. Jako tło i zarazem naszą bazę wykorzystamy gotowy obrazek z Proste metaliczne tło.

2. Resetujemy kolory [D] i tworzymy napis np. czcionką Orange LET Ultra-Light (znajdziesz ją w załączniku) o rozmiarze 80px.

3. W zakładce Warstwy klikamy PPM (prawym przyciskiem myszy) na warstwie tekstowej i wybieramy Dopasuj wymiary granic warstwy do obrazu.
Tryb warstwy zmieniamy na Pokrywanie.

4. Duplikujemy warstwę. Klikamy na kopii PPM i wybieramy Kanał alfa na zaznaczenie. Powiększamy zaznaczenie o 1px (Zaznaczenie -> Powiększ) i wypełniamy kolorem czarnym [Ctrl+,].

5. Ponownie pobieramy zaznaczenie z warstwy tekstowej umieszczonej poniżej i powracamy do naszej kopii. W oknie edycyjnym czyścimy zawartość zaznaczenia klawiszem Delete. Tym sposobem otrzymaliśmy obrys warstwy tekstowej.
Tak powinna wyglądać nasza kopia przy wyłączonej widoczności warstwy tekstowej.

Tutaj są widoczne wszystkie warstwy (raptem 3):

6. Dla warstwy tekstowej zmniejszamy krycie na 50.
Duplikujemy warstwę tekstową i przesuwamy ją na wierzchołek, zwiększamy dla niej krycie na 100 i ustawiamy tryb na Zwykły.

7. Pod nią tworzymy nową warstwę, którą wypełniamy na biało [Ctrl+.]. Tę kopię na samej górze łączymy z tą białą warstwą, klikając na górnej kopii PPM i wybierając Połącz w dół.
Teraz ją rozmyjemy: Filtry -> Rozmycie -> Rozmycie Gaussa o promieniu 10px.

8. Wyłączamy widoczność warstwy białej z rozmytym napisem i przechodzimy do warstwy tła.
Duplikujemy warstwę tła, tło pozostawiamy tak na wszelki wypadek.

9. Zastosujemy teraz na duplikacie tła filtr Filtry -> Odwzorowania -> Mapowanie wypukłości. W miejscu Mapowanie wypukłości wybieramy warstwę białą z rozmytym napisem. Zaznaczamy Odwracaj mapowanie wypukłości, możemy jeszcze zwiększyć Głębię do 5.
Od ustawionej głębi zależy siła naszego uwypuklenia, natomiast odwracanie mapowania zmienia kąt padania światła, z góry lub z dołu (w uproszczeniu).

10. W zasadzie to już uzyskaliśmy nasz efekt, ale można go jeszcze dopieścić.

Duplikujemy warstwę tekstową, duplikatowi ustawiamy krycie na 100, natomiast warstwie tekstowej zmieniamy tryb na Wydobycie ziarna a krycie ustawiamy na 20.

11. Duplikujemy warstwę z obrysem tekstu (tę pod białą warstwą) i zmieniamy tryb krycia na Połączenie ziarna, krycie na 15. Duplikat pozostawiamy bez zmian.
Tak wygląda nasz poprawiony efekt:

Generalnie można stosować nieco inne ustawiania by uzyskać oczekiwany efekt.

12. Teraz wytniemy nasz napis. Wybieramy Edycja -> Kopiuj widoczne, a następnie wklejamy [Ctrl+V] i klikamy w Nowa warstwa w palecie warstw.
Pobieramy zaznaczenie z warstwy tekstowej, klikamy PPM i wybieramy Kanał alfa na zaznaczenie.
Powracamy do naszej spłaszczonej warstwy na samej górze. W zależności co chcemy dalej zrobić z naszym napisem powiększamy zaznaczenie o 2px (Zaznaczenie -> Powiększ) (dla białego tła docelowego) lub o 3-5px (dla czarnego tła docelowego, uzyskamy poświatę). Zmiękczamy zaznaczenie o 5px (Zaznaczenie -> Zmiękcz) (można spróbować innych wartości). Teraz kopiujemy nasz napis [Ctrl+C] i wklejamy tam gdzie chcemy lub jako nowy obraz i zapisujemy jako PNG (koniecznie aby zapisać przezroczystość).

Ja zastosowałem na naszym napisie jeszcze tutorial Neonowy napis z drobnymi modyfikacjami.

Można go również barwić przeróżnymi sposobami np. tak:

Tutaj jest tutorial opisujący jak uzyskać efekt widoczny powyżej Fajny napis na logo WWW

Tutaj wykorzystałem czcionkę Fanzine Condensed (do ściągnięcia w załączniku):

Tutaj dodatkowo po modyfikacjach suwakami z poziomem krycia warstw:

Pokolorowany jeszcze:

Pobawiłem się, i zrobiłem jeszcze takie efekty:

1. Jako metalowe tło wykorzystałem deseń standardowo dostępny w GIMP-ie recessed(80x80)

2. Pokolorowany:

3. Dodatkowo punkt 1. zmodyfikowany krzywymi:

4. Pokolorowany:

5. Takie pomieszanie:

Koniec


Mam nadzieję że opisałem to w sposób czytelny i zrozumiały dla wszystkich, uzyskanie tego efektu tak naprawdę jest proste.

noss

[putman]

Wielke dzięki - jakby było jak się spotkać to masz u mnie pifko 
Oto efekt pracy - w sumie pierwsza robótka w gimpie - kiedyś troszkę się bawiłem Photoshopem.

[CHUDZINI]

Kosmos po prostu Ale mógłbyś napisać jeszcze tutka jak tego tutka połączyć z tutkiem neonowym tak, żeby efekt był jak u Ciebie bo mi ten neon nie wychodzi :/

[Feomathr]

Dodałem jeszcze inną czcionkę, wycięcie i barwienie. Jak oceniacie?

[Baltosz]

Moje:

[bziomek]

Czysto, przejrzyście i zrozumiale napisane

Ma praca:

[glabek94]

Kolejny ciekawy tutek nossa .
Mój efekt:

[neonek]

Aż mi głupio bo wszystkim się udaje a ja próbowałem chyba ze 100 razy i kończę na pkt 4.Kiedy powiększam zaznaczenie ono nie chce się wypełniać kolorem...nie wiem dlaczego.

[noss]

Wypełnij zaznaczenie czarnym kolorem za pomocą Kubełka Shift + B.

[neonek]

Tak robię z tym kubełkiem, próbowałem tez pędzlem ale kicha. Chyba coś źle robię z warstwą tekstową. Tekst jest cały czas w takiej ramce, kiedy dopasowuję warstwę do rozmiarów obrazu ramka zwiększa się do wielkości obrazu. Czy to tak ma być?

[camelia]

Pkt.5. Ponownie pobieramy zaznaczenie z warstwy tekstowej umieszczonej poniżej i powracamy do naszej kopii. W oknie edycyjnym czyścimy zawartość zaznaczenia klawiszem Delete. Tym sposobem otrzymaliśmy obrys warstwy tekstowej.
Tak powinna wyglądać nasza kopia przy wyłączonej widoczności warstwy tekstowej.

Też z tym sobie poradzić nie mogę ponieważ nie bardzo rozumiem

[Danyeru]

camelia, jak już wykonasz pkt.4 to przechodzisz do warstwy z tekstem, w menu warstw klikasz PPM i wybierasz "kanał alfa na zaznaczenie". Następnie wracasz do warstwy z pkt.4 i czyścisz zaznaczenie [del]

Bless!

[camelia]

A w pkt.4 jak wypełnić kubełkiem ? bo nie mogę 

[Zdybek]

Ustaw kolor pierwszoplanowy na czarny, zrób zaznaczenie tak jak napisane jest w tutorialu, przejdź do Edycja -> wypełnij kolorem pierwszoplanowym.