Polskie Forum Użytkowników GIMP-a

Tutorial powstał na prośbę dragona (http://www.gimpuj.info/index.php?action=profile;u=1088), a właściwie na zmówienie, celem publikacji w wydaniu specjalnym Dragonia Magazine. Pierwszy jednak był maniek.a (http://www.gimpuj.info/index.php?action=profile;u=970) i jego post Opakowanie na cd (pseudo 3d) (http://www.gimpuj.info/index.php/topic,1241.msg6866.html#msg6866).

Program: GIMP 2.2.x

(http://kifer.gimpuj.info/grafika_tutki/box/gotowiec.png)

Nie jest to tutorial dla początkujących, ale osoby zapoznane z GIMP-em w stopniu podstawowym powinny dać sobie łatwo radę.
Zaczynamy.

1.   Otwórz nowy obraz o rozmiarach 450x550 pikseli.
2.   Stwórz w nim okładkę swojego pudełka lub pobierz tą widoczną poniżej. Pobierz archiwum zip 01.xcf (http://www.gimpuj.info/index.php?action=dlattach;topic=1798.0;attach=3175).

Nie będę się rozpisywał jak wykonać projekt okładki. Nie o tym jest ten tutorial.

(http://kifer.gimpuj.info/grafika_tutki/box/01.png)

Zielone linie pokazują miejsca łamania pudełka.

3.   Kiedy okładka jest gotowa zapisz ją do formatu xcf. Dalszą pracę wykonasz w osobnym pilku.
4.   Z menu Edycja wybierz Kopiuj widoczne.
5.   Z tego samego menu wybierz Wklej jako nowy.
6.   Teraz przyszła kolej na ustawienie prowadnic, które wyznaczają linie cięcia okładki. Poziomą ustaw w odległości 100 pikseli od górnej krawędzi obrazu.
Pionową ustaw w odległości 100 pikseli od lewej krawędzi obrazu.

(http://kifer.gimpuj.info/grafika_tutki/box/02.png)

7.   Dodaj nową przezroczystą warstwę.
8.   Kolor pierwszoplanowy ustaw na czarny.
9.   Wybierz narzędzie Rysowanie pikselami o ostrych krawędziach (ołówek) (N).
10.   Z menu Widok wybierz Przyciągaj do siatki, będzie ci wygodniej rysować i zaznaczać wybrane obszary w dalszej części tutoriala.
11.   Wybierz pędzel Circle (15).
12.   Na nowej warstwie kliknij ołówkiem na styku pionowej prowadnicy i górnej krawędzi warstwy.
13.   Przytrzymując klawisz Shift przeciągnij kursor wzdłuż prowadnicy do dolnej krawędzi warstwy.
14.   To samo zrób na poziomej prowadnicy.

(http://kifer.gimpuj.info/grafika_tutki/box/03.png)

15.   Teraz z menu Filtry wybierz Rozmycie -> Rozmycie Gaussa...
16.   W oknie dialogowym filtra promień rozmycia ustaw na 30 pikseli i kliknij Ok
17.   W zakładce Warstwy suwak Krycie przesuń na 30 %.
18.   W zakładce Warstwy kliknij PPM i na rozwiniętym menu wybierz Połącz widoczne warstwy.
19.   Jedyną warstwę jaką teraz masz duplikuj trzy razy.
20.   Licząc od góry zmień nazwy warstw na: góra, prawa i przód.
21.   Na warstwie Wklejona warstwa z menu Zaznaczenie wybierz Wszystko.
22.   Z menu Edycja wybierz Wyczyść.
23.   Z menu Zaznaczenie wybierz Brak.
24.   Na warstwie przód narzędziem Zaznaczanie obszarów prostokątnych zaznacz przód pudełka.
Zaczynasz od przecięcia się prowadnic i ciągniesz kursor do prawego dolnego rogu warstwy. Jeśli tak jak wskazałem w punkcie 10 włączyłeś(aś) Przyciągaj do siatki to zauważysz, że nie trzeba wielkiej precyzji w prowadzeniu kursora. Na rysunku zielonym kolorem narysowałem granice zaznaczenia:

(http://kifer.gimpuj.info/grafika_tutki/box/04.png)

25.   Z menu Warstwa wybierz Wykadruj.
26.   Usuń zaznaczenie. Menu Zaznaczenie -> Brak.
27.   Kroki 24, 25 i 26 powtarzasz na warstwach prawa i góra.
Na warstwie prawa przeciągasz zaznaczenie od punktu wskazanego przez przecięcie się poziomej prowadnicy i lewej krawędzi warstwy, do punktu wyznaczonego przez przecięcie się pionowej prowadnicy i dolnej krawędzi warstwy.
Na warstwie góra przeciągasz zaznaczenie od punktu wyznaczonego przez przecięcie się pionowej prowadnicy i górnej krawędzi warstwy, do punktu przecięcia się poziomej prowadnicy z prawą krawędzią warstwy.

Rysunki poglądowe:

(http://kifer.gimpuj.info/grafika_tutki/box/05.png) (http://kifer.gimpuj.info/grafika_tutki/box/06.png)

,a w zakładce Warstwy powinno to wyglądać tak:

(http://kifer.gimpuj.info/grafika_tutki/box/07.png)

Teraz pozmieniasz trochę wymiary warstw i obrazu.

28.   Każdą z warstw, także tą pustą (Wklejona warstwa), przeskaluj do rozmiaru 600x600 pikseli. Menu Warstwa -> Skaluj warstwę.... Pamiętaj o odznaczeniu łącznika proporcji w oknie skalowania (klik na łańcuszek).
29.   Teraz w ten sam sposób przeskaluj wymiary płótna. Menu Obraz -> Wymiary płótna....

Jak widzisz warstwy „uciekły” trochę z kadru obrazu, należy je tam ponownie umieścić

30.   Aktywuj narzędzie Przesuwanie warstw i zaznaczeń (M).
31.   Poustawiaj wszystkie warstwy w kadrze. Możesz sobie w tym pomóc włączając i wyłączając widok warstw w zakładce Warstwy.

Ułożenie pudełka i późniejszy, rzucany przezeń cień wymaga przyciemnienia jego boku. Kolejne kroki pokazują jak to zrobić.

32.   W zakładce Warstwy kliknij na warstwę prawa.
33.   Dodaj nową przezroczystą warstwę.
34.   Przy pomocy narzędzia Wypełnianie kolorem lub deseniem (Shift+B) wypełnij nową warstwę czarnym kolorem.
35.   Ustaw krycie warstwy na 30 %.
36.   Połącz warstwę w dół.

No i nadszedł czas na tworzenie pudełka.

37.   Aktywuj warstwę Wklejona warstwa. Na niej właśnie będzie „stało” pudełko.
38.   Z menu Filtry wybierz Odwzorowania -> Odwzorowanie na obiekt.
39.   W oknie dialogowym odwzorowania jako Obiekt docelowy ustaw Prostopadłościan i poczekaj chwilkę na efekt.
40.   Zaznacz opcję Przezroczyste tło.
41.   Pomocne jest też kliknięcie w opcję Wyświetl szkielet.
42.   Przejdź do zakładki Prostopadłościan. Tutaj poustawiasz ścianki swojego pudełka.
43.   Kliknij w rozwijane menu Przód. Zobaczysz tam wszystkie warstwy swojego obrazu. Wybierz warstwę przód.
44.   W menu Góra ustaw warstwę góra.
45.   W menu Prawa ustaw warstwę prawa.
46.   Kliknij w przycisk Podgląd. Powinna pokazać się warstwa przód.
47.   Jeśli zniknął widok szkieletu kliknij dwa razy w Wyświetlaj szkielet lub włącz widok szkieletu jeśli nie zrobiłeś(aś) tego wcześniej.
48.   W zakładce Prostopadłościan są jeszcze suwaki Skala. Ustaw Y na 0.70, a Z na 0.35.
49.   Kliknij w Podgląd. Powinno wyglądać tak:

(http://kifer.gimpuj.info/grafika_tutki/box/08.png)

50.   Przejdź do zakładki Ułożenie.
51.   W opcji Obrót ustaw X na 15, a Y na -20.
52.   Kliknij Ok i idź do kuchni coś przekąsić bo chwilę to potrwa. ;)

Wróciłeś(aś)? To dobrze. Chcesz pewnie zobaczyć swoje pudełko? No to do dzieła.

53.   Wyłącz widok warstw góra, prawa i przód. Ładne, prawda?
54.   Z menu Script-Fu wybierz Cień -> Perspektywa.
55.   W oknie skryptu ustaw Kąt na 135.
56.   Promień rozmycia ustaw na 10.
57.   Krycie na 30 i kliknij Ok.

Wypadało by na czymś postawić to pudełko.

58.   Utwórz nową przezroczystą warstwę.
59.   W zakładce Warstwy przesuń ją na sam dół.

(http://kifer.gimpuj.info/grafika_tutki/box/09.png)

60.   Z zakładki Desenie wybierz deseń Wood of some sort.
61.   Aktywuj narzędzie Wypełnianie kolorem lub deseniem (Shift+B).
62.   W zakładce Opcje narzędzia kliknij na Deseń.
63.   Wypełnij deseniem nową warstwę.
64.   Zapisz obraz np. w formacie png i chwal się swoją pracą.

Miłego GIMP-owania.

---

K71

---

Witam, jestem nowy na forum jak i w gimpie oto moje dzieło:

(http://img413.imageshack.us/img413/6406/pudelkoeventzw8.jpg)

Nie chiałem dodawać deseni i zostawilem pudełko na białym tle. Pozatym nudzilo mi sie i szkoda bylo miejsc wiedz dodałem znaki www.pegi.info i kod kreskówy na górnej części pudełka.

Pozdro Sidyk

To ja dodam swoje pudełko:

(http://www.klasaobrazki.yoyo.pl/inne/kk.png)

Tutorial dobry.

(http://www.gimpuj.info/gallery/5059_09_12_07_12_26_04.png)
też stworzyłem pudełko na mój system :D

Tutorial prosty, ale za to jaką daje radochę! ;D
Acha jeszcze jedno - czy też po wygenerowaniu pudełka mieliście prześwity (przezroczyste piksele) na składaniach?
Powstają chyba w czasie skalowania do rozmiarów 600x600 (ja miałem wybraną interpolację sześcienną).

pozdrawiam

Moja pierwsza praca ;D. Tutorial super i może się przydać... <stalowka>

Jestem początkujący w tym ale takie coś potrafie zrobić z tak prostego tutoriala ale mam jeden problem  :( gdyż ta ścianka boczna jest za mała  >:(. Help

zwiększ parametr "z" i będzie grało.

Pomocy! :'( Już robi "Odwzorowanie na prostopadłościan" i w połowie się zatrzymuje i wywala error że Winda musi zamknąć ten proces...  :'(

Ubuntu box, a jak :) . Podoba mi się ten tutorial, jak popracuję trochę nad okładką będzie całkiem nieźle :) .

(http://www.gimpuj.info/gallery/9646_26_03_08_12_10_55.png)

:D Bardzo przydatny poradnik ^.^ PoLeCaM
1pkt. jest czasochłonny, ale opłaca się poczekać :D

Moje "dzieło"
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

No, rzeczywiście długo trwa ten 52. punkt. Mój efekt :
(http://www.gimpuj.info/gallery/8668_11_04_08_3_06_57.png)

Ja wymyslilem swoje pudelko, niestety dopieroo zaczynam dzialanie z gimpem ale mam nadzieje ze jakos sie naucze :D Pozdro , a oto moje dzielo:

Jak dla mnie,łatwy i łatwy do zrozumienia tutorial.
Ale powinieneś sobie odpuścić z tym cieniem nad warstwą "prawa".
Ma praca:
(http://www.tbiotfans.yoyo.pl/0.png)

Świetny tutorial 10/10
Moja pracka:

Tutek pierwsza klasa.
Efekt:
(http://www.gimpuj.info/replacement.png)

Naprawde fajny tutek.:

Efekt 3 godzinnej pracy  ^^ !
(http://www.gimpuj.info/gallery/13254_12_08_08_6_40_21.jpg)

 <wilber>A ja zrobiłem takie pudełko:

(http://www.gimpuj.info/gallery/14836_07_09_08_11_03_37.png) (http://www.gimpuj.info/)

Ale mi nadal ściana boczna jest za mała nawet jak większe x

a ja zrobiłem opakowanie na mój system operacyjny  <wilber>
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

Czy może mi ktoś poradzić co zrobić z boczną ścianą która w okienku odwzorowania jest jakby taka ściśnięta ślę screena:
(http://www.gimpuj.info/replacement.png)

Tutorial świetny, oto moja praca:
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
(http://img340.imageshack.us/img340/gotoweiw9.png/1/w600.png) (http://g.imageshack.us/img340/gotoweiw9.png/1/)
i druga:
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
(http://img340.imageshack.us/img340/gotowe1ym6.png/1/w600.png) (http://g.imageshack.us/img340/gotowe1ym6.png/1/)

Witam, jestem tu nowy więc pragne powitac wszystkich forumowiczów i gimpowiczów.
Otóż zrobiłem wszystko jak w instrukcjach ale niestety niewiem dlaczego jest taki efekt.
Będe bardzo bardzo wdzięczny za pomoc.
(http://www.gimpuj.info/replacement.png) (http://img517.imageshack.us/my.php?image=il2im3.jpg)(http://img517.imageshack.us/images/thpix.gif) (http://g.imageshack.us/thpix.php)

Trzeba się trochę współrzędnymi pobawić.a mi też źle się to robi...

Fajny tutek, bardzo pomocny. A oto co mi wyszło:
[klik] (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=28707)

Taa... Tutek super wszystko wyszło.

Witam jestem tu nowy
Tutek świetny

Moja praca:
(http://www.gimpuj.info/replacement.png)

Bez zbędnych bajerów, bez zbędnej grafiki. W skrócie: Tibia.  <wilber>
(http://www.gimpuj.info/gallery/18157_25_01_09_7_16_04.png) (http://www.gimpuj.info/index.php?action=gallery;su=user;cat=4814;u=18157)
Fajny tutek :D

(http://i40.tinypic.com/25exsvm.jpg)

 :D :P

Mi coś się popsuło z prawym bokiem ale jest nawet nawet ...

(http://www.otofotki.pl/img6/miniaturki/iw893_pudelkosamp.png) (http://www.otofotki.pl/img6/pokaz.php?id=iw893_pudelkosamp.png)

Telewizja S...

Moja okładeczka ;)

(http://www.gimpuj.info/replacement.png)

 ;)  troche cienie nie wyszly

Udało się.
Po prostu trzeba wymiary warstwy zwiększyć do około 900 px.
http://www.gimpuj.info/gallery/27768_11_07_09_11_17_19.png

To moja 1 praca w Gimpie ;]
(http://www.gimpuj.info/replacement.png)

nie mogę znaleźć odwzorowanie na obiekt :'(

Filtry -> Odwzorowania -> Odwzorowanie obiektu, to to samo co w starszych wersjach Gimpa Odwzorowanie na obiekt

Świetny tutorial


(http://www.gimpuj.info/replacement.png)

(http://images48.fotosik.pl/205/70fb2799361199c3.png) o moje dzielo :D

(http://www.gimpuj.info/replacement.png) :)

(http://i46.tinypic.com/2nhjpk5.jpg)

moja praca (trochę kijowo wyszło  :P) :
(http://ifotos.pl/img/pudelko-P_xenrne.jpg)

a oto i moje dzieło podobne do tej co zrobił ten nademną ja zrobiłem o podobnym programie Tisfat. :D
tylko kolor napisu zle dobrałem i nie mogłem wypełnić.
(http://www.gimpuj.info/replacement.png)
Tam pisze:
This Is Stick Figure Animation Theatre :D

i druga praca
(http://www.gimpuj.info/replacement.png)

jestem dumny z tego synka  ^^:
(http://ifotos.pl/img/pudelko-W_nhawep.jpg)

moja ulubiona gra na PS2  :-* :
(http://ifotos.pl/img/pudelko-L_nhqnwq.jpg)

Spoko tutorial.
Mój efekt:
(http://www.gimpuj.info/replacement.png) (http://img193.imageshack.us/i/cocacolao.jpg/)

Praktycznie takie same jak na prawdziwym pudełku ;) Wiem bo mam :)

Coś jest chyba nie tka bo przy " Warstwa -> Skaluj warstwę.... " rozciąga się wszystko. I to tak rozciąga ze z zwykłej grafiki dobrej jakości robi się jakaś pikseloza.
Z resztą nie ma jak tego ucpchnąć w kadrze bo musiał bym dac jedną warstwę na drugą. o_O

EDIT:
Powiększyłem tylko płótno. Ustawiam "Odwzorowania -> Odwzorowanie na obiekt." Jak rozkazano, ustawiam też dobrze suwaki. Daję ok i pasek ładowania był sekundę, naładowało się i... Nic się nie zmieniło.

EDIT2:
Udało sie z obrazkiem z tutorialu. Ale... Ten bok (prawy) pomniejsza się podczas obróbki i jest puste pole. Góra i przód są dobrze. Tylko ta "prawa" jest źle.

Wiem ze pisze drugi raz. Ale to dlatego ze nikt nie chce mi odpowiedzieć dlaczego tak jest, pomimo iż to błąd w tutorialu.

Próbowałem zmieniać wszystkie ustawienia. Nawet kąt padania światła (dlatego ta wersja w załączniku jest zdeformowana bo zmieniałem wszystkie suwaki)... I co? Pstro, bo dalej ta ściana jest zła.

Tut Super:
(http://www.gimpuj.info/replacement.png)

Fantastyczny tutek :)

(http://eeb2l6lhjmqh.az.pl/images/kurs-squeeze-page-1.jpg)

Milan per..

Kurde, sorry za odkop ale też mam problem..

Prawa ściana -

(http://img4.uploadhouse.com/fileuploads/9984/998497496f7fc593927127d660648ef533c4fac.png)

Pablas - Metin2? Ha,ha przecież to jest darmowa gra internetowa a ty ją sprzedajesz za 10 zł? I jeszcze pełna wersja, padłem.


Widzę że użytkownika Nelgor każdy olał.

Robiłem to 2 razy bardzo dokładnie i cały czas ta prawa ściana nie wychodzi, czyżby autor tematu źle coś napisał albo zmienił? Proszę o tego kto zrobił to dobrze, niech napisze instrukcje jeszcze raz.

Rozwiązałem problem... Musicie ominąć dodawanie cienia na prawą warstwę, ponieważ gdy się go doda prawa strona wtedy znika...

Moje pudełko:

(http://img8.uploadhouse.com/fileuploads/10018/1001853857ee29ee645e8c02881d9c99dc234728.png)

Poprzedni userzy musieli nie dodawać tego cienia dlatego im to wychodziło, wina leży po stronie autora... Proszę moderatora o poprawienie tego punktu.

Moja praca
(http://zapodaj.net/images/7d974a88eb7a.png)

Świetny tutorial, jasno i klarownie wytłumaczone wszystkie kolejne kroki. Moje pudełeczko.

Ścianka po lewej nie łączy mi się z niczym.

Czytać nie umiesz?

"Rozwiązałem problem... Musicie ominąć dodawanie cienia na prawą warstwę, ponieważ gdy się go doda prawa strona wtedy znika..." = NexaT.

Ja odwzorowałam i prawa ściana jest za mała. Nie chodzi o cień bo do tego jeszcze nie doszłam. Pomocy. :(

A ja zrobiłem takie coś :laugh::
(http://www.picshot.pl/pfiles/140530/pude%C5%82ko.png)

Łapcie moją pracę. Niosę to jutro na ZS :D