Pulsująca dioda
Tutorial
Oryginał:
Flashing LEDOpracowanie:
grimRPoziom 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ć.
Zaczynamy 1. Otwórz nowy przezroczysty obraz o wymiarach
400x
400px. 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 [E]) o średnicy
280px i ustaw jak na rysunku poniżej.
Na wszelki wypadek zapisz zaznaczenie do kanału
Zaznaczenie -> Zapisz do kanału.
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 (
[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.
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.
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.
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.
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.
7. Duplikuj warstwy
2,
3 i
4, kopie ustaw tak, jak widać na poniższym obrazku.
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
150x
150px.
Modyfikuj atrybuty najniższej warstwy ustawiając czas wyświetlania na
200ms.
9. Zapisz plik jako
GIF pamiętając aby nie spłaszczyć obrazu, a zachować go jako animację.
Gratuluje, dobrnąłeś do końca.
Koniec
K71