AI dla Designera: Materiały i reklamy w Figmie
Jak przyspieszyć z Midjourney
5 godz. 11 min · Midjourney · Grafika motion i 3D
Michał WedlechowiczCzego się nauczysz
- Rozpoczęcie pracy z Midjourney
- Kontrola proporcji obrazu
- Kontrola kompozycji
- Podstawowe parametry
- Upscaling
- Słowa kluczowe
- Funkcje edytorskie
- Parametry
- Multiprompting
- Remix Mode
- Revers Prompt
- Tworzenie moodboardów
- Key Visual z MidJourney
- Dopracowanie grafiki z Photoshopem
- Landing Page - Inspiracje
- Finalny projekt w Figmie
Wprowadzenie do Midjourney
W pierwszym module szkolenia Poznasz Midjourney W pierwszym module szkolenia opowiem Ci o Midjourney, dlaczego zdecydowałem się na jego wykorzystanie oraz pokażę Ci jak z niego korzystać w podstawowym zakresie. Napiszesz swój pierwszy prompt i wygenerujesz pierwsze prace. Nauczysz się korzystać z Midjourney na Discordzie oraz przeprowadzę Cię przez ustawienia i plany płatności Midjourney. W tym module poznasz również podstawowe parametry takie jak "Aspect Ratio" czy parametr "style".
Zaawansowany Prompting
Pokażę Ci jak efektywnie pracować z Midjourney, jak budować odpowiedni prompt w oparciu o komendy, frazy czy słowa kluczowe. Dowiesz się jak kontrolować proporcje generowanego przez sztuczną inteligencję obrazu, uzyskać lepszą kompozycję, zmieniać parametry obrazu z pomocą promptu. Pokażę Ci jak w praktyce wykorzystać funkcje edytorskie w MidJourney, dowiesz się, czym jest multipromting oraz Revers Engineering.
Praktyczne zastosowanie AI w projektowaniu.
Ostatni, trzeci moduł kursu to wykorzystanie wiedzy w praktyce. Wygenerowane obrazy posłużą Ci nie tylko jako inspiracje, ale również z gotowych elementów poskładasz udane kompozycje w aplikacjach takich jak Photoshop. Dlatego dotychczas zdobyta wiedza narzędziowa będzie jak najbardziej potrzebna. Całą praktykę oprzemy o projektowany przez mnie Branding, KeyVisual oraz Landing Page dla dużych kursów Kohortowych. Dlatego będziemy pracować nie tylko z MidJourney i Adobe Photoshop, ale również z Figmą i Adobe Illustrator.- Przejdziesz przez cały proces od grafika, który nie jest przekonany, lub wręcz boi się AI, do Profesjonalisty, który wykorzystuje technologię sztucznej inteligencji do zwiększenia wydajności pracy i jakości swoich projektów.
Dla kogo jest ten kurs?
Kurs przygotowałem dla wszystkich osób zajmujących się dokładnie tym samym co ja - czyli projektowaniem graficznym. Dzięki połączeniu swoich własnych umiejętności graficznych z MidJoureny mogę brać na swoje barki więcej projektów i realizować je szybciej za dokładnie taką samą stawkę - bo dlaczego nie. Po ukończeniu kursu będziesz pracował zupełnie inaczej. Proces obmyślania koncepcji zrzucisz na Midjourney z pomocą odpowiednio napisanego promptu, lub w całości wygenerujesz gotowe materiały do montażu w Photoshop czy innych aplikacjach graficznych.
Witam Cię w kolejnej lekcji.
Teraz chciałbym żebyśmy przeszli na chwilę do Figmy, gdzie będę chciał pokazać Ci jak
ja składam z takiego key visual'u materiały reklamowe.
Skupimy się głównie na dwóch formatach, w zasadzie na trzech
będzie to kwadrat 1080x1080,
następnie 16:9, czyli 1920x1080
i jeszcze coś na instagram'a w pionie czyli 1080x1920.
Zrobimy to wszystko w Figmie.
Zrobimy z tekstu komponent tak, żeby można było go później łatwo zmieniać.
Jak widzisz, ja tutaj przygotowałem sobie
w przerwie kilka assetów, które będę chciał zaciągnąć do Figmy.
Pierwszy z takich assetów to właśnie tutaj nasi bohaterowie w formie pliku PNG z
przeźroczystości. Po prostu wyciągnąłem je sobie z Photoshop'a.
Następnie mamy ten nasz background, który z tyłu tam się mieni.
Mamy ten panel zielony.
Następnie panel biały też jako plik PNG z przeźroczystości.
I tu zapisałem sobie logo, nad którym
wcześniej pracowaliśmy jako plik AI, czyli plik illustratora.
A teraz przechodzimy do Figmy, gdzie ja sobie tutaj założę nowy plik, wybieram new
design file i dodam sobie jeszcze jedną stronę.
Tutaj będzie design, nazwijmy to design,
a tą drugą stronę nazwiemy sobie assets, czyli zasoby i do zasobów przeniesiemy
sobie wszystkie te materiały, które ja sobie wcześniej
przerzuciłem z Photoshop'a do plików PNG, czyli
bedzie to nasz hero.
Wybieram klawisz K, aby zmniejszyć ok. Np.
tak.
Następnie nasz, będzie to też nasz background.
Będzie to też panel zielony i panel biały.
No i oczywiście możemy sobie tutaj przerzucić też logo.
Przerzucić też logo w formie pliku wektorowego.
Nie trzeba pliku PNG.
Wektor będzie tutaj będzie działał lepiej.
Więc możemy się przenieść do aplikacji Adobe Illustrator.
Tutaj tekst może zamienimy na krzywe,
więc wybierzmy prawy klawisz myszy create outlines.
To samo zrobimy tu.
Prawy klawisz myszy create outlines. Zaznaczam
to może zaznaczmy sobie oba te elementy command C.
Przechodzę do Figmy i tu wybieram po prostu command V.
I teraz trzeba to odpowiednio zgrupować.
Wybierz sobie command G, a następnie przerzucamy sobie tu.
I to samo zrobimy z tym command G, żeby zgrupować.
Przerzucimy sobie tutaj, a ten art board sobie usuniemy.
No i ok.
Wszystkie assety mamy, więc teraz myślę, że możemy przejść do tej
strony design i tu stworzymy sobie nasze art body.
Pierwszy z nich.
Wybieram narzędzie region tool i możemy sobie np.
wybrać coś z gotowych gotowych presetów.
Jeśli chodzi o rozmiary możemy wybrać social media i tu np.
mamy już gotowy Instagram post 1080x1080.
Klikam i mam.
Znowu wybierzemy sobie raz jeszcze.
Tutaj narzędzie do tworzenia ramek.
I wybierzmy sobie może
1080x1920, czyli Instagram story. OK.
I jeszcze coś w full HD.
Wybierzmy sobie może desktop.
Przejdźmy do może do presentation i wybierzmy sobie 1920x1080.
OK. No i mamy 3 takie art board'y.
Myślę, że możemy sobie je tutaj po,
poprzesuwać, poprzemieszczać
i do nich będę chciał po prostu dorzucić sobie tutaj nasze materiały.
Na pewno na pierwszy ogień pójdzie sobie tutaj background command C.
Wrzućmy go tutaj.
Możemy go śmiało zmniejszyć.
Tutaj też sobie go wrzucimy.
I tutaj też.
Klawiszem K zmniejszamy.
Przenieśmy sobie to niżej.
Następnie mamy w assetach te dwa panele.
Złóżmy je sobie razem w ten sposób i zgrupujmy
może command C i przenieśmy sobie tutaj command V.
Tutaj to jest zdecydowanie za duże, więc
wybieram klawisz K, aby przejść do narzędzia skalowania.
I z alt'em jeśli kliknę
na jeden z narożników, to skaluje sobie proporcjonalnie do środka.
OK. I to sobie też wrzućmy tu.
No i naturalnie tutaj też.
A teraz wrzućmy naszych bohaterów, czyli prowadzącego i jego asystenta.
Dodajmy go tutaj, zmniejszymy sobie ponownie
i tutaj też.
OK. Teraz czas na logo.
Wybierzemy to z białym, białym napisem command C i wracamy tutaj, command V.
Przerzućmy to na górę, może troszkę zmniejszymy.
Logo możemy z alt'em przerzucić tutaj.
Mamy kopię.
I to samo zrobimy tu.
No i w porządku.
Tutaj może podniesiemy sobie tło troszkę,
żeby ono było jednak w jakiś sposób widoczne i to samo może zrobimy tu.
Spróbujmy je sobie podnieść troszeczkę o.
Coś takiego.
No i cóż, no wygląda to moim zdaniem rewelacyjnie.
Teraz warto by było tutaj wrzucić jakąś typografię, którą będziemy sobie
wymieniać, więc myślę, że możemy zrobić coś takiego.
Tutaj spróbujmy sobie rozgrupować te elementy.
Ungroup i ten biały panel przerzucimy tutaj na samą górę.
W ten sposób.
Tu może.
I dodamy tutaj typografię.
Wpiszemy sobie.
AI dla programistów.
Oczywiście jest to za małe, więc zwiększymy sobie np.
do 50. Font
jeśli dobrze pamiętam używaliśmy readex pro semibold,
wcześniej i to będzie semibold.
Kolor może zapożyczyłem stąd, bo to nie jest taki do końca czarny.
Jak widzimy jest to nie jest to 000000 tylko 0F0F0F.
OK. No i to wrzućmy sobie tu. K
żeby powiększyć, naturalnie.
Ustawmy na środku.
OK. Tak to wygląda wstępnie.
Natomiast możemy sobie zrobić z tego komponent.
Może rozjaśnimy troszkę tło?
OK. Proponuję, żebyśmy zrobili sobie z
tego komponent i możemy jeszcze dorzucić jakiś przycisk.
Więc
wybierzmy sobie narzędzie rectangle.
OK.
Kolor wypełnienia, możemy zapożyczyć właśnie z tąd.
Chciałbym, żeby to tutaj były narożniki zaokrąglone np.
wpiszmy tutaj wartość 20.
Myślę, że wystarczy.
Następnie wpiszmy sobie tutaj zapisz się.
Chciałbym, żeby to był readex pro.
Może spróbujmy sobie tutaj wybrać
uppercase.
Zmniejszy sobie to jeszcze troszkę.
Dorzućmy sobie tu, ok, i mamy już button, który sobie zgrupujemy.
I ten button możemy tutaj,
możemy sobie tutaj reużywać właśnie jako takie call to action.
Myślę, że dobrze by było, gdyby to call to action było tutaj na dole.
W ten sposób.
OK.
Tutaj chłopaków sobie troszkę podniesiemy.
Damy ich wyżej i może to samo zrobimy z tym panelem też go
przeniesiemy wyżej, tylko tutaj przydałoby się coś białego dorysować.
Wrzućmy sobie to tutaj w ten obiekt,
kolor biały, w porządku.
Logo podnieśmy sobie wyżej.
Tutaj myślę, że też możemy sobie rozgrupować te dwa panele, zielony z
białym, czyli wybieram ungroup i ten biały chciałbym przerzucić
nad naszych bohaterów, może dać go trochę wyżej.
Może troszkę go zmniejszyć.
A ten zielony
spróbujmy dać niżej.
W ten sposób.
W porządku.
No i teraz mamy nasz napis AI dla programistów.
Chciałbym, żebyśmy zrobili z tego komponent tak jak wspomniałem.
Więc możemy to zrobić np.
w ten sposób, że
wybierzemy sobie prawy klawisz myszy.
Następnie wybieram create component.
I mamy już z tego component.
Możemy go sobie nazwać np.
typo.
Mamy ten komponent i teraz chciałbym
porozkładać jego instancje tutaj na tych art board'ach.
Pokażę Ci później co da nam to, że ten tekst jest komponentem.
Po prostu go kopiujemy, command C np. i wklejamy go tu, command V.
Zmienimy w tej instancji komponentu kilka właściwości,
mianowicie chciałbym żeby on miał białe wypełnienie,
natomiast zmniejszymy troszkę, zmniejszymy troszkę
same litery, czyli klikam dwukrotnie na nie i tu sobie wpiszemy np.
50.
Chciałbym, żeby to był tekst wyśrodkowany.
OK.
Dajmy np. go tutaj, troszkę niżej.
Następnie znowu sobie to zaznaczę command C
i skopiuję to i wkleję tutaj jako nową instancję naszego komponentu.
Tutaj mogę np.
również zmienić kolor na biały.
W tym miejscu możemy nawet troszkę powiększyć ten tekst, chociaż chyba nie,
nie będziemy tego robić, żeby on nie był większy niż logo.
OK, i może gdzieś tutaj damy jeszcze jedną instancję, może np.
trochę przeniesiemy to, przeniesiemy to call to action troszkę wyżej.
Np tu.
I command C i wklejamy tutaj kolejną instancję na sam spód.
I tu np. chciałbym,
żeby ten tekst był też wyśrodkowany, czyli wyśrodkujemy go w ten sposób.
OK.
Możemy też wybrać sobie tutaj constraints, tak aby tutaj możemy sobie tutaj wybrać
wyśrodkowanie w taki sposób, żeby ten tekst był zawsze na środku art board'u.
Możemy sobie też troszeczkę zmniejszyć ewentualnie rozmiar tych liter np.
na 60 troszkę niżej, ok.
I teraz widzimy, że na każdym z tych art board'ów jest napis AI dla programistów.
I teraz cała magia polega na tym, że dzięki temu, że tutaj mamy
komponent, a na pozostałych art board'ach wszędzie mamy jego instancję.
To jeżeli ja w tym komponencie cokolwiek
zmienię, to zmieni się to również na instancjach.
Czyli jeśli ja tutaj przykładowo dopiszę kurs AI dla programistów, no to
widzimy, że zostało to podmienione na wszystkich,
na wszystkich tych art board'ach.
Więc ja generalnie tak projektuję reklamy na social media.
Jeśli mam już key visual to po prostu wyciągam z Photoshop'a czy z jakiejkolwiek innej
aplikacji, w której ten key visual był przygotowany.
Wyciągam potrzebne assety, przerzucam je do Figmy i tam sobie po
prostu tworzę docelowe reklamy, tak jak tutaj.
A na teraz to wszystko w tej lekcji.
Dzięki serdeczne za uwagę i do usłyszenia w lekcji następnej.