Advanced Color Blending And Shading Techniques: Part 1 – Bubble and Base Shapes

In this tutorial I will show you how to create advance blending for bubbles, hair, eyes, skin, and cloth. So to begin we need to have an image to start with. I recommend you either use an image of your own creation. Or one you like strictly for personal use. For the purpose of this tutorial you can save the one I am using here.

Once you have found your image open it in photo shop.

Next make the image you are using into a template. You can do this by setting your fil to 10% and locking the layer.

Now that we have our template let’s begin creating the heart shape bubble. Start by selecting your pen tool, then trace around the largest heart. Next select your work path with CTRL+Click (or Command+Click on your Mac). Make a new layer and fill it with red.

Now set the fill on this new layer to 0% and open your blending options. Then Choose stroke and set the size to 1 px on the outside and set the color to #fcabab.

Create a new layer. With the same color selected for the stroke grab your brush tool and go around the edge of the heart. Don’t fill the entire heart just a some of it around the edges. Then go to Filter > Blur> Gaussian Blur. Set the radius to 5.0 px and hit OK. Finally make a selection of the base heart layer and cut the excess from the outside.

Next make a new layer and using your pen tool, imagine light shining down from the upper left of the image and make to white light reflections on both arches. Then go to Filter > Blur> Gaussian Blur. Set the radius to 3.0 px and hit OK.

Now duplicate your base heart layer and bring it to the front of the current layers. Then scales it down to roughly 30% – 50%. Remove the stroke and add a white color overlay. Duplicate this layer and then go back to the layer you just copied. Then go to Filter > Blur> Gaussian Blur. Set the radius to 3.0 px and hit OK.

To finish the heart select the copied layer, scale it to 50%, and change the color overlay to #fcabab. Finally go to Filter > Blur> Gaussian Blur. Set the radius to 4.0 px and hit OK.

Leave a comment