AI dla Designera: Praca z Photoshopem

0:00Cześć, witam Cię w kolejnej lekcji. Oto co zrobiłem

0:02po przerwie. Dodałem background, czyli

0:04warstwę z czarnym tłem i taką zieloną plamkę.

0:08Następnie pogrupowałem też warstwy i

0:10pospłaszczałem kilka z nich, mianowicie spłaszczyłem warstwy, które tworzyły Adama.

0:15Żeby spłaszczyć warstwy, wystarczy

0:17zaznaczyć je z klawiszem shift, a następnie wybrać command E albo ctrl E

0:22jeśli pracujesz na platformie Windows.

0:24Dodałem też taki delikatny cień pod robotem.

0:28Tutaj możesz zobaczyć, że mamy na ubraniu na barku cień, który rzuca robot na

0:34ubranie bohatera, więc myślę, że dodaje to też fajnego takiego naturalnego efektu.

0:39I tak możemy to zostawić.

0:42Teraz to co chciałbym zrobić w tej lekcji,

0:44to spróbować wtopić jakoś naszych bohaterów w ten background.

0:52Tutaj jeszcze zwiększyłem delikatnie kontrast za pomocą poziomów, tak aby

0:56kontrast człowieka dopasować do kontrastu robota, więc to możemy zrobić zaznaczając

1:01warstwę, a następnie wybierając image adjustments i levels.

1:06Zrobiłem to na poziomach, bo delikatnie

1:08po prostu zwiększyłem ten kontrast tak, żeby

1:15pasowało kolorystycznie i

1:18światłocieniowo bardziej dopasować zdjęcie do tej grafiki wygenerowanej.

1:24Teraz

1:26wybierzemy sobie warstwę z człowiekiem, klikam dwukrotnie

1:30na nią i przechodzimy do panelu layers styles.

1:32Tutaj chciałbym dodać dwa efekty.

1:36Efekt inner glow, czyli takiego wewnętrznego światła.

1:41Możemy tutaj zwiększyć sobie opacity i np.

1:43zwiększyć rozmiar, ale to wygląda zbyt

1:46mocno, więc opacity na pewno zmniejszymy i rozmiar też.

1:51Natomiast,

1:54oczywiście to chciałbym, żeby to był kolor zielony.

1:58Tak, żeby wyglądało to w miarę jakoś tam

2:00naturalnie, bez bez takich dosyć mocnych efektów.

2:04Delikatnie tutaj zmniejszmy sobie opacity i tak będzie w porządku.

2:08Dodam jeszcze jeden efekt i chciałbym żeby

2:10to był outer glow i też tutaj skorzystamy sobie z zielonego koloru.

2:16Wybierzmy przycisk ok.

2:17Jeśli chodzi o rozmiar to nie będziemy go zbytnio zwiększać.

2:21Myślę, że taki będzie w porządku.

2:23Tryb mieszania ustawiamy na screen, opacity

2:27dosyć małe,

2:29ok. 30 kilku procent i wybieram przycisk ok.

2:33Stworzymy sobie jeszcze jedną warstwę nad Adamem i nazwiemy ją green

2:38light.

2:40Chciałbym tę warstwę wykadrować w postać

2:42człowieka, więc wybierzmy sobie prawy klawisz myszy na warstwie.

2:46Wybierzmy prawy klawisz myszy i wybierzmy sobie create clipping mask.

2:50Teraz ta warstwa jest wkadrowana w tą warstwę niżej.

2:53Jeżeli ja wybiorę sobie pędzel i zacznę coś tutaj malować, no to widzimy, że maluje

2:57się to w obrębie wewnątrz tej warstwy z człowiekiem.

3:01To co chciałbym zrobić to dodać tutaj

3:03takie delikatne zielone światełko po lewej stronie.

3:08Żeby ono nie było aż takie mocne to

3:10zastosujemy sobie jeszcze jakiś tryb mieszania za chwilkę.

3:14OK.

3:16Więc tutaj jeśli chodzi o tryb mieszania wybierzmy sobie np.

3:19overlay albo soft line.

3:21Ja myślę, że overlay

3:23będzie w porządku.

3:25No i też fajnie by było, gdyby te same

3:26efekty tej zielonej poświaty pojawiły się też na robocie.

3:30Zapiszmy sobie zmiany i teraz się tym zajmiemy.

3:35Teraz, żeby te efekty przenieść na robota po prostu klikamy na tę ikonkę FX, a

3:41następnie przytrzymując lewy klawisz myszy dodajemy ją do robota.

3:45Tylko teraz problem jest taki, że ona

3:47zniknęła, że ten efekt zniknął z człowieka, a przeniósł się na robota, więc

3:50musimy wybrać command set i zrobić to samo, ale z wciśniętym klawiszem alt.

3:55I teraz obie te warstwy mają ten sam styl.

3:59Teraz wygląda to bardzo dobrze i tak bym to zostawił.

4:03Natomiast fajnie by było gdybyśmy jeszcze

4:06tutaj dodali troszkę więcej jakiś elementów, ale może już elementów

4:11wektorowych, więc spróbujemy zaraz przenieść się do illustratora.

4:16Tymczasem jednak spróbujmy sobie jeszcze tutaj dodać jedną warstwę.

4:22I żeby to wszystko jeszcze jakoś tam

4:23skontrastować, to proponuję, żebyśmy dodali tutaj jakąś białą belkę.

4:27Wybierzmy sobie biały kolor.

4:31I wybierzmy następnie wiadro z farbą.

4:33Wkleimy sobie to tutaj.

4:35Myślę, że naszych bohaterów warto teraz podnieść chyba razem z tym background'em.

4:41OK, w ten sposób. No i to jeszcze nie wszystko

4:44naturalnie, bo czeka nas jeszcze sporo tutaj rzeczy do zrobienia.

4:48Mianowicie proponuję, byśmy teraz przeszli do aplikacji Adobe Illustrator.

4:51Myślę, że rozmiary 1920x1080 będą

4:55w porządku, więc możemy wybrać sobie teraz create.

4:59Jesteśmy już w nowym dokumencie.

5:01Tutaj stworzymy sobie taką belkę.

5:05I na razie damy jej brak obrysu.

5:09Natomiast jeśli chodzi o wypełnienie, to

5:10chciałbym, żeby to był jakiś jaskrawy kolor zielony, ale ten jest zbyt jaskrawy,

5:15więc myślę, że tutaj tymi suwakami możemy go troszeczkę stonować.

5:22OK. Może troszkę

5:23niech on będzie bardziej niebieski i delikatnie przyciemniony.

5:27W porządku.

5:28Teraz to co chciałbym zrobić to dodam

5:30tutaj troszkę innych takich prostokątów w tym miejscu.

5:35Może jeszcze tutaj dodamy jakiś po prostu jakąś abstrakcję.

5:41I zobaczymy jak to będzie.

5:44Jaki da nam to efekt?

6:00OK. Spróbujmy sobie to zmniejszyć.

6:05Przenieśmy sobie to w ten sposób.

6:09Np. tak.

6:20I o coś takiego.

6:27I teraz zaznaczmy to sobie, a następnie połączmy wszystkie te obiekty.

6:31Możemy przejść do panelu properties i

6:33wybrać sobie tutaj w pathfinder'ze ikonkę unite.

6:37No i teraz to zostało połączone.

6:39Możemy sobie to troszeczkę spłaszczyć.

6:41No i teraz chciałbym jeszcze delikatnie zaokrąglić narożniki.

6:44Czyli mogę wybrać narzędzie direct selection tool, tak aby mieć

6:48możliwość sterowania poszczególnymi węzłami naszej grafiki.

6:52Ale nie będę tego robił.

6:54Teraz po prostu mam dostęp do takich kółeczek.

6:56Jeśli użyję myszy i tutaj po prostu

6:59przytrzymam lewy klawisz myszy, a następnie przeciągne. To jak widzisz

7:02wszystkie narożniki zostały teraz zaokrąglone.

7:05I teraz mogę sobie to skopiować command C.

7:07Następnie wrócę do Photoshop'a i tutaj wybieram command V i

7:14myślę, że wkleję to jako smart object.

7:17Wybieram przycisk ok.

7:19W porządku.

7:23Ten zielony kolor chyba mi się jednak nie podoba, więc, znaczy ok,

7:29chciałbym, żeby to był zielony, ale on jest troszeczkę za ciemny.

7:31Jest brudny, więc klikam dwukrotnie.

7:34Tutaj po prostu spróbuję ten kolor, może jakoś

7:42rozjaśnić w ten sposób. Command S,

7:45wracam do Photoshop'a i tu nam się to już zaktualizowano.

7:52Natomiast myślę, że możemy to przenieść

7:54gdzieś tutaj pod naszego bohatera w ten sposób.

7:58Jeśli chodzi o tą białą belkę, to

8:00może skopiujmy sobie tą zieloną warstwę z illustratora.

8:03Dajemy ją tutaj na samą górę

8:05i teraz tą białą belkę sobie usunę, a na tą warstwę kliknę dwukrotnie aby przejść

8:09do panelu layer style, który już troszkę znamy i wybiorę sobie tutaj kolor

8:14overlay i niech to będzie w kolorze białym.

8:18OK.

8:20Tutaj wybierzmy sobie command T, a następnie flip

8:23horizontal i powiększymy sobie to troszkę ustawiając,

8:29to mniej więcej w taki sposób.

8:35OK.

8:37Teraz jeszcze chciałbym zrobić jedną dosyć

8:39istotną rzecz, mianowicie chciałbym zrobić coś tutaj z dołem naszego

8:45bohatera, czyli jakoś go tutaj wymazać, wtopić w całą tą kompozycję.

8:50Więc może przenieśmy sobie to też tutaj niżej.

8:55I teraz chciałbym, żebyśmy stworzyli sobie

8:58pędzel w Photoshop'ie, więc zapiszmy zmiany.

9:04Chciałbym dodać tutaj troszeczkę takiego digital'owego luku, więc

9:07pędzel, który stworzymy będzie raczej zbudowany z kwadratów.

9:12W tym celu stwórzmy sobie może nowy dokument wybierając file, a następnie new.

9:20Jeśli chodzi o rozmiar, myślę, że

9:24taki 1080x1080 będzie w porządku.

9:30Wybieram teraz create i mamy już nasz dokument.

9:35Tworzymy sobie nową warstwę i teraz chciałbym

9:37tutaj abyśmy wybrali sobie narzędzie rectangle tool.

9:44Mamy tutaj czarne wypełnienie, czarny obrys z shift'tem

9:47rysujemy kwadrat np. w tym miejscu. I możemy mu troszkę zaokrąglić narożniki.

9:56I możemy to zrobić tutaj, w tym miejscu.

9:59Za pomocą tych uchwytów, tak jak w ilustratorze.

10:06Stwórzmy jeszcze jeden, troszkę większy.

10:10Też zaokrąglimy mu narożniki.

10:15I jeszcze jeden może mniejszy, delikatnie też z zaokrąglonymi narożnikami.

10:21Tutaj też może mniejszy.

10:25OK.

10:29I tutaj też.

10:32Teraz zaznaczę naszą warstwę i klikam na nią z klawiszem command na miniaturkę.

10:39Analogicznie jeśli pracujesz z Windows'em będzie to control.

10:41I teraz na podstawie tego zaznaczenia stworzę sobie nowy brush.

10:45Wybieram więc edit, a następnie wybierz

10:48define brush preset i możemy nazwać sobie ten brush squares.

10:58Wybieram przycisk ok. No i pędzel w zasadzie jest gotowy.

11:02Tylko, że musimy jeszcze pozmieniać kilka parametrów w nim.

11:05Bo jeżeli zaczniemy sobie nim malować

11:07tutaj, no to widzimy, że jest on dosyć regularny.

11:12Chciałbym, żeby te kwadraty były troszeczkę rozstrzelone,

11:15dlatego musimy przejść do ustawień pędzla, czyli wybierając panel brush settings.

11:23Jeśli nie jest u Ciebie dostępny, możesz oczywiście

11:25przejść do window i tutaj dostępny jest panel brush settings.

11:30Możesz go za pomocą tego przycisku wyświetlić.

11:33Brush settings.

11:36Przechodzimy do

11:39brush dynamics i mamy tutaj np.

11:42wahanie rozmiaru.

11:44Tutaj mamy podgląd, wahanie rozmiaru

11:45pędzla zależne od siły nacisku piórka na tablet.

11:49Jeśli korzystasz np.

11:50z tabletu Wacom i

11:55wykrywa on siłę nacisku piórka na tablet, to możesz z tego skorzystać i mocniej

12:00przyciśniesz piórko do tabletu, tym ten pędzel będzie grubszy.

12:05Następnie mamy angle jitter i tutaj nie jest to do końca dobre rozwiązanie, bo

12:11wtedy te kwadraty troszeczkę nam się obracają, więc to nie będzie w porządku.

12:17Mamy tutaj jeszcze coś jak roundness jitter.

12:25Więc myślę, że możemy przejść do scattering

12:29i wybrać sobie scatter, tak żeby troszeczkę bardziej rozstrzelić sobie te te kwadraty.

12:39No i teraz jeżeli zaczniemy malować, widzimy,

12:41że teraz wygląda to dokładnie tak jak chcieliśmy.

12:45Dlatego z takim pędzlem możemy przejść do

12:48naszego projektu jeszcze tylko na podstawie tych ustawień stworzymy sobie

12:53jeszcze jeden pędzel square, nazwijmy go final.

12:58OK. Wracamy sobie tutaj.

13:01Kolor jaki użyjemy to będzie oczywiście ten zielony.

13:05W porządku.

13:07I namalujemy tutaj, gdzieś za naszymi bohaterami właśnie takie elementy

13:14digital'owe troszeczkę.

13:22Dodać troszeczkę więcej abstrakcji.

13:30W ten sposób, ale jeszcze możemy wykorzystać to jako maskę.

13:34Czyli np. jeżeli mamy tutaj naszą grupę

13:38Adam with Bot, to możemy dodać do tej grupy maskę warstw wybierając ikonkę layer mask

13:44tutaj na dole. Mamy już maskę.

13:47Działa to dokładnie tak jak wcześniej,

13:48czyli jeżeli będziemy coś zamalowywać na czarno to maska nam to zakryje po prostu.

13:52Więc mamy nasz pędzel, mamy czarny kolor i możemy sobie tutaj troszeczkę,

13:58podmalować w taki sposób, żeby mieć tutaj to ładnie wtopione.

14:15Tak to powinno wyglądać.

14:16Command S, zapisuję i teraz chciałbym zająć

14:18się wyostrzenie troszeczkę bohaterów tego key visual'u.

14:24Mianowicie skorzystamy z

14:29np.

14:30Z filtra high pass, który jest bardzo fajnym narzędziem.

14:36Możemy sobie tutaj

14:41Adama np. skopiować

14:43z alt'em wystarczy, że przytrzymam lewy klawisz

14:46myszy na naszym folderze i dociągnę go do plusa.

14:49Wybieram przycisk ok przy panelu duplicate i mamy teraz już dwóch Adamów.

14:54Tego drugiego po prostu spłaszczę wybierając command E.

14:58Tutaj wybieram sobie następnie filtr i mamy coś takiego jak high pass.

15:07Jeśli chodzi o radius,

15:11to może taki ok, ok.

15:133 pixseli.

15:14Wybieram przycisk ok, a następnie tryb mieszania ustawiamy sobie na overlay.

15:24I to już daje nam bardzo fajny efekt wyostrzenia.

15:27Natomiast zdjęcie samego Adama też możemy wyostrzyć za pomocą np.

15:31takiego filtra jak

15:37smart sharpen.

15:50Przy czym tutaj przy projektowaniu takich key visual'i

15:53ja wykorzystuje dosyć mocne wartości, czyli np.

15:57amount wybieram 100%,

15:59natomiast radius albo 1 albo 2 zależnie od tego jakie mamu zdjęcie.

16:05Myślę, że 2

16:07będzie jak najbardziej w porządku.

16:08Wybierzmy sobie p.

16:11OK. Też widzimy tutaj ładne wyostrzenie.

16:14Wybieram przycisk ok i w porządku.

16:16I teraz może usuńmy na razie ten high pass.

16:20Wybierzemy sobie,

16:21skopiujemy sobie raz jeszcze grupę z

16:24prowadzącym. I już na tym wyostrzony obrazie,

16:29command E, zrobimy sobie filtr high pass, czyli filter other i high pass.

16:46OK. A następnie tryb mieszania

16:48wybieram sobie overlay.

16:52No i możemy tutaj dopisać

16:58high pass w nazwie warstwy, żeby wiadomo było o co chodzi.

17:02OK. Mamy to już fajnie wyostrzone.

17:05Teraz to samo chciałbym zrobić z naszym robotem.

17:08Tutaj mamy naszego robota.

17:09W porządku. Też go możemy wyostrzyć za

17:11pomocą filtra smart sharpen, dokładnie z takimi samymi ustawieniami.

17:20OK. On jest tutaj.

17:25Wybieram przycisk ok i też sobie go skopiujemy.

17:30Możemy mu usunąć te efekty.

17:33One nie są potrzebne do koszyka np.

17:36mogą polecieć.

17:37To będzie high pass też, czyli np.

17:40bot high pass.

17:44Dodajemy właśnie sobie tutaj filtr

17:47high pass z takimi samymi ustawieniami ok. 3 pixeli.

17:51Przycisk ok i tryb mieszania ustawiamy na overlay.

17:55I teraz widzimy jak bardzo wyostrzone są nasze postacie.

18:00I dokładnie o coś takiego nam chodziło.

18:03I ogólnie rzecz biorąc nasza główna

18:05kompozycja myślę, że jest skończona, jeszcze będziemy ją dopracowywać,

18:11więc myślę, że możemy przejść do kolejnego etapu.

18:13Na teraz to wszystko w tej lekcji.

18:14Do usłyszenia za chwilę.