Projektowanie Atrybutów
6 godz. 58 min · Illustrator · Grafika motion i 3D
Michał WedlechowiczWdrożenie kolekcji wymaga szerokich umiejętności programistycznych, ale my w tym kursie skupimy się na artystycznej stronie projektu, tworząc unikatowe cechy każdego obrazu i generując jego metadane. Wiele kolekcji NFT jest reprezentowanych przez nie zawsze piękne i estetyczne obrazy, ponieważ ich wartość przedstawia się głównie w tym do czego dany token uprawnia posiadacza. Ale coraz częściej powstają kolekcje bardzo estetyczne, tworzone różnymi technikami czy to 2D czy nawet 3D, dlatego my poświęcimy się w tym kursie pracy koncepcyjnej i ilustratorskiej.
Zaczniemy od zorganizowania biblioteki materiałów, które posłużą nam jako inspiracje oraz pomogą wybrać główny motyw grafik. Przejdziemy przez proces koncepcyjny polegający na wstępnym zarysowaniu postaci i ich cech, bazując na zgromadzonych wcześniej inspiracjach. Następnie przedstawię Ci narzędzia oraz techniki tworzenia, które zoptymalizują proces twórczy oraz pomogą przyspieszyć prace, a jednocześnie sprawią że zadbamy o spójność stylistyczną całej kolekcji NFT.
Kolejny etap nauki poświęcimy na zbudowanie odpowiednich nawyków w trakcie projektowania traitów czyli cech. Pokażę Ci jak zbudować bibliotekę assetów takich jak ubrania czy elementy wyposażenia, dbając o to, aby po wymieszaniu i stworzeniu różnych wariantów wszystkie cechy i atrybuty wyglądały ze sobą dobrze. Zaprojektujemy rownież cechy rzadkie wyróżniając je z całej listy elementów, a następnie wykonamy wstępny test randomizacji.
W ostatnim etapie pracy artystycznej pokażę Ci jak szybko wyeksportować przygotowane w wcześniej assety. Czeka nas kreatywne zadanie polegające na nazwaniu wszystkich traitów, aby cechy każdego tokenu mogły być zidentyfikowane. Wisienką na torcie kursu będzie wygenerowanie gotowych plików graficznych poprzez wymieszanie assetów wraz z wygenerowaniem odpowiednich metadanych. Posłużą do tego narzędzia webowe, zarówno płatne jak i darmowe, które oferują profesjonalne funkcjonalności, pomagające doprecyzować wygląd naszej kolekcji i zasady mieszania asssetów.
Materiał to około 7 godzin wysokiej jakości szkoleń wideo, przeznaczonych dla grafików, ilustratorów, designerów – nawet tych poczatkujących, którzy chcą uczestniczyć w dochodowych projektach ze świata WEB3 i znać odpowiednie do tego narzędzia. Jak zawsze lekcje prowadzone są tak, aby były przystępne również dla osób poczatkujących, a wymagane są jedynie podstawowe umiejętności pracy w Adobe Illustrator.
Cześć, Witam Cię w kolejnej lekcji.
Kontynuujemy naszą pracę z ekranem, więc wracam do Photoshopa.
Tutaj jeszcze jedna rzecz, która przyszła mi do głowy w przerwie.
Może spróbujmy tutaj wyłączyć ten kolor overlay.
Niech te pasy będą w kolorze białym.
Natomiast ustawmy tutaj tryb mieszania np.
soft light i zmieńmy o pastę.
Zmniejsz do powiedzmy ok.
Może czterdziestu procent.
Teraz wybierzmy plik.
Następnie Save a.
No i wróćmy tutaj do.
Może jeszcze tutaj ten kolor wygrałby, może niech będzie ciemniejszy.
Wybierzmy może jeszcze ten kolor i.
A teraz jest jakby większy kontrast moim zdaniem.
Więc teraz możemy zapisać.
A następnie wracam do Illustratora, który te zmiany powinien wykryć.
Wybieram Yes i chyba teraz wygląda lepiej.
Spróbujmy stworzyć jeszcze tło, może dla przykładu złote.
Więc wracam do Photoshopa.
Wybieram Fill, następnie Zapisz jako.
Zapiszemy to jako kolor.
Good BG. Wybieram.
Zachowaj. OK.
OK, mamy to zapisane jako Gold, więc może
teraz stworzymy sobie nowe warstwy, to je sobie wyłączymy.
Wybieram ikonkę plusa w panelu Layers.
OK, mam nową warstwę i skorzystam z tych kolorów, które
wykorzystane są w ilustratorzy jako kolor złoty, czyli najpierw ten ciemniejszy.
Następnie wybieram klawisz G, aby wywołać
narzędzie Wiadro z farbą i wklejam w lewą tutaj.
Następnie tworzę nową warstwę i tutaj wrzucimy ten jaśniejszy kolor.
Klikając z klawiszem Command na tą
miniaturkę z warstwą z tą niebieską plamą mogę otrzymać zaznaczenie właśnie na
podstawie tej niebieskiej plamy i teraz wybieram jaśniejszy kolor,
a następnie wylewam go tutaj i wygląda to w ten sposób całkiem fajnie.
Moglibyśmy to tak w zasadzie zostawić, ale nie chciałbym żeby ten.
Niestety pasy powyginane były w każdym razie takie same, ale są super.
Fajnie to wygląda. Możemy nawet sobie przetestować to w.
W ilustratorzy.
Dodając tutaj właśnie ten background wybierzmy sobie film Play.
Wybieram place, klikam tutaj i owszem, wygląda to dobrze.
Natomiast chciałbym, żeby
te zawijasy, tutaj zawijasy były troszeczkę takie inne.
Więc wracam do Photoshopa.
Te warstwy możemy usunąć,
stworzę sobie nową i również tutaj wykorzystam narzędzie Angular marki Tool.
Stworzę sobie kilka takich z zaznaczeniem z Shift.
OK, wygląda dobrze.
Wybieram teraz biały kolor wypełnienia, więc tutaj potrzebny mi jest
klawisz D na klawiaturze, aby zresetować tutaj kolory.
Wybieram teraz kolor biały, więc muszę zamienić kolor farbę z kolorem barwą.
Za pomocą tej strzałki i klawiszem G wybieram narzędzi wiadro z farbą.
Wlewam tutaj te kolory command D aby odznaczyć.
Teraz wybierzemy sobie filtr a następnie znowu aby to jakoś powyginać
i może wybierzemy sobie tutaj narzędzie, a może tak abyśmy mogli.
W jakiś dowolny sposób sobie tutaj stworzyć taki system.
Wygięcie np.
w ten sposób.
Końcówkę pędzla i może tutaj.
Wykonamy coś takiego. W porządku.
Wybieram przycisk OK.
Następnie piszmy o pasji tej do czterdziestu kilku
i wybierzmy sobie może overlay albo soft light overlay.
Jak będzie wyglądać?
Troszeczkę sobie zmniejszamy jeszcze
opaski, a następnie wybieram File Save i wracam do Illustratora.
Tutaj Illustrator pyta mnie czy z updated plik wybieram.
Jest i wygląda to w ten sposób.
Tutaj troszkę za mało się dzieje, więc
może wróćmy do Photoshopa raz jeszcze i ponownie wybierzmy filtr Liqui
i może jeszcze tutaj dokonamy jakichś modyfikacji.
Może ewentualnie narzędzie Turbo, czyli taka wirówka.
Spróbujmy wykonać coś takiego. Może.
Chociaż chyba nie jest to dobre rozwiązanie.
Zobaczmy. Teraz wybieram ok command s
a tutaj jeszcze mamy odcięte te linie więc raz jeszcze
i klify i tu u góry sobie to ciągniemy to w ten sposób.
OK Comments.
Wracam do Illustratora. Aktualizuje plik.
Myślę, że wygląda znacznie, znacznie lepiej.
Może stwórzmy sobie jeszcze jeden background.
Wróćmy do Photoshopa i nazwijmy sobie teraz to Light blau np.
czyli Zapisz jako.
Zapiszemy to jako.
Light Bloom.
Wybieram zachowaj ok.
Może tę warstwę sobie usuniemy.
Nie będzie nam potrzebna.
To może też i też tutaj do tej warstwy dodamy.
Może.
Z tych dwóch jasno brązowych wybieram sobie ten ciemniejszy i wlewam tutaj.
Tę warstwę sobie usunę.
Następnie mogę ewentualnie stworzyć zaznaczenie na jej podstawie wybierając
klawisz Command i klikając na tą miniaturkę warstwy.
Teraz wybieram jaśniejszy kolor i wlewam go tworząc nową warstwę.
Wylewam go tutaj.
OK, myślę, że wygląda dobrze i znowu stwórzmy sobie nową warstwę.
Wygenerujemy sobie tutaj troszkę takich pasów randomowych.
Wybieram teraz biały kolor wypełnienia narzędzi wiadro z farbą.
Klikam aby wypełnić zaznaczenia, a
następnie wybieramy sobie raz jeszcze Filter i liquid.
I po prostu zadowoleni.
Tutaj przejedziemy.
Narzędziem work.
OK.
Typ mieszania ustawiam sobie soft light przyczym basic sobie zmniejszymy do.
Około 30.
File Save.
Zapisujemy zmiany i przechodzimy do Illustratora.
Tutaj dorzucimy nowy background wybierając File.
Następnie.
Prace.
I dodajemy 3 kolejne tło.
Może tutaj?
Oczywiście na warstwie background i myślę, że te tła wyglądają całkiem fajnie.
Możemy jeszcze stworzyć kilka innych wariantów.
Bazując oczywiście na tej samej palecie kolorów.
Ja myślę, że zrobię coś w przerwie między lekcjami.
Ciebie też do tego zachęcam.
Zapiszmy koniecznie zmiany i do usłyszenia za chwilę.