Polskie Forum Użytkowników GIMP-a

---

Tutorial pisany na prośbę Nilkalla (http://www.gimpuj.info/index.php?action=profile;u=485).
Wisiał u mnie w zakładkach foxa od dość dawna. Podchodziłem do niego kilka razy, ale jakoś zapału nie miałem, dopiero Nilkall (http://www.gimpuj.info/index.php?action=profile;u=485) mnie tak na prawdę zmotywował.

Nie jest to przewodnik dla początkujących. Musisz znać podstawowe pojęcia Gimpa.

Tłumaczenie nie jest dosłowne, ale efekt – myślę - ten sam.
Wystarczy tego wstępu, bierz się do pracy.

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

---

[lp] Zaczynamy

[lp] 1. Otwórz nowy przezroczysty obraz o wymiarach 400x400px. Ustaw sześć pionowych i sześć poziomych prowadnic Obraz -> Prowadnice -> Nowa prowadnica.
Współrzędne pionowych:

• 160px
• 230px
• 250px
• 270px
• 290px
• 310px

Współrzędne poziomych:

• 180px
• 230px
• 250px
• 270px
• 290px
• 310px

Zaznacz okrąg (Zaznaczenie eliptyczne  <zaznaczenie-eliptyczne> [E]) o średnicy 280px i ustaw jak na rysunku poniżej.



Na wszelki wypadek zapisz zaznaczenie do kanału Zaznaczenie -> Zapisz do kanału.

[lp] 2. Utwórz nową przezroczystą warstwę, ja nazwałem ją led i tej nazwy będę używał w dalszej części poradnika. Teraz utwórz cztery kolejne przezroczyste warstwy przytrzymując klawisz [Shift] i klikając LPM na ikonę Nowa warstwa (http://www.gimpuj.info/gallery/17327_28_02_10_1_02_21.png) w zakładce Warstwy. Jako kolor pierwszoplanowy wybierz #0f0, a drugoplanowy czarny (#000). Wybierz gradient  (<gradient> [L]) Kolor pierwszoplanowy na kolor tła, kształt Promienisty.
Przeciągnij gradient na pierwszej nowej warstwie od przecięcia się prowadnic zaznaczonego na obrazku poniżej żółtym punktem do pierwszego czerwonego punktu. Na pozostałych nowych warstwach twórz gradient od żółtego punktu do kolejnych, coraz dalszych przecięć prowadnic.



[lp] 3. Pod warstwami led#1 do led#4 umieść nowe przezroczyste warstwy. Na warstwie led#5 wypełnij zaznaczenie zielonym kolorem, na warstwie led#6 powiększ zaznaczenie (Zaznaczenie -> Powiększ...) o 3px i wypełnij zielenią, led#7 - kolejne powiększenie zaznaczenia o 3px i wypełnienie zielenią, to samo na warstwie led#8.



Możesz już usunąć prowadnice, aby potem nie przeszkadzały Obraz -> Prowadnice -> Usuń wszystkie prowadnice.

[lp] 4. Usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]) i rozmyj Gaussem (Filtry -> Rozmycie -> Rozmycie Gaussa...) warstwy z zielonymi kołami.
Promienie rozmycia poszczególnych warstw:

• led#5 - 15px
• led#6 - 30px
• led#7 - 45px
• led#8 - 60px

Połącz w dół warstwy: led#4 z led#8, led#3 z led#7, led#2 z led#6, led#1 z led#5.

[lp] 5. Pomiń ten punkt jeśli chcesz stworzyć samą diodę bez tła.
Wypełnij warstwę Tło, deseniem, gradientem lub dowolnym obrazem. Ja użyłem deseniu Leather.
Duplikuj warstwę tło cztery razy i umieść po jednej kopii pod każdą warstwą led.



Połącz warstwy led z warstwami tła w taki sam sposób, jak warstwy led w pkt. 4. Dla większej przejrzystości możesz zmienić nazwy warstw, ja ponumerowałem je zaczynając od najniższej.

[lp] 6. Teraz dodamy naszej diodzie "efekt szkła".
Dodaj nową warstwę i na niej zaznacz elipsę tam, gdzie chcesz umieścić błysk. Jako kolor pierwszoplanowy ustaw biały (#fff). Wybierz gradient Kolor pierwszoplanowy na przezroczystość, kształt Promienisty i przeciągnij z góry na dół zaznaczenia.



Usuń zaznaczenie i rozmyj błysk Gaussem o promieniu 5px. Duplikuj tę warstwę cztery razy i umieść po jednej kopii nad każdą warstwą z diodą.



Połącz warstwy analogicznie jak w punktach 4 i 5 - na każdej diodzie musi się znaleźć jeden błysk.

[lp] 7. Duplikuj warstwy 2, 3 i 4, kopie ustaw tak, jak widać na poniższym obrazku.



[lp] 8. Teraz optymalizuj animację - Filtry -> Animacja -> Optymalizuj (dla formatu GIF). Po chwili powinien otworzyć się nowy obraz, możesz go zmniejszyć, aby animacja nie była zbyt "ciężka" - Obraz -> Skaluj obraz..., ja przeskalowałem go do wymiarów 150x150px.
Modyfikuj atrybuty najniższej warstwy ustawiając czas wyświetlania na 200ms.



[lp] 9. Zapisz plik jako GIF pamiętając aby nie spłaszczyć obrazu, a zachować go jako animację.

Gratuluje, dobrnąłeś do końca.



[lp] Koniec

---

K71

---

A mi wyszło takie coś
(http://s1.fotoupload.be/173/My%20Documents/dioda.gif)

gdzie moge znalesc te prowadnice??

slimior odpowiedź znajdziesz tutaj (http://www.gajdaw.pl/gimp/selekcja.html)

Trzeba rozruszyć ten wątek...
Tutek czytelny, ja niestety gaussowanie nie ustawiłem na RLS i wyszło mi oto takie cuś:

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

Pół godziny roboty.

A czy można coś takiego zrobić z tekstem?

Moja dioda:
(http://www.gimpuj.info/gallery/9554_15_03_08_6_05_27.GIF)
Suer tut

Zaznacz okrąg o średnicy 280 pikseli i ustaw go jak na rysunku poniżej:

ALE gdzie jest ta opcja jak wchodze w zaznaczenie to tam nic nie ma

Mi wyszło takie coś:
(http://www.tbiotfans.yoyo.pl/dioda.gif)

Oto moja pracka  :P
(http://images25.fotosik.pl/235/4017dc918e25bbac.gif) (http://www.fotosik.pl)
coś chyba poknociłam z poświatą bo wydaje się niezbyt naturalna  ^^

Mój efekt:

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

długo tu nik nie pisał  :-[


Mi wyszło tak: :P
(http://www.gimpuj.info/replacement.png)

A to moja dioda

U mnie taki efekt ;/

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

Nie wiem czemu tak szybko pulsuje (ale dopiero zaczynam

niezle  <wilber>
(http://www.fothost.pl/upload/08/45/edc85579.gif) (http://www.fothost.pl)

Mnie nie wyszło 2 razy. Wie ktoś może dlaczego?:

(http://i195.photobucket.com/albums/z80/kasazi/pulsujcadiodadokitu2.gif)



(http://i195.photobucket.com/albums/z80/kasazi/Pulsujcadioda.gif)

Pulsuje ta dioda dlatego ze ominołes jeden punkt! Powinieneś zrobic tak:
Animacja -->Optymalizacja dla formatu GIFi dopiero zapisac

A mi nie wyszło, ale będę próbował dalej czegoś innego... jest to moja pierwsza przygoda z Gimp'em i na pewno nie jednorazowa, to będzie dłuższy związek... To co mi się udało stworzyć :(

(http://fotoo.pl/zdjecia/files/2009-01/e43f0b1b.gif) (http://fotoo.pl/)

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

Naprawdę bardzo fajny tutek :D

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

(Pisze się 'link'.) Obraz -> Prowadnice -> Nowa prowadnica   :)
~~~~~~~~
Bardzo fajny i 'przyjemny' tut. Mój efekt:
~~~~~~~~
Edit: jeszcze druga, niebieska wersja  ^^

O to wyniki mojej pracy zeszło mi na to cały dzień... Fajny TUTEK dzięki. pozdrawiam

wersja pierwsza:
http://www.otofotki.pl/img6/obrazki/jd324_Bez_nazwy.gif
wersja druga:
http://www.otofotki.pl/img6/obrazki/kt4444_Beznazwy.gif
wersja trzecia i ta jest wg mnie udana osądźcie sami  :) :) :) :) :) :) :)
http://www.otofotki.pl/img6/obrazki/ag5010_Beznazwyy.gif

tutaj nie zmniejszałem obrazu nie wykonałem skalowania :)

Ktoś powinien znowu załadować zdjęcia bo wiele z nich jest już niedostępnych...

Tada  :D :

Super tutek
Mój efekt:
(http://www.gimpuj.info/gallery/27768_06_07_09_10_39_06.gif)

tutaj jest wszystko:
http://download.gimpuj.info/ebooki/animacje/pulsujaca%20dioda.pdf

mi takie coś wyszło, tam chyba jest błąd, na zdjęciach jest żeby prowadzić do 5 [ja tak zrobiłem] a dalej patrząc po screen'ach nie ma wystarczająco dużo warstw, aby wyszło do pięciu, a po za tym u mnie ogółem było aż 11 warstw  8-)



(http://gfx.efotek.pl/images/u1zh4pqxzwnl2949qvc.gif)


(http://gfx.efotek.pl/images/hojpjeghy8j7a9e7fx6.gif)


oraz jeszcze takie zrobiłem  8-)

(http://gfx.efotek.pl/images/vpgdas08o3jedl823k.gif)
(http://gfx.efotek.pl/images/indr4jguxh5v7prlk68e.gif)


(http://gfx.efotek.pl/images/z6oghpegreypzb4qip.gif)
(http://gfx.efotek.pl/images/j65r3mioaelamddwrfma.gif)

(http://gfx.efotek.pl/images/bbtxoxshwrokt4b6jo0.gif)
(http://gfx.efotek.pl/images/m2zv91wi56r77xoq6dxj.gif)

i sami oceńcie która naj-naj-najlepsza  <lol>

Z 40 min siedziałam nad tym
I się nie śmiać bo ja początkująca :( :P

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

Zrobilem bez tla i dlatego nie ma poswiaty??

A ja zapislaem w .GIF i bez tła i mój obrazek sie nie rusza :(



WHY ?

Moj sie rusza tylko trzeba go otworzyc.Dlaczego tak jest-nie wiem.