Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 23/ 45Funkcja Look at

0:00 / 0:00
Grafika motion i 3DInteraktywne Sceny 3D w Webflow

Spline 3D: Funkcja Look at

2 godz. 30 min wideo45 lekcji6 modułów

Czego się nauczysz

  • Poznanie interfejsu Spline
  • Nauka poruszania się po narzędziach
  • Tworzenie predefiniowanych obiektów
  • Praca z polygonami oraz modyfikatorem Subdivision
  • Modelowanie customowych kształtów
  • Tworzenie rozbudowanych materiałów
  • Dodawanie tekstur i oświetlenia
  • Projektowania zdarzeń i animacji
  • Zaawansowane interakcje w Spline
  • Budowanie stanów obiektów i zarządzenie nimi
  • Opcje eksportu
  • Wdrażanie scen 3D w projektach Webflow

Spline 3D - Interaktywne Sceny 3D w Webflow

Czy kiedykolwiek marzyłeś o tworzeniu interaktywnych scen 3D, które można bezproblemowo zintegrować z Twoją stroną internetową? Kurs "Spline 3D: Interaktywne Sceny 3D w Webflow" na eduweb.pl jest właśnie dla Ciebie! W tym kursie nauczysz się, jak z pomocą Spline budować niesamowite, interaktywne sceny 3D, które następnie dodasz na stronach internetowych stworzonych w Webflow.

Czym jest Spline

Spline to nowoczesne narzędzie do projektowania 3D, które pozwala twórcom na łatwe i intuicyjne tworzenie interaktywnych modeli i scen 3D. Spline wyróżnia się przyjaznym dla użytkownika interfejsem, który umożliwia nawet początkującym projektantom szybkie i efektywne tworzenie trójwymiarowych obiektów. Aplikacja oferuje szeroką gamę narzędzi do modelowania, teksturowania oraz animacji, co pozwala na tworzenie zarówno prostych, jak i zaawansowanych projektów 3D. Dzięki wbudowanym funkcjom interakcji, projektanci mogą dodawać do swoich modeli elementy interaktywne, takie jak przyciski czy animacje, co sprawia, że tworzone sceny są nie tylko estetyczne, ale i funkcjonalne.

Przewaga rynkowa dzięki Spline

Spline integruje się z popularnymi platformami do tworzenia stron internetowych, takimi jak Webflow, co pozwala na bezproblemowe wstawianie stworzonych modeli 3D na strony WWW. Dzięki temu, użytkownicy mogą wzbogacać swoje witryny o interaktywne i dynamiczne elementy, które angażują odwiedzających i poprawiają ich doświadczenia. Aplikacja jest ceniona zarówno przez grafików, motion designerów, jak i UI/UX designerów za swoją elastyczność i możliwości, jakie oferuje w kontekście projektowania trójwymiarowego na potrzeby web designu. Spline staje się nieodzownym narzędziem w arsenale każdego nowoczesnego projektanta, który chce wyróżnić swoje projekty na tle konkurencji.

Co w kursie

W trakcie kursu będziemy pracować z funkcjonalnościami Spline podczas tworzenia praktycznego projektu. Zbudujemy kreatywne sceny 3D, zoptymalizujemy na potrzeby www, dodamy interakcje i wdrożymy do Webflow, który od roku jest bardzo dobrze zintegrowany ze Spline. Stworzymy landing page produktowy z elementami 3D dającymi rewelacyjne doświadczenia użytkownikom, nauczymy się pracować z modelowaniem, budując customowe obiekty takie jak gamepady, działające modele klawiatur, czy sceny abstrakcyjne z eksplodującymi cząsteczkami. Nauczysz się dodawać Preview scen do projektów w Figmie, a także dodawać interakcje do swoich scen 3D bezpośrednio w Webflow.

Interfejs i modelowanie

W pierwszych rozdziałach kursu poznamy interfejs Spline. Zbudujemy podstawowe obiekty 3D i poznamy ich właściwości, którymi możemy sterować. Ponadto skonstruujemy podstawową scenę, oświetlimy ją a także dodamy tekstury i sprawdzimy jak działa na nie światło sceny. Następnie stworzymy bardziej zaawansowaną scenę, ale także zbudujemy bardziej realistyczne obiekty nadając im złożone tekstury i fakturę. Poznamy modyfikatory, które pozwolą na swobodnie sterować kształtami 3D i modelować je w przestrzeni.

Interakcje i wdrażanie

Finałowa część kursu poświęcona będzie animacji i interakcji w Spline. Do zbudowanej wcześniej sceny dodamy animacje oraz triggery, dzięki, którym będziemy mogli sterować interakcją. Spline oferujue szereg narzędzi i udoskonaleń do interakcji takich jak tworzenie stanów obiektów i zdarzeń, Triggery, Eventy, Animacje, tranzycje, sterowanie dźwiękiem, kolizje, przełączanie kamery, Projektowanie systemów cząsteczkowych, kontrola i interakcja z systemem cząsteczkowym, zdarzenia follow, look at, scroll, mouse down, mouse Press, mouse hover, key Press i wiele więcej. na samym końcu szkolenia zintegrujemy nasz projekt z projektem strony internetowej w Webflow, gdzie będziemy mieli dostęp do każdego elementu 3D zbudowanego w Spline, ponieważ oba narzędzia są teraz mocno powiązane.

Dla kogo jest ten kurs?

Kurs ten jest przeznaczony dla grafików, motion designerów, UI designerów oraz UX designerów, którzy chcą poszerzyć swoje umiejętności i dodać nowe narzędzia do swojego arsenału. Niezależnie od tego, czy jesteś początkującym, czy doświadczonym projektantem, ten kurs pomoże Ci od podstaw zapoznać się z interfejsem aplikacji Spline, a następnie stopniowo przejść do tworzenia bardziej zaawansowanych modeli i scen 3D. Nauczysz się także, jak dodawać interakcje, takie jak przyciski i animacje, które wzbogacą Twoje projekty. A na początek wystarczy Ci jedynie darmowa wersja Spline 3D do przerobienia tego kursu.

Kurs Spline 3D

6 rozdziałów45 lekcji2h 30min

Interfejs i podstawy modelowania

1h 7min
  • Witaj w kursie3min(zablokowana)
  • Wprowadzenie do Spline 3D4min(zablokowana)
  • Plany i wersje4min(zablokowana)
  • Wersja desktopowa2min(zablokowana)
  • Welcome screen5min(zablokowana)
  • Interfejs4min(zablokowana)
  • Nawigowanie6min(zablokowana)
  • Obiekty predefiniowane5min(zablokowana)
  • Zaznaczanie w trybie Edit4min(zablokowana)
  • Subdivision i Loop Cut4min(zablokowana)
  • Tryb edycji w praktyce13min(zablokowana)
  • Loop Cut i przesuwanie wertexów4min(zablokowana)
  • Praca ze ścieżkami5min(zablokowana)
  • Cloner5min(zablokowana)

Projektowanie Materiałów i tekstur

37min
  • Wprowadzenie do materiałów8min(zablokowana)
  • Głębia, połysk i szkło7min(zablokowana)
  • Textura z obrazu4min(zablokowana)
  • Material Assets3min(zablokowana)
  • Efekt Bump8min(zablokowana)
  • Edycja Material Assets2min(zablokowana)
  • Rzeźbienie5min(zablokowana)

Animacja i interakcja

47min
  • Animacja tranzycji6min(zablokowana)
  • Funkcja Look at4min(zablokowana)
  • Interakcje dla grup obiektów6min(zablokowana)
  • System cząsteczkowy11min(zablokowana)
  • Follow3min(zablokowana)
  • Mouse down6min(zablokowana)
  • Ustawienia eksportu5min(zablokowana)
  • Sprawdzanie działania w Webflow7min(zablokowana)

Praktyczny projekt

2h 4min
  • Modelowanie klawiszy10min(zablokowana)
  • Efekt Hover5min(zablokowana)
  • Dodawanie dźwięku jako zdarzenia4min(zablokowana)
  • Tworzenie komponentów i instancji15min(zablokowana)
  • Podmiana bitmap4min(zablokowana)
  • Projektowania Body modelu14min(zablokowana)
  • Efekt Boolean8min(zablokowana)
  • Materiały34min(zablokowana)
  • Switch - zaawansowane modelowanie30min(zablokowana)

Wdrożenie do Webflow

1h
  • Projekt strony produktowej w Figmie11min(zablokowana)
  • Podstawowy Landing w Webflow11min(zablokowana)
  • Dedykowany komponent Spline dla Webflow7min(zablokowana)
  • Projektowanie animacji obiektu po scrollu13min(zablokowana)
  • Dostęp do poszczególnych obiektów 3D w Webflow7min(zablokowana)
  • Animacja switcha w Webflow11min(zablokowana)

Zakończenie

5min
  • Dziękuję za uwagę5min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Średnia ocen autora: 4,8

Bio

Michał Wedlechowicz - projektant graficzny - urodził się w 1989 r. Na co dzień pracuje w firmie produkującej opakowania i zajmuje się opracowywaniem artworków i nadruków dla opakowań z branży FMCG (głównie art. spożywcze). Jego pasja i zamiłowanie do grafiki nie kończy się jednak tylko na opakowaniach. Michał, po godzinach pracy projektuje materiały promocyjne dla własnych klientów, które możecie obejrzeć w serwisie Behance pod adresem https://www.behance.net/MichalWedlechowicz

Inne kursy tego autora

Pokaż więcej kursów