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) [lp] A.2 Tworzymy nowy obrazek np. 350x125px.(http://www.gimpuj.info/gallery/94/48452_14_03_14_6_56_54_0.png) 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ć ;).
|