Skuteczne Kreacje Reklamowe: Komponenty i formatki
z Wykorzystaniem AI
5 godz. 2 min · Midjourney · Grafika motion i 3D
Michał WedlechowiczCzego się nauczysz
- Walidacja pomysłów z ChatGPT
- Wstępne szkice
- Tworzenie zasobów w Midjourney 6.0
- Układ kompozycji w Photoshop
- Wyostrzanie i maskowanie
- Praca z kolorem i warstwami
- Adobe Firefly i Generative Fill
- Praca z fotografią w Midjourney
- Praca z Fotografią w Photoshop
- Profesjonalne o warstwach i nazewnictwie
- Typografia projektu
- Mem jako skuteczna reklama
- Eksport materiałów do Figmy
- Obszerna biblioteka formatek w Figmie
- Komponenty i przygotowanie dla agencji
Rozdział pierwszy - Projekt na rozgrzewkę
Startujemy od razu z praktyką. Teorie w tym kursie ograniczamy do minimum. Na wstępie zajmujemy się wprowadzeniem do projektu, omówieniem briefu i opracowaniem wstępnych koncepcji. Pomoże nam w tym ChatGPT, któremu przekażemy nasze wytyczne. Następnie odpalimy Photoshopa oraz Midjourney w najnowszej szóstej wersji, aby wygenerować potrzebne materiały do dalszej pracy, a następnie zbudować profesjonalną kompozycję testując ją na różnych formatach.
Rozdział drugi - profesjonalny projekt kampanii sprzedażowej
W drugim projekcie wykorzystamy sporo zaawansowanych technik pracy z Photoshopem, takich jak metody wyostrzenia, maskowanie, profesjonalne selekcje, i wiele więcej. Ponadto skorzystamy z wbudowanego Generative Fill od Adobe Firefly w celu dobudowywania kadrów czy elementów. Będziemy generować materiały w Midjourney i Dell-E, przerzucając je i modyfikując na potrzeby naszych kreacji. Czynnik ludzki jest mimo wszystko najważniejszy w kreacji, dlatego w tym rozdziale, bez kompromisów pokażę Ci jak budować profesjonalne motywy i klucze wizualne do dużych kampanii online, abyś mógł rozwinąć swój warsztat o profesjonalne techniki pracy z ulubionymi narzędziami wspierając je Sztuczną inteligencją.
Rozdział trzeci - Kampania produktowa i zaawansowany prompting
Narzędzia takie jak Figma są dzisiaj standardem. Agencje reklamowe lubią mieć wgląd w proces projektowy i brać w nim udział. Nie ma na rynku lepszego narzędzia do wspólnej kolaboracji nad projektem i podglądu na żywo wszystkich operacji osób pracujących nad daną kreacją. Ponadto tworzenie komponentów ułatwia dopasowanie formatek do naszych potrzeb dzięki podmianie kolorystki i czy tekstów na wszystkich rozmiarach jednocześnie. Dlatego w tym kursie będziemy dużo pracować z Figmą. Najpierw jednak będziemy musieli stworzyć potężny i skuteczny klucz wizualny, który pomoże sprzedać produkt jakim będzie kurs online. Zbudujemy wymagającą kreacje bazując na profesjonalnych prometach, analizie projektu z chatem GPT i naszych własnych umiejętnościach. Z Photoshopa wyeksportujemy zasoby składające się na nasz KV, a w Figmie zbudujemy z nich ogromną bibliotekę materiałów i formatek do reklam.
Dla kogo jest ten kurs?
Materiał Szkoleniowy został stworzony, dla projektantów graficznych pracujących już w zawodzie. Jest również przeznaczony dla artystów, którzy już pracowali z narzędziami AI, ale chcieliby wycisnąć maksimum z tego co oferują łącząc je ze swoimi własnymi umiejętnościami. Po ukończeniu materiału będziesz tworzył na jeszcze wyższym poziomie, a wiedza jaką zdobędziesz pozwoli Ci szybciej dowozić skuteczne kreacje reklamowe w profesjonalnej formie. Sztuczna inteligencja jak zawsze da Ci ogromny boost dla Twojej kreatywności i skróci czas pracy.
Cześć! W tej lekcji będę chciał, żebyśmy
uzupełniali jakoś pozostałe formatki i układali sensownie elementy.
Przede wszystkim zróbmy sobie z tego
komponent i możemy też dodać style kolorów, bo.
Będzie nam po prostu łatwiej, gdybyśmy coś musieli później zmienić.
Na przykład wybierzmy sobie dowolny obiekt.
Ja tutaj wybieram sobie Styles.
Nie mamy żadnych stylów, kolorów.
Możemy sobie wybrać ikonkę z plusem, dodać
nowy kolor, ale ja chciałbym, żeby on był zupełnie inny, np.
ten.
Możemy nazwać go Maine blue, czyli np.
główny kolor niebieski.
Wybieram Create style i mamy już nowy styl.
I jeżeli ja sobie zaznaczę np.
te obiekty, to mogę oczywiście tutaj wybrać wybrać ten kolor.
Ze styli i w każdej chwili mogę sobie go dopasować.
Jeżeli natomiast przejdę tutaj do Local
styles, jeśli nie mam zaznaczone to mogę przejść do opcji tego stylu i np.
mogę tutaj zmienić ten kolor np..
Ja bym go jeszcze troszkę przyciemnić.
Widzimy, że teraz wszystkie obiekty, które
mają ten styl kolor przypisany zmieniają z automatu swoją barwę.
Myślę, że możemy to sobie przyciemnić np. w ten sposób.
OK, jeśli chodzi o ten czerwony też możemy sobie zrobić z tego styl.
Wybieram sobie tutaj kolor wypełnienia.
Następnie dodaje wybieram ikonkę plusa.
Zrobimy z tego styl i nazwiemy go np.
Main red.
I mamy już kolejne obiekty, które.
Ten styl posiadają.
Co teraz zrobimy?
Myślę, że warto też zrobić z tych elementów komponenty, tak abyśmy później
mogli ewentualnie zmieniać w wielu formatach jednocześnie tekst w tej grupie.
Dlatego zaznaczmy sobie to i może wybierzmy prawy klawisz myszy, a następnie
Create Component i widzimy, że tutaj już zostało to zamienione na Component.
Widzimy takie cztery kwadraciki tutaj.
Oznacza to, że to jest właśnie komponent i
możemy skopiować sobie i mamy instancję komponentu.
Czyli jeżeli ja tutaj np.
zaznaczę sobie w tym komponencie głównym te trójkąciki i zmienię ich kolor na
czerwony, no to widzimy, że również tutaj w tej instancji się to zmieniło
i jest to bardzo dobre rozwiązanie jeśli chcemy zmienić tekst czy jakiś element na
wszystkich formatach, a możemy założyć, że takich formatek mamy dużo.
Więc teraz.
Z tymi instancjami ubierzemy jakoś pozostałe pozostałe elementy np.
to sobie damy tu i.
To może zmniejszymy.
Tutaj na pewno będzie trzeba też dorzucić ten nasz abstrakcyjny background
do wszystkich tych elementów, czyli tutaj również wrzucimy go tutaj
do postu na Facebooku, do LinkedIn Cover i Facebook Cover.
Przy czym tutaj możemy to zmniejszyć.
Naturalnie.
I np.
tak tutaj przeżyliśmy to naturalnie na spód,
tutaj też na spód, bo jest to jak widzimy tutaj nad.
Naszą grafiką.
Nie wygląda to dobrze, więc dajemy to niżej.
OK. I to samo zrobimy.
Tu też dajemy to na sam spód.
OK.
Zastanówmy się teraz jak to poukładać.
Najtrudniejsze chyba w tym wypadku będzie pion, czyli rolka na Instagrama.
Na pewno najistotniejszą informacją jest to, że buty mamy buty biegowe.
20% też sobie to grupuje i zróbmy z tego komponent Create komponent.
I oczywiście to możemy sobie dać tu i tutaj.
Jeżeli okaże się, że trzeba będzie zmienić liczbę, to możemy sobie tutaj wpisać minus
30% i zostało to też zaktualizowane tu na instancji komponentu.
Ten przycisk też będzie nam potrzebny Command C i tutaj go sobie wrzucimy.
Command V Zamów teraz.
Ten pattern. Może sobie kopiujemy i damy jeszcze tu.
Bo.
I wygląda bardzo fajnie.
Co mamy jeszcze tutaj do zrobienia?
Mamy tutaj.
Kwadrat, który też oczywiście musimy jakoś zagospodarować.
Tutaj tą grafikę bym troszeczkę przyciął,
bo zajmie nam ona tutaj za dużo miejsca, więc zróbmy może coś takiego.
Tak żeby oczywiście było widać naszego
biegacza i ten but, bo on jest tutaj istotny, prawda?
I też musimy to jakoś to sensownie podrzucić.
Więc kopiuję i wklejam, wybieram klawisz K i chciałbym to zmniejszyć np.
ustawiając w ten sposób.
To też sobie kopiujemy.
Zaznaczam następnie.
Cardboard i wklejam.
To ustawmy sobie tutaj buty biegowe minus 30% i call to action damy.
Zaraz po tym.
OK, post na facebooku też kopiujemy grafikę wklejamy.
Jeżeli sobie gdzieś tutaj wyjedziemy.
Poza to wyleci nam ta grafika z Cardboard, więc.
Uważajmy na to.
Przynajmniej w ten sposób.
Może zadbajmy o jakiś większy margines.
OK i. Skopiuję.
Te obiekty tutaj będą oczywiście dodane jako nowe instancje.
Klawisz K i skaluje proporcjonalnie wszystkie te elementy.
Przeżyliśmy tu.
No to przenieśmy w tę stronę.
Może.
OK.
No i zostały nam jakieś covery na social media.
Zastanawiam się właśnie, czy tego LinkedIn nie.
Ograniczyć do tego do tych butów.
Może to jest dobre rozwiązanie.
To samo możemy zrobić przy.
Facebook Cover, ale też będzie to oczywiście trzeba zmniejszyć.
I myślę, że te covery możemy tak zostawić już bez typografii.
No to sobie usuńmy.
No i ok, mamy bardzo fajny zestaw grafik.
Myślę, że wygląda to bardzo dobrze.
Background powinniśmy mieć biały. O.
W ten sposób wygląda to bardzo dobrze.
Bardzo fajny motyw graficzny, bardzo fajna
typografia, taka dynamiczna i ja bym to tak zostawił.
I taką Sigmę możemy wysłać do agencji.
Dzięki temu, że są tutaj zrobione
komponenty, to w każdej chwili możemy sobie coś zmienić np.
nie minus 30% a + 30%.
No ale bez przesady.
Z przycisku też można zrobić komponent, tak abyśmy później np.
mogli zmieniać zmieniać ten tekst wewnątrz call to action.
A teraz to wszystko w tym rozdziale.
Myślę, że ten projekt jest udany.
A ja teraz zapraszam Cię do kolejnego
rozdziału, w którym będziemy pracować nad trzecim, ostatnim już projektem.
Tam będzie nieco więcej flegmy,
nieco więcej generowania obrazów, ponieważ będziemy również pracować ze zdjęciem
autorów, które będzie trzeba odpowiednio przerobić.
Więc na teraz to tyle.
Ja zapraszam Cię na krótką przerwę i słyszymy się w kolejnym rozdziale kursu.
Do usłyszenia w kolejnej lekcji.