Polskie Forum Użytkowników GIMP-a

Tutoriale => Efekty tekstowe => Wątek zaczęty przez: Typhon on 27.11.2011, 15:52:54



Tytuł: Wyszywany napis
Wiadomość wysłana przez: Typhon on 27.11.2011, 15:52:54

Wyszywany napis
Tutorial

Opracowanie: Typhon
Poziom trudności: średni

(http://www.gimpuj.info/gallery/26746_08_02_12_1_58_39.png)




Krótki poradnik traktujący o szyciu w Gimpie. Na prośbę użytkowników. Nie zawarłem tutaj metody na tworzenie wszystkich efektów takich jak rozmycie przestrzenne, winetowanie itp. Pokazałem tutaj metodę stworzenia bazy, na której można pracować :)

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




[lp] Rozdział I - Tworzenie desenia.



[lp] 1. Plik -> Nowy... o wymiarach 20x20px.

[lp] 2. Stwórz nową warstwę. Używając <zaznaczenie-prostokatne> [R] zaznacz pionowo pół obszaru roboczego. Kolor pierwszoplanowy ustaw na #cccccc, drugoplanowy na [color=333333][/b]#333333[/b][/color]. Zaznaczenie wypełnij gradientem <gradient> [R] od góry do dołu.

(http://www.gimpuj.info/gallery/26746_27_11_11_2_27_42.png) (http://www.gimpuj.info/)

[lp] 3. Zdejmij zaznaczenie. Stwórz nową warstwę i narysuj na niej taką ramkę używając  <olowek> [N] o grubości 1px. Ustaw jej tryb warstwy na Pokrywanie:100%. Połącz obramowanie w dół. Zduplikuj dwukrotnie warstwę z prostokątem i ustaw ją tak, jak na obrazku.

(http://www.gimpuj.info/gallery/26746_27_11_11_2_36_36.png) (http://www.gimpuj.info/)(http://www.gimpuj.info/gallery/26746_27_11_11_2_41_32.png) (http://www.gimpuj.info/)(http://www.gimpuj.info/gallery/26746_27_11_11_2_44_57.png) (http://www.gimpuj.info/)


[lp] 4. Zaznacz powierzchnię roboczą, wytnij obraz [ctrl + x] i kliknij Edycja -> Wklej jako -> Nowy deseń...



[lp] Rozdział II - Tworzenie podstawy.



[lp] 1. Stwórz nowy obraz o wielkości 2000x2000px i wypełnij go stworzonym wcześniej deseniem.

[lp] 2. Utwórz nową warstwę. Filtry -> Renderowanie -> Chmury -> Jednolite chmury.... Suwaki X i Y przesuń na wartość maksymalną, kliknij [OK]. Zmień tryb warstwy na Pokrywanie i ustaw krycie na 25%. Spłaszcz obraz.

[lp] 3. Stwórz jeszcze jedną warstwę i wypełnij ją dowolnym kolorem. Tryb warstwy ustaw na Mnożenie. Ja finalnie wybrałem kolor całkiem po prawej. Ponownie spłaszcz obraz i zapisz całość w nowym pliku.

(http://www.gimpuj.info/gallery/26746_05_12_11_9_29_21.png)




[lp] Rozdział III - Materiał.



[lp] 1. Stwórz nowy dokument poprzez Plik -> Nowy.... Wielkość ustaw na 600x600px. Otwórz wcześniej stworzone tło. Używając PPM -> Zaznaczenie -> Wszystko... [Ctrl]+[A] wytnij tło i wklej na nowo stworzony dokument. Kliknij na przycisk Nowa warstwa aby wklejony obiekt się w nią przekształcił.

(http://www.gimpuj.info/gallery/26746_18_12_11_4_23_07.png)


[lp] 2. Wybierz narzędzie Perspektywa  <perspektywa> [Shif + P], przekształć warstwę z tłem tak, aby uzyskać pożądany kąt nachylenia materiału i kliknij Zatwierdź. Następnie użyj PPM -> Warstwa -> Dopasuj wymiary warstwy do granic obrazu.
(Obszar roboczy na grafice poniżej jest zasłonięty przez transformowany obiekt)

(http://www.gimpuj.info/gallery/26746_18_12_11_4_29_19.png)




[lp] Rozdział IV - Wyszywany napis.


[lp] 1. Otwórz stworzone wcześniej przez siebie tło. Stwórz swój napis dowolnie wybraną czcionką i zrasteryzuj go poprzez stworzenie nowej, pustej warstwy i połączenie jej z napisem.

[lp] 2. Teraz najbardziej żmudna i męcząca część. Dodaj jeszcze jedną warstwę i używając narzędzia Zaznaczenie prostokątne  <zaznaczenie-prostokatne> [R] stwórz prostokąt będący jednym szwem napisu. Użyj na nim Filtry -> Rozmycie -> Rozmycie Gaussa... o wartości 1x1px.

(http://www.gimpuj.info/gallery/26746_08_02_12_1_19_23.png)


[lp] 3. Kopiuj i ustawiaj szew tak długo, aż otrzymasz pełną literę, lub wyraz.

(http://www.gimpuj.info/gallery/26746_08_02_12_1_24_03.png)


[lp] 4. Zaznacz swój twór Zaznaczeniem prostokątnym i wykadruj go poprzez Warstwa -> Kadruj według zaznaczenia. Kadr musi być możliwie jak najbardziej dokładny, jednak pamiętaj o zachowaniu zapasu dla przekształconego tekstu. Ustaw teraz swój napis/literę używając narzędzia Perspektywy. Najwygodniej będzie położyć go tak, jak idzie faktura materiału. Po ustawieniu wszystkiego, potwierdź przekształcenie i zakotwicz warstwę.


(http://www.gimpuj.info/gallery/26746_08_02_12_1_30_47.png)


[lp] 5. Wykorzystując Filtry -> Zniekształcenia -> Deformowanie... Nadaj wypukłości szwom. Ustawienia optymalne dla mnie pokazane są na obrazie poniżej, po prostu je dostosuj pod swoją grafikę. Czerwonymi strzałkami zaznaczyłem kierunek deformacji. Po skończeniu deformowania, kliknij ok.

(http://www.gimpuj.info/gallery/26746_08_02_12_1_35_27.png)


[lp] 6. Skopiuj zdeformowaną warstwę trzykrotnie.

[lp] 7.  Najniższą warstwę nazwij cień, zmień jej kolory na czarne (np. poprzez zablokowanie kanału alfa i pomalowaniu jej na czarno. Pamiętaj aby po malowaniu zdjąć blokadę kanału alfa) i użyj Filtry -> Rozmycie -> Rozmycie Gaussa... o wartości 6x6px. Tryb Warstwy ustaw na Mnożenie, krycie ustaw na około 70%.

[lp] 8. Szew znajdujący się nad cieniem pomaluj na jasny odcień szarości.

[lp] 9. Na warstwie znajdującej się wyżej użyj Filtry -> Szum -> Szum HSV..., wszystkie wartości poza Wstrzymaniem ustaw na maks. Użyj teraz Kolory -> Desaturacja. Tryb warstwy zmień na Połączenie ziarna.

[lp] 10. Na ostatniej warstwie wykorzystaj Filtry -> Zniekształcenia -> Wytłoczenie.... Wartości u mnie ustawione są na 30,10,10. Potwierdź wytłoczenie i zmień tryb warstwy na Miękkie światło. Poniżej pokaz wszystkich czterech warstw. Warstwę z teksturą słabo widać.

(http://www.gimpuj.info/gallery/26746_08_02_12_1_50_11.png)

[lp] 11. Spłaszcz obraz, użyj Filtry -> Światło i cień -> Efekty świetlne.... Tutaj zaczyna się eksperymentowanie. Zdecydowanie najtrudniejsza część poradnika. Wartości zależne są od Twoich kolorów, kierunku światła etc. Polecam jednak zwiększyć odległość światła na maks, w zakładce materiał zmniejszyć lśnienie maks do 0,20 i zaznaczyć tryb metaliczny.

[lp] 12. Wykadruj swój tekst dowolną metodą i dodaj efekty takie jak winetowanie, rozmywanie etc. Poradniki dot. sygnatur pozwolą Ci uzyskać z tego wszystko to, co zechcesz :)

(http://www.gimpuj.info/gallery/26746_08_02_12_1_58_39.png)


[lp] Koniec.



Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: sSeb on 10.02.2012, 20:59:35
(http://www.gimpuj.info/gallery/19937_10_02_12_7_55_51.jpg)

Świetny tutek, pod koniec oczopląsu dostawałem :p napewno jakoś go jeszcze użyję. Wyżej wrzuciłem swoją pracę. :) S jak Sebastian. Tak btw. jak mam tu wstawić miniaturke??


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: siuranina on 10.02.2012, 23:03:50
Ot i moja praca:

(http://www.gimpuj.info/gallery/65617_20_02_12_2_33_05.png)
Tut bdb.
PS. Do autora: Co to takiego rozmycie przestrzenne i jak się to robi?


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: ProJumz on 11.02.2012, 01:44:25
Jest pełno deseni o takim wzorze. Carbon to się zwie bodajże.


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: Luśka on 19.02.2012, 15:52:11
Nie umiem zrobić desenia :(


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: Ziomioslaw on 19.02.2012, 19:07:20
Nie umiem zrobić desenia :(

No to do FAQu!


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: dan76 on 03.03.2012, 21:16:01
Nie pokazuje swojej pracy bo coś poszło nie tak i jest bardzo niewyraźna. Wygląda jak wystające kamienie na które świeci helikopter. Jutro wrzucę drugą pracę (o ile nie będzie wyglądała podobnie).


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: FreeStaila on 31.03.2012, 23:21:21
Zrobiłem taką prace. Macie jakieś pomysły na poprawe ?
(http://img836.imageshack.us/img836/3786/scilogoj.jpg)


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: pannaPusia on 04.04.2012, 16:29:33
Padłam przy IV rozdziale.  :'(


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: Pina_i_juz on 25.04.2012, 22:31:45
Hej, super napis, bardzo mi się podoba. Sama chciałabym też osiągnąć taki efekt, ale nie wiem jak zrobić ten cień żeby ta nitka była bardziej wypukła?


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: jesusthekiller on 19.05.2012, 20:39:40
Świetne! Na pewno zrobię to jutro  :heart:


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: elite0pl on 23.05.2012, 22:39:40
to 1-szy
http://img513.imageshack.us/edit_preview.php?l=img513/1542/zrobione.png&action=rotate (http://img513.imageshack.us/edit_preview.php?l=img513/1542/zrobione.png&action=rotate)
a to troszke urozmaicony
http://img513.imageshack.us/edit_preview.php?l=img513/1542/zrobione.png&action=rotate (http://img513.imageshack.us/edit_preview.php?l=img513/1542/zrobione.png&action=rotate)


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: pasqdzia on 07.06.2012, 16:36:35
(http://www.gimpuj.info/gallery/57146_07_06_12_3_36_15.png)


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: Vikichan on 20.10.2012, 19:19:21
A o to moje trzy grosze   (http://www.gimpuj.info/gallery/75737_20_10_12_6_13_05.jpg) chyba nie jest tak źle... nie bijcie.  :laugh: :laugh:  :-\ :'(  <lol>


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: karol1406 on 01.11.2012, 18:19:17
Ładnie.

(http://i50.tinypic.com/28jfga0.png)


Tytuł: Odp: Wyszywany napis
Wiadomość wysłana przez: Salindor on 27.11.2012, 23:02:53
Muszę przyznać, że efekt końcowy wygląda genialne. Naprawdę świetny poradnik. Dzieki, że dzielisz się swoją wiedzą z resztą użytkowników :)