Tytuł: Jak kwiatek w tapetę przerobić - czyli od szkicu do deseniu. Wiadomość wysłana przez: BishKopt on 28.03.2007, 22: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, 16:18:05 Przepraszam,ale nie pisze się "deseniu" tylko "desenia"
|