Polskie Forum Użytkowników GIMP-a

---

Zainspirowany tym tutorialem http://www.gimpusers.com/tutorials/3d-icons-in-gimp.html postanowiłem wykonać podobny efekt.
Tutoriala nie tłumaczyłem, lecz robiłem sam, by uzyskać mniej-więcej to co w powyższym tutorialu.

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

---

[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o wymiarach 500x500px oraz  przezroczystą warstwę.

[lp] 2. Wybieramy zaznaczenie prostokątne (http://www.gimpuj.info/Smileys/mazes/zazn-prostokatne.png) i zaznaczamy zaokrąglaj rogi, promień ustawiamy na 40,00px. Na nowo powstałej warstwie rysujemy zaokrąglony prostokąt o wymiarach 190x230px i wypełniamy go tym kolorem #8c8c8c.



[lp] 3. Tworzymy nową warstwę (również przezroczystą) i wybieramy zaznaczenie prostokątne, lecz teraz odznaczamy zaokrąglenie rogów
Na nowo utworzonej warstwie zaznaczamy kwadrat o wymiarach 256x256px oraz wypełniamy tym samym kolorem co poprzednio.



[lp] 4. Bez usuwania zaznaczenia obracamy warstwę z kwadratem o kąt 45,00 stopni: Warstwa -> Przekształcenie -> Dowolny obrót
Tak przygotowaną warstwę przesuwamy tak jak na obrazku poniżej.



[lp] 5. Przechodzimy do menu warstw [Ctrl+L] i zakotwiczamy warstwę Oderwane zaznaczenie (przekształcenie). Następnie dajemy kanał alfa na zaznaczenie na tej zakotwiczonej warstwie. Potem wybieramy zaznaczenie prostokątne i ustawiamy TRYB na odejmowanie od zaznaczenia i zaznaczamy prostokąt tak jak  poniżej.



[lp] 6. Wchodzimy w: Edycja -> Wytnij [Ctrl+X]. Następnie pozbywamy się resztek zaznaczenia w ten sposób, iż robimy kanał alfa (na tej samej warstwie) i klikamy Zaznaczenie -> Odwróć [Ctrl+I] i śmiało wymazujemy gumką, aż do pozbycia się niedoskonałości po poprzedniej operacji oraz usuwamy zaznaczenie Zaznaczenie -> Nic [Shift+Ctrl+A].



[lp] 7. Przechodzimy do menu warstw i na najwyższej warstwie klikamy połącz w dół oraz robimy kanał alfa na połączonej warstwie. Następnie przechodzimy do Zaznaczenie -> Zmniejsz i ustawiamy je na 15px.



[lp] 8. Tworzymy nową warstwę i wypełniamy tak przygotowane zaznaczenie gradientem liniowym (http://www.gimpuj.info/Smileys/mazes/gradient.png), kolor pierwszoplanowy #109602,
drugoplanowy #8cb717.



[lp] 9. Usuwamy zaznaczenie i przechodzimy do Filtry -> Światło i cień -> Rzucanie cienia i stosujemy ustawienia:
Przesunięcie X: 1
Przesunięcie Y: 0
Promień rozmycia: 10
Kolor: biały
Krycie: 80

Klikamy OK

[lp] 10. Teraz musimy przesunąć warstwę z naszym cieniem tak jak na obrazku poniżej:



[lp] 11. Następnie znów przechodzimy do rzucania cienia i zmieniamy tylko kolor z białego na czarny (#000000). Klikamy OK i przesuwamy jak  poniżej:



[lp] 12. Przechodzimy do menu warstw i czynimy  warstwę tło niewidoczną, następnie klikamy PPM na warstwie nad tłem i wybieramy połącz widoczne warstwy. Tam zaznaczamy przycięta do obrazu i klikamy łączenie. Dla wygody włączymy widoczność tła.

[lp] 13. Następnie zmienimy perspektywę naszej strzałki. Klikamy na przycisk  perspektywa (http://www.gimpuj.info/Smileys/mazes/perspektywa.png), a następnie na obrazek i ustawiamy perspektywę tak jak na obrazku poniżej. Klikamy na przekształć.



[lp] 14. Teraz duplikujemy naszą strzałkę i wypełnimy duplikat kolorem #d9d9d9. Tą samą warstwę duplikujemy ponownie, lecz tym razem 20 razy. Przechodzimy do najniższej zduplikowanej warstwy i przesuwamy ją o 1px w prawo, a robimy to tak, że wybieramy narzędzie Przesunięcie (http://www.gimpuj.info/Smileys/mazes/przesuwanie.png) i klikamy nim na obszarze roboczym, po czym klikamy na prawa strzałkę na naszej klawiaturze, następnie przechodzimy do warstwy wyżej i robimy to samo, lecz klikamy na klawiaturze już 2 razy, na następnej warstwie tak samo, lecz klikamy już 3 razy itd.

[lp] 15. Gdy przesuniemy tym sposobem już wszystkie zduplikowane warstwy  musimy je połączyć, czyli czynimy niewidocznymi warstwę najwyższą i tło po czym klikamy na jakąś z widocznych warstw i łączymy je. Teraz wypełniamy połączone warstwy  kolorem #d4d4d4. Następnie dajemy na tej warstwie kanał alfa na zaznaczenie.



[lp] 16. Tworzymy nową warstwę. Wybieramy zaznaczenie obszarów prostokątnych, tryb ustawiamy na część wspólna z bieżącym zaznaczeniem, rysujemy mały prostokąt i wypełniamy go gradientem liniowym, kolor pierwszoplanowy na przezroczystość (czarny) i zmniejszamy krycie warstwy wedle uznania. Wszystko powinno wyglądać jak poniżej:




[lp] Koniec

---

Życzę Miłego GIMPowania :)

---

Super tutek... świetnie napisany i zrozumiały!
A oto wynik moich starań:
(http://www.gimpuj.info/gallery/12385_27_08_08_2_04_56.png)
Wiem, że są pewne niedociągnięcia... ale juz mi sie nie chciało ich poprawiać  ^^
Pozdro...  <lol>

Fajny tutek, moja praca pierwsza tego typu.

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

Fajny, dobrze wytłumaczony tutorial z fajnym efektem.
Oto mój efekt.
(http://www.gimpuj.info/gallery/17706_23_11_08_10_47_08.png)

Fajna strzałka wychodzi ;)

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

super tut!
moja praca w załączniku.

Moje dzieło
(http://img2.vpx.pl/up/20090513/strzala.png) (http://www.vpx.pl/foto,strzala3.html)

(http://images50.fotosik.pl/181/c7bd5e966fb5ffdb.jpg)

(http://www.gimpuj.info/replacement.png) (http://img694.imageshack.us/i/stryalka2.gif/)   a ja zrobiłem z tego animację  <lol>

Super tut :) Zrobiłem z tego animację :)
(http://www.gimpuj.info/replacement.png) (http://img815.imageshack.us/i/strzalka.gif/)

Grot

Godzina pracy :D


(http://www.gimpuj.info/replacement.png) (http://img716.imageshack.us/i/strzalka2.jpg/)

Troche niedokladnie alto to moja 1 praca w gimpie

Fajny i prosty tutek. Moja praca 8-):

Mayor_Coody: Zapisując w *.gif licz się z niską jakością...

@Czopi: naucz się wstawiać obrazki, bo teraz robisz bezsensowne posty.