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.
Hej, cześć, Witam Cię w kolejnej lekcji.
Jak możesz zauważyć ja pozmieniałem
miejscami kilka tematów i wszystko bardzo dobrze do siebie pasuje.
Myślę, że to ryzyko, że
jakieś elementy mogą do siebie niezbyt dobrze pasować, mogą gdzieś tam na siebie
jakoś niezbyt estetycznie nachodzić to to ryzyko myślę, że zminimalizować.
Szliśmy jak tylko się da poprzez właśnie
postawienie sobie tutaj kilku takich granic przy projektowaniu.
Ale ok.
Kolejne zadanie, kolejne tematy do wykonania.
Jak widzisz projektowanie kolekcji grafik na potrzeby NF.
Teraz to cały czas wymyślanie nowych i
nowych i raz jeszcze nowych elementów, nowych assetów, nowych cech postaci.
Ale im częściej będziesz zaglądał na takie serwisy jak np.
właśnie Pinterest,
im częściej będziesz szukał jakichś inspiracji, tym łatwiej przyjdzie Ci
wymyślanie nowych cech, nowych nowych assetów, całej kolekcji.
Tym razem będę chciał stworzyć taką maskę
już naprawdę super heavy, taką metaliczną, z jakimś połyskiem,
z jakimiś śrubami, może większymi, z jakimiś filtrami do oddychania.
Więc jak widzisz, mamy tutaj sporo rzeczy, którymi możemy się inspirować.
Bardzo podoba mi się ten panel tutaj taki
na środku, ale po bokach jest troszeczkę pusto, więc np.
fajnie by było jakbyśmy zaprojektowali coś
z takim panelem, a dodatkowo tutaj po bokach można jakieś filtry dorzucić.
Ciekawe jak by to wyglądało.
Ja tutaj na przykład stworzyłem sobie już
taki szkic i możemy jakoś tam go wykorzystać.
Nie musimy, ale można.
Można go sobie tutaj podłożyć pod spód naszego projektu.
Jako, że będziemy teraz pracować na
warstwie mask, to przerzuć sobie ten szkic właśnie tutaj.
Zmniejsz paski.
Przerzucił sobie to w to miejsce i zablokujemy sobie wybierając Command 2.
Myślę, że.
Możemy już przejść bezpośrednio do
rysowania, więc klawiszem B wybieramy narzędzie Paint.
Pędzel już mamy załadowany, możemy śmiało malować.
Jako że mamy tutaj zaznaczony taki punkt
styku dla jakiś elementów czapek czy włosów, to chciałbym żeby tu.
Jeżeli rysujemy jakąś maskę, która ma być
dosyć wysoka, żeby ta maska nie przekraczała tego punktu
styku, który mamy tutaj zaznaczony, czyli tego miejsca,
więc możemy sobie na przykład tę maskę gdzieś rozpocząć z tego miejsca,
chociaż proponuję, żebyśmy troszeczkę zmniejszyli sobie
grubość pędzla lewym nawiasem kwadratowym i spróbujmy narysować coś.
Tutaj.
OK.
W porządku.
No i tutaj możemy sobie jakiś taki większy panel narysować.
Przenieśmy w dół.
Niech ta maska będzie dosyć mocno wydłużona.
Wrócimy na ten węzeł i rzucimy to tutaj.
Myślę, że będzie wyglądać całkiem fajnie.
No i teraz sobie jeszcze coś narysujemy tu w tym miejscu.
Może teraz skorzystamy z narzędzia Elipsa.
Stworzymy sobie jakiś nit albo jakąś śrubę.
Dajemy ją np.
tu.
Grubość obrysu.
OK.
I może jeszcze jedna elipsa trochę
mniejsza, ale w tym przypadku chciałbym, żeby była ona wypełniona tym samym
kolorem, który wykorzystujemy przy konturowania.
Mogę przykład zaznaczyć wybrać sobie tę podwójną wygiętą strzałkę.
Dzięki temu obrys zostanie zamieniony z wypełnieniem.
I teraz tu.
Możemy sobie obrócić.
I mamy taką fajną śrubę, jakiś taki rodzaj nitów czy jakiś łącznik.
Chciałbym, żeby ta maska była dosyć taka masywna i potężna.
Myślę, że uda nam się to zrobić.
Tutaj kolejna śrubka.
Może ją odwróćmy np. tak.
I tu gdzieś jeszcze jedna.
W porządku, wygląda fajnie.
A i teraz jeszcze narysujemy jakiś element.
Może w tym miejscu.
OK i może jakieś filtry po bokach tak jak mamy tutaj na szkicu.
Tylko niech one będą dosyć spore i tutaj pomożemy.
Po prostu elipsa będzie chyba zdecydowanie szybciej i prościej, bo odręcznie.
Jak już wielokrotnie mówiłem, ciężko jest
narysować taki kształt eliptyczny dosyć mocno, więc ustaw sobie to tutaj.
Zwiększ koniecznie grubość obrysu dosyć mocno.
Myślę, że tak będzie dobrze.
Tutaj jeszcze sobie poprawimy.
Pozycję kilku węzłów.
Wybieram minus na klawiaturze i ten węzeł może sobie usunę.
Będzie prościej.
OK, wygląda już fajnie.
Teraz może troszeczkę dodam do góry command command v.
Tą kopię sobie zmniejszymy i dajmy ją może tu.
I jeszcze jedna kopia command c command V.
Też ją sobie zmniejszymy.
I wyjedziemy z nią tutaj.
Ale z większą grubość obrysu.
Na chwilę obecną nie wygląda to dobrze, ale zaraz sobie to poprawimy.
Tutaj po prostu wybierzemy sobie narzędzie sensors, czyli nożyczki.
Stworzymy sobie odcięcie tutaj w tym
miejscu oraz tu i tą zaznaczoną odciętą ścieżkę możemy
usunąć, więc wybieram klawisz Backspace albo Delete.
Klikam raz, nie została usunięta w pełni, więc po prostu naciskam
ten klawisz jeszcze raz i teraz już wszystko działa.
To samo zrobimy tutaj.
Zaznaczam sobie ten fragment, tę ścieżkę
raz jeszcze, wybieram narzędzie sensors i tworzę sobie takie odcięcie tu i może
jeszcze tu i ten zaznaczony fragment usuwam.
No i teraz chciałbym to wszystko jakoś sensownie połączyć, więc mogę np.
zaznaczyć narzędziem Direct Selection ten węzeł i wyciągnąć go tutaj.
To samo zrobimy z tej strony.
No i teraz wygląda to całkiem, całkiem fajnie.
Tutaj też sobie poprawimy pozycję tego węzła.
Wybierzmy sobie jeszcze B na klawiaturze, aby wywołać narzędzie branż.
Możemy sobie jeszcze poprawić, troszkę
dorysować detali, co na pewno będzie wskazane tutaj.
OK, spróbujmy to przetestować.
Czyli zaznaczmy z altem, kopiujemy,
odbijamy i myślę, że wyszła nam tutaj taka dosyć fajna, potężna maska.
OK, usuwam to na chwilę jeszcze.
Spróbujmy może jeszcze troszeczkę wydłużyć tą maskę.
Dajemy ją tutaj niżej.
No i jeszcze pokusimy się o kilka detali tutaj na dole.
Zaznaczam całość z altem, kopiuję
przytrzymując alt, przeciągam na prawą stronę i jeszcze dodatkowo wciskamy
klawisz Shift po to, aby nie przesunęło się to gdzieś w górę albo na dół,
więc po prostu przesuwam dzięki temu idealnie w poziomie.
Odbijam, dojedziemy z tym tutaj.
Tutaj myślę, że taka podwójna śrubka nie
będzie potrzebna, więc jeden z tych elementów usuniemy.
Może to pęknięcie tutaj też sobie usuniemy?
Okej, jakiś element niepotrzebny.
To może troszkę.
Wyznaczam kolejny węzeł przy zmieniam jego pozycję narzędziem Direct Selection Tool.
A ok, zaznaczmy teraz wszystko, wybierzmy
Object, a następnie Małżeństwo i połączmy wszystkie te obiekty wektorowe
za pomocą ikonki Unity w panelu Properties w sekcji Pathfinder.
No i dalszy proces pracy znamy.
Oczywiście musimy to wszystko wypełnić
kolorem za pomocą trybu aktywnego malowania, a następnie cieniować.
Więc może ja zrobię to teraz na timelapse
Po prostu w przyśpieszonym tempie zobaczysz jak to wycieniowane.
Po prostu żeby nie przedłużać, bo jak
wiesz jest to dokładnie wykorzystanie tych samych technik i narzędzi.
Czyli po prostu wybieram live paint make.
Następnie wiaderko z farbą.
Tutaj chciałbym, żeby to było wszystko takie wywyższa żonę.
Chciałbym, żeby ta maska po prostu sprawiała wrażenie, jakby była metalowa.
I dzięki temu będziemy mieli bardzo fajną taką maskę w stylu fiction.
Wybierzmy Object expand.
Wygląda to bardzo dobrze.
Możemy sobie zanim jeszcze dokonamy tutaj cieniowania.
Możemy sobie to po przymierzać, np.
wrzućmy to tutaj.
Moim zdaniem wygląda bardzo dobrze.
Spróbujmy jeszcze tu.
Rewelacja. Dla mnie to jest naprawdę rewelacja.
Wiem, że trochę sam sobie słodzę, ale ten efekt końcowy jest naprawdę dobry.
Pozostaje jeszcze wyciąć tą maskę i też zrobię to na timelapse.
Po prostu zaznaczam narzędzie Selection tool, wybieram odpowiedni element,
który chcę, który chcę w jakiś sposób cieniować.
Następnie pod nożyczkami i pod narzędziem
Razor mamy nazwę i odcinamy odpowiednie elementy, a następnie zmieniamy im kolor.
OK, jestem. Wracam z powrotem.
Maska jest, maska jest gotowa.
Możemy ją na szybko przetestować gdzieś tutaj.
Prezentuje się naprawdę bardzo dobrze.
I kolejna rzecz
chciałbym tutaj jeszcze dorysować jakieś gogle, ale może już nie będziemy
sugerować się tym, co jest na szkicu, więc może po prostu ten szkic usuniemy.
Wybieram obiekt, następnie unlock o dajmy go na razie na bok.
To co chciałbym teraz zrobić to właśnie
stworzyć jakiś gogle, ale może też jakiś taki bardziej zaawansowany w stylu jakimś
cyber punkowym czy jakimś post-apo albo albo science fiction.
Zobaczymy.
Mam tutaj coś w głowie, już mi świta, więc spróbuję to teraz narysować.
Oczywiście pracujemy tym razem na warstwie size, czyli oczy.
Wybieram więc nasz pędzel ukochany i.
Odpowiedni kolor dla obrysu.
No i tak jak zawsze narysuję sobie tutaj tylko i wyłącznie połowę.
Tej maski, czyli robimy dokładnie to, co wcześniej.
Myślę, że troszeczkę za wysoko.
Zacząłem.
Spróbujmy mniej więcej zasugerować się tą linią.
Tę maskę.
Może na razie sobie wyłączmy całą warstwę z maskami wyłączmy.
Zostawił sobie tylko oczy.
Może to troszkę spłaszczone.
I teraz rysujemy tutaj taki element wizjera.
Oczywiście, że wygląda fajnie.
Zaznaczmy więc całość z altem przerzucił sobie na prawą stronę.
Super, zaznaczmy wszystko.
Następnie obiekt Paw Outlet czołg.
Łączymy i moim zdaniem wygląda naprawdę fajnie.
Upewniam się tylko, że znajduje się to na środku.
Możemy na szybko jeszcze wrzucić tutaj
kolory wybierając Live Paint Make a i może
skorzystamy z tych jaśniejszych.
Kremowych kolorów.
I tu do środka lejemy zielony.
Włączmy sobie jeszcze podgląd maski
tej na dolną partie twarzy i myślę, że wygląda to naprawdę, naprawdę dobrze.
Spróbujmy sobie te gogle przetestować wśród innych projektów.
Wybierzmy tylko Expand tak aby wyjść z trybu Life Paint.
Zaznaczam Command c.
Może to tutaj przykładowo wygląda naprawdę bardzo dobrze.
Tutaj też wygląda super.
Oczywiście musimy to cieniować, ale ja teraz zajmę się tym w trakcie przerwy.
Dokładnie wiemy jak to zrobić.
Wiemy, że z prawej strony musimy
troszeczkę rozświetlić ten obiekt, dodać zielony Rin Light.
Tutaj z lewej strony będzie ciemniejszy i biały, delikatny i najs.
Tutaj z lewej strony.
OK, zapisujemy koniecznie zmiany i przechodzimy do kolejnej lekcji.