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
Impress everyone with a 3D particle scene with Blender and Three.js is a 14-lesson 2 hours 11 minutes self-paced course by Awwwards. 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.
Course facts
- Lessons
- 14
- Duration
- 2 hours 11 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Awwwards
- Price
- Premium
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!
Who teaches Impress everyone with a 3D particle scene with Blender and Three.js? 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.
What lessons are included in Impress everyone with a 3D particle scene with Blender and Three.js?
| # | 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 |
Get instant access to all 13 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to Impress everyone with a 3D particle scene with Blender and Three.js?
-
Updated 3y agoShaders for the Web
By: SuperHiLearn how to make OpenGL shaders using the programming language GLSL, and gain insight on how the top websites use hardware-enabled graphics.16h 3m -
Updated 2y agoReact Three Fiber: The Ultimate Guide to 3D Web Developmen
By: Wawa Sensei3D development is a vast field with many different techniques. This comprehensive guide will give you the necessary tools to get started and resources to.9h 18m5/5 -
Updated 3y 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.38m -
Updated 2y agoThree.js & WebGL 3D Programming Crash Course (VR, OpenGL)
By: UdemyLearn how to create interactive 3D experiences such as web application and games. A step by step process is used to show everything from setting up to creating1h 32m -
Updated 10mo agoVanilla Three.js Course
By: JavaScript Mastery, Adrian HajdinUnleash your creative potential with the Vanilla Three.js course from JSMastery.pro - the perfect choice for beginners and developers looking to create.31m -
Updated 9mo agoThree.js & GameDev
By: SimonDevStart with the basics of Three.js and gradually move on to advanced topics such as streaming infinite worlds, GPU memory optimization.47h 38m -
Updated 3y 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.2h 30m
More courses by Awwwards
-
Updated 2y agoUsing motion design to animate with purpose and create delightful experiences
Motion design creates movement, excitement and adds life to otherwise static experiences.2h 52m -
Updated 3y agoMerging WebGL and HTML worlds
You 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.2h 30m -
Updated 3y agoCreating a simple portfolio website with WebGL and Barba.js
Nothing beats smooth user experience. That is the reason we love WebGL, because we can do crazy effects with amazing performance. But if you combine that with s3h 41m