AI dla Designera: Praktyka

0:00Cześć, witam Cię w kolejnej lekcji kontynuujemy naszą pracę.

0:02To co teraz chciałbym zrobić w Affinity

0:04Designer to przejdę do view, następnie view mode i wyłączę clip to Canvas po to

0:11abym mógł sobie tutaj rozłożyć te propozycje z Midjourney.

0:15Poza Canvas'em. Dopasuje sobie jeszcze ten prostokąt tutaj.

0:20Włączę sobie jeszcze snapping.

0:23OK i to sobie dopasuję jeszcze w tym miejscu.

0:27W porządku.

0:28Myślę, że to możemy sobie zgrupować command G, będzie to nasza baza, czyli

0:34nazwijmy to base, a to będzie nasz background i to sobie zablokujemy.

0:40Klikam tutaj na ikonkę kłódki i to samo tutaj.

0:43Jeśli chodzi o te elementy,

0:45w zasadzie też sobie zablokujemy te propozycje.

0:48No i teraz chciałbym, żebyśmy sobie

0:50narysowali już samą pizzę i tutaj myślę, że fajnie by było, gdybyśmy

0:55może pominęli troszeczkę rzeczy, które tutaj Midjourney nam zaproponowało.

0:59Mianowicie mam na myśli te nierówne krawędzie,

1:03chociaż je też uskutecznimy w jakiś sposób, ale raczej tutaj w środku, więc

1:08przejdę do wyboru narzędzia elipsa i narysuję z wciśniętym klawiszem command,

1:15aby rysować od środka z shift'em, aby też mieć idealne koło, czyli np.

1:20obiekt mniej więcej taki.

1:22Naturalnie ten kolor nie jest kolorem naszych marzeń, więc myślę, że

1:27możemy zrobić tutaj jedną istotną rzecz, czyli po prostu to przekolorować.

1:32Więc wybierzmy sobie fill i tutaj myślę, że

1:37możemy stworzyć troszeczkę więcej tych próbników w naszym gradient'cie.

1:42Będzie to oczywiście cały czas gradient radialny.

1:45Myślę, że jeszcze możemy tutaj zrobić coś takiego, w porządku.

1:55OK.

1:57I teraz przechodzę do ustawień klikając na miniaturkę gradient'u tutaj.

2:03Następnie,

2:07dodam troszkę więcej kolorów klikając dwukrotnie tutaj.

2:10W tym miejscu dodajemy sobie nowy kolor.

2:14Znowu tutaj też możemy sobie dodać nowy kolor.

2:19Ten kolor zewnętrzny

2:21klikam dwukrotnie, aby go zaznaczyć.

2:24Klikam następnie tutaj.

2:27Wybiorą sobie może kolor stąd.

2:32Może na razie taki.

2:36W porządku. Mamy to.

2:40Teraz tutaj.

2:46Tu może taki kolor.

2:54Tutaj może jakiś bardziej pomarańczowy.

3:06I tu w zasadzie już

3:09w tym miejscu też sobie klikniemy i tu już będzie dosyć ciemny kolor.

3:14Może właśnie taki.

3:35I ten zielony też sobie zamienimy.

3:41Też, na dosyć ciemny.

3:55OK, udało nam się stworzyć coś takiego.

3:57Mamy już bazę pod naszą pod naszą pizzę.

4:01Teraz chciałbym w zasadzie podzielić ten

4:03element na kawałki tak jakby nasza pizza była pokrojona, ale nierówne kawałki.

4:08Pokażę Ci jaki ja mam na to pomysł.

4:11Mamy tutaj pod narzędziem trójkąt tzw.

4:15kształty specjalne, czyli special shape.

4:18I jest tutaj coś takiego jak pie tool, czyli narzędzie ciastko.

4:22Znowu wciskam klawisz command.

4:24U Ciebie będzie to control jeśli pracujesz

4:26na pececie, aby rysować od środka i shift, aby zachować proporcje.

4:31No i tutaj za pomocą tych czerwonych

4:32uchwytów, zobacz mogę sobie tutaj kroić ten element na takie kawałki.

4:38Chciałbym nadać mu jakiś kolor, np.

4:41może jakiś ciemno pomarańczowy, ale zobaczmy jak to będzie wyglądać

4:45jeśli dodamy tryb mieszania overlay

4:48np. w ten sposób, spróbujmy sobie jeszcze ten kolor przyciemnić i dodamy mu,

4:55dodamy do tego obiektu kolejny efekt jakim będzie inner shadow.

5:01Możemy wybrać to,

5:02możemy stworzyć to za pomocą efektów warstw.

5:07Wybieram inner shadow, zwiększam sobie radius.

5:14Intensywność.

5:17Przesunięcie sobie zostawimy,

5:20zwiększymy troszkę ten radius, natomiast kolor tutaj sobie ustawimy jakiś

5:27pomarańczowy?

5:30Może troszkę ciemniejszy?

5:36I teraz możemy to zamknąć. OK.

5:39Mamy coś takiego.

5:41Jeśli chodzi o kolor wypełnienia to może tutaj pokusimy się o coś,

5:46bardziej neutralnego np.

5:48w ten sposób.

5:50I teraz zaznaczam sobie ten nasz obiekt command C, command V wklejam,

5:54klikam dwukrotnie, mam teraz po dwukrotnym kliknięciu do dyspozycji właśnie te tutaj

6:00suwaczki, które pozwalają mi na zmianę zakresu.

6:05Tutaj może wybierzmy sobie jakiś jaśniejszy kolor.

6:09OK.

6:12Może coś żółtego.

6:15I znowu command C, command V.

6:21Kolejny element tu.

6:23I znowu może to jakoś,

6:26zmienimy kolorystycznie np.

6:27w ten sposób.

6:29Fajnie.

6:33Command C, command V.

6:34I znowu.

6:43Może tym razem coś większego?

6:47Spróbujmy to rozjaśnić.

7:05OK.

7:21I w porządku, mamy taki obiekt.

7:24W zasadzie zróbmy z tego grupę obiektów.

7:29Command G zaznaczymy wszystko i klikam dwukrotnie

7:31nazwiemy to

7:34pizza base.

7:39I teraz chciałbym żebyśmy stworzyli

7:41kolejny element, którym będzie już jakby środek tej naszej pizzy.

7:46Czyli wybierzmy sobie znowu elipsę.

7:49Narysujemy ją tutaj z shift'em, aby zachować proporcje np.

7:53w ten sposób. Wybieram convert to curves

7:57po to, abym mógł manipulować pozycją

7:59poszczególnych węzłów, które tworzą ten obiekt.

8:01I teraz mogę wybrać sobie narzędzie node tool, tak aby chwycić za węzły.

8:07Mogę też kliknąć dwukrotnie w tym miejsc i tutaj, no i teraz zobacz, że mogę sobie to

8:11poprzestawiać w taki sposób, aby stworzyć właśnie już jakiś nierówności.

8:18Spróbujmy zrobić coś w ten sposób, że kliknę sobie np.

8:24tutaj i z alt'em mogę sobie taki węzeł złamać.

8:29To samo tutaj.

8:35OK.

8:36Następnie klikam w tym miejscu i ten węzeł sobie chwycę tutaj.

8:41Tu sobie złamiemy. OK.

8:43I tak żeby te załamania były właśnie w tym

8:45miejscu, gdzie mamy to przecięcie, czyli np.

8:48kolejny tu, też możemy sobie to złamać.

9:04Poustawiamy sobie węzły tutaj dodając je.

9:09I z alt'em możemy sobie złamać punkty wektorowe.

9:28Tworząc właśnie coś takiego.

9:34Ten środek oczywiście powinien mieć bardziej,

9:38może kolor taki właśnie pomarańczowy.

9:39W ten sposób. Zobaczymy jak to teraz wygląda.

9:46OK. Moim zdaniem całkiem fajnie.

9:51Przyjrzyjmy się jak są skonstruowane pizze, które wygenerował nam Midjourney.

9:55Oczywiście one są tutaj ciemniejsze na krawędziach,

9:58jeśli chodzi o ten środek, tutaj są dosyć

10:00jasne i to samo powinniśmy zrobić w tym naszym,

10:04w naszym przypadku, więc myślę, że

10:07jak zaznaczymy sobie nasz obiekt. Może

10:11skopiujemy go sobie command C, command V następnie sobie troszkę go

10:18zmniejszymy i myślę, że możemy go sobie też

10:22rozjaśnić. OK.

10:25Natomiast znowu wybierzmy sobie narzędzie

10:28node tool i może po przestawiajmy sobie troszkę te węzły.

10:49OK.

10:50Znowu command C, command V też sobie zmniejszmy troszkę.

10:57Znowu sobie możemy to rozjaśnić.

11:03I też po przeztawiajmy delikatnie

11:07pozycje niektórych więzów.

11:20OK.

11:22Kolejna rzecz, którą zrobimy.

11:24Dodajmy sobie warstwę tzw. pixel'ową, na której będziemy mogli rysować, tworzyć w

11:28zasadzie obiekty bitmap'owe, a nie wektorowe, tak jak do tej pory.

11:32I tutaj w panelu layers, jeśli go nie

11:34widzisz, jeśli w ogóle nie widzisz któregokolwiek z tych paneli, możesz

11:37przejść do menu głównego wybierając view, a następnie studio.

11:40I tutaj dostępne są wszystkie panele,

11:42jakie mamy do dyspozycji w aplikacji Affinity Designer.

11:46Jeśli przykładowo nie widzisz panelu layers,

11:48możesz go po prostu tutaj odnaleźć i wybrać, on

11:52wtedy się wyświetli.

11:54To co jednak teraz chciałbym zrobić, to dodać warstwę tutaj

11:58pixel'ową, czyli w panelu layers na samym dole wybieram add pixel layer.

12:02Mamy już tutaj tą warstwę dodaną, ale aby

12:04malować obiekty bitmap'owe muszę przejść do tzw.

12:07pixel persony, czyli wybieram sobie tutaj,

12:10tą ikonkę i mam też do dyspozycji tutaj w

12:13tej pixel personie panel z bitmap'owymi pędzlami bardzo różnymi od takich

12:20mocno podstawowych do bardziej rozbudowanych.

12:22Ja tutaj mam taki pakiet pędzli eleni debo i są bardzo fajne takie szumiące pędzle.

12:29Myślę, że możemy wybrać jeden z nich np.

12:31taki. OK.

12:34Wybieram sobie jeszcze tutaj biały kolor

12:35może i spróbuję sobie tutaj jeszcze domalować jakieś fajne

12:42elementy w tym miejscu, które sprawią, że ta nasza pizza będzie miała jakąś,

12:48jakąś fakturę.

12:59OK.

13:00Możemy też spróbować dodać to w ciemniejszym kolorze, np.

13:04takim.

13:05A raczej tutaj przy brzegach.

13:28OK. Wygląda całkiem fajnie.

13:31Spróbujmy sobie jeszcze zaznaczyć te dwa

13:33elementy command G i spróbujmy je rozmyć tak aby stworzyć taki większy gradient

13:38tutaj. Więc wybieramy

13:41FX, a następnie gaussian blur i troszeczkę sobie to rozmyjemy,

13:46właśnie tak.

13:56No i teraz myślę, że przyszedł czas na to,

13:58aby narysować sobie właśnie jakieś warzywka, listki, coś co

14:05troszeczkę tę naszą pizzę wzbogaci.

14:08A na teraz zapiszmy nasz plik wybierając command S lub control S.

14:12Jeśli pracujesz na Windows'ie.

14:14Nadajemy mu nazwę i słyszymy się w lekcji następnej.