Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Autor Wątek: Pulsująca dioda  (Przeczytany 98101 razy)
0 użytkowników i 2 Gości przegląda ten wątek.
Kifer71
Gość
« : 03.11.2006, 00:47:57 »

Pulsująca dioda
Tutorial

Oryginał: Flashing LED
Opracowanie: grimR
Poziom trudności: średni





Tutorial pisany na prośbę Nilkalla.
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 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ć.



Lime Point Zaczynamy

Lime Point 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.

Lime Point 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 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.



Lime Point 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.

Lime Point 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.

Lime Point 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.

Lime Point 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.

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



Lime Point 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.



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

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



Lime Point Koniec



K71


« Ostatnia zmiana: 26.03.2010, 16:03:28 wysłane przez INSEKT » Zapisane
Carmix
Gość
« Odpowiedz #1 : 18.12.2006, 21:35:42 »

A mi wyszło takie coś


Zapisane
slimior
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 27
Galeria Użytkownika

slimior

Yes, I don't


Zobacz profil
« Odpowiedz #2 : 28.04.2007, 18:29:05 »

gdzie moge znalesc te prowadnice??
Zapisane

Kifer71
Gość
« Odpowiedz #3 : 29.04.2007, 12:19:25 »

slimior odpowiedź znajdziesz tutaj
Zapisane
Lenoxxi
Użytkownik

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 188
Galeria Użytkownika


Chojrak ;)


Zobacz profil
« Odpowiedz #4 : 07.03.2008, 18:45:50 »


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



Pół godziny roboty.
Zapisane

Stop pokemonom!!
mountain_dew
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 1
Galeria Użytkownika

mountain_dew


Zobacz profil
« Odpowiedz #5 : 11.03.2008, 16:44:03 »

A czy można coś takiego zrobić z tekstem?
Zapisane
HooLs
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2 + GAP
Licencja: Copyright
Wiadomości: 21
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 15.03.2008, 19:09:32 »

Moja dioda:

Suer tut
Zapisane

Hehe Gimp 2.2+GAP Najlepszy
Bialy Orzel
Użytkownik

Reputacja: 2 Offline Offline

Wiadomości: 20
Galeria Użytkownika

Bialy Orzel


Zobacz profil
« Odpowiedz #7 : 19.04.2008, 18:55:12 »

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
Zapisane
Adros
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 29
Galeria Użytkownika



Zobacz profil
« Odpowiedz #8 : 21.05.2008, 21:26:20 »

Mi wyszło takie coś:
Zapisane
Rudzia
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 10
Galeria Użytkownika

Rudzia


Zobacz profil
« Odpowiedz #9 : 25.06.2008, 13:56:27 »

Oto moja pracka  Język

coś chyba poknociłam z poświatą bo wydaje się niezbyt naturalna  Uśmiech 2
Zapisane
Arrow
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: CC-NC-BY-SA
Wiadomości: 12
Galeria Użytkownika

Arrow


Zobacz profil
« Odpowiedz #10 : 26.06.2008, 10:11:05 »

Mój efekt:

Zapisane
Roki
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 9
Galeria Użytkownika



Zobacz profil
« Odpowiedz #11 : 12.09.2008, 18:07:56 »

długo tu nik nie pisał  Zawstydzony


Mi wyszło tak: Język
Zapisane
ReVeRs
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 2
Galeria Użytkownika



Zobacz profil
« Odpowiedz #12 : 04.10.2008, 09:29:52 »

A to moja dioda


* Reversed.gif (76.12 KB, 150x150 - wyświetlony 14961 razy.)
Zapisane

ReVeRs
pawel1008
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 2
Galeria Użytkownika

pawel1008


Zobacz profil
« Odpowiedz #13 : 03.11.2008, 22:41:15 »

U mnie taki efekt Skwaszony



Nie wiem czemu tak szybko pulsuje (ale dopiero zaczynam
Zapisane
Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPAnimacjeWątek: Pulsująca dioda
Skocz do: