Utwórz ramki w stylu w Photoshopie

Sep 12, 2025

Jak

Strona 1 z 2:

Strona 1

Strona 1
Strona 2

Rama stylowa jest migawką gotowej ramy, ponieważ będzie wyglądać w dłuższej animacji. Ma na celu uchwycenie ogólnego wyglądu i odczuwania wideo animowanego lub na żywo, ale w nieruchomym obrazie.

Ramki stylowe mogą pomóc przechwycić kolory, media, tekstury, fotografię i aktywa, które planujesz używać w swoim filmie. Pokazuje klienta zarówno ramy storyboard, jak i stylowe, jest doskonałym sposobem, aby upewnić się, że oboje znajdują się na tej samej stronie, czego można oczekiwać z projektem.

Mistrz Sztuka Storyboarding

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image] — Te przykłady są bardzo różne, ale wszystkie świetne zadanie komunikowania się, jak wygląda ostateczny element [kliknij ikonę, aby powiększyć obraz]

W przykładach powyżej tego stylu ramki nie pokazują każdej klatki wideo, jako storyboard.

Wejdźmy do tego, czego potrzeba, aby utworzyć ramy stylowe w Photoshopie. Koncentrujemy się na niektórych głównych technikach, które musisz wiedzieć, aby wykonać multi-photo Composites, jakby są częścią tej samej pracy.

W tym samouczku użyjemy przykładu sekwencji tytułowej, która poprzedzą nowy program telewizyjny. Ten program ma motywy tajemnicy, z góry przyjęte pojęcia o klasie i jest oparty w pobliżu oceanu.

5 najlepszych laptopów do Photoshop

01. Zacznij od jednego obrazu

This image will be our starting point. Click the image to download it — Ten obraz będzie naszym punktem wyjścia. Kliknij obraz, aby go pobrać

Po pierwsze, spójrzmy na gwiazdę naszego programu. Powyższe zdjęcie będzie naszą punktem wyjścia i mam na to wiele planów. Chcę izolować nasz bohater z tła, owinąć trochę pętli lekkich neonów wokół niej i zintegrować je, dostosowując oświetlenie.

02. Wytnij figurę

Start by quickly selecting the rough silhouette [click the icon to enlarge the image] — Zacznij od szybkiego wyboru szorstkiej sylwetki [kliknij ikonę, aby powiększyć obraz]

Zacznij od użycia narzędzia Szybkie wybór, aby uzyskać większość sylwetki postaci. Kliknij przycisk Wybierz i maski na górze, a pojawi się okno dialogowe Właściwości. Upewnij się, że Twój widok jest ustawiony na skórę cebuli i obróć suwak przezroczystości w dół, dzięki czemu można zobaczyć obszar, który już zamaskowany.

03. Skup się na włosach

Teraz radzęmy sobie z tymi delikatnymi włosami. Byłoby trudne, aby wyciąć je przy użyciu tylko narzędzi do wyboru udoskonalenia, ale Photoshop CC 2017. Nowa funkcja Wybierz i maska tworzą rzeczy znacznie prostsze, nawet biorąc pod uwagę warunki niskiego światła na naszym wizerunku.

Chwyć narzędzie szczotki do krawędzi Redefine i zacznij malować go na tych włosach. Teraz przekręca przezroczystość z powrotem do 100%, aby zobaczyć, gdzie musisz użyć narzędzia szczotki, aby przywrócić wszelkie obszary, w których ją prześwietlałeś.

04. Sfinalizuj swój wybór

Refine your selection until you're happy with the result [click the icon to enlarge] — Zawęź swój wybór, aż będziesz zadowolony z wyniku [Kliknij ikonę, aby powiększyć]

Powtórz te kroki tam iz powrotem, aż będziesz zadowolony z wyboru włosów. W tym momencie zwiększaj lekko krawędź zmiany biegów, a także kontrast i dodaj trochę piór (2px). Kliknij OK. Kliknij przycisk Maska warstw, aby popełnić ten wybór do maski.

05. Dostosuj tło

Teraz dodaj solidne tło. Użyj taberów kolorów, aby dopasować ciemny odcień na płaszczu figury. Możesz zauważyć, że wybór nie wygląda tak doskonałym, że jest izolowany na ciemnym tle - nie martw się, obejrzymy to z relgnaniem.

06. Maluj w niektórych neonowych światłach

The swirls should both overlap the figure’s head [click the icon to enlarge] — Wiruje powinny pokrywać się na głowie rysunku [kliknij ikonę, aby powiększyć]

Zanim dotrzesz do jakiegokolwiek przedostania się, dodaj te neonowe światła. Wybierz dwa kolory z subtelnego zachodu słońca na oryginalnym tle: miękki różowy i niebieski. Korzystanie z narzędzia pióra w trybie kształtu, ustaw wypełnienie na Brak i skok do jednego z kolorów. Ustaw szerokość skoku do 26px.

Teraz możesz mieć zabawę - na dwóch różnych warstwach, narysować różowe i niebieskie neonowe wiruje.

07. Dodaj blask

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge] — Węższy, biały pasek tworzy iluzję, że świecące światła [kliknij ikonę, aby powiększyć]

Teraz duplikuj obu kształtów, zmień kolor skoku na biały i zmniejsz szerokość skoku do 9px. Ten biały pasek powinien siedzieć w środku każdego wirującego - jeśli zauważysz, że nie jest prawidłowo ustawiony, wybierz wszystkie uderzenia i użyj ustawionego kształtu skoku typu rozwijanego, aby wybrać wyrównanie środka.

Zmień pióro szerszych uderzeń do 9px i pióro wąskich białych do 5px. Jeśli czujesz, że efekt nie jest wystarczająco żywy, powielają kolorowe uderzenia i pióro na 6px.

Oczyść i grupuj wszystkie te, wybierając je i uderzaj przycisku Utwórz grupę. Wreszcie, dodaj maskę warstwową do grupy i pomaluj obszar świateł, które idzie za głowicą postaci.

08. Rozpocznij powtórzenie

Use the neon shades to paint over the wispy hairs [click the icon to enlarge] — Użyj odcieni neon, aby pomalować na delikatne włosy [Kliknij ikonę, aby powiększyć]

Aby rozpocząć powtórzenie, utwórz kilka nowych warstw i zacznij malować przez delikatne włosy za pomocą różowych i niebieskich próbek. Powinien wyglądać szorstki i szalony.

Konwertuj wszystkie pomalowane warstwy do inteligentnych filtrów i dodaj rozmycie Gaussa. Chcesz rozmycie największych uderzeń najbardziej - dla mniejszych uderzeń, możesz nawet chcieć obrócić nieprzezroczystość.

09. Maskuj swoje warstwy

Save time by reusing our mask from earlier [click the icon to enlarge] — Oszczędzaj czas, ponownie wykorzystując naszą maskę z wcześniejszego [kliknij ikonę, aby powiększyć]

Musimy maskować te warstwy, ale zamiast robić nową maskę, możemy po prostu ponownie wykorzystać ten, który zrobiliśmy wcześniej na tle. Utrzymać alt i kliknij maskę na oryginalnym zdjęciu. Następnie trafiony cmd + a. wybrać wszystko i cmd + c. kopiować. Wybierz każdą z warstw malowane indywidualnie i dodaj do nich maski warstwy. alt + kliknięcie. w każdej z tych masek i uderzyć cmd + v. wkleić skopiowaną oryginalną maskę.

10. Zawęź swoją pracę

Change the blend modes on your relighting layers [click the icon to enlarge] — Zmień tryby mieszania na warstwach RELLight (kliknij ikonę, aby powiększyć]

Idź do każdego z tych masek i farby na czarno przez dowolne obszary, które uważasz za dużo koloru. Możesz także użyć narzędzia Smudge na sekcji Light Malowanie, aby dodać część tej mildości powrotnej.

Zmień tryby mieszania dla tych warstw do czegoś takiego jak Lighten, Ekran lub Nawet Kolor Dodge. Dodałem kolejną warstwę malarstwa odręcznego na szczycie włosów, aby dać mu trochę więcej głębokości koloru. Umieść wszystkie te warstwy w grupie o nazwie "RELLight".

11. Dodaj trochę kurzu

Motion-blurred dust particles really bring the image together [click the icon to enlarge] — Motion-niewyraźne cząstki pyłu naprawdę przynoszą obraz razem [kliknij ikonę, aby powiększyć]

Teraz, aby naprawdę wyciągnąć to razem, chcę dodać warstwę na wierzchu wszystkiego, co wygląda jak pył niewyraźny ( Pobierz to zdjęcie z Shutterstock ).

Umieść zdjęcie na szczycie stosu warstwy i zmień rozmiar w razie potrzeby, więc obejmuje całe płótno. Zmień swój tryb mieszania na ekran. Dodaj warstwę regulacji jasności i kontrastu i alt + kliknięcie. Pomiędzy regulacją a warstwą pyłu do klipsów dwa razem, więc warstwa pyłu nie wpływa na inne warstwy. Zmniejsz lekko jasność i pokrzyżuj kontrast.

Następna strona: Dodaj dwa kolejne obrazy do ramki w stylu i łączą wszystkie kolory razem

Bieżąca strona: Strona 1

Następna strona Strona 2

Utwórz ramki w stylu w Photoshopie

01. Zacznij od jednego obrazu

02. Wytnij figurę

03. Skup się na włosach

04. Sfinalizuj swój wybór

05. Dostosuj tło

06. Maluj w niektórych neonowych światłach

07. Dodaj blask

08. Rozpocznij powtórzenie

09. Maskuj swoje warstwy

10. Zawęź swoją pracę

11. Dodaj trochę kurzu

Jak - Najpopularniejsze artykuły

Jak włączyć fotografię na ilustrację

Jak wytwarzać twarz animacji

Jak malować fantasy bestie

Utwórz doskonale geometryczne projektowanie logo w programie Illustrator

Jak malować atmosferyczny portret w Photoshopie

Wyostrzyć swoje umiejętności malowania martwego życia

Opracuj swoje umiejętności karykatury

Jak zaprojektować animowany bohater

Kategorie