AI dla Designera: Praca w Adobe Illustrator
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.
Tutaj tworzę nowy dokument.
Może np.
w kwadracie 1080x1080 i wybieram create.
Teraz tutaj myślę, że możemy sobie wkleić ten obraz.
W porządku. No i mamy coś takiego.
To, co chciałbym teraz zrobić, to
w jakiś sposób go odtworzyć wektorowo, ale niekoniecznie on musi być taki sam.
Dosyć fajnie wygląda ten motyw, jakby ten jego face był takim telewizorkiem.
Natomiast jako że mnie nasuwa się myśl w o chatbot'cie, to chciałbym z tego
telewizorka zrobić właśnie taką chmurkę czatu, czyli coś np.
w ten sposób, a np.
usunąć to, co jest tu pod spodem.
Czyli spróbujmy sobie to zasymulować jakoś tak bardzo, bardzo wstępnie, czyli
stworzę sobie tutaj obiekt wektorowy i kolor zapożyczę sobie stąd i np.
coś takiego już
jest całkiem fajne,
moim zdaniem.
Natomiast tu
chyba bym się tego pozbył.
No i myślę, że to jest fajne, chociaż jeszcze bym to też jakoś uprościł.
No ale dobra, spróbujmy sobie stworzyć obiekt.
Np. taki, mocno sobie zaokrąglimy tutaj te narożniki.
Kolor sobie zapożyczymy na razie stąd.
Przy czym chciałbym, żeby to był
obrys, a nie wypełnienie, więc wybieram tutaj
odwróć i zwiększę sobie tutaj w panelu properties grubość tego obrysu.
Jeszcze sobie troszeczkę bardziej zaokrągle te narożniki.
Np. w ten sposób.
Coś takiego.
No i oczywiście dobrze by było zrobić tutaj
właśnie taki ogonek, jakby to była chmurka z czatem, czyli coś takiego.
Tutaj myślę, że możemy
użyć narzędzia scissors, czyli nożyczki i tu
np. też i ten obiekt sobie usuniemy.
A tutaj te dwa węzły sobie zaznaczymy i połączymy.
I to samo możemy zrobić tu, też połączyć.
Spróbujmy sobie to wyciągnąć tutaj i dopasować w ten sposób.
I teraz zaznaczmy sobie te dwa węzły ten i ten z shift'em i możemy sobie to połączyć.
O i teraz to wygląda
całkiem fajnie. Chciałbym, żeby to było dosyć proste, może
niekoniecznie aż takie, bardzo taki 3D look, ale żeby to było dosyć proste.
Podoba mi się ta antena tutaj i te uszy w tym miejscu.
Takie
robotowe, więc możemy tutaj też coś takiego zrobić.
W ten sposób np.
I tu z drugiej strony.
Natomiast żeby to bardziej wyglądało jak robot potrzebna jest antena i może.
Jeśli wrzucimy sobie tutaj taką antenę, to chyba nie będzie to wyglądać jak robot,
ale jeżeli,
jeżeli zrobimy coś takiego i tą antenę przerzucimy tu, a następnie z
altem zrobimy kopię i odbijemy ją, to wtedy już
bardziej to wygląda jak robot.
Coś takiego.
I teraz jeśli chodzi o typografię.
AI devs.
Może kolor zapożyczymy sobie stąd taki fajny
niebieski, ale najwyżej później sobie to zmienimy.
Jak ja to widzę?
No tutaj Midjourney nam nie pomoże, bo on nie
potrafi za bardzo z typografią i ogólnie z tekstem, więc musimy
użyć naszych własnych zdolności jeśli chodzi o kreatywność.
I mam tutaj pewien pomysł na to.
Zwróćmy uwagę, że kreski, które nam tworzą naszego robota mają identyczną grubość
i chciałbym, żeby wszystkie kreski, które tworzą nasze
litery też miały identyczną grubość, no bo możemy zauważyć, że ta pionowa kreska jest
grubsza niż pozioma kreska tutaj w literce A.
Tak samo tutaj to jest dosyć wąska kreska,
a ta jest już grubsza, więc chciałbym tutaj mieć dużo prostsze,
minimalistyczne, mniej skomplikowane litery, gdzie np.
taka litera jak E czy O może być
narysowana jako idealne koło i przykładem kroju pisma o jaki mi chodzi może być np.
montserrat.
Chyba powinienem go nawet mieć.
Tak jest montserrat i np. semibold wygląda fajnie.
Natomiast też byłoby super, gdyby grubości kresek, które tworzą naszego
robota były takie same jak grubości tych liter.
No i widzimy, że tutaj np.
litera E jest już bardziej jak koło wygląda jakby była zrobiona na planie koła.
Ja jeszcze mam podobny font, który nazywa się readex.
I ten już chyba będzie bardziej w stylu o jaki mi chodzi.
Jeszcze raz.
Readex.
I to jest nie będzie bold jest chyba za drugi.
Wybierzmy sobie medium.
OK.
I teraz jeśli chodzi o naszego robota, to może spróbujmy go zmniejszyć.
Przy czym widzimy, że grubości kresek nie skalują się, zostają cały czas takie
same, więc będziemy musieli je tutaj sobie zmodyfikować.
Możemy przejść do panelu properties, do sekcji transform i np.
włączyć sobie scale strokes i jeszcze corners.
Jeśli mam zaokrąglone, no i teraz powinno się to skalować proporcjonalnie, np.
w ten sposób zmniejszymy sobie jeszcze grubość,
tych kresek tak, żeby one były mniej więcej tak samo grube jak nasze literki.
Możemy sobie tutaj porównać.
No chyba jest w porządku.
Dajmy to tu.
Zastanawiam się jeszcze, czy ten nasz
robot nie jest zbyt wysoko,
nie ma zbyt wysokiej głowy, więc może te węzły sobie podniesiemy.
Np. w ten sposób, tak żebyśmy tu mieli takie duże zaokrąglenie.
A tu jeszcze może, mamy za dużo węzłów, więc ten sobie usuniemy.
Tu możemy sobie jeszcze zaokrąglić.
I to sobie dajmy tu.
I to tu.
O pięknie.
Myślę, że wygląda bardzo fajnie,
tu jeszcze fajnie by było oddzielić jakoś AI od devs.
Możemy to spróbować zrobić kolorem.
Więc ten kolor może zielony, który tutaj mamy sobie
dodamy do swatches i zaznaczmy sobie jeszcze raz devs i to mamy ten kolor.
No wygląda to fajnie.
Przejdźmy jeszcze do naszego tutaj projektu w Photoshop'ie.
Następnie wybierzmy narzędzie kroplomierz.
Klikam tutaj na ten zielony, następnie klikam dwukrotnie tutaj
color foreground i mamy od razu kod, numer koloru, więc mogę go sobie skopiować.
Przejdę do illustratora i tutaj chciałbym sobie ten numer koloru wkleić.
Czyli klikam sobie na kolor obrysu,
a następnie przełączam się na paletę color mixer i command V.
Wklejam i mamy dokładnie ten kolor tutaj.
Możemy go od razu dodać do swatches.
Jeśli chodzi o kolor tutaj tych liter, myślę, że jednak czarny będzie lepszy.
Natomiast tu spróbujmy dodać takie
podkreślenie, ale ono niezbyt dobrze wygląda, więc zrobimy inaczej.
Dajmy sobie tu spację.
A następnie narysujemy sobie taki obiekt na bazie tej literki i taki sam.
Przenieśmy go tu.
I jemu dajmy zielony kolor wypełnienia.
To sobie możemy zgrupować.
To też sobie możemy zgrupować i upewnijmy się, że to wszystko jest wyśrodkowane.
Czyli wybieram sobie align, horizontal align center.
O i teraz
wygląda to moim zdaniem bardzo dobrze.
Minimalistycznie, prosto.
Przejdźmy do Photoshop'a.
Tutaj gdzieś będziemy musieli to logo umieścić, może u góry.
Więc wybierzmy sobie image, a następnie canvas size.
I tutaj punkt odniesienia.
Ustawimy sobie środek na dole.
Height sobie zwiększymy do 2200 pixeli, a szerokość zmniejszymy np.
do 1500.
W porządku.
Teraz ten czarny background możemy sobie rozciągnąć do góry.
OK. Command S.
Następnie wracam do illustratora.
Tutaj chciałbym, żeby ten napis, żeby był również dostępny biały.
No bo możemy zrobić dwie wersje logo jedną z
czarnym napisem na białe tła, a drugą z białym napisem na ciemne tła.
O w ten sposób.
I teraz command C.
Wróćmy do Photoshop'a.
Command V możemy to wkleić jako smart object.
Jest to oczywiście za duże, więc sobie zmniejszymy i przeniesiemy sobie tu.
I myślę, że w porządku.
Bardzo fajnie to wygląda.
Możemy sobie jeszcze całość przenieść troszkę do góry tutaj.
Spróbujmy dać taką białą przestrzeń i może dodamy jakiś tekst jeszcze w kolorze
czarnym i z fontem readex pro dokładnie taki sam jak użyliśmy w logo.
Napiszmy tutaj
AI
dla programistów.
Może nie medium, a weźmy sobie semi bold.
I wyłączmy sobie all caps.
Zatwierdzamy enterem.
No i co?
Myślę, że zaczęło to wyglądać naprawdę fajnie.
To co jeszcze chciałbym dodać to może coś w tle?
Zobaczmy, może Midjourney nam coś podpowie.
Więc wróćmy do Discord'a i wpiszmy sobie imagine.
Mamy teraz dostęp do prompt'u, więc spróbujmy np.
green digital abstract on dark background,
blur,
bokeh.
Wybierzmy enter.
Chodzi mi o jakieś kształty, takie digital'owe.
Oczywiście zielone, trochę rozmyte.
Może coś tutaj nam Midjourney zaproponuję, co
wykorzystamy, albo do czegoś nas to natchnie.
Zaczekajmy chwilę.
OK. Zobaczmy.
Myślę, że w jakimś stopniu ciekawe jest rozwiązanie numer 1.
Więc spróbujmy sobie to powiększyć.
A następnie skopiujmy obraz. Wróćmy tutaj,
wybierzmy sobie command V.
Powiększmy to.
OK.
Wygląda fajnie, ale jest trochę za
zielono, więc może wybierzmy sobie command L i spróbujmy tutaj sobie,
spróbujmy się pobawić kontrastem.
OK.
W dalszym ciągu jest za zielono, więc przenieśmy sobie to po prostu niżej np.
w ten sposób niech to delikatnie wystaje sobie
od spodu jako jakaś mgiełka, a następnie wybierzmy sobie E, czyli eraser tool.
Upewniam się, że pracuję z
tutaj pędzlem takim zwykłym round, ale z hardness ustawionym na 0.
Size zwiększymy sobie dosyć mocno nawet
jeszcze prawym nawiasem kwadratowym i wymażmy sobie tutaj trochę tą górną granicę.
No i jeśli o mnie chodzi, jestem jak najbardziej zadowolony z tego rezultatu.
Możemy zapisać zmianę wybierając command S.
I dla mnie jest to jak najbardziej miarodajny projekt.
Wydaje mi się, że całkiem trafiony w punkt.
Więc z takim key visual'em możemy przejść do dalszych prac.
A na teraz to wszystko w tej lekcji.
Dzięki za uwagę i słyszymy się w lekcji następnej.