Polskie Forum Użytkowników GIMP-a

Tutoriale => Techniczne => Wątek zaczęty przez: Cawz on 26.08.2007, 17:08:19



Tytuł: Tworzenie desenia
Wiadomość wysłana przez: Cawz on 26.08.2007, 17:08:19
Tworzenie desenia
Tutorial

Opracowanie: Cawz, Poprawa: bea
Poziom trudności: Łatwy

(http://www.gimpuj.info/gallery/48452_13_02_13_11_42_57_4.png) (http://www.gimpuj.info/)




 Desenie wykorzystujemy najczęściej przy tworzeniu userbarów, avatarów, layoutów i często innych prac graficznych. Czasami zachodzi potrzeba zrobienia własnego desenia i ten tutorial pokazuje na kilku przykładowych deseniach, w jaki sposób można to zrobić.

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



[lp] Zaczynamy

Pierwszy deseń jaki wykonamy będzie to "Krecha" o grubości 5px.

[lp] 1. Tworzymy nowy obraz: Plik -> Nowy o wymiarach 20 x 20 px z przezroczystym tłem tak jak na poniższym screenie:

(http://www.gimpuj.info/gallery/48452_13_02_13_11_41_11_0.png) (http://www.gimpuj.info/)


[lp] 2. Podgląd obrazu ustawiamy na 800%: Widok -> Powiększenie. Wybieramy narzędzie Zaznaczenie prostokątne <zaznaczenie-prostokatne> i zaznaczamy obszar o wymiarach 20 x 5 px.

(http://www.gimpuj.info/gallery/48452_13_02_13_11_41_11_1.png) (http://www.gimpuj.info/)


[lp] 3. Wypełniamy zaznaczenie czarnym kolorem za pomocą kubełka <wypelnienie> lub przeciągając kolor bezpośrednio z przybornika na zaznaczony obszar.

(http://www.gimpuj.info/gallery/48452_13_02_13_11_41_11_2.png) (http://www.gimpuj.info/)


[lp] 4. Wyłączamy zaznaczenie: Zaznaczenie -> Brak i przechodzimy do zapisywania desenia.
Aby zapisać wybierz : Edycja -> Skopiuj, a następnie: Edycja -> Wklej jako -> Nowy deseń. Wpisujemy nazwę, tutaj: "Krecha" i klikamy OK.

(http://www.gimpuj.info/gallery/48452_13_02_13_11_41_11_3.png) (http://www.gimpuj.info/)


[lp] 5. Nasz przykładowy deseń gotowy. Oto efekt, który uzyskamy gdy wypełnimy nim białe tło:

(http://www.gimpuj.info/gallery/48452_13_02_13_11_41_11_4.png) (http://www.gimpuj.info/)




Drugi deseń będzie to pattern, którego używamy w userbarach i nie tylko.

[lp] 1. Otwieramy nowy obraz o wymiarach 3 x 3 px z przezroczystym tłem. Podgląd obrazu przestawiamy na 800% aby było łatwiej wykonać dalsze kroki

[lp] 2.. Wybieramy narzędzie Ołówek <olowek>. Pędzel, którym będziemy malować to Hardness 100. Rozmiar i odstępy pędzla ustawiamy na 1, proporcje i kąt na 0. Wybieramy dynamikę wyłączoną: Dynamics Off.

[lp] 3. Teraz rysujemy przekątną klikając ołówkiem piksel po pikselu czyli w sumie 3 piksele wzdłuż przekątnej obrazu.
Powinno to wyglądać tak :

(http://www.gimpuj.info/gallery/48452_13_02_13_11_42_57_0.png) (http://www.gimpuj.info/)


4. Zapisujemy w taki sam sposób jak poprzedni deseń. Poniżej efekt wypełnienia opisanym deseniem białego tła:

(http://www.gimpuj.info/gallery/48452_13_02_13_11_42_57_1.png) (http://www.gimpuj.info/)

i userbar z wykorzystaniem powyższego desenia:

(http://www.gimpuj.info/gallery/48452_14_02_13_12_46_06.png) (http://www.gimpuj.info/)




Trzeci i ostatni deseń, który stworzymy w tym tutorialu będzie to "Miód" autorstwa Cawz

[lp] 1. Tworzymy nowy obraz o wymiarach 10x10 px oraz przezroczystym tle. Powiększamy widok do 800%.
 
[lp] 2. Wybieramy narzędzie Pędzel <pedzel> i animowany pędzel o nazwie Sparks. Rozmiar pędzla najlepiej ustawić na ok. 5 - 10 px, zależnie od efektu jaki chcemy uzyskać. Odstępy ustawiamy na 1, proporcje i kąt na 0. Wybieramy dynamikę wyłączoną: Dynamics Off i rysujemy pędzlem po naszym obrazie, aż go całkiem zamalujemy.

(http://www.gimpuj.info/gallery/48452_13_02_13_11_42_57_2.png) (http://www.gimpuj.info/)


[lp] 3. Zapisujemy tak jak zwykle. Poniżej przykładowe tło wypełnione deseniem utworzonym przy pomocy pędzla o rozmiarze 5 px i obok dla porównania deseń uzyskany przy użyciu pędzla o wielkości 10 px:

(http://www.gimpuj.info/gallery/48452_13_02_13_11_42_57_3.png) (http://www.gimpuj.info/)

Jak widać można uzyskać różne efekty, zależnie od tego, jakiego rozmiaru pędzla użyjemy podczas tworzenia desenia.


[lp] Koniec


Użyte pędzle są standardowo dostępne w GIMP 2.8. Zapisywane desenie znajdziecie w folderze patterns w katalogu użytkownika.
W załączniku desenie utworzone wg powyższego poradnika.
Dziękuję za uwagę i życzę Miłego GIMPowania :)


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: Nowy on 10.01.2008, 13:34:35
Prywatna wiadomość (Offline)
   
   
Tworzenie desenia
« : 26.08.2007, 18:08:19 »
   Odpowiedz cytując


Wymagania : Program Graficzny GIMP
Poziom Trudności : Łatwy - Tutorial, który ma pomóc użytkownikom naszego forum w tworzeniu własnych deseni.
Tutorial jest wzorem jak utworzyć deseń. Desenie wykorzystujemy najczęściej przy tworzeniu Userbarów, Avatarów, Layoutów i często innych prac graficznych. Czasami przychodzi chęć zrobienia własnego desenia i w tym tutorialu właśnie to będzie opisane.
Poniżej opisane będzie jak kilka przykładowych deseni.

Pierwszy deseń jaki wykonamy będzie to "Krecha" o grubości 5px.

1. Otwieramy nowy dokument (Plik>Nowy...) o wymiarach 20x20px z przezroczystym tłem tak jak poniższym screnie .



2. Podgląd obrazu ustawiamy na 800%. Wybieramy narzędzie "Zaznaczenie obszarów prostokątnych"  i zaznaczamy obszar 20x5 px, a następnie wypełniamy zaznaczenie czarnym kolorem.


3. Usuwamy zaznaczenie (Zaznaczenie>Brak). I przechodzimy do zapisywania deseniu.
Aby zapisać wybierz Script-Fu>Zaznaczenie>Do desenia... Wybieramy nazwe naszego nowego patternu np. Krecha i następnie zatwierdzamy.


Nasz przykładowy deseń gotowy. Oto efekt, który uzyskamy gdy wypełnimy naszym deseniem biały obszar.



Drugi deseń będzie to pattern, którego używamy w userbarach i nie tylko.

1. Otwieramy nowy dokument o wymiarach 3x3px z przezroczystym tłem, tak jak poniżej.


2. Podląd obrazu przestawiamy na 800% Aby było łatwiej wykonać dalsze kroki.
Wybieramy narzędzie "Rysowanie pixelami o ostrych krawędziach" czyli "Ołówek". Pędzel, którym będziemy malować to Circle(01) (1x1). Ustawiamy go.
3. Teraz ołówkiem rysujemy przekątną pixel po pixelu.
Po wykonaniu popdunktu 3 powinno to wyglądać tak :

4. Teraz pozostaje nam tylko zapisać. Script-Fu>Zaznaczenie>Do desenia... Wybieramy nazwe naszego nowego patternu np. "Kreski". I potwierdzamy.

U mnie w Script-Fujest tylkoKonsola Script-Fu, Odśwież skrypty, Uruchom serwer

nie wiem czemu może mam inny GIMP od ciebie?


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: Alien7 on 29.01.2008, 19:29:47
ja mam tak samo jak poniżej, ale polecam zapisać obrazek w formacie "pat" i wgrać do GIMP-2.0/share/gimp/2.0/patterns


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: Lenoxxi on 01.03.2008, 10:26:14
Więc tak, w wersji 2.4.4 robisz: Plik -> Zapisz jako -> xxx.pat (gdzie xxx jest nazwą) zapisujesz w katalogu gimp 2.4 -> patterns, odświeżasz gimpa i masz


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: kluz on 24.03.2008, 15:16:00
Mam wersje Gimpa 2.4 i nie mam czegoś takiego jak Script-Fu.
Mimo że wgrywałem do folderu patterns i dalej nie mam desenia na liście deseni.
Co zrobić??


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: yeti1989 on 20.05.2008, 09:05:05
ja skopiowalem moj desen .pat do katalogu:
C:\Program Files\GIMP-2.0\share\gimp\2.0\patterns
i dziala
tylko ze nazwa deseniu to bedzie domyslnie GIMP Pattern [jezeli nie wpiszecie nic innego przy zapisywaniu pliko jako *.pat]
i jego podglad nie dziala. tzn. jest czarny kwadrat :D


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: mNagly on 26.05.2008, 13:46:09
a u mnie nie ma caly czas tego desenia :'( :'(

zapisalem wszystko tak jak powinno, w formacie .pat i w folderze patterns (w moim przypadku C:\Program Files\GIMP-2.0\share\gimp\2.0\patterns) a desenia jak nie bylo tak nie ma :-\ :-\

resetowalem gimpa, odswierzalem desenie, nic nie pomaga, co mam z tym zrobic?? ??? :-[


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: Aljans on 13.07.2008, 05:43:19
BOŻEEE Script-Fu to Filtry OMG


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: itris on 19.07.2008, 13:13:35
można jeszcze zaznaczyć cały obrazek (ctrl+a), skopiować (ctrl+c) a potem wejść w: edycja/wklej jako/nowy deseń

powinien być ten sam efekt co po skrypcie ^^


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: m@tthew^ on 19.01.2009, 13:49:28
Mam problem nie wiem gdzie zapisać juz zrobiony deseń i czcionke na Windows Vista czy ktos wie gdzie?

Prosze o dokładny opis zapisu. Dziekuje ;)


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: JaDopieroZaczynam on 30.01.2010, 20:23:42
Sory, że odświeżam już tak stary temat. Ale mam problem z tym. Wszystko jest ok, deseń jest ale jak go chce użyć, to jest za mocny, tzn. zbytnio zaciemnia mi sygnaturkę. Jak zrobię większego desenia np. 5px to wtedy są takie jakby kreski i widać kiedy one się zmieniają. Mógłby ktoś wykonać gotowy desen ten co kreska czarna jest na ukos i go tutaj wrzucić?


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: fenix505 on 16.04.2010, 17:39:24
3-maj
w załączniku masz


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: emma100 on 31.07.2010, 20:45:38
3. Usuwamy zaznaczenie (Zaznaczenie>Brak). I przechodzimy do zapisywania deseniu.
Aby zapisać wybierz Script-Fu>Zaznaczenie>Do desenia... Wybieramy nazwe naszego nowego patternu np. Krecha i następnie zatwierdzamy.

NIE MAM TEJ OPCJI-  [lp]Script-Fu>Zaznaczenie>Do desenia...


 

 


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: kr2ysiek on 28.09.2010, 20:19:09
Aby zapisać jako deseń należy zaznaczyć cały obrazek (ctrl+a), skopiować (ctrl+c), a potem wejść w: "Edycja > Wklej jako > Nowy deseń..." Otworzy się okno dialogowe z pytaniem o nazwę desenia i nazwę pliku na dysku.


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: reporteer on 29.12.2017, 13:44:58
Dlaczego robiąc drugi deseń (ten na userbary) rysując ołówkiem robią mi się tylko czarne pixele? Nie tworzą mi się te jaśniejsze cienie czy jak to tam się zwie tak jak na obrazku.


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: be@ on 29.12.2017, 13:57:35
Zapewne masz obraz w trybie indeksowanym. Musisz zmienić w Obraz -> Tryb na RGB


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: reporteer on 30.12.2017, 13:01:59
Mam tryb RGB i tak się dzieje. Zmieniłem na indeksowany to samo, z indeksowanego na RGB i też to samo. Na pewno to należy robić ołówkiem a nie pędzlem?


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: be@ on 30.12.2017, 13:15:15
A tak. Jeśli używasz ołówka, to wtedy rzeczywiście tak będzie. W końcu po to jest ołówek


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: reporteer on 30.12.2017, 21:52:53
No to czemu w poradniku jest:
"2.. Wybieramy narzędzie Ołówek"
Mam to zrobić pędzlem, tak?


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: be@ on 31.12.2017, 06:17:30
Jeśli chcesz uzyskać taki sam deseń jak pokazany w tutorialu, to trzeba rysować ołówkiem i pixele mają być właśnie takie czarne. Nie wiem gdzie i na jakim obrazku widzisz jakieś jaśniejsze i ciemniejsze, bo obrazek przedstawiający gotowy deseń nie ma żadnych cieniowanych pixeli. Takie widać na obrazku z gotowym userbarem, ale on prezentuje sposób zastosowania desenia, nie sam deseń. Na tym userbarze deseń jest nałożony ze zmniejszonym kryciem plus dodane jest na środku światło i stąd taki efekt.


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: Hasia on 31.12.2017, 10:56:51
A może chodzi o ten obrazek w tutku z bardzo dużym powiększeniem? Wtedy faktycznie wydawać się może, że są tam jaśniejsze cienie. Na pewno masz identycznych rozmiarów obraz? Ustawienia narzędzia także takie same? Może wrzuć screena z programu tak aby było widać to co ci wychodzi, oraz okno z ustawieniami wybranego narzędzia w tym wypadku ołówka. Ustaw podgląd na 800%. Będzie też łatwiej dla nas jeśli pokażesz nam też dokładnie ten obrazek z tutka do którego dążysz.


Tytuł: Odp: Tworzenie desenia
Wiadomość wysłana przez: be@ on 31.12.2017, 11:05:59
Teraz jak się tak wgryzłam, to podejrzewam, że może chodzić o zrzut z pkt.3 w sekcji dotyczącej drugiego desenia. Ale na nim nie ma wcale ciemniejszych i jaśniejszych odcieni ołówka, tylko widać tam szachownicę, symbolizującą przezroczyste tło. Tylko te czarne kwadraciki są rysunkiem, a szare, to ów symboliczny obraz przezroczystego tła. Tło to widoczne jest zresztą także na innych zrzutach, np. w pkt.2 z sekcji dotyczącej pierwszego desenia