When you work as a developer you know that the budget for outsourcing and finding the perfect content creator for your project may be a long and unpleasant process. So what if you do want to create a stunning 3D particle scene, but you have to, or want to, do it on your own?
Impress everyone with a 3D particle scene with Blender and Three.js
2h 11m 56s
English
Paid
With this course you will be able to start from an imperfect model downloaded from a free stock and turn it into something spectacular, without the help of any super talented 3D artist or photographer. For sure we know their work conveys incredible emotions and masterpieces, but we will focus on what we can create when they are not around.
This will be a killer skill, given the importance 3D art gained inside digital projects: it is effectively an alternative to replace images with something interactive that gives more depth and layers to the scene, and can be way lighter than its static sisters.
You will learn how to open and optimise with Blender, export for the web in super light formats, import in THREE.JS to transform the model into a system of thousands of particles, and with Shaders and Shader Materials apply colours and distortions.
At the end of the class, you will master a mind-blowing 3D skill to drop on your future projects.
Now it’s up you: subscribe and enjoy the class!
About the Author: Awwwards
Awwwards is the long-running design-recognition site that selects and showcases the best web design work published online — and now also operates a paid course platform staffed by the same kind of high-craft front-end developers whose sites win Awwwards Site of the Day awards.
The CourseFlix listing carries four Awwwards courses on the visual / animated end of front-end engineering: Impress everyone with a 3D particle scene with Blender and Three.js, Creating a simple portfolio website with WebGL and Barba.js, Merging WebGL and HTML worlds, and Using motion design to animate with purpose. Material is paid and aimed at designers and developers building portfolio-grade interactive sites.
Watch Online 14 lessons
0:00
/ #1: Presentation
All Course Lessons (14)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Presentation Demo | 02:52 | |
| 2 | Project Brief | 02:36 | |
| 3 | Setup Project | 06:04 | |
| 4 | Why Blender? | 01:29 | |
| 5 | Find Resources | 01:39 | |
| 6 | Blender edit Skull | 12:22 | |
| 7 | Blender edit Horse | 07:02 | |
| 8 | Load Models | 17:56 | |
| 9 | Particles | 15:44 | |
| 10 | GLSL Intro | 02:16 | |
| 11 | Particles Color | 27:41 | |
| 12 | Animating Particles | 23:48 | |
| 13 | Final Touches | 09:29 | |
| 14 | Final Words | 00:58 |
Unlock unlimited learning
Get instant access to all 13 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionCourse content
14 lessons · 2h 11m 56sShow all 14 lessons
- 1 Presentation 02:52
- 2 Project Brief 02:36
- 3 Setup Project 06:04
- 4 Why Blender? 01:29
- 5 Find Resources 01:39
- 6 Blender edit Skull 12:22
- 7 Blender edit Horse 07:02
- 8 Load Models 17:56
- 9 Particles 15:44
- 10 GLSL Intro 02:16
- 11 Particles Color 27:41
- 12 Animating Particles 23:48
- 13 Final Touches 09:29
- 14 Final Words 00:58
Related courses
-
Updated 2y agoBuild fancy landing pages with React and Threejs
By: Paul Henschel (0xca0a)This course teaches you how to add stunning flourishes to your sites with little code and complexity.38 minutes 9 seconds -
Updated 2y agoAdvanced FrontEnds
By: Gary Simon"Advanced FrontEnds" is a comprehensive course by Gary Simon, focusing on creating highly animated, interactive landing pages.8 hours 58 minutes 38 seconds -
Updated 2y agoMerging WebGL and HTML worlds
By: AwwwardsYou learn how to mix WebGL scenes with your HTML page. You use site images and add smooth effects with Three.js to make each part feel linked.2 hours 30 minutes 37 seconds
Frequently asked questions
What is Impress everyone with a 3D particle scene with Blender and Three.js about?
When you work as a developer you know that the budget for outsourcing and finding the perfect content creator for your project may be a long and unpleasant process. So what if you do want to create a stunning 3D particle scene, but you…
Who teaches Impress everyone with a 3D particle scene with Blender and Three.js?
Impress everyone with a 3D particle scene with Blender and Three.js is taught by Awwwards. You can find more courses by this instructor on the corresponding source page.
How long is Impress everyone with a 3D particle scene with Blender and Three.js?
Impress everyone with a 3D particle scene with Blender and Three.js contains 14 lessons with a total runtime of 2 hours 11 minutes. All lessons are available to watch online at your own pace.
Is Impress everyone with a 3D particle scene with Blender and Three.js free to watch?
Impress everyone with a 3D particle scene with Blender and Three.js is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Impress everyone with a 3D particle scene with Blender and Three.js online?
Impress everyone with a 3D particle scene with Blender and Three.js is available to watch online on CourseFlix at https://courseflix.net/course/impress-everyone-with-a-3d-particle-scene-with-blender-and-three-js. The page hosts every lesson with the integrated video player; no download is required.