Tytuł: Strzałka 3D Wiadomość wysłana przez: edziuK on 23.02.2008, 16:52:37 Strzałka 3D Tutorial Opracowanie: edziuK Poziom trudności: średni (http://www.gimpuj.info/gallery/6760_28_02_08_7_33_51.png) 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. (http://www.gimpuj.info/gallery/6760_23_02_08_4_58_03.png)(http://www.gimpuj.info/gallery/6760_23_02_08_5_00_03.png) [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. (http://www.gimpuj.info/gallery/6760_23_02_08_5_11_12.png) [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. (http://www.gimpuj.info/gallery/6760_23_02_08_5_17_41.png) [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. (http://www.gimpuj.info/gallery/6760_23_02_08_5_20_22.png) [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]. (http://www.gimpuj.info/gallery/6760_23_02_08_5_28_59.png) [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. (http://www.gimpuj.info/gallery/6760_23_02_08_5_33_40.png) [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. (http://www.gimpuj.info/gallery/6760_23_02_08_5_37_31.png) [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: (http://www.gimpuj.info/gallery/6760_23_02_08_7_13_03.png) [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: (http://www.gimpuj.info/gallery/6760_23_02_08_7_14_44.png) [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łć. (http://www.gimpuj.info/gallery/6760_23_02_08_7_31_58.png) [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. (http://www.gimpuj.info/gallery/6760_23_02_08_7_58_22.png) [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: (http://www.gimpuj.info/gallery/6760_23_02_08_7_51_03.png) (http://www.gimpuj.info/gallery/6760_28_02_08_7_33_51.png) [lp] Koniec Życzę Miłego GIMPowania :) Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Luki7_91 on 27.08.2008, 13:06:43 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> Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: cinek6413 on 14.10.2008, 11:05:37 Fajny tutek, moja praca pierwsza tego typu.
(http://www.gimpuj.info/replacement.png) Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Yanke$ on 23.11.2008, 10:49:27 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) Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Qba_ on 21.02.2009, 11:13:13 Fajna strzałka wychodzi ;)
(http://www.gimpuj.info/replacement.png) Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: pkkm on 25.04.2009, 11:03:46 super tut!
moja praca w załączniku. Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: kolo558 on 13.05.2009, 14:34:42 Moje dzieło
(http://img2.vpx.pl/up/20090513/strzala.png) (http://www.vpx.pl/foto,strzala3.html) Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Logane on 15.08.2009, 14:06:31 (http://images50.fotosik.pl/181/c7bd5e966fb5ffdb.jpg)
Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Itcee on 10.04.2010, 21:25:36 (http://www.gimpuj.info/replacement.png) (http://img694.imageshack.us/i/stryalka2.gif/) a ja zrobiłem z tego animację <lol>
Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: wojtek2s on 03.11.2010, 09:24:39 Super tut :) Zrobiłem z tego animację :)
(http://www.gimpuj.info/replacement.png) (http://img815.imageshack.us/i/strzalka.gif/) Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: kon on 02.02.2011, 19:27:02 Grot
Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Naccon on 03.02.2011, 21:28:47 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 Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Mayor_Coody on 05.05.2011, 11:01:56 Fajny i prosty tutek. Moja praca 8-):
Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Łukasz on 05.05.2011, 11:58:29 Mayor_Coody: Zapisując w *.gif licz się z niską jakością...
Tytuł: Odp: Strzałka 3D Wiadomość wysłana przez: Ziomioslaw on 11.08.2012, 12:41:36 Mi wyszło coś takiego img]http://Bez nazwy.gif[/img @Czopi: naucz się wstawiać obrazki, bo teraz robisz bezsensowne posty. |