[Course]creativecoder,andreiondecastro Details
Intro
Class Intro
Creative Coder,
Andreion de Castro
"Expand your arsenal of design skills with the help of some coding!"
Harness the Power of Code for Creative Expression
Step into the intersection of design and technology, where creativity meets code! Led by self-taught creative coder Andreion de Castro, who has collaborated with brands like O2 and Prada Beauty, this class explores how coding can open the door to endless creative possibilities. Whether you come from a design background, a programming background, or have no experience in either, you'll be introduced to creative coding through simple-to-learn tools like Processing and p5.js, gaining a glimpse into Andreion’s past projects to further your learning.
Starting with the foundations of generative design and culminating in the creation of flexible design systems, you’ll unlock the potential to craft truly unique, visually stunning work that goes beyond traditional design methods. Whether you're adding eye-catching motion or playful interactivity to your designs, this class will equip you with the skills to innovate and stand out in the fast-paced digital world. By the end, you’ll discover how coding isn’t just a technical skill—it’s a creative medium that transforms the way you view designs, empowering you to bring your ideas to life in exciting new ways.
Class Preview
Still Not Sure?
Check Out Andreion's Class Preview!
Chapter 01.
Orientation
1. Instructor introduction
2. Course structure and learning objectives
Class Perks
Special Gift from Andreion de Castro
-
Class Exercises Source Codes10+ full source codes from all class exercises, complete with annotations for an easier understanding -
Personal Work Source Codes5 exclusive source codes from Andreion's personal work, featuring either his favorites or selected pieces that are dynamic, unique, and fun to create -
Personal PNG Files5 .png file selections from Andreion's personal work, perfect for backgrounds, screensavers, or any use students see fit
Recommendation
Who should take this class?
Programmers or web/app developers seeking to channel their technical skills into more creative, design-focused projects.
Designers driven by technology, seeking to push the boundaries of traditional design methods, especially for web or motion design.
Artists looking to develop an experimental skill set in motion design that can be applied to both personal and professional projects.
Expert Designer & Creative Coder
Andreion de Castro's Portfolio
Why Take This Class?
In today’s rapidly evolving digital landscape, creativity and technology are more intertwined than ever, offering endless opportunities for innovation. But how do you move beyond traditional design methods to create something truly unique, such as artwork that responds to the user’s movements? This class shows you how creative coding can unlock dynamic, customizable designs that go beyond static visuals.
Led by Andreion de Castro—a freelance creative coder who turned his pandemic-driven experimentation into collaborations with leading studios like Bielke&Yang—this course is suitable for all people of all backgrounds. Starting with the foundations of generative design, you’ll progress step by step through interactivity, kinetic typography, and flexible design systems, using beginner-friendly tools like Processing and p5.js. With each skill you master, you’ll be able to create infinite possibilities with the same formulas and different inputs, and you’ll see that adding diversity to your designs is far less complicated than it may seem!
16 Class Exercises
-
Coding a Simple Sketch in Processing -
Adding a sin() Wave to a 2D Grid -
Forming a Cylinder with P3D -
Experimenting with Arrays
-
Building a Basic Class for a Particle System x 2 -
Coding a Simple Sketch in p5.js -
Animating Mouse Movements -
Controlling Parameters Using Sliders
-
Incorporating Typography -
Exploring Loop Noise Animations -
Designing a DNA-Shaped Structure -
Producing a Raster Effect with PGraphics
-
Customizing a Grid of Gradients -
Integrating the Geomerative Library -
Creating an Identity Design System -
Creating a Motion Design System
Final Product Examples
-
1 Motion Design System (p5.js) -
1 Identity Design System (Processing)
Instructor
Designer & Creative Coder
Andreion de Castro
Andreion de Castro is a Designer and Creative Coder based in London, specializing in computational design and programming. With a conceptual approach and a strong emphasis on contemporary technology, he focuses on motion identity, generative design, and flexible design systems.
His recent projects include generative design tools, computational typography, and interactive web animations for clients like Nothing Phone, O2, Prada Beauty, and The Verge, showcasing his versatility across commercial, digital, music, and Web3 fields.
Passionate about exploring uncharted territories in creative coding, he strives to craft emotionally resonant work that pushes boundaries. He uses code as a creative tool to visualize ideas, seamlessly integrating technology into workflows and bridging the gap between design and technology.
Freelance Designer & Creative Coder Andreion de Castro
[Current]
- Freelance Designer & Creative Coder
Press, Publications & Exhibitions
- Linkiesta, Press, 2024
- Out of Office, Oslo, Exhibition, 2023
- Cluster Contemporary, London, Exhibition, 2022
- Concc Gallery, Virtual Exhibition, 2022
- Type01 Magazine Issue 02, Publication, 2021
- AIGA Eye on Design, Press, 2021
- Neo Shibuya TV, Tokyo, Exhibition, 2021
- Creative Coding Festival, New York City, Exhibition, 2020
- Abduzeedo, Press, 2020
Highlights
Class Highlights
Bridging the Gap Between Design & Code
Regardless of whether they come from a design or programming background, students will learn how to incorporate coding into their creative workflow, harnessing it as a powerful design tool. Through programs like Processing and p5.js, they will explore coding as a medium for generative design, interactive web experiences, and kinetic typography.
Progressing from Motion to Interactivity
Students will create motion-driven designs and interactive animations that respond to user input, offering an immersive and captivating experience. Through an in-depth exploration of built-in functions in Processing and p5.js, they will utilize these tools to craft dynamic works that not only function seamlessly but also add a playful twist!
Building Flexible Design Systems
This class will guide students in building flexible, rule-based design systems that produce a wide range of unique outputs. Students will master fundamental concepts such as arrays and particles, which are crucial for creating procedural and generative designs across branding, typography, and motion graphic projects.
Class Details
You'll Learn
-
Foundations of Creative CodingYou'll learn the fundamentals of Processing and p5.js, starting with the basics of the language and practicing simple lines of code. We’ll use built-in functions to create our first sketch, then explore key coding concepts for building 2D and 3D grids. -
Generative Design PrinciplesNext, we’ll explore generative design principles, focusing on key concepts like random() and object-oriented programming to create arrays and particle systems. You'll also learn how to apply these techniques in professional design and branding projects! -
Introduction to InteractivityEver wondered how websites follow your mouse movements? Creative coding lets us interact with designs and animations in real time. We’ll use built-in functions in p5.js, such as mouse controls and sliders, to create responsive visuals that react to user input.
-
Motion Design BasicsMoving beyond traditional motion design methods, you'll learn how to add eye-catching motion to your designs through coding. Building on the foundations covered so far, we'll integrate techniques to create animations like loops and DNA-inspired shapes. -
Kinetic Typography TechniquesUsing Processing, we'll go through advanced techniques such as rasterizing type and animating gradients for striking visuals that can be customized to your taste. You'll also be introduced to the geomerative library, which we'll use to animate colorful typography. -
Application: Flexible Design SystemsThrough an exploration of Andreion's past projects, you’ll learn how to integrate design systems into your workflows. This culmination of the course combines all the skills taught, with the goal of creating adaptable modular systems from scratch for clients.
- Unlimited Access
- Best Price
Buy now, get unlimited access.
05/25 (Mon) (UTC-7) Special offer ends soon.
This special offer ends soon.
Buy now and save!
Today's Deal
Interview with
Freelance Designer & Creative Coder Andreion de Castro
Question.01
Please tell us about your career journey.
I come from a traditional Graphic Design background, having studied it for three years at university. During the final stages of my studies, I discovered "Creative Coding" and incorporated it into my final project. This was around the time the pandemic began, and while the lockdown brought challenges, it also gave me the opportunity to dive deeper into creative coding, exploring new technologies and techniques. I started sharing my process online, posting consistently for 520 days. This unexpectedly marked the beginning of my professional career, connecting me with others in the industry who work with similar tools and allowing clients to discover my work in the digital space.
Question.02
What led you to choose this topic and curriculum?
Technology is advancing rapidly, especially with recent advancements in AI and its growing presence in the design industry. In such an everchanging field, being versatile and adaptable is crucial. Creative coding provides a unique opportunity to bridge technical expertise with artistic expression, enabling designers to explore a broad spectrum of skills and knowledge. This approach not only keeps the work relevant in today's fast-changing landscape but also positions it as potentially essential for the future. I curated this curriculum to emphasize the fundamentals, ensuring students avoid the mistake I made of rushing to progress without fully understanding the basics—an essential foundation for excelling in this field!
Question.03
What makes this class special?
This class stands apart from traditional design or coding courses by blending both disciplines through creative coding to produce dynamic, generative, and interactive designs that are highly relevant to today’s industry. It emphasizes experimentation, using code as a tool to innovate and transform abstract concepts into tangible creations. Moreover, the skills taught are versatile and transferable across various fields, including graphic design, motion graphics, and interactive design.
Required Programs
This course will use Processing and p5.js.
Please purchase and install these program(s) for an optimized chapter experience.
*These programs and/or materials will not be provided with the chapter.
