Interaktywne Sceny 3D w Webflow
2 godz. 30 min · Grafika motion i 3D
Michał WedlechowiczSpline 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.
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.
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.
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.
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.
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.
Przechodzimy do pricingu.
Tak jak wspomniałem, na razie wystarczy Ci ta darmowa wersja.
Jeżeli uznasz, że będziesz wykorzystywał spline komercyjnie, będziesz pracował w
nim na większą skalę, robił więcej projektów, Wtedy możesz
pokusić się o zakup tej wersji. Super.
Kosztuje ona 24 dolary miesięcznie, jeśli tutaj zapłacimy za cały rok z góry.
Natomiast jeśli chcemy płacić.
W takiej subskrypcji miesięcznej, żeby co miesiąc pobierało nam z konta, wtedy
będzie to kosztować 30 dolarów w każdym miesiącu.
Natomiast przy tej wersji rocznej płacimy od razu z góry
za cały rok, czyli 24 razy 12.
Jakie są różnice?
No, generalnie głównie chodzi o ten znak wodny, który w
tej wersji Basic będzie się pojawiał w prawym dolnym rogu.
Ale ta wersja płatna ma taką przewagę, że możemy oczywiście mieć
dostęp do historii pliku.
Możemy usunąć ten znak wodny w postaci logosplines.
Przy eksporcie możemy dodawać warstwy wideo do naszych materiałów.
Mogą to być tekstury w formie plików mp4.
Nie muszą to być tylko bitmapy.
W wersji płatnej mamy również generowanie tekstur za pomocą AI, gdzie
są to funkcjonalności eksperymentalne, gdzie możemy po prostu wpisać prompt i AI
wygeneruje nam jakąś teksturę albo albo model 3D, który nie będzie jakiś
tam doskonały, ale zaczyna to działać całkiem całkiem fajnie.
Możemy tak jak wspominałem generować tekstury
przy przy pomocy sztucznej inteligencji, ale mamy też dostęp do biblioteki
materiałów i tekstur, więc to jest dosyć przydatne.
Mamy też dostęp do biblioteki z dźwiękami Sound Library i czasami dodaję dźwięki,
ale nie korzystam z tej biblioteki.
Gdzieś tam sobie pobieram dźwięki na przykład z takich.
Serwisów jak Artists czy Envato.
W wersji płatnej możemy też tworzyć nielimitowaną ilość scen w jednym pliku.
Mieć nielimitowaną liczbę współpracowników przy jednym personalnym pliku.
No i możemy też tworzyć nasze własne personalne foldery w naszej bibliotece.
Natomiast jeśli chodzi o tę wersję płatną, no nie będziemy mieli tutaj tej możliwości
pracy z AI, nie będziemy mogli dodawać tekstur w formie wideo, nie będziemy
mogli, nie będziemy mieli dostępu do biblioteki materiałów, będziemy mogli
maksymalnie wpuścić dwie osoby do naszego jednego tylko projektu i ewentualnie.
No i oczywiście jest to logo jako jako znak wodny.
Natomiast mamy jeszcze wersję Super Teams, gdzie możemy mieć nielimi
nielimitowaną ilość plików Grupowych.
Jeśli współpracujemy z innymi projektantami, nielimitowaną ilość
folderów dla zespołów czy nielimitowaną ilość projektów, które są współdzielone z
zespołami, w ogóle nie biorę pod uwagę tej opcji.
Ja się skupiam na tej, ale na razie możesz korzystać z tej wersji darmowej.
Ja będę w tym kursie poruszał kilka narzędzi, które są dostępne
tylko w wersji płatnej.
Jeżeli uznasz, że jest Ci to w jakiś sposób potrzebne, możesz wykupić sobie na
przykład tylko na jeden miesiąc wersję płatną, ale musisz pamiętać, żeby
później z niej zrezygnować, ponieważ automatycznie co miesiąc będzie pobierana
ta kwota z Twojego rachunku bankowego.
Okej, mamy tutaj porównanie tych planów co gdzie jest, gdzie, czego nie ma.
Natomiast myślę, że teraz możemy śmiało przejść do pobrania
tej wersji desktopowej.
Dlatego zapraszam Cię na krótką przerwę, a potem przechodzimy dalej.