Home   Products   Tutorials   Videos

Circular contour random colors in Photoshop tutorial, how to create

How to create a circular contour random color fill in Photoshop CC 2017 2015 etc tutorial

Circular contours

random fill circular contour photoshop

How to create super colorful random color filled circle / circular designs in Photoshop CC CS6 CS5 etc. Create an initial circle and then use transformations to quickly scale the circular design. The circular contour shape layers can be quickly created with Photoshop actions to create multiple circles. The circle shapes can then be selected and filled with random color fills in Photoshop. You can then remove circles from the circle contour design. This tutorial shows you how to create the circle and the Photoshop action for the circular random color fill. How to change the color to random colors for the shape via the properties panel. The tutorial also shows how you can take the circular contour random filled design and use other effects such as oil paint to create stunning combinations of circular contour random designs in Photoshop


The first thing to do is to set up a circle shape that fills most of the document. The quickest way to create the contour is to use the actions panel but you can always do the duplication and scaling manually. Display the actions panel via the windows menu You can also find many circle related items such as circle custom shapes for Photoshop and elements as well as selection of raster circle brushes for Photoshop, psp etc


Other tutorials

1) how to create a colorful triangle themed pattern in Photoshop

2) asset files using the Photoshop Adobe Generator for PNG and SVG and other file exports tutorial


Circle and contour

random color fill circular contour photoshop1) Create first circle by selecting the ellipse tool in the Photoshop toolbar


2) setting to shape layer option


3) Create circle by holding down the shift and fill the entire document with the circle


Circular contours and Photoshop actions

random color fill circular contour actions photoshopNow you have the initial layer,

1) Go to the actions panel

2) Click the create the new action at the bottom

3) Give it a name

4) Go to the layer menu

5) Duplicate layer

6) edit

7) transform

8) scale

9) Set to 95% or 90% etc depending how many circles you want in the contour

10) End the recording


Circle and contours and actions

circular contour photoshop random fillNow you have the action, click the action repeatedly to create as many circles as you want 90% 85% etc of the size of the previous.


Circular contours and random color fill

Now you have the circle layers in the layer panel


1) Click on the layer you want to change the color


2) Select the ellipse tool


3) Go to the properties panel


4) Click the fill button and change the color in the shape details section of properties


color contour circular photoshop random fill 5) Go to the next shape and so on and change the color to a new color


You may wish to select all the circular shapes and then use the align feature to align them to a single center


Effects etc added to the circular contour artwork

random color fill circular contour photoshopYou can always select the Photoshop artwork layers and then go to the layers menu and smart objects and convert the artwork to a smart object


You don't have to select all the layers, only a few of the layers can be selected and turned into a smart object and then effects added to those only (or perhaps create two or more smart objects and add different effects to different sets of layers in Photoshop)


As a smart object, you can then add in adjustments and smart filters to change the color as well as add effects such as Analog Efex Pro 2 etc as well as the super powerful color tools such as camera raw filter (you can then also add gradients and highlights to the artwork using that filter).


You can also just flatten the layers or perhaps re-position the individual layers to create a zoom design or perhaps duplicate the smart object and create a sea of colorful contours



You can find a small selection of circular contour circles below


circle contour shape artwork design with thin lines rings in color circle contour shape and paths removed from the contour Photoshop vector design large contour shapes circle design in Photoshop and elements adjustments used with the circle contour Photoshop shapes duplicate circle contour shapes in Photoshop duplicate circle contour shapes in Photoshop and repeated artwork and re-colored