
Create animated background art by building street-worlds with mood, atmosphere, and perspective. Follow a structured process from research to rough sketch, color shapes, and details like windows and washing lines.
Set up your Photoshop workspace and tablet, gather references, sketch a street scene, simplify to basic shapes, add texture and color variation, and ensure color harmony for animation.
Set up your Photoshop workspace by organizing layers, color wheel and picker, and brushes from a brush pack, then master viewing modes with F and the space bar.
Learn to download and import a textured brush pack from the Resources tab into Photoshop, then explore each brush through hands-on experimentation to understand shapes and marks.
Explore the main Photoshop tools—brush, lasso variants, selection tools, color picker, and layer stack—and learn shortcuts, blending, erasing, and clipping to speed up your workflow.
Gather reference images from stock photos and free sites to create a mood board for a quirky street scene. Study them, then draw from memory to spark your own style.
Create a rough, loose landscape sketch in Photoshop to establish a stylized street-scene background for animation, serving as the starting point for the painting.
Refine a rough street-scene sketch into a defined painting plan by detailing harbour walls, bollards, paving stones, doorway transitions, and uniform shuttered windows before color blocking.
Break the scene into eight color blocks and set base colors for each element on separate layers. Group layers for easy edits, then apply texturing and color variation pass later.
Learn to add texture to street-scene illustrations using large texture brushes, color variation, and layer-based workflows. Lock pixels, color pick, and experiment to create a cohesive, weathered look.
Finish the background buildings by refining colors with muted tones, using texture brushes to mix hues, and applying atmospheric perspective, then prepare for precise detailing in the next lesson.
Study reference images to refine composition and capture a unique, stylized street scene. Draw windows consistently with green shutters, use layers for light and shadow, and add weathered textures.
Learn to create repeating street windows efficiently using layers, glass panes, shading, and slight variations. The lesson covers balconies, window frames, and fast background duplication for animation.
Draw wooden doors and doorways in a street-scene background, adding glass panes, inset window effects, panels and frames, and use texture, color variation, and shadows to create depth.
Learn to create deep doorway effects and shopfront canopies by painting with contrasting light and dark tones, adding borders, glass panes, stripes, and color variation for depth.
Take a mid-way break to zoom out and study your composition, colors, and element placement, refining walls, windows, and perspective to ensure proper scale and proportion.
draw lamps, street lights, wires, and drain pipes to give the scene character, using circular marquee, lasso, and warp to shape the details.
Elevate old shop fronts by adding electrical wires and hand-lettered signs, using a green palette, layering for solidity, and simple distant signs that stay legible.
Create a textured far background by shaping an archway structure, adding depth with color, steps, and windows, then plan light and shadow in later lessons.
Enhance realism by roughing ground where buildings meet with a jagged base and peeling paint revealing stonework. Apply loose paving textures and avoid precise grids to keep the scene lively.
Perform a final detail pass to finish the major details, add depth with an extra building and light-catching steps, then learn shadows and highlights with blending modes.
Add shadow layers on the street background using multiply blending and blur for soft edges; label shadows blue and highlights yellow or orange, then apply top-right lighting and color correction.
Add ground shadows and a blue harbour shadow, then build subtle highlights with an orange dodge layer clipped to the buildings using additive blending, and plan color correction next.
Add subtle washing lines to a street scene with simple shapes and light colors. Keep them in the background with shadows, and prepare for color correction in the next lesson.
Verify final artwork by testing contrast in black and white and balancing color with hue/saturation adjustments, using clipping masks to affect targeted areas and preserve background cohesion behind the characters.
Learn to hand off your final Photoshop file by organizing and naming groups, merging unneeded layers, and preserving movable elements for the compositor in the animation pipeline.
Background Art, Concept design, and Art for Animation: there is the one element of an animated movie that really creates the atmosphere or mood. The art of the movie.
Learn to draw and paint Pixar style animation backgrounds!
As a Background Designer, you get to create these magical worlds that viewers can escape into. And if drawing a street scene sounds difficult, this class will teach each step along the path to painting colorful and quirky scenes.
For the class project we are going to create a scene inspired by the charming and magical Disney Pixar movie, Luca, a scene saturated with warm mediterranean colors that exudes a quirky and authentic style. A street scene with buildings can be a really daunting project. So, I’m going to take you step by step through the entire process and explain everything that I do and why I do it.
I’ll teach you first how to research your ideas, and build a solid reference to work from
You’ll learn how to translate your idea or concept into a rough sketch.
How to wrangle that complex drawing or idea into simple and manageable color shapes
From there you’ll roughen the edges, add texture and color variation, giving your world a lived in feel, a real place that has history, life and character.
Finally I’ll show you how I add all the minute details that go into a street scene - things like windows, doorways, drainpipes and even washing lines.
I worked for 15 years as background artist and environment designer for animation. Before getting my career up and running I was enthralled by the scenes and images that the art of animation created, and I never thought I would be able to do something like that.
In fact even when I tried, it felt impossible, because i didn’t even know where to start.
When I finally did get a lucky break and land a job as an assistant BG artist, I learned in my first week on the job, every trick and technique that had been missing and that was all I needed to set me up for the rest of my career.
So, that’s what we’ll do today! Join me in this class :)