Ostatnio dostałam kilka pytań, w jaki sposób przygotowuję swoje miniaturki do filmów. Od pewnego czasu bardzo lubię robić je w stylu wycinanek – wygląda to trochę jak dziecięcy kolaż, ale daje naprawdę fajny efekt i ładnie wygląda nawet w bardzo małym rozmiarze. Robię je w ten sposób jeszcze z jednego powodu. Bo to banalnie proste. :)

tutorial_miniatury_sample

Dziś pokażę Wam krok po kroku, jak wykonać takie miniaturki w stylu wycinanek przy użyciu Photoshopa. Prawdopodobnie można uzyskać podobny efekt za pomocą któregoś z darmowych programów do obróbki online, jak Canva czy PicMonkey, jednak wymagałoby to znacznie większego kombinowania. W Photoshopie jest to zdecydowanie łatwiejsze.

Nie przedłużając – przejdźmy do tworzenia! Pokażę Wam to na przykładzie miniaturki z jednego z moich ostatnich filmów z haulem książkowym, którą zrobię od nowa krok po kroku. Jej wygląd końcowy może się minimalnie różnić, bo nie będę zwracała uwagi na idealne odwzorowanie, zależy mi na pokazaniu Wam techniki.

Miniaturki w stylu wycinanek – działamy!

Na początek wybierzmy dwa zdjęcia, z których stworzymy naszą miniaturkę. Zdjęć oczywiście może być więcej, wszystko zależy od efektu, jaki chcemy uzyskać. Ja potrzebuję do stworzenia mojej miniaturki zdjęcia na tło oraz takiego, z którego powstanie sama wycinanka. Pozostałe elementy graficzne wykonam już przy użyciu kształtów i tekstu.

Krok 1 – wybieramy zdjęcia

Pierwsze zdjęcie, które wybrałam, to mój wyjątkowo radosny autoportret z wielkim stosem książek. :) Zrobiłam je po nagraniu filmiku. Drugie zdjęcie to bożonarodzeniowe światełka uliczne, które sfotografowałam kilka lat temu i tworzą bardzo fajną teksturę do różnych projektów, często do nich wracam w swoich grafikach. Oba pliki otworzyłam, teraz czas je powycinać.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 2 – wycinamy

Wybieramy narzędzie do wycinania – efekt, o jaki nam chodzi uzyskamy przy użyciu Polygonal Lasso Tool (Lasso wielokątne). Wycinamy obiekt klikając wokół niego. Staramy się wycinać tak, aby nie obejmować otaczającego go tła. Możemy robić to dość niedokładnie, ale uważamy na detale i przy nich warto zmniejszać odległości pomiędzy kliknięciami lassem.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 3 – kopiujemy

Gdy już dojdziemy do końca wycinania, wciskamy na klawiaturze kombinację CTRL + C (na Macu Cmd + C) lub klikamy na zaznaczenie prawym przyciskiem myszy i wybieramy “kopiuj“. Nasza wycinanka zostanie skopiowana do schowka.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 4 – tworzymy nowy dokument

Tworzymy nowy, pusty dokument wciskając kombinację klawiszy CTRL + N (Cmd + N na Macu) lub wybierając z menu File – New (Plik – Nowy). Ustalamy wielkość naszej miniatury – najlepsze wymiary to 1280px szerokości i 720px wysokości. Klikamy OK i Photoshop przeniesie nas do nowo utworzonego, pustego dokumentu.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 5 – wklejamy pierwsze zdjęcie

Na nasz nowo utworzony dokument wklejamy naszą wycinankę. Możemy to zrobić przy użyciu skrótu klawiszowego CTRL + V (Cmd + V na Macu) lub wybierając w menu Edit – Paste (Edycja – Wklej). Nasza wycinanka pojawi się w formie nowej warstwy (layer). Warstwy możemy przeglądać i edytować w oknie po prawej stronie. Jeśli nie widzicie takiego okienka, można je włączyć klikając w menu Window – Layers (Okno – Warstwy). Warstwę możemy przemieszczać i dowolnie skalować. Jeśli rozmiar Waszego zdjęcia był duży, prawdopodobnie wklejona wycinanka zajmuje zbyt dużą powierzchnię – zmniejszyć ją można klikając na kwadraciki w rogach zaznaczenia i przeciągając z wciśniętym klawiszem Shift (wtedy zmniejszymy obiekt równomiernie). Gdy wycinanka jest już na miejscu i ma odpowiedni rozmiar, przechodzimy do tła.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 6 – wklejamy zdjęcie tła

Wracamy do naszego pliku ze zdjęciem tła, wciskamy na klawiaturze kombinację CTRL + A (Cmd + A na Macu) i tym sposobem zaznaczamy całe zdjęcie. Następnie wciskamy CTRL + C (Cmd + C) i kopiujemy zaznaczenie do schowka. Wracamy do naszego pliku roboczego, gdzie tworzymy miniaturkę i wciskamy CTRL + V (Cmd + V). Wklejamy tym sposobem plik tła w postaci kolejnej warstwy do pliku roboczego. Tu znów mamy dowolność ustawiania i skalowania. Ja pozostawiłam zdjęcie w dużym rozmiarze, żeby kolorowe plamy pokryły jak największą powierzchnię tła miniatury.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 7 – ustawiamy kolejność warstw

W oknie warstw przeciągamy myszką warstwę z wycinanką powyżej warstwy tła. Dzięki temu nasza wycinanka znów znajduje się na wierzchu i możemy kontynuować jej edytowanie.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 8 (opcjonalny) – tworzymy efekt rozmycia tła

Ten krok jest opcjonalny i przydaje się wtedy, gdy chcemy, aby nasze tło było ładnie rozmyte. Klikamy w menu Filter – Blur – Gaussian Blur (Filtr – Rozmycie – Rozmycie Gaussowskie) i ustawiamy pożądaną wartość na suwaku.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 9 – tworzymy efekt wycinanki

Nadszedł czas na najważniejszy krok w całej pracy, ponieważ to on właśnie tworzy nam cały ten wycinankowy styl. Stworzymy biały obrys naszej wycinankowej warstwy. W tym celu klikamy prawym przyciskiem myszy na warstwę w okienku warstw i wybieramy Blending Options (Opcje mieszania).  Tam zaznaczamy kwadracik przy opcji Stroke (Obrysuj). Pojawią się opcje obrysowywania – możemy ustawić pożądaną grubość obrysu, jego kolor, a także pozycję obrysu – tu wybieramy Outside (Zewnętrzny). Wycinanka gotowa!

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 10 – tworzymy elementy graficzne

Od tego momentu panuje absolutna dowolność – ja zwykle dodaję kolorowe prostokąty i tekst, wykorzystując różne fonty. Wy możecie dodać sam tekst, wkleić kolejne zdjęcia i bawić się tym aż do skutku. :) Z narzędzia do tworzenia kształtów wybieram Rectangle Tool (Narzędzie prostokąta) rysuję prostokąty. Ich kolor można zmienić klikając w opcję Fill (Wypełnienie) na samej górze okna. Każdy prostokąt pojawi się jako kolejna, nowa warstwa.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 11 – edytujemy elementy graficzne

Po narysowaniu prostokątów, wybieram im kolory i umieszczam je w odpowiednich miejscach na mojej miniaturze. Warstwy można nie tylko przesuwać i skalować, ale też zmienić ich kąt nachylenia – zbliżając kursor myszy do jednej z bocznych krawędzi, zmieni się on w zakrzywione strzałki. Klikamy i przekrzywiamy prostokąt. Na koniec możemy też zmienić jego przezroczystość – w okienku warstw zmieniamy wartość Opacity (Przezroczystość).

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 12 – dodajemy tekst

Korzystając z narzędzia edycji tekstu możemy wpisać dowolny tekst na naszej miniaturze. Jeśli chcemy, żeby dane słowa dały się edytować oddzielnie, warto stworzyć je jako kolejne warstwy, czyli każde słowo lub zdanie wpisywać osobno. Bardzo ciekawie wygląda łączenie ze sobą różnych fontów (byle z umiarem!) i różnych wielkości tekstu. Ja postawiłam na font pisany do słowa “Book”, prosty font bezszeryfowy do słowa “haul” oraz font maszynowy do pozostałego tekstu. Gdy wybraliśmy już kolorowe tło i elementy graficzne, warto zachować jednolity kolorystycznie tekst. Warstwy ponownie możemy dowolnie przesuwać, skalować i ustawiać.

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book Tutorial, Miniatury w stylu wycinanek, The Carolina's Book Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Krok 13 – zapisujemy i gotowe!

Naszą miniaturę warto zapisać przy użyciu narzędzia Save for Web (Zapisz dla internetu), dzięki czemu plik pozostanie w bardzo dobrej jakości, a będzie mniej ważył. Należy ustawić jakość na 100% oraz rozszerzenie jpg lub png. I gotowe!

Tutorial, Miniatury w stylu wycinanek, The Carolina's Book

Mam nadzieję, że mój tutorial był dla Was pomocny i z niego skorzystacie, a Wasze miniaturki będą coraz ładniejsze! Jeśli macie jakieś problemy lub coś okazało się być niezrozumiałe, to piszcie w komentarzu – postaram się pomóc. :)