Skuteczne Kreacje Reklamowe: Rozbudowany zestaw formatek

0:00Cześć, Witam Cię w kolejnej lekcji i

0:01wracamy teraz do firmy i tutaj przygotowałem strony dodatkowe strony.

0:07Tutaj mamy te wszystkie kasety, które wcześniej przygotowałem.

0:10Tutaj mamy stronę z formatami.

0:12Tutaj wcześniej dodałem jeszcze stronę z pierwszym naszym projektem, tutaj Running

0:16Schools, czyli drugi projekt i mamy jeszcze tekst JS.

0:23Tutaj mamy przygotowane wcześniej

0:25formatki, z których zazwyczaj korzystam i mamy kolejno 1080 1080 jako post.

0:31Następnie mamy 1080 1920 jako rolkę na Instagramie, reklamę 1 kropka 9

0:38na w proporcji 1 kropka, 9 na na 1 i Full HD w poziomie 1920x1080.

0:46Przygotowałem sobie jeszcze cover na

0:48YouTube, na Facebook na LinkedIn Company i LinkedIn Personal Personal, czyli

0:55prywatną swoją osobistą stronę, którą mogą mieć autorzy kursu.

1:01Stronę firmową samego samego szkolenia, cover na Facebook i oczywiście na YouTube.

1:06Tutaj możecie zobaczyć.

1:11I tutaj możesz zobaczyć, jak ja przygotowałem wcześniej w oparciu o

1:15opracowany Key Visual wszystkie te formatki.

1:20Natomiast teraz skupiamy się na przygotowaniu

1:24reklamy, która ma promować to szkolenie, nie koniecznie w oparciu o ten sam key

1:29visual, chociaż obramowanie oczywiście zostaje, czyli kolorystyka, fonty i logo.

1:35I teraz korzystając z tych materiałów.

1:40Ja wezmę na razie te dwie bitmapy.

1:44Korzystając z tych materiałów po prostu

1:45sobie tutaj będę chciał stworzyć podstawowe formatki.

1:48Wybieram, wybieram Command V i.

1:53To jest dosyć trudne zadanie, ponieważ w jakiś sposób musimy je tak tutaj

1:56rozmieścić, żeby jednocześnie również zmieścił nam się tutaj ten tekst.

2:01Od razu sobie go skopiuję z Command C i też sobie przenieśmy tutaj Command V.

2:08OK, zacznijmy może od kwadratu.

2:11I teraz ja tutaj wrzucę

2:14tą naszą grafikę z background em, a następnie wybieram klawisz K,

2:17aby przeskalować nasz nasz obraz na przykład w ten sposób.

2:24I teraz tutaj będę chciał zostawić trochę miejsca właśnie na tekst.

2:29Dlatego ja wcześniej w Photoshopie dodałem takie ciemno niebieskie obramowanie po to,

2:35żeby tutaj dodać właśnie taki płaski solid color.

2:38Dlatego mogę zaznaczyć sobie cały ten art

2:41board, a następnie przejść do moich styli z kolorami.

2:45I mam tutaj taki dark fiolet i jest to

2:48dokładnie ten sam kolor, z którego ja wcześniej skorzystałem.

2:51I mamy tutaj dokładnie tak to przygotowane, żebyśmy mogli sobie

2:56to gdzieś tutaj przesuwać na przykład w ten sposób.

2:59I tu możemy już sobie wrzucić naszą parę szalonych naukowców,

3:06też sobie to zmniejszymy z klawiszem K naturalnie i wrzućmy np.

3:11tutaj.

3:14Spróbujmy sobie powiększyć np.

3:16tak.

3:17I teraz jeszcze wróćmy tutaj.

3:19Będzie nam też potrzebne logo, więc sobie skopiuj.

3:21My logo też.

3:23Z logo też możemy sobie stworzyć komponent, bo może się okazać w trakcie

3:27przygotowania wszystkich tych materiałów, że jednak coś mamy zmienić w tym logo.

3:30I jeżeli robimy sobie całą masę takich.

3:35Całą masę takich formatek reklamowych tak jak np.

3:38tutaj to ciężko by było zmieniać to logo na wszystkich tych materiałach.

3:44Dlatego też może być to komponent, który

3:47po prostu powielamy jako instancję i wtedy jeśli w komponencie zmienimy np.

3:52kolorystykę, to zostanie ona podmieniona

3:54na wszystkich instancjach, w których została wykorzystana.

4:00Więc jest to bardzo dobre rozwiązanie i

4:03zachęcam do tego, żebyście i zachęcam do tego, żebyś korzystał z komponentów.

4:08Przejdę tutaj z powrotem do mojego

4:09projektu, skopiuję sobie to logo i wrzucę narazie tu.

4:14Następnie klawisz K będziemy chcieli je zmniejszyć i ustawić np.

4:20w tym miejscu.

4:22OK, no i mamy jeszcze tą naszą instancję, którą z klawiszem też sobie zmniejszę.

4:32I np. damy ją sobie tu.

4:41Spróbujmy naszych bohaterów przesunąć nieco bardziej w prawo.

4:54I popracujemy nad kolorami.

4:55Tutaj mamy nasz button, który w zasadzie możemy zmienić np.

4:59na biały czy jasno fioletowy, ale chyba w tym przypadku najlepiej gra biały.

5:06I na razie niech to tak zostanie.

5:09Chociaż szczerze powiedziawszy nie jestem jakoś szczególnie fanem tego kwadratu.

5:13Może gdybyśmy powiększyli jeszcze tych naszych bohaterów i dali ich gdzieś tu.

5:21A następnie teksty przenieśli sobie tutaj niżej.

5:25Myślę, że wtedy wyglądałoby to lepiej, ale.

5:28Dalej brakuje nam tutaj miejsca.

5:30OK, na razie ten kwadrat zostawmy.

5:31Skupmy się teraz na pionie.

5:34I tutaj jako wypełnienie też możemy sobie

5:36dodać ten ciemno niebieski kolor, czyli dark fiolet.

5:41Następnie tutaj też będę chciał, żebyśmy

5:44sobie skopiowali to tło, więc możemy je sobie np.

5:48wziąć tutaj z panelu warstw.

5:51Zaznaczam tą formatkę i tutaj mamy characters i background zaznaczam go

5:54command C a następnie wklejam tutaj i tutaj wybieram klawisz K by powiększyć.

6:01Powiększymy to w ten sposób i tutaj będzie nam dużo łatwiej.

6:05Zobacz też, że tutaj zaznaczyłem sobie Instagram Story Save Elia.

6:10Mogę to oczywiście w każdej chwili

6:11wyłączyć, ale tutaj mam taki margines, który jest nieprzekraczalny, ponieważ

6:17Instagram ma tutaj swoje elementy interfejsu i nie chciałbym, żeby

6:21one zasłaniały tych istotnych elementów, takich jak logo czy teksty.

6:25Dlatego np. logo możemy sobie szybko tutaj przenieść

6:28i upewnić się, że jest ono ustawione właśnie pod tym marginesem.

6:32Możemy też je powiększyć na pewno

6:35i w środku zimy skopiuje naszych bohaterów i też tutaj wklejamy.

6:42Warto ich zmniejszyć.

6:51OK.

6:52Spróbujmy jeszcze podnieść troszeczkę ten background.

6:59I mamy sporo miejsca na tekst Command C command V.

7:07A i ta formatka jest bardzo ładna.

7:10Wygląda całkiem fajnie.

7:18Logo możemy podnieść troszkę wyżej.

7:22I mamy teraz poziomy. Zacznijmy od tego dużego.

7:26Będzie nam łatwiej.

7:27Więc znowu możemy sobie skopiować tu Instagram Story sobie włączymy.

7:32I teraz mamy tą naszą formatkę, która wygląda w ten sposób.

7:35To co teraz robimy to kopiujemy sobie

7:37oczywiście next next czy jest characters in next, czy jest background command?

7:43C a następnie wklejamy to tutaj.

7:47OK, możemy sobie śmiało to powiększyć.

7:50Oba te elementy z klawiszem K.

7:59Tu jest też dosyć łatwo, ponieważ mamy sporo miejsca na teksty.

8:03Jeśli chodzi o wypełnienie tego art.

8:05bordo, to tutaj zastosujemy ten ciemnoniebieski kolor.

8:09I teraz znowu możemy sobie wziąć logo Command V.

8:14Możemy je sobie dać tu przykład i tekst Command C command V.

8:29No i tu jest dosyć łatwo.

8:31Faktycznie jest trochę tutaj za biało, więc może jednak zaznaczmy sobie ten nasz

8:35komponent instancję z przyciskiem i wybierzmy sobie lite fiolet.

8:41A myślę, że jest trochę ciekawiej.

8:47No i teraz została tam ta najmniejsza formatka.

8:50Tutaj też weźmiemy sobie ciemny kolor.

8:54Możemy zaznaczyć sobie oba

8:56te elementy Command C, Command V, a następnie klawiszem K.

8:59Jak już są zaznaczone to możemy proporcjonalnie je zmniejszyć i dopasować.

9:03Oczywiście tutaj wygląda dobrze.

9:06I zaznaczmy sobie jeszcze te dwa elementy, czyli next jest characters i next czy jest

9:11background command c command v i też musimy je troszeczkę zmniejszyć.

9:20OK. Następnie przesuniemy je na spód.

9:33Logo dałem oczywiście wyżej.

9:40No i w porządku. Fajne jest to, że oczywiście możemy sobie

9:42przesuwać tutaj tych naszych bohaterów w ten sposób np.

9:47i te elementy, czyli logo i typo możemy sobie dać tutaj.

9:54Oczywiście jest tutaj zbyt dużo kolorów i ciężko z czytelnością, ale np.

9:59możemy sobie zaznaczyć nasz next czy jest background i jako wypełnienie widzimy, że

10:03tutaj jest ten obrazek, ale możemy dodać jeszcze jeden kolor wypełnienia, np.

10:08jakiś nie wiem ciemno.

10:16Ciemno fioletowy i dać mu np.

10:18mniejsze mniejsze opacity np.

10:21powiedzmy np.

10:23powiedzmy 40.

10:27I to już daje nam lepszy rezultat.

10:28Ale ja mam tutaj jeszcze coś innego do zaproponowania, np.

10:33wybierzmy sobie.

10:36Ten kolor, ale skorzystamy tutaj z opcji gradientu.

10:40Widzimy, że mamy tutaj.

10:44Suwak taki gradient owy i możemy sobie tym suwakiem sterować.

10:48Tutaj mamy w zasadzie dwa te same kolory, czyli ten ciemno niebieski.

10:52Przy czym ten ma ustawione opacity na 100%, a ten ma ustawione opacity na 0,

10:57więc jest troszeczkę bardziej przeźroczysty.

10:59No i teraz możemy sobie sterować tym gradientem.

11:02Możemy np. go odwrócić i np.

11:05upewnić się, że jest to zrobione w ten sposób.

11:13A i też jest to całkiem fajne, fajne rozwiązanie.

11:22Tak, aby nasze formatki nie były w jakiś sposób monotonne.

11:29Ten format jest dosyć problematyczny, ale też spróbujemy to jakoś przeorganizować.

11:33Czyli np.

11:34naszych bohaterów możemy zmniejszyć, a logo dać gdzieś tutaj raczej nad nimi np..

11:44A te elementy możemy dać tu.

11:49Przy czym jeśli chodzi o naszych bohaterów

11:51też możemy dodać im background i też może to być np.

11:56gradient.

12:05Upewnijmy się jednak, że ten gradient ma ustawione opacity nie na 20%, a na 100.

12:12No i oczywiście potrzebne są nam tutaj odpowiednie kolory.

12:15Czyli zapożyczył sobie kolor, stąd i drugi kolor.

12:19Pożyczymy sobie stąd, ok.

12:22Natomiast tu musimy zjechać nieco niżej i ustawić opacity na 0.

12:36W porządku.

12:38To, co teraz zrobimy, to jeszcze możemy na przykład tutaj poprawić.

12:50Ten element skopiuj. Ustawić go np.

12:53na środku.

12:58A następnie nieco zmniejszyć.

13:07No i ok, też mamy bardzo fajny efekt.

13:11Jeśli zależy nam na tym, żeby nasi bohaterowie byli troszkę bardziej lepiej

13:15wyeksponować, nie możemy ich zawsze powiększyć, przesunąć trochę niżej.

13:26I mamy bardzo fajną formatkę.

13:29OK, ja jestem jak najbardziej zadowolony z

13:31tych z tych assetów i teraz szczerze powiedziawszy, mimo że z

13:35tym kwadratem mieliśmy najtrudniej, to teraz chyba najbardziej mi się on podoba.

13:39Ale są to bardzo dobre grafiki i zapewniam

13:41Cię, że te grafiki wykręcam 2 razy lepszy wynik niż np.

13:45grafiki

13:47właśnie takie bardzo standardowe, gdzie mamy jakby postacie dwóch,

13:52dwóch szkoleniowców, logo i jakiś tam asset graficzny.

13:58Tego typu elementy

13:59zauważyłem, że są dużo bardziej klikalne niż takie poważne kreacje.

14:04Oczywiście nie może to być jakiś główny przeważający key visual.

14:07Zazwyczaj tak nie jest.

14:09Zazwyczaj

14:10takie typu zabiegi stosuję wyłącznie do reklam, a nie do wirtualu, nie do

14:14brandingu samego produktu cyfrowego, jakim może być szkolenie.

14:17Niemniej jednak udało nam się stworzyć

14:19bardzo fajne te formatki i ja jestem jak najbardziej zadowolony z rezultatu.

14:22A na teraz w tej lekcji to wszystko i przechodzimy dalej.