3D w Interfejsie: Oświetlenie i render

Inspiracje

Przeglądając projekty UI aplikacji czy serwisów internetowych można zaobserwować zmieniające się trendy nie tylko samych doświadczeń ale również oprawy graficznej interfejsów. Coraz częściej ilustracje flat wypierane są prze pękate, trójwymiarowe kompozycje. Chcąc nadążać nad zmieniającymi się standardami, warto poznać techniki wykonania tego typu prac tym bardziej, że nie są one skomplikowane. Rozpoczynając kurs przejrzymy kilka ciekawych prac w serwisach takich jak Behance czy Dribbble, aby mieć wgląd w to czym charakteryzuje się nowa, trójwymiarowa stylistyka.

Blender i pierwsza kompozycja

Po instalacji i poznaniu interfejsu Blendera przejdziemy do wykonania pierwszej kompozycji. Będzie to ikonograficzne przedstawienie pucharu z elementami abstrakcyjnymi np do sekcji "benefits". Wykorzystamy tu bardzo proste narzędzia w trybie "edycji", aby wykonać trójwymiarowe modele i nadać im proste materiały. Na końcu pracy z każdą kompozycja będziemy pracować z ustawieniami renderingu oraz z oświetleniem.

Modelowanie z modyfikatorami

Blender w swojej palecie narzędzi posiada bardzo przydatne modyfikatory, które ułatwią nasza pracę. W trakcie nauki będziemy je często wykorzystywać, aby nasze bryły wyglądały lepiej. Poznamy między innymi modyfikator "Subdivision", który wygładzi obiekty, oraz modyfikator "Mirror",który w prosty sposób je powieli. W trakcie pracy nad drugą kompozycją będziemy również pracować w trybie edycji, gdzie modelując ołówek nauczymy się dodawać kilka materiałów do jednego obiektu.

Tworzenie ilustracji do sekcji głównej

Korzystając ze zdobytej we wcześniejszych rozdziałach wiedzy przejdziemy do trzeciego, nieco bardziej wymagającego projektu. Wykonamy tu prosty model telefonu oraz przewijającą ekran rączkę. Poznamy działanie modyfikatora "Skin", który okaże się bardzo pomocny przy tego typu projektach oraz nauczymy się korzystać z przydatnych skrótów. Tak samo jak w poprzednich projektach zajmiemy się oświetleniem sceny, dodaniem materiałów oraz ustawieniami renderu.

Bonus

Po przerobieniu całego kursu przejdziemy do godzinnej lekcji bonusowej, która nauczy cie tworzyć bardziej rozbudowaną, ilustracyjną scenę. Wykorzystamy tu elementy zaprojektowane we wcześniejszych lekcjach kursu, oraz skupimy się na wymodelowaniu trójwymiarowej, pękatej postaci. Wykonamy tu bardzo proste materiały, a następnie dodamy kości do naszego bohatera, aby móc poustawiać go w dowolnej pozie. Po oświetleniu sceny i wykonaniu renderu, przeniesiemy obraz do Photoshopa celem podkręcenia grafiki w postprodukcji.

Dla kogo jest ten kurs?

Kurs nagrałem z myślą o UI/UX designerach, którzy w przystępny sposób chcieliby poznać techniki wzbogacenia swoich projektów w bardziej zaawansowane graficznie ilustracje, zgodne z najnowszymi trendami. Materiał przygotowany jest tak, aby wykorzystując bardzo podstawowe narzędzia Blendera osiągnąć zamierzone efekty bez potrzeby przerabiania wielogodzinnych, zaawansowanych kursów z grafiki 3D. W związku z tym kurs jest też dobrym również wyborem dla tych, którzy chcą nauczyć się Blendera i jednocześnie nigdy nie mieli do czynienia z grafiką trójwymiarową.