Polskie Forum Użytkowników GIMP-a

Tutoriale => Tła => Wątek zaczęty przez: BishKopt on 28.03.2007, 21:54:33



Tytuł: Jak kwiatek w tapetę przerobić - czyli od szkicu do deseniu.
Wiadomość wysłana przez: BishKopt on 28.03.2007, 21:54:33
Witam.
W tym krótkim tutorialu mam zamiar przedstawić moje zmagania które na celu miały wyprodukowanie pewnego wzoru opartego na rysunku kwiatka. Szkic popełniłem samodzielnie po czym wrzuciłem go na skaner i dalej do GIMP-a. Co działo się dalej przeczytacie poniżej. Chciałbym zaznaczyć, że tego opisu nie można traktować jak instrukcji do wykonania krok po kroku lecz raczej jak zbiór wskazówek poukładanych chronologicznie. :)

1. Na początku był chaos. Czyli kwiatek.

(http://img339.imageshack.us/img339/2609/kwiatek01kr0.png)

2. Następnie trzebabyło dla bezpieczeństwa zduplikowac tę warstwę.

3. Zmienić kolor biały w alfę:

Filtry --> Kolory --> Zmiana koloru w alfę...

4. Stworzyć nową, białą warstwę i umieścić ją bezpośrednio pod szkicem.

5. Powymazywać niepotrzebne kreski ze szkicu:

(http://img339.imageshack.us/img339/52/kwiatek02pt8.png)

6. Narzędziem do zaznaczania obszarów wg koloru należy... zaznaczyć szkic kwiatka. Ale, ale... W moim przypadku nie wyszło to zbyt pięknie:

(http://img339.imageshack.us/img339/4932/kwiatek03iu2.png)

Dlatego musiałem użyć:

Zaznaczanie --> Zmniejsz - o 1.

7. Następnie należało przekształcić zaznaczenie w ścieżkę:

Zaznaczenie --> Przekształć na ścieżkę

8. Następnie... ścieżkę przekształcić na zaznaczenie. Ten oraz poprzedni punkt służą wygładzeniu zaznaczenia.  Po prostu otrzymamy lepszy efekt.

9. Stworzyć nową, przezroczystą warstwę i zalać ją kolorem n.p. czarnym (w obrębie zaznaczenia):

(http://img339.imageshack.us/img339/3092/kwiatek04dh1.png)

10. Szczerze przeszkadzały mi te kwadraciki miast plamek :) zatem podmalowałem je trochę pędzelkiem (w ostateczności mogłem je całe zamalować...):

(http://img339.imageshack.us/img339/4804/kwiatek05ao8.png)

11. Tak więc otrzymałem element składowy układanki. Teraz trzeba było jednak jakoś to poukładać. Należało zatem dać sobie trochę miejsca:

Obraz --> Wymiary płótna - dobrać odpowiednio duże wielkości.

I po kolei z każdą warstwą:

Warstwa --> Dopasuj wymiary warstwy do obrazu

12. Warstwę z przygotowanym wcześniej kształtem należało zdublować - by nie stracić oryginału. Na kopii można było zacząć zabawę w puzzle. Chodzi w tym o to, by kopiując dany kształt (względnie: jego część) i obracając, odbijając itp. tak powstałą oderwaną warstwę ułożyć ładny wzorek. Ja zacząłem od czegoś takiego:

(http://img339.imageshack.us/img339/6311/kwiatek06sd5.png)

13. Kolejnym długim etapem jest zabawa z prowadnicami. W niej za to chodzi o to, by pierwotną małą układankę (patrz wyżej) nijako "obłożyć" od lewej i prawej a także z góry i z dołu odpowiednimi częściami... kolejnych skopiowanych i zmodyfikowanych części kształtu... Robota czasochłonna i wymagająca sporo kombinacji. Ogólnie chodzi w tym punkcie o to by zgrabnie (za pomocą prowadnic) wpasować elementy do prostokąta - należy go wyznaczyć prowadnicami. Najłatwiej będzie wyciągnąć wnioski ze zrzutów ekranu:

(http://img339.imageshack.us/img339/9718/kwiatek07pj6.png)

(http://img339.imageshack.us/img339/4759/kwiatek08tb9.png)

(http://img339.imageshack.us/img339/8138/kwiatek09dy0.png)

14. Oczywiście nie da się tak zaprojektować kwiatka (czy cokolwiek innego), o ile nie jest się Mauritsem Cornelisem Escherem ( http://pl.wikipedia.org/wiki/Maurits_Cornelis_Escher (http://pl.wikipedia.org/wiki/Maurits_Cornelis_Escher) ) :) tak by od razu pasował z każdej strony. Dlatego potrzebne są poprawki i dosztukowywanie elementów.

Dla wygody czytających ten tutorial stworzyłem nową warstwę z już poukładanymi częściami układanki. Pomalowałem ją na czerwono by odróżnić ją od czarnych prób (na kolejnej warstwie) dosztukowywania elementów i wpasowywania ich w wolne przestrzenie:

(http://img339.imageshack.us/img339/7869/kwiatek10kr8.png)

(http://img339.imageshack.us/img339/3869/kwiatek11uh3.png)

15. A oto efekt domalowywania (doklejania):

(http://img339.imageshack.us/img339/9329/kwiatek12aw9.png)

16. Pewne niedokładności które wystąpić mogły "w środku" przygotowywanego deseniu, tła czy jakkolwiek to nazwać, można podmalować ręcznie:

(tutaj lewa górna część prostokątu)
(http://img339.imageshack.us/img339/1175/kwiatek13ou4.png)

17. Na koniec należy połączyć odpowiednie warstwy (w zależności od potrzeb z tłem lub bez (przezroczyste tło). Następnie zaznaczaniem obszarów prostokątnych zaznaczyć obszar ograniczony przez prowadnice; może przydać się:

Widok --> Przyciągaj do prowadnic

po czym skopiować efekt koncowy.

18. Zmiany (łączenie warstw) można w tym momencie cofnąć (Ctrl + z) by nie niszczyć warstw.

19. Plik zachować z rozszerzeniem XCF i schować do szafy.

20. Ze schowka wkleić efekt końcowy do nowego dokumentu:

Edycja --> Wklej jako nowy

21. Tak przygotowany obrazek można wykorzystać na 2 (jeszcze więcej?) sposoby:

a) zachować jako zwykły plik graficzny (PNG, JPG, GIF...) i używać n.p. na stronach WWW jako tło, lub

b) zachować z rozszerzeniem PAT i używać jako Deseń w GIMP-ie. W tym przypadku plik ten należy wrzucić do katalogu:

C:\Documents and Settings\Nazwa_Użytkownika\.gimp-2.2\patterns - w przypadku Windowsa, lub

~/.gimp/patterns - w przypadku Linuxa (Czy ktoś mógłby mnie poprawić jeżeli się mylę (co prawie pewne, bo piszę to z pamięci) - z góry dzięki).

Mam nadzieję, że tutorial się przyda.
Załączam mój plik wynikowy.

Pozdrawiam
Marcin 'BishKopt' Woroch

Tutorial na licencji:
Creative Commons Attribution 2.5 Poland License
http://creativecommons.org/licenses/by/2.5/pl/ (http://creativecommons.org/licenses/by/2.5/pl/)


Tytuł: Odp: Jak kwiatek w tapetę przerobić - czyli od szkicu do deseniu.
Wiadomość wysłana przez: kufer on 25.03.2013, 15:18:05
Przepraszam,ale nie pisze się "deseniu" tylko "desenia"