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.
Podsumujmy teraz krótko co mamy i czego nam jeszcze brakuje.
Mamy 8 sztuk różnych nakryć na oczy, 8 sztuk różnych masek tudzież ust.
Następnie mamy 8 sztuk czapek i fryzur i 8 sztuk różnych ubiorów, w tym 3 damskie
i zostają nam jeszcze bronie i czyli uzbrojenie, no i oczywiście tła.
Myślę, że możemy teraz zająć się tą łatwiejszą rzeczą, czyli.
Mam na myśli tutaj background i zrobimy je w tym przypadku w Photoshopie.
Przechodzę do Photoshopa.
I tutaj zakładam nowy dokument.
Chciałbym, żeby to był dokument o takich samych rozmiarach jak Cardboard.
Ilustratorzy czyli 1800 1800 w naszym przypadku dokładnie kwadratowe.
1800 1800 pikseli.
Nie chcemy adwokatów.
Potrzebujemy tylko jeden dokument.
Jedno stronicowy The Grand Call może być w kolorze białym.
Następnie wybieramy sobie tryb kolorów RGB 72 piksele na cal.
Dokładnie taka rozdzielczość będzie w porządku.
Wybieram teraz Create.
I mamy już przed sobą nowy dokument.
Chciałbym skorzystać z dokładnie tych samych kolorów z tej samej palety kolorów,
jaką wykorzystaliśmy w w przy projektowaniu traktów w ilustratorzy, więc
wyciągnę sobie tutaj panel ze złączami, wybieram Window, następnie.
I tutaj za importujemy sobie słodycze.
Dokładnie te same, które wykorzystaliśmy
w Illustratora, czyli rozwijamy ikonkę z menu, a następnie wybieramy Import.
Ze źródeł.
Do tego kursu wybieramy sobie folder Ilustrator i tutaj mamy kolory do NF tez
wybieram ten plik, a następnie klikam Otwórz.
I mamy tutaj kolory do NF.
To są dokładnie te same kolory.
Zacznijmy od tła, może jakiegoś ciemniejszego, więc wybierzmy sobie może
na początek ten kolor, a następnie walimy go tutaj.
OK, chciałbym żeby to tło jakoś uwzględniało oświetlenie.
Czyli jako że po prawej stronie wszystkie nasze.
Elementy są oświetlone na zielono.
Chciałbym, żeby z prawej strony właśnie tutaj biła jakaś zielona poświata.
Wróćmy więc do Photoshopa.
Stworzę sobie tutaj nową warstwę, a następnie przybiorą zielony kolor I może
tutaj wybierzemy sobie pędzel, czyli narzędzie, ponieważ chciałbym, żeby
to był zwykły zaokrąglony pędzel i myślę, że możemy tutaj zwiększyć jego rozmiar.
Może do.
Tysiąca pikseli.
Jeśli chodzi o wartość hard to ustawiam tutaj 0 tak, żeby pędzel był miękki.
Zaznaczamy nową warstwę.
Tutaj koniecznie musimy ją stworzyć, aby móc malować.
Wybieramy ikonkę plusa.
Może jeszcze zwiększymy troszeczkę ten pędzel, rozmiar tego pędzla i robimy
tak samo jak w ilustratorzy, czyli prawy nawias kwadratowy OK.
I tutaj klikam, aby dodać taką poświatę.
Ona chyba w tym momencie jest troszeczkę za duża, więc wybierzmy sobie command tę,
a następnie troszeczkę ją sobie może tutaj spłaszczyć i rozciągnęły w ten sposób.
OK, myślę, że będzie w porządku.
Kolejna rzecz, którą chciałbym zrobić to
tutaj zaznaczę sobie warstwy warstwy i dodam jeszcze jedną warstwę.
I tutaj ponownie korzystając z pędzla wybieram sobie może ten nieco jaśniejszy
kolor i dam tutaj taką jasną, dosyć jasną plamkę.
W tym miejscu może.
OK,
to już zaczyna wyglądać fajnie, bo możemy sobie to oczywiście zapisać i podłożyć do
Illustratora, więc sobie teraz to na szybko przetestujemy.
Wybieram File, a następnie zapisz jako.
Tutaj w źródłach stworzę sobie nowy folder i zapiszę może jako.
Photoshop wybieram Utwórz i tutaj zapiszemy sobie to np.
Deep Blue.
BG czyli background wybieram zachowaj OK i wracam do Illustratora.
Możemy wstępnie podłożyć to tło
do warstwy BG, czyli wybieram file, a następnie place czyli plik i umieść.
Wybieram folder ze źródłami
Photoshop, zaznaczam plik psd, który stworzyłem przed chwilą, wybieram place
i może umieścimy sobie to tutaj na tym art boardzie.
OK.
No i ten biogram wygląda fajnie, ale jest on trochę pusty.
Chciałabym tutaj jeszcze coś dodać, żeby coś tam z tyłu się jeszcze
delikatnego działo, więc wróćmy do Photoshopa.
Tutaj może stworzymy sobie jeszcze jedną nową warstwę.
Następnie wybieram sobie narzędzie Angular Marketu, czyli zaznaczenie prostokątne.
Stworzę sobie takie zaznaczenie tutaj
przytrzymuję klawisz Shift, aby dodać jeszcze jeden obszar do zaznaczenia.
Może taki.
Może jeszcze tutaj rysujemy kilka takich pasków.
Wypełnię to wstępnie białym kolorem, więc
wybieram klawisz D na klawiaturze tak aby mi się tutaj kolory zresetowałem.
Kolor Forge Wygląd.
Zamienię te kolory za pomocą tej podwójnej wygiętej strzałki.
Mam teraz aktywny kolor biały.
Następnie wybieram narzędzie Paint Bake suczki wiadro z farbą i wlewam
ten biały kolor do tych zaznaczonych obszarów.
Wybieram teraz command d aby odznaczyć i chciałbym troszeczkę to powyginać, więc
może przejdę do menu głównego wybierając Filter, a następnie kliknij fi.
I spróbuję to teraz jakoś powyginać za
pomocą narzędzi dostępnych w panelu filtru i Fay.
Zobacz, mamy tutaj bardzo dużo fajnych narzędzi, które
pozwolą nam to jakoś tutaj powyginać i dzięki temu możemy uzyskać całkiem fajny.
Motyw.
Tutaj jeszcze w tym miejscu widzimy, że tutaj troszeczkę te paski
jakby są pourywane, więc troszkę wyciągniemy do góry.
Tutaj dokładnie tak samo jak w ilustratorzy prawym nawiasem kwadratowym
zwiększam rozmiar pędzla, lewym zmniejszam i myślę, że jest fajnie teraz.
Wybieram teraz przycisk OK jeśli jestem
zadowolony z tego, a następnie zmienie tryb mieszania np.
na.
Overlay chyba to nie wygląda dobrze.
Wybierz sobie może na razie normal, a następnie klikamy dwukrotnie
lewym klawiszem myszy na tą miniaturkę warstwy.
Wybierzmy sobie kolor overlay, czyli nałożenie kolorem.
Wybierzmy może kolor ten albo może ten jaśniejszy.
Chyba wybierzemy ten ciemniejszy.
Zobaczymy jak to będzie wyglądać.
Wybieram przycisk OK.
Tutaj też ok.
I przesuń sobie to pod tą zieloną poświatę.
Teraz wybieram File Save Illustrator.
Te zmiany powinien wykryć, więc jeżeli przejdę do Illustratora.
To Illustrator zapyta mnie czy zaktualizować ten plik.
Wybieram, jest i mamy już te powybijane elementy tam w tle widoczne.
Myślę, że możemy teraz zapisać sobie zmiany i przejdziemy do lekcji do lekcji.
Następnie stworzymy jeszcze kilka różnych teł.
Generalnie one będą bazować na tym samym, czyli na tym samym wzorze.
Będą miały tylko inną kolorystykę.
Zapiszmy zmiany i do usłyszenia za chwilę.