Tworzenie migającej żarówki za pomocą wyrażeń w After Effects
Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)
W tym poradniku, pokażę ci jak wykonać efekt migania żarówki w After Effects za pomocą wyrażeń. Możesz następnie ustawić ręczne lub automatyczne miganie.
Podgląd
1. Tworzenie elementów w Photoshop
Krok 1
Otwórz Photoshop.



Krok 2
Naciśnij CTRL-N, aby stworzyć nową kompozycję. Ustaw Width i Height projektu odpowiednio na 1280 i 720.



Krok 3
Najpierw importujemy zdjęcie żarówki do kompozycji. Zmień nazwę warstwy na Bulb.



Krok 4
Po zaznaczeniu warstwy Bulb, naciśnij CTRL-J, aby ją powielić.



Krok 5
Zmień nazwę skopiowanej warstwy na Bulb Glass.



Krok 6
Ukryj warstwę Bulb. Za pomocą gumki, wymaż dolną część żarówki w warstwie Bulb Glass.



Krok 7
Włącz widoczność warstwy Bulb.



Krok 8
Naciśnij SHIFT-CTRL-N, aby stworzyć nową warstwę. Zmień nazwę tej warstwy na Slider.



Krok 9
Dodaj kształt suwaka w warstwie Slider jak pokazano na poniższym zrzucie.



Krok 10
W ten sam sposób, stwórz nową warstwę i zmień jej nazwę na Slider Button. Dodaj kształt przycisku w tej warstwie jak pokazano na poniższym zrzucie.



Krok 11
Naciśnij SHIFT-CTRL-N, aby stworzyć nową warstwę. Zmień nazwę tej warstwy na Filament.



Krok 12
Za pomocą pędzla, namaluj włókno biały kolorem.



Krok 13
Zapisz plik jako Bulb.PSD.



2. Komponowanie w After Effects
Krok 1
Otwórz After Effects



Krok 2
Naciśnij klawisze CTRL-I, aby otworzyć okno Import Files. Wybierz zapisany plik Bulb.PSD i kliknij przycisk Open.



Krok 3
Pojawi się małe okno z opcjami. W polu Import Kind wybierz Composition i kliknij OK.



Krok 4
Wszystkie elementy warstwy Bulb.PSD zostaną importowane jako kompozycja Bulb. W oknie projektu, kliknij dwukrotnie kompozycję Bulb. Wszystkie warstwy pojawią się na osi czasu.



Krok 5
Stwórz eliptyczną maskę w warstwie Background. Zwiększ wartość wygładzania maski, aby nieco przyciemnić obrys.



Krok 6
Po zaznaczeniu warstwy Bulb Glass, przejdź do Effects > Generate > Fill i nałóż efekt.



Krok 7
Jako wypełnienie wybierz jasnożółty kolor. Szklana część żarówki odpowiednio zmieni kolor.



Krok 8
Po zaznaczeniu warstwy Bulb Glass, przejdź do Effects > Sapphire Lighting > S_Glow i nałóż efekt. Zwiększ wartość Glow Width na 120 i Brightness na 2.



Krok 9
Wykonaj te same czynności dla warstwy Filament. Po zaznaczeniu warstwy Filament, przejdź do Effects > Sapphire Lighting > S_Glow i nałóż efekt. Zwiększ wartość Glow Widght na 36 i Brightness na 5.



Krok 10
Po zaznaczeniu warstwy Filament i przytrzymaniu klawisza ALT, kliknij stoper obok właściwości Brightness. Otworzy się edytor wyrażeń. Wpisz następujący kod:
y= thisComp.layer("Slider Button").transform.position[1]; yMin = 420; yMax = 445; linear(y,yMin,yMax,5,0)



Krok 11
Wykonaj te same czynności dla wartości Opacity w warstwie Filament. Przytrzymując klawisz ALT, kliknij stoper obok właściwości Opacity. Otworzy się edytor wyrażeń. Wpisz następujący kod:
y= thisComp.layer("Slider Button").transform.position[1]; yMin = 420; yMax = 445; linear(y,yMin,yMax,100,0)



Krok 12
Wykonaj te same czynności dla wartości Opacity w warstwie Bulb Glass. Przytrzymując klawisz ALT, kliknij stoper obok właściwości Opacity. Otworzy się edytor wyrażeń. Wpisz następujący kod:
y= thisComp.layer("Slider Button").transform.position[1]; yMin = 130; yMax = 445; linear(y,yMin,yMax,100,0)



Krok 13
Jeśli chcesz, aby miganie było automatyczne, przytrzymując klawisz ALT, kliknij stoper obok właściwości Position w warstwie Slider Button. Otworzy się edytor wyrażeń. Wpisz następujący kod:
x = transform.position[0]; y = transform.position[1]; w = wiggle(6, 210); [x, w[1]];



Krok 14
Przesuń warstwę Slider Button po osi Y. Za pomocą przycisku suwaka możesz kontrolować natężenie włókna i blasku żarówki przesuwając po osi Y.
Eksperymentuj z wartościami yMin i yMax, aby uzyskać różne rezultaty.



Podsumowanie
Chociaż wymagana jest pewna znajomość matematyki i skryptów, za pomocą wyrażeń możesz wykonać wspaniałe i złożone projekty, oszczędzając przy tym mnóstwo czasu.
Zachęcam do obserwowania tego działu, ponieważ zamierzam stworzyć więcej poradników na temat wyrażeń.
Subscribe below and we’ll send you a weekly email summary of all new 3D & Motion Graphics tutorials. Never miss out on learning about the next big thing.
Update me weekly