AI dla Designera: KeyVisual na podstawie propozycji AI
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.
Mamy już propozycje robota od Midjourney i możemy z nich skorzystać.
Możemy stworzyć swojego własnego robota,
możemy kupić jakiegoś robota, model robota 3D.
Tak jak proponowałem Ci w poprzedniej lekcji.
Natomiast teraz chciałbym pokazać Ci jak ja rozwiązałem ten problem w projekcie.
Z racji, że czasami projektuję modele 3D
postanowiłem wykorzystać tą umiejętność i tym razem.
Natomiast tak jak wspomniałem pod koniec
poprzedniej lekcji najpierw należy taki koncept naszkicować sobie.
Więc ja tutaj użyłem do tego Photoshop'a
i stworzyłem sobie właśnie takiego dwu nożnego robota bez rączek troszeczkę.
Na podstawie tego co Midjourney nam tutaj proponowało.
Tu mamy front robota, tu mamy jego side,
czyli bok, noga, body, czyli jego jakby ten korpus, ciało z boku i z frontu.
Tak to wygląda tutaj pod głową.
No i oczywiście mam tutaj poszczególne elementy.
Tego robota, więc.
Podzieliłem sobie to w ten sposób i na podstawie tego szkicu stworzyłem swój
własny, własny model robota i wykonałem go w aplikacji Blender.
Wygląda on w ten sposób.
Oczywiście.
Jeżeli połączymy się w tryb render
preview, to będzie wyglądał zupełnie inaczej.
Dużo, dużo dokładniej.
Ja tego robota użyłem w tym finalnym, finalnym projekcie.
Wyrenderowałem go jako plik PNG bez tła.
W Blenderze wystarczy to zrobić przechodząc do render properties.
I tutaj w sekcji film klikamy na transparent.
Wyrenderowany został ten robot w oparciu o silnik cycles.
Więc tutaj mamy oczywiście transparent.
Zostało to wyrenderowane jako plik PNG.
Bez tła, więc mogłem sobie po prostu tego robota umieszczać na
pliku w Photoshop'ie, tak żeby po prostu mi pasował.
Mogę oczywiście obracać kamerą i ustawić
go w taki sposób, jak mi się to naturalnie podoba.
Tak wyglądał finalny robot.
Natomiast możemy też w jakiś sposób
wykorzystać elementy, które porzuciło nam Midjourney.
Przejdźmy jednak do Photoshop'a i przygotujmy też naszą fotografię.
Mamy tutaj 2 zdjęcia prowadzącego szkolenie, więc
chciałbym je wykorzystać i myślę, że możemy tutaj zrobić jedną ważną rzecz.
Na naszych realizacjach w Discordz'ie.
Kiedy przeniesiemy się tutaj wyżej,
to nasz bohater czasami ma, no coś robi z rękoma np.
one są gdzieś skrzyżowane czy tam, nie wiem, coś trzymają.
Więc myślę, że byłoby fajnie, gdybyśmy zastosowali sobie tutaj
to zdjęcie.
Ale może z tą głową.
Czyli po prostu będziemy musieli zmodyfikować trochę samą fotografię.
Więc ja myślę, że możemy wybrać sobie tutaj narzędzie object selection tool i np.
wybrać select subject.
I tutaj Photoshop sam znajduje po prostu zaznaczenie.
To jest bardzo świetne narzędzie.
Możemy jeszcze tylko przejść do select and
mask i zobaczyć jak to zaznaczenie wygląda,
czy gdzieś wymaga poprawy.
Myślę, że tutaj,
przy uszach warto
wybrać sobie pędzel griffin edge brush i spróbujemy sobie tutaj to dobudować, ale
widzę, że on sobie nie radzi, więc będzie to trzeba zrobić ręcznie.
No ale ok.
Generalnie rzecz biorąc zaznaczenie jest bardzo w porządku, więc wybieram ok.
Możemy sobie tutaj stworzyć maskę warstwy, więc wybierzmy sobie,
stworzenie maski na podstawie zaznaczenia za pomocą tej ikonki.
Tutaj będziemy musieli troszeczkę popracować nad tym, nad tym uchem.
Czyli tutaj wybieram sobie narzędzie paint brush.
Klikam na maskę tak, żeby maska była
aktywna i przypominam, że czarnym kolorem zamalujemy obszary, a białym,
a białym kolorem będziemy te obszary sobie tutaj pokazywać, więc
sprawmy, żeby to ucho nam tutaj powróciło.
OK. Tutaj może troszeczkę zamażemy,
o w porządku. No i teraz możemy sobie to przekopiować do tego drugiego zdjęcia.
Sprawdźmy jeszcze tutaj.
Ogólnie rzecz biorąc, jak to zdjęcie jest,
zbudowane, jeśli chodzi o jego rozmiar.
Wybierzmy sobie jeszcze tutaj image size.
W porządku. I tutaj
myślę, że możemy sobie troszeczkę podnieść, podnieść kadr.
Więc wybierzmy sobie image,
następnie canvas size podniesiemy kadr od dołu i wpiszemy sobie tutaj np.
1800 pixeli.
Wybieram przycisk ok. W porządku.
I tutaj dobrze by było troszkę Adama
jakby wyprostować, bo jest on nieco przekrzywiony w lewą stronę, więc możemy
sobie wybrać narzędzie kadrowanie, crop tool.
Następnie możemy go tutaj wyprostować według łokci.
W ten sposób, tu sobie jeszcze to razciągniemy.
OK. I wybieram zatwierdzić.
I tak już Adam wygląda.
Jest wyprostowany, więc myślę, że taka pozycja będzie lepsza.
Natomiast będziemy musieli tutaj przerzucić tą głowę z poprzedniego zdjęcia.
Tutaj możemy sobie np.
dobudować ten fragment z pomocą sztucznej inteligencji z pomocą Adobe Firefly.
Czyli stwórzmy sobie zaznaczenie i np. generative fill.
Nic nie będziemy tutaj wpisywać.
Niech Adobe Firefly wykaże się tutaj swoją kreatywnością i dobuduje sam.
Tutaj ten brakujący fragment.
Ja myślę, że wszystkie są w porządku.
Może wybierzmy ten.
Możemy sobie to spłaszczyć razem ze
zdjęciem command E po zaznaczeniu z shift'em obu warstw.
No i teraz dobrze by było tą głowę wrzucić,
ale jeszcze zróbmy jedną rzecz.
Mianowicie wybierzmy sobie narzędzie object selection tool i select subject.
Adam został zaznaczony.
Fajnie to wygląda.
Zaznaczenie jest w porządku, więc możemy sobie tutaj dorzucić maskę warstwy.
OK.
No i teraz.
Skupujemy sobie tutaj to zdjęcie, czyli wybierzmy
duplicate layer i wklejamy to do drugiego zdjęcia, czyli tu.
Wybierzmy sobie jeszcze command T aby móc sobie to przeskalować,
bo tutaj oczywiście ta głowa jest za duża.
Też będziemy musieli
to zdjęcie sobie rozjaśnić, żeby to jakoś miało ręce i nogi.
OK. Myślę, że
proporcjonalnie takie skalowanie będzie w porządku.
Odwróćmy jeszcze Adama, żeby był bardziej wyprostowany.
OK.
No i teraz to co chciałbym zrobić to na pewno troszeczkę tutaj skorzystać z tej maski, warstwy
i jeszcze bardziej tutaj podmalować tak, żeby zakryć więcej obszarów.
Więc wybierzmy sobie narzędzie
paint brush, czarny kolor oczywiście, prawym nawiasem kwadratowym
zwiększam końcówkę pędzla tak aby tutaj jeszcze wymazać troszkę.
Bo to nie będzie nam potrzebne.
Naturalnie tutaj za chwilę będziemy musieli zrobić zoom.
OK, na razie zostawmy. I teraz po prostu przenieśmy tą głowę tu.
Zobaczmy czy to w miarę się tutaj nam pokrywa, czy nie jest za duża.
Myślę, że jest w porządku.
Za chwilę jeszcze tutaj poprawimy parę rzeczy, więc myślę, że tutaj możemy znowu skorzystać z
maski warstwy i np. spróbujmy sobie tutaj wymazać
troszkę więcej.
W porządku.
Teraz musimy sobie wymazać tą głowę, która została z tyłu, czyli tą i tutaj
skorzystamy również z narzędzia paint brush tool.
Zwiększy sobie końcówkę pędzla i wymażmy sobie to
na razie tutaj.
Tutaj ewentualnie możemy jeszcze zrobić taką rzecz.
Wybierzmy znowu klawisz B, aby wywołać pędzel.
Zwiększymy końcówkę pędzla dosyć mocno
i spróbujmy tutaj sobie troszkę jeszcze wytrzeć o.
Tak, żeby ukazać tą oryginalną szyję, bo tutaj fajnie ona współgra z tym kapturem.
Pojawia się na niej cień.
Możemy jeszcze tę głowę troszkę przesunąć, chyba tu.
OK.
I spróbujmy jeszcze tutaj wymazać troszkę to w ten sposób.
No i ok. Wygląda dobrze.
To co teraz zrobimy, to musimy w jakiś
sposób rozjaśnić tutaj ten obszar na dole, więc
myślę, że możemy wybrać sobie image, a następnie adjustments i np.
spróbować to zrobić poziomami, czyli levels i możemy spróbować rozjaśnić to tak,
może troszeczkę bardziej, tak żeby bardziej pasowało do głowy.
O ten w ten sposób, wybierzmy przycisk ok.
I teraz jest jak najbardziej w porządku.
Możemy sobie to zgrupować command G.
Nazwijmy sobie tę grupę Adam.
No i teraz myślę, że możemy zapisać sobie
ten obraz jako właśnie już projekt naszego key visual'u.
Zapiszmy to jako KV_concept. OK.
No i teraz musimy w jakiś sposób tutaj postawić tego robota.
Możemy sobie wziąć tego robota z Midjourney, np. tego.
OK.
No i teraz po prostu przenieśmy naszego robota.
Myślę, że może będzie go trzeba
powiększyć, ale zobaczymy jak on będzie leżał w Photoshop'ie.
Więc wybierzmy prawy klawisz myszy kopiuj
obraz albo powiększymy go w ten sposób klikając na niego, żeby
wyświetlił nam się w pełnym rozmiarze prawy klawisz myszy, kopiuj obraz.
Wracamy do Photoshop'a i tutaj po prostu wklejamy naszego robota.
Nie trzeba go powiększać chyba
myślę, że ten rozmiar jest w porządku.
To co warto zrobić to na pewno,
na pewno musimy zastosować jakieś zaznaczenie, czyli object selection tool sobie
wybierzmy, przeciągnijmy po robocie, niezbyt dobrze to wygląda, więc spróbujmy
może wyłączmy sobie tutaj Adama.
O i teraz, teraz to zaznaczenie wygląda znacznie lepiej.
Wybierzmy select and mask.
Myślę, że jest ok, więc wybierzmy ok.
Możemy sobie tutaj skorzystać z maski.
Włączmy sobie Adama tutaj z powrotem. No i teraz
musimy tego robota sprytnie sobie ustawić tutaj na ramieniu Adama.
Możemy np. go,
jakoś tam zeskosić w ten sposób i gdzieś on sobie tutaj niech wystaje.
Może niech będzie troszkę mniejszy, ok.
I po prostu niech wygląda tak jakby był tutaj na jego ramieniu.
Tylko teraz jeżeli go postawimy w ten sposób możemy zrobić enter
i jeśli go postawimy w ten sposób no to, no moim zdaniem wygląda to troszkę,
sztucznie, tak.
Te nogi jakby nie są dopasowane do tych barków, do tych ramion Adama i
myślę, że dobrze byłoby to jakoś inaczej ustawić.
Więc możemy np.
skorzystać z innego tutaj robota, który ma jakoś inaczej ustawione nogi np.
z tego, czy któregoś z tych.
Wybierzmy sobie może ten.
Ten myślę, że ma tutaj fajnie zrobione
te nogi, więc spróbujmy sobie je tutaj wykorzystać.
Więc powiększmy sobie, to jest dwójka.
Wybierzmy upscale 2.
Powiększymy sobie tego robota.
OK. Wygląda bardzo fajnie.
Prawy klawisz myszy,
wybierzmy sobie kopiuj obraz i przechodzimy do Photoshop'a z powrotem.
I tutaj wybierzmy command V, zowu
to jest dosyć duży robocik, więc powinniśmy go zmniejszyć.
OK. Zwróćmy uwagę, że
tutaj światło troszeczkę inaczej się rozkłada.
Tutaj nasz robot jest oświetlony bardziej chyba tutaj z lewej strony.
Ten natomiast bardziej oświetlony jest z
prawej strony, więc może po prostu odwrócimy mu to body.
Ale najpierw spróbujmy go zaznaczyć
odpowiednio, czyli wybierzmy sobie tutaj object selection tool.
Niezbyt dobrze to wygląda
znowu to zaznaczenie, więc może wyłączmy pozostałe elementy.
I teraz klikamy na robota.
Został fajnie zaznaczony command C, command V. To sobie usuńmy.
OK. No i teraz jeśli chodzi o tego naszego
robota, który został wygenerowany pierwotnie, z którego skorzystaliśmy
tutaj, to dobrze by było zrobić kilka kilka rzeczy.
Mianowicie.
Spróbujmy usunąć mu.
Te nogi. Czyli np.
wybierzmy sobie narzędzie polygonal lasso tool.
I ja po prostu mu to odetnę,
zwyczajnie.
Tworząc takie zaznaczenie ok.
I klawisz backspace, aby usunąć. To samo zrobimy tutaj
i backspace, aby usunąć.
Tutaj no został nam taki artefakt, więc możemy spróbować jak zadziała tutaj
AI od Adobe, czyli Adobe Firefly z
narzędziem generative fill. Możemy sobie jakby zaznaczyć ten obszar może tutaj.
I wybierzmy sobie generative fill.
Nie będziemy tutaj wpisywać żadnego prompt'u,
wybierzmy generate zobaczymy co Firefly tutaj wrzuci.
Bez naszych instrukcji.
Bo w zasadzie no nie wiem co mógłbym tutaj wpisać.
Może wybierzmy sobie to.
Przynajmniej na razie, ok.
No i teraz spróbujmy tutaj coś zrobić z tymi nogami tego robota.
Czyli wybierzmy sobie command T, prawy klawisz myszy flip
horizontal, żeby nam światło bardziej pasowało.
OK, może to jakoś sobie rzucimy w ten sposób.
I o ile sam ten robot jakoś szczególnie
nam nie jest potrzebny, a raczej jego nogi, to możemy je po prostu sobie wyciąć,
więc
zróbmy coś takiego najpierw z tą jedną nogą.
Command X.
Sobie na razie wyłączmy. Command V, dajmy to np.
tu
I przerzućmy sobie tę nogę
pod Adama.
W ten sposób.
Teraz weźmy tę drugą nogę.
Command X.
Command X i command V i spróbujmy ją podrzucić tu, ale z frontu.
I np. ustawmy ją w taki sposób, żeby dopasowała się bardziej do
barku.
Np. tak.
A tego robota sobie usuńmy, nie będzie nam potrzebny.
No i teraz już wygląda to znacznie, znacznie lepiej.
Jeszcze możemy zrobić coś takiego.
Zaznaczmy sobie robota, tą warstwę z
generative fill i jeszcze tą warstwę, command T i spróbujmy sobie jeszcze
troszeczkę tego robota w jakiś sposób obrócić, np.
o postawmy go w ten sposób.
OK.
Tą nogę, która jest tutaj z tyłu za Adamem,
command T i np.
sobie zróbmy coś takiego o
w ten sposób.
No i teraz myślę, że ta kompozycja jest dużo, dużo lepsza.
Natomiast to co mi się nie podoba, to
jeszcze tutaj ten obszar. No i tutaj musimy troszkę poprawić jakby tą nogę.
Fajnie by było jakby tutaj jakiś staw był,
nie wiem, jakby tutaj coś było zrobione
po prostu nie, myślę, że to by było
dużo lepsze jakby ta noga wychodziła bezpośrednio tutaj z tego korpusu.
Więc może spróbujmy sobie tutaj stworzyć zaznaczenie np.
w ten sposób jakieś.
OK i wpiszmy sobie, wybierzmy generative fill, tak aby mieć możliwość pracy z narzędziem
AI od Adobe czyli Adobe Firefly i wpiszemy sobie tutaj np.
mechanical arm coś takiego.
High technology.
Generate.
O to już jest lepsze rozwiązanie.
Ale wybierzmy jeszcze raz generate.
Zobaczmy czy 3 kolejne rozwiązania może będą lepsze.
Nie, absolutnie nie.
Myślę, że to jest chyba najlepsze,
ale jeszcze możemy tutaj wpisać, nie wiem, mechanical arm,
albo po prostu samo haigh technology.
Wybierzmy generate.
Może coś takiego?
Tak, podoba mi się to jest myślę dobre
rozwiązanie i myślę, że możemy to tak zostawić.
Oczywiście zapiszmy zmiany.
Mamy na razie kompozycję ustawioną.
Myślę, że możemy teraz przejść do kolejnej
lekcji, w której jeszcze będziemy dopracowywać to,
bo oczywiście trzeba popracować nad kolorami, efektami, background itd.
A na teraz to wszystko w tej już chyba
przydługiej lekcji, więc możemy przejść dalej.
Do usłyszenia.