Polskie Forum Użytkowników GIMP-a

Tutoriale => Prośby o tutoriale => Wątek zaczęty przez: adam912601 on 17.06.2013, 09:33:50



Tytuł: [ROZ] Ognisty napis
Wiadomość wysłana przez: adam912601 on 17.06.2013, 09:33:50
Mógłbym prosić o tutorial jak zrobić taki ładny napis jaki jest tu :
http://i4.ytimg.com/u/kBY1Nex9ZexgSnzlMctNlg/channels4_banner.jpg?v=51aa15f0 ,chodzi mi o ten napis Sheo :D

//bea: Proszę podawać linki bezpośrednio do obrazka, nie do strony z obrazkiem. Poprawiłam.


Tytuł: Odp: Ognisty napis.
Wiadomość wysłana przez: be@ on 17.06.2013, 10:01:58
Sam napis najwygodniej będzie zrobić z użyciem skryptu Layer effects (http://registry.gimp.org/node/186). W przeciwnym razie musiałbyś bawić się Rzucaniem cienia (ew. Mapowaniem wypukłości i barwieniem za pomocą Balansu kolorów lub mieszania warstw). Po wykonaniu takiego lekko wypukłego napisu trzeba go zduplikować  <duplikowanie-warstwy> i na niższej warstwie poprzesuwać trochę literki. Później dodajesz nową przezroczystą warstwę powyżej napisów, ustawiasz jej tryb na Pokrywanie i bardzo miękkim pędzelkiem, białym lub jasnożółtym kolorem dodajesz jaśniejsze plamy na literach. W razie potrzeby można jeszcze rozmyć gaussem. Na kolejnej przezroczystej warstwie dodajesz jakimś pędzelkiem typu sparks żółte odblaski. Ogień dodajesz poniżej warstw z napisem a powyżej czarnego tła. Najlepiej znaleźć sobie jakiś render. Możesz także użyć pędzli typu flame albo fire (poszukaj w grafice google albo na deviantArt).
Jak się zdecydujesz, którym sposobem chcesz zrobić sam napis (skrypt, mapowanie czy rzucanie cienia) to mogę ew. dokładniej opisać jeśli będziesz miał z tym problem.


Tytuł: Odp: Ognisty napis
Wiadomość wysłana przez: adam912601 on 29.06.2013, 22:36:36
Mam ten skrypt ,ale czy mogę prosić o to jak to zrobić krok po kroku?:)


Tytuł: Odp: Ognisty napis
Wiadomość wysłana przez: be@ on 30.06.2013, 04:39:17
1. Tworzysz nowy obraz z czarnym tłem, wybierasz czcionkę i wpisujesz tekst <tekst> ciemnoczerwonym kolorem, np. #bb0000. Warto nieco zwiększyć odstępy między literami.

(https://dl.dropboxusercontent.com/u/27473063/Tut/1.png)


2. Dopasowujesz wymiary warstwy tekstowej do obrazu (menu: Warstwa) i wybierasz: Warstwa -> Layer effects -> Bevel and Emboss. Ustawiasz jak na zrzucie poniżej:

(https://dl.dropboxusercontent.com/u/27473063/Tut/2.png)


3. Jeśli chcesz aby litery były na różnej wysokości i pod różnymi kątami jak na Twoim przykładzie, to musisz umieścić każdą literkę na osobnej warstwie. W tym celu wybierasz zaznaczenie prostokątne <zaznaczenie-prostokatne>, zaznaczasz pierwszą literę, odrywasz zaznaczenie (Zaznaczenie -> Oderwij) i zmieniasz je na nową warstwę klikając na ikonę czystej kartki w lewym dolnym rogu okienka warstw. Tak samo postępujesz z drugą literą i każdą następną za wyjątkiem ostatniej.

(https://dl.dropboxusercontent.com/u/27473063/Tut/3a.png)

Zmieniasz nazwy warstw tak, aby każda odpowiadała znajdującej się na niej literze.

(https://dl.dropboxusercontent.com/u/27473063/Tut/3b.png)


4. Kiedy już każda litera jest na osobnej warstwie, to przesuwasz <przesuwanie> je i obracasz <obrot>. Jeśli chcesz aby jakaś literka była mniejsza od pozostałych, to możesz ją lekko przeskalować <skalowanie>.

(https://dl.dropboxusercontent.com/u/27473063/Tut/4.png)

(https://dl.dropboxusercontent.com/u/27473063/Tut/4a.png)

  Efekt powinien wyglądać jak na poniższym zrzucie:

(https://dl.dropboxusercontent.com/u/27473063/Tut/4b.png)


5. Kiedy napis ma już właściwy kształt, duplikujesz <duplikowanie-warstwy> każdą literę i kopie przesuwasz o kilka pikseli w dół lub w górę i w prawo lub w lewo. W razie potrzeby możesz je także lekko przekręcić i/lub odrobinę przeskalować.

(https://dl.dropboxusercontent.com/u/27473063/Tut/5.png)

(https://dl.dropboxusercontent.com/u/27473063/Tut/5a.png)

(https://dl.dropboxusercontent.com/u/27473063/Tut/5b.png)

(https://dl.dropboxusercontent.com/u/27473063/Tut/5c.png)

 Efekt:

(https://dl.dropboxusercontent.com/u/27473063/Tut/5d.png)


6. Łączysz wszystkie kopie liter w jedną warstwę i wszystkie oryginały także w jedną warstwę, tak aby ostatecznie uzyskać dwie warstwy z napisem. Na jednej powinien być napis złożony z literek znajdujących się na pierwszym planie (tak jakby na wierzchu) a na drugiej z liter znajdujących się pod spodem. Aby się nie pomylić podczas łączenia warstw należy wyłączyć widoczność <widocznosc> wszystkich kopii warstw oraz warstwy Tło.

(https://dl.dropboxusercontent.com/u/27473063/Tut/6.png)

 Następnie klikasz PPM na dowolną widoczną warstwę i wybierasz z menu: Połącz widoczne warstwy. Powstałą w ten sposób warstwę nazywasz Napis i wyłączasz jej widoczność.

(https://dl.dropboxusercontent.com/u/27473063/Tut/6a.png)

 Włączasz z kolei widoczność kopii warstw i łączysz je w jedną. Powstałą w ten sposób warstwę nazywasz Napis2.

(https://dl.dropboxusercontent.com/u/27473063/Tut/6b.png)

(https://dl.dropboxusercontent.com/u/27473063/Tut/6c.png)


7. Włączasz widoczność wszystkich warstw, klikasz w oknie warstw na warstwę Napis2 i wybierasz z menu: Filtry -> Światło i cień -> Rzucanie cienia z ustawieniami jak poniżej:

(https://dl.dropboxusercontent.com/u/27473063/Tut/7.png)


8. Dodajesz nową przezroczystą warstwę powyżej wszystkich pozostałych. Zmieniasz jej tryb na Pokrywanie a nazwę na Cienie. Miękkim pędzlem dodajesz kilka czarnych plam tak, aby przyciemnić dolne części liter.

(https://dl.dropboxusercontent.com/u/27473063/Tut/8.png)(https://dl.dropboxusercontent.com/u/27473063/Tut/8a.png)


9. Znów dodajesz nową przezroczystą warstwę powyżej wszystkich pozostałych. Zmieniasz jej tryb na Pokrywanie a nazwę na Światła. Jeszcze bardziej miękkim, białym pędzlem dodajesz jasne plamy mniej więcej w górnej części napisu.

(https://dl.dropboxusercontent.com/u/27473063/Tut/9.png) (https://dl.dropboxusercontent.com/u/27473063/Tut/9a.png)


10. Jeszcze raz dodajesz nową przezroczystą warstwę powyżej wszystkich pozostałych. Zmieniasz jej nazwę na Błyski. Na tej warstwie miękkim pędzlem w kształcie gwiazdek dodajesz jasnożółtym kolorem rozbłyski na literach.

(https://dl.dropboxusercontent.com/u/27473063/Tut/10.png)


Jak dodać ogień pisałam wcześniej więc nie będę się powtarzać. W załączniku poglądowy XCF.


Tytuł: Odp: Ognisty napis
Wiadomość wysłana przez: Ryychuu on 30.06.2013, 12:24:16
Hmm a może by dodać ten tutorial do indeksu?


Tytuł: Odp: Ognisty napis
Wiadomość wysłana przez: Ziomioslaw on 30.06.2013, 14:45:19
Ja tez Cię zachęcam Beo, do przeniesienia tego do indeksu.


Tytuł: Odp: Ognisty napis
Wiadomość wysłana przez: be@ on 30.06.2013, 18:07:00
Ale ja to zrobiłam tak na szybko, żeby tylko pokazać sposób. Musiałabym poprawiać...
No i jeszcze nawet autor tematu się nie wypowiedział.


Tytuł: Odp: Ognisty napis
Wiadomość wysłana przez: Ziomioslaw on 30.06.2013, 19:22:56
Ale do fabryki można by już przenosić...