Efekt Matrix, znany z kultowego filmu, jest fascynującym środkiem stylistycznym, który pozwala uzyskać cyfrowy i futurystyczny wygląd. Za pomocą Photoshopa możesz nie tylko odtworzyć ikoniczny zielony kod, ale także nadać mu animację, aby nadać swoim projektom dynamiczny i żywy charakter. W tym tutorialu pokażę Ci krok po kroku, jak stworzyć i animować efekt Matrixa - idealny do filmów, stron internetowych lub projektów kreatywnych. Zanurzmy się w świat cyfrowej estetyki!
Krok 1:
Najpierw tworzę nowy dokument; rozmiar jest całkowicie obojętny. Wybieram bardzo mały rozmiar 800x600 pikseli. Jeśli chcesz wydrukować ten efekt, jednostkę piksela należy zmienić na centymetry i rozdzielczość z 72 na 300 pikseli na cal.
Krok 2:
Teraz otwieram plik obrazu w edytorze (najlepiej bardzo mały plik obrazu, ponieważ inaczej otwieranie zajmie zbyt dużo czasu) i wklejam do niego około 2 stron tekstu w języku błotnym.
Krok 3:
Następnie wklejam skopiowany tekst na warstwę tekstową z np. czcionką Courier o rozmiarze 10 pt koloru zielonego. Tło powinno być czarne.
Krok 4:
Następnie zmieniam kierunek tekstu, klikając na górze po lewej stronie na odpowiedni symbol.
Krok 5:
Aby nie było widocznych wszystkich liter lub aby niektóre były ledwo widoczne, tworzę maskę i używam filtra Chmury różnicowe z domyślnymi kolorami Czarny/Biały (Menu>Filtr>Filtr renderujący). Zastosowuję Ctrl+F tak długo, aż będę zadowolony. Warstwę tekstową podczas stosowania Chmur różnicowych dodatkowo dubluję i ukrywam.
Krok 6:
Za pomocą Korekcji poziomów (Ctrl+L) mogę jeszcze lepiej wyeksponować litery, przesuwając środkowy suwak.
Krok 7:
Teraz dodaję warstwie tekstowej efekt światła na zewnątrz. Klikam prawym przyciskiem myszy na warstwę tekstową w Panelu warstw, a następnie na Opcje wypełnienia.
Krok 8:
Górną warstwę tekstową można teraz ponownie pokazać, a drugą na razie ukryć. Następnie odwracam maskę warstwy z użyciem Ctrl+I (należy aktywować maskę klikając na nią przed kliknięciem), aby była całkowicie czarna. Teraz biorę pędzel o rozmiarze np. 6 pikseli, który dodatkowo jest dość miękki. Teraz mogę pociągać proste linie przytrzymując klawisz Shift. Jednak po przeciągnięciu należy puścić klawisz Shift i ponownie kliknąć w inne miejsce przed ponownym przytrzymaniem klawisza Shift i przeciągnięciem linii.
Krok 9:
To samo wykonuję kilka razy na całym obrazie, a następnie zwiększam przezroczystość stylu warstwy światło na zewnątrz.
Krok 10:
Następnie ponownie pokazuję wszystkie warstwy. Wynik wygląda już bardzo dobrze.
Krok 11:
Teraz chcę pokazać, jak użyć tego efektu do animacji. W tym celu otwieram moje narzędzie animacji w Menu>Okno i powiększam dolną warstwę tekstu.
Krok 12:
Następnie rozwijam warstwę w narzędziu animacji i klikam na stoper obok pozycji. Powstaje klucz klatki, który zapamiętuje aktualną pozycję mojej warstwy tekstu.
Krok 13:
Kiedy przesunę suwak na osie czasu na 05:00f, automatycznie zostanie dodany nowy klucz klatki kluczowej. Następnie przesuwam moją warstwę tekstową dołem za pomocą narzędzia Przesuń. I już mój mały animowany jest gotowy. Jeśli chcę, aby wszystkie warstwy tekstowe poruszały się razem, mogę zaznaczyć wszystkie warstwy w panelu warstw i połączyć je w jeden obiekt Smart-Object. Następnie pozwalam temu obiektowi Smart-Obiekt po prostu się poruszać.
Krok 14:
Ponieważ odtwarzanie w programie Photoshop działa u mnie dość szarpano, od razu wybieram opcję Plik> Eksportuj> Renderuj wideo jako Plik filmowy QuickTime. Gotową animację możecie zobaczyć tutaj.
Krok 15:
Na zakończenie warsztatów chciałbym pokazać, jak umieścić zdjęcie za efektem Matrix. Po prostu dodaję wybrane zdjęcie.
Krok 16:
Teraz wystarczy zmienić metodę wypełniania na Kolor przyciemniany, a litery zostaną rozjaśnione tam, gdzie w zdjęciu są jasne piksele obrazu.
Krok 17:
W tym przypadku mogę przesuwać zdjęcie w dowolnym momencie, a znaki tekstowe dostosowują się automatycznie.
Krok 18:
Gdy przesunę warstwę z zdjęciem na sam szczyt hierarchii warstw, efekt będzie wyglądać tak:
Krok 19:
Poprzez użycie metody wypełniania Ściemnianie efekt będzie wyglądał tak:
Krok 20:
Genialne: Mogę nawet skopiować zdjęcie do schowka, a następnie, przytrzymując klawisz Alt, przechodząc kliknięciem w maskę warstwy tekstu i używając Ctrl+V jako maskę warstwy.
Krok 21:
Alternatywnie mogę przekształcić warstwę tekstową w Smart-Object i zastosować na niej Rozmycie, które następnie znowu wygładzę za pomocą maski Smart-Object na niektórych obszarach.
Krok 22:
Wskazówka: Mogę również sklonować moją dolną warstwę tekstu, przenieść ją na górę i zmniejszyć rozmiar tekstu z 10 na 8. Następnie ustawiam stopień przezroczystości na około 17%, a efekt wygląda jeszcze lepiej.
Krok 23:
Wynik wygląda u mnie następująco, gdzie górną maskę warstwy zdjąłem po prostu przytrzymując klawisz Shift:
