Polskie Forum Użytkowników GIMP-a

---

Do wykonania tego napisu zainspirowała mnie pewna ulotka. Widniał na niej realistyczny blaszany napis, postanowiłem wykonać go w GIMP-ie.

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

---

[lp] Zaczynamy

[lp] 1. Tworzymy Nowy obraz o wymiarach 500x300px. Narzędziem Tekst <tekst> [T] piszemy jakieś słowo. Najlepiej użyć "grubej" czcionki. Ja wybrałem czcionkę ESP (do pobrania w załączniku). Najlepiej zwiększyć również rozmiar czcionki. Tak wygląda na razie nasz napis:



[lp] 2. Na warstwie GIMP stosujemy: Kanał alfa na zaznaczenie. W tym celu klikamy na nią PPM i z listy wybieramy Kanał alfa na zaznaczenie lub wchodzimy w: Warstwa -> Przezroczystość -> Kanał alfa na zaznaczenie. Tworzymy nową warstwę i nazywamy ją Obwódka. Kolor pierwszoplanowy ustawiamy na #b0b0b0, a drugoplanowy na #707070. Przeciągamy Gradient <gradient> [L] mniej więcej od prawej strony do lewej/od góry do dołu:



[lp] 3. Tworzymy nową warstwę i nazywamy ją Środek. Czas na stworzenie specjalnego gradientu. Aby to zrobić wchodzimy w okno wyboru gradientu (Plik -> Okna dialogowe -> Gradienty) i klikamy w ikonkę kartki, która znajduje się na dole okna. Tworzymy gradient podobny do tego (instrukcję "jak stworzyć gradient" zawarł CorteZ w tutorialu Logo Windows Vista (http://www.gimpuj.info/index.php/topic,12556.0.html)):



Możemy też wybrać gradient Gold. Gradient oraz czcionkę użytą w tutorialu możecie pobrać w załączniku!


[lp] 4. Zmniejszamy zaznaczenie (Zaznaczenie -> Zmniejsz...) według własnego upodobania. Ja zmniejszyłem o 6px. Teraz przeciągamy gradient z góry na dół, gradient jest już tak zrobiony, że jeśli dobrze go zastosujecie to napis wyda się wklęsły. Jeśli jednak coś wam nie pasuje, możecie rozmyć go Rozmyciem Gaussa. Ogółem, wszystko zależy od tego jak zrobicie i zastosujecie gradient:



[lp] 5. Ogólnie rzecz biorąc środek napisu powinien być wklęsły w stosunku do obwódki. Jednak gradient tego efektu nie oddaje. W tym celu tworzymy nową warstwę (nazwijmy ją np. Wklęsłość). Weź Kanał alfa na zaznaczenie z warstwy Środek, na warstwie Wklęsłość wypełnij zaznaczenie kolorem czarnym, po czym zmniejsz zaznaczenie o 1px i usuń zawartość zaznaczenia [Delete]. Następnie znowu weź Kanał alfa na zaznaczenie z warstwy Środek i na warstwie Wklęsłość użyj Rozmycia gaussa o promieniu 2px (efekt jest widoczny na następnym obrazku).

[lp] 6. Wybieramy Kanał alfa na zaznaczenie na warstwie Obwódka. Tworzymy nową warstwę o nazwie Odbłyski. Teraz w miejscach, gdzie  nam najlepiej pasuje, najczęściej na rogach liter, malujemy białym pędzlem w taki sposób białe plamki (wyłączona widoczność warstwy Tło, przyjrzyjcie się dokładniej - w większości miejsc zmniejszylem sporo Krycie):



[lp] 7. Rozmywamy warstwę Odbłyski rozmyciem Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa...) promieniem 12x12px.


[lp] 8. Dodamy teraz pewien smaczek. Otóż duplikujemy warstwę Wklęśłość, zmieniamy nazwę kopii na Czerwień i używamy Kolory -> Barwienie. Teraz tak modyfikujemy wskaźnikami (pamietajcie, żeby najpierw zwiększyć jasność) aby warstwa Czerwień miała taki purpurowo-ciemno-czerwony odcień, coś jak kolor #9c1627. Kiedy jest już ok, zmieniamy tryb krycia warstwy na Pokrywanie oraz duplikujemy ją (efekt widoczny na następnym obrazku).

[lp] 8. Teraz możemy trochę pokombinować z obwódką. Troszkę ją uwypuklijmy. Bierzemy Kanał alfa na zaznaczenie z warstwy Obwódka, zaznaczenie zmniejszamy o 4px (a dokładniej zmniejszamy tyle o ile zmniejszyliśmy wcześniej tworząc środek minus 2). Bierzemy Kolor -> Jasność i kontrast i wskaźnik jasności przesuwamy trochę w lewo (przyciemniamy). Teraz zmniejszamy zaznaczenie o 1px, i znowu przyciemniamy lekko. Tak samo robimy, tylko że na zewnetrznych dwóch pikselach obwódki (czyli Kanał alfa, zmniejszenie zaznaczenia o 2px, odwrócenie zaznaczenia [Ctrl+I], przyciemnienie itd.).



[op] Efekty

-Śrubki

Można dorobić śrubki, które będą trzymały nasz napis. Aby to zrobić można (na nowym obrazię) stworzyć GFigurę (Filtry -> Renderowanie -> GFigury), lub elipsę a jej kolor ustawić na szary. Następniy możemy pojaśnić boki naszej śrubki, albo dodać w środku jakiegoś krzyżaka. Innym łatwym sposobem (IMO szybszym i lepszym) jest znalezienie obrazka śrubki np. w Google grafika, chociażby takiego:



Teraz tylko trzeba wyciąć tło, odpowiednio zmniejszyć naszą śrubkę i powklejać gdzie chcemy. Wszystkie projekty śrubek znajdują się w folderze w załączniku.

-Rdza

Stosując tutorial pt. Zardzewiały napis (http://www.gimpuj.info/index.php/topic,24072.0.html) na naszym napisie również można osiągnąć ciekawe rezultaty.

-Brud itp.

Najłatwiejszym sposobem jest po prostu postawienie odpowiedniego czarnego pędzla na nowej warstwie i zmiana trybu krycia. Można również użyć Mapowania wypukłości na warstwie z tekstem, a jako źródło podając warstwę z pędzlem.

Ogółem po paru kombinacjach (jednak trzeba mieć troche doświadczenia aby coś takiego osiągnąć) może nam wyjść np. takie cuś:


[lp] Koniec

---

Miłego GIMPowania,
                  Grolak :)

---

Fajne

(http://www.gimpuj.info/gallery/8338_17_07_08_12_48_24.png)

GDZIE TEN ZAŁąCZNIK ??!!!!!!!!!!!!!!!!!!!!!!!!!!!

Hej no, sorry. Zapomniałem. Ale przez to nie musisz psuć Capslocka, wystarczyło napisać mi na PW, lub tutaj, ale bardziej grzecznie. A jak podałem nazwę czcionki, to chyba nieproblem poszukać w Google. Jednak dzięki za przypomnienie, potem dodam ten załącznik.

Daję link do czcinki dla leniwych:

http://www.urbanfonts.com/scripts/indexwin.php?file=esp.zip

I jeszcze jak wrzucać czcionki:
http://www.gimpuj.info/rozne/czcionki-w-gimpie-t130.0.html

(http://www.gimpuj.info/replacement.png)
moja praca. nie wyszła jak u ciebie ale nie dodałem gwoździ i niedokońca rozumiałem to.  8-)

Dodałem cień i efekt przezroczystości :)
(http://www.gimpuj.info/gallery/18157_13_01_09_2_13_30.png)

P.S
Aro200 nie spamuj, przekopiowałeś link do pracy tego, kto założył temat... >:(

Jak zrobić takie blaszane tło

eee tak jak napis? ludzie trochę kreatywności...

Fajny efekt:
(http://www.gimpuj.info/replacement.png)

Ja mam problem przy punkcie 5. Nie moge pomalowac rogow pedzlem. Jak biore kolor bialy to wogole nic mi nie maluje. Pomocy!!!

Mam takie coś:  :D :D :D

(http://www.gimpuj.info/gallery/23784_15_03_09_5_34_36.png) (http://www.gimpuj.info/)

Fajny tutek :D a to moja pracka:
(http://www.gimpuj.info/replacement.png) (http://img520.imageshack.us/my.php?image=blaszanysobern.png)
Proszę o ocenę.
P.S. Podoba mi sie praca Edmounda ale to raczej jak plaszany nie wygląda :P a Davidsonxx ma bardzo fajną prackę :D

Ziomioslaw: już Ci tłumaczyłem, że to nie galeria.

zobaczcie:
(http://i29.tinypic.com/j7s49k.jpg)

nie umiem zaznaczyć tej obramówki. Bo jak robię warstwę obwódka czy środek to mi się robi czarna warstwa o wymiarach całego obrazka. Jestem świeży w temacie, pomóżcie.

Jak bierzesz Nowa warstwa... to zobacz, czy Wypelnienie masz ustawione na przezroczystość.

Dobrze napisany tutek i fajny efekt końcowy.  :)

Tutek niezły, oto moja praca:

KLIK (http://www.gimpuj.info/)

Można powiedzieć że całkiem zmałpowałam, przynajmniej starałam się.. chodzi o tą rdzę przede wszystkim, największy z nią problem miałam :P

A tu bez tła, śrub i z ramką..
(http://www.gimpuj.info/gallery/31828_13_09_09_3_25_48.png) (http://www.gimpuj.info/)

 ;)

(http://www.gimpuj.info/gallery/28958_21_11_09_6_13_13.png) (http://www.gimpuj.info/)

Moje ^^
(http://www.gimpuj.info/replacement.png) (http://img4.imageshack.us/i/blacha.png/)

mi nie wyszlo penie dlatego ze za mala trzcionka i poaz tym nie rozumiem o co chodzi ze srubkami :'(

a to moje:
(http://droida.w.interii.pl/droida2.png)
(tylko bez śrubeczek)

Dobra, dzisiejsza data 17.04.2010, tutorial został odnowiony. Wiem, że mogło być więcej screenów, i ogolnie może więcej wytłumaczone ale na prawdę już mi się po ludzku nie chce.

Fajny tutek, a mi wyszło tak:
(http://www.gimpuj.info/gallery/52503_26_09_10_11_10_41.jpg)

mi to tak wyszło;]
(http://polskiserwerek.boo.pl/hosting/files/popeek_rdyawy.png)

Kurde mać! Gdzie jest te okno dialogowe gradientów, szukam szukam i nie mogę znaleźć..

Okna -> Dokowalne okna dialogowe -> Gradienty

Dobra to było na szybko bo nie mam siły do tej pracy :D

Nie chciało mi się już robić tej "rdzy", może innym razem.

Byłbym zapomniał:

(http://www.gimpuj.info/replacement.png)

Mi się udało coś takiego. ;)


(http://img62.imageshack.us/img62/4430/sniperrmcppng3.png)

Taki + do napisu .
Warto zrobić "Mapowanie wypukłości" :)

Super tut,to mój napis:
(http://www.gimpuj.info/gallery/68369_15_01_12_8_13_27.png)