Draw a Circle Outline in Photoshop

Step-by-Footstep Tutorial

Create A New Document In Photoshop

First, locate the superlative of the Photoshop workspace.

Select File and within the File drop down tab, select New… to create a new document.

The New Document window will appear which allows the new document to be customized.

Within the New Document window, notice that the correct side of the window is where the Preset Details gives unlike options to create the new document.

Side by side to Width, notice how Photoshop is going to mensurate the size of the certificate. The document can be measured and sized in numerous ways such equally by pixels and inches.

Select the driblet-downwardly arrow and select Inches.

Within the Width and Tiptop boxes, type in 10 as the width and tiptop.

In the Color Mode drop-down, select RGB.

Within the Groundwork Contents drop-downward tab, select white as the color that will be the background.

Once the correct settings are set, hitting Create.

A white 10 10 10 document will announced in the Photoshop workspace.

Create A Circumvolve: Using the Elliptical Marquee Tool

The Elliptical Marquee Tool creates a moving outlined option of the created shape to then be customized. Although an elliptical shape is not evenly round, a Photoshop shortcut volition allow the shape to turn into a perfect circumvolve.

Locate the left side of the workspace where the Tool Bar is located.

The Tool Bar allows access to multiple tools to exist used to customize an image.

The Elliptical Marquee Tools is located inside the Rectangular Marquee tab in the Tools Panel. This tool is identifiable past a dotted lined rectangle shaped symbol, which is located on the correct side of the Move Tool at the top of the Tools Panel.

One time located, select and concord the Rectangle Marquee Tool.

The Marquee Tool side tab will appear revealing different Marquee Tool shapes.

Select the Elliptical Marquee Tool, which is the second tool in the tab.

At present that the tool is selected, notice how the mouse symbol has turned into a plus-shaped symbol.

Locate the acme of the workspace where the Elliptical Marquee Tool tin can be customized.

Discover the various square symbols, one square by its cocky, two merged together etc. Each of the symbols represents how the marquee tool will be used on the new document. If the mouse is positioned over each squared symbol, Photoshop explains how it tin add together, subtract, or interest with a selection. In this case select the singular filled in square, which represents New Pick.

The Feather pick, allows the edges of the shape to have a soft edge with a college number or a difficult edge with a depression number.

For this circle, set Plume at 0 so the circle will not have a soft edge.

Select the checkbox for Anti-alias, which allows edges of a shape to be polish.

Lastly, select the Blending Manner to Normal.

The Blending Style tells Photoshop how the object should interact with the document.

With the cursor positioned towards the upper left corner, click and elevate the mouse to the bottom correct corner while holding Shift on the keyboard.

Past property Shift, this allows a perfect circle to exist created. If Shift is not held, the circle will look more like an oval.

Find how the circle has a dotted moving outline.

At present, click and elevate the circle so that it is positioned in the center.

two.ii Elliptical Marquee Tool: Make full Circle With Brush Tool

Locate the left side of the workspace where the Tool Bar is located.

Within the Tool Bar, locate the Brush Tool, which is recognizable by a brush shaped symbol and is located underneath the Eyedropper Tool.

Select the Brush Tool or effort the Brush Tool keyboard shortcut past striking B on the keyboard.

Once the Brush Tool is selected find the top of the workspace where the Brush Tool can be customized.

Locate the Brush Presets at the top left corner of the workspace where a preview of the electric current brush style is viewable along with a number beneath it indicating the size of the brush.

Select the arrow side by side to the Brush Preset.

The Brush Preset will appear which allows the brush to be customized.

The outset chore is to select the castor.

At the bottom of the Castor Presets tab is an array of brushes to select from.

In this case, select the very showtime round brush because the settings are going to exist customized.

On the top of the tab are the Size and Hardness options.

Past moving the slider under Size, the brush volition go larger with a larger number and smaller with a smaller number.

The Hardness selection indicates how harsh or soft of an edge the brush volition have.
With the Hardness at 100%, the castor will have a solid outline but if the hardness is set up at 25%, the castor will have a soft outline.

Gear up the Size to 900 px and the Hardness to 50%.

Once selected, hide the Castor Presets tab only unselecting the Brush Preset drop-down pointer.

Notice how there are two colored boxes at the bottom of the Tool Bar.

The color on the tiptop represents the foreground colour and the color behind it represents the background color.

Double-click on the foreground color.

The Color Picker (Foreground Color) window will appear.

The Color Picker window reveals a diversity of colors to cull from or to type in the colour code at the bottom of the window.

In this case, select a green colour.

Once selected, striking OK.

Now, simply click and drag the mouse over the circle until the entire circle is filled.

If the castor is too large or too small go dorsum to the top of the workspace within the Brush Preset tab and accommodate the size or endeavour using the [ and ] keys on the keyboard to accommodate to the desired size.

In one case selected, the green colour will appear in the circle.

To remove the pick around the circumvolve, locate the top of the workspace.

Click Select and in the drop-downward window select Deselect.

The moving outline volition disappear.

2.iii Elliptical Marquee Tool: Fill Circle with Pigment Bucket Tool

Locate the left side of the workspace where the Tool Bar is located.

Within the Tool Bar, locate the Slope Tool, which is recognizable past a black to white gradient square shaped symbol.

In one case located, select and concur the Slope Tool until the side tab appears.

The Paint Bucket Tool will appear as the 2nd tool in the tab.

Select the Paint Saucepan Tool.

Once selected, notice the top of the workspace where the Pigment Saucepan Tool can be customized.

The first section, which is the Source to Fill indicator, asks how the object should exist filled. This allows the foreground color or a pattern to be filled into the pick. In this example, choose Foreground.

Set the Way to Normal so the color will fill with no alterations.

Gear up Opacity to 100% and so the color will fill with a solid color.

Fix Tolerance to 0.

Observe how there are ii colored boxes at the bottom of the Tool Bar.

The color on the pinnacle represents the foreground color and the color underneath represents the groundwork colour.

Double-click on the foreground color.

The Colour Picker (Foreground Color) window will appear.

The Color Picker window reveals a diversity of colors to cull from or to type in the color code at the bottom of the window.

In this case, select a royal color.

Once selected, striking OK.

Now, merely position the mouse over the circle and click to fill circumvolve with color.

The circle will now be filled in with purple.

To remove the selection around the circle, locate the meridian of the workspace.

Click Select and in the drop-down window select Deselect.

The moving outline will disappear.

2.4 Elliptical Marquee Tool: Fill Circumvolve with Gradient Tool

The Gradient Tool allows multiple colors to exist practical and blended together in one sequence. In this case, a gradient will be applied to a circle to accept a unique look.

Locate the left side of the workspace where the Tool Bar is located.

Inside the Tool Bar, locate the Gradient Tool, which is recognizable by a black to white gradient square shaped symbol.

Select the Slope Tool or effort the shortcut past hitting G on the keyboard.

Locate the elevation of the workspace where there are unlike options to customize the Gradient Tool.

Notice the black to white gradient box at the acme. This is called the Slope Picker where the gradient will be selected.

Select the arrow beside the Gradient Picker to reveal the dissimilar gradients to choose from.

Select the rainbow gradient, which is called Spectrum.

Next to the Slope Picker are Gradient Manner options.

By hovering the mouse over each square, Photoshop will indicate how the gradient will exist placed in a sequence.

In this example, select the get-go box which is the called the Linear manner.

The Linear style will present the slope in one directly sequence.

Set the Mode to Normal so the color will fill with no alterations.

Set Opacity to 100% so the fill up will be solid.

At present, with the mouse positioned on the left side of the circumvolve, click and drag the mouse all the way over the circle.

Equally the mouse is dragged, detect a line will appear indicating which style the gradient will go.

One time the mouse is on the right side of the circumvolve, release the mouse.

The rainbow gradient will appear in the circle in the same sequence in the Gradient Picker.

Endeavour clicking and dragging the mouse over the circle in dissimilar directions to see the dissimilar directions the gradient can be directed.

To remove the selection effectually the circle, locate the top of the workspace.

Click Select and in the drop-downward window select Deselect.

The moving outline will disappear.

Create a Circle: Using the Ellipse Tool

The Ellipse Tool creates a solid outlined selection of the created shape to then exist customized to have colour fill the shape or have an outline around a shape. This tool allows a circle to be customized within the same tool. Although an ellipse shape is not evenly round, a Photoshop shortcut volition allow the Ellipse Tool to turn the tool into a circle tool.

Locate the left side of the workspace where the Tool Bar is located.

The Tool Bar provides multiple tools to be used throughout Photoshop.

The Ellipse Tool is a tool that is located within the Rectangle tab in the Tools Bar, which is identifiable by a rectangle shaped symbol. This tool is located higher up the Magnify Tool at the bottom of the Tools Bar.

In one case located, select and hold the Rectangle Tool.

A side tab will appear revealing different shaped tool that can be used.

Select the Ellipse Tool, which is the second tool in the tab.

Locate the top of the workspace where the Ellipse Tool tin can exist customized.

Select the Tool Mode, which is located at the top left corner.

Set the Tool Style to Shape.

This will specify that the use for creating a circumvolve is for creating a shape.

The Fill selection allows the circumvolve to be with or without fill. This allows the circle to be filled with a solid colour, slope or pattern.

In this case set the fill to none, which is indicated by the white box with a red line across it.

Next to the Fill is Stroke, which indicates how to outline the circle. This selection is similar to Fill up considering information technology allows the circle to exist outlined with no color, a solid color, a gradient or a pattern.

In this case, select the circle to be outlined to no fill, which is indicated by the white box with a red line across it.

Beside Stroke, select the width of the stroke to 0 pt.

The Ellipse selection allows a circle to be outlined or a circumvolve to accept a dotted outline.

With the cursor positioned towards the upper left corner, click and elevate the mouse to the bottom correct corner while property Shift on the keyboard.

Past holding Shift, this allows a perfect circumvolve to be created. If Shift is non held, the circle will turn into a oval shape.

Notice how the new shape has created a new layer called Ellipse 1 in the Layers Panel on the correct side of the workspace.

Since the shape has its ain layer, the shapes can be customized at whatever time.

iii.2 Ellipse Tool: Outline And Fill In Circle With Solid Colour

With the Ellipse 1 layer selected, which is located on the correct side of the Layers Panel, select the Ellipse Tool.

Notice the options to customize the circle at the top of the workspace.

Locate and select Fill up for the drop-down tab to announced.

Next to No Fill, indicated by the white box with a ruby-red line across, is the solid blackness foursquare, which indicates to fill the circle with a solid color.

Select the solid black box.

Photoshop will automatically fill a color into the square with the final color used in Photoshop.

To change the color of the circumvolve, locate the elevation correct corner of the Fill tab where a multicolored box is located. This is chosen the Color Picker, which allows any color to exist selected to fill the circle.

Select the Color Picker.

The Color Picker (Fill Color) window will appear.

The Color Picker window reveals a variety of colors to choose from or to blazon in the color lawmaking at the bottom of the window.

In this case, select a light blueish color.

One time selected, striking OK.

Notice how the circle is filled in with the selected colour.

Next to Fill, select Stroke for the drop-downward tab to appear.

Adjacent to No stroke, indicated by the white box with a cherry-red line across, is the solid black square, which indicates to fill the circle with a solid color.

Select the solid blackness box.

Photoshop will automatically fill a color into the foursquare with the final color used in Photoshop.

To change the outline color of the circle, locate the top correct corner of the Stroke tab where a multicolored box is located. This is called the Color Picker, which allows any colour to exist selected to fill the outline.

Select the Color Picker.

The Colour Picker (Stroke Colour) window will appear.

The Color Picker window reveals a variety of colors to choose from or to type in the color code at the lesser of the window.

In this case, select a dark blue color.

Once selected, hit OK.

Observe how the circle is filled in with the selected color.

Now, next to Stroke type in 5 pt as the width of the line.

Gear up Shape Stroke Type to a solid line, which is located next to the Stroke width setting.

3.iii Ellipse Tool: Fill In Circle With Gradient

With the Ellipse i layer selected, which is located on the right side of the Layers Panel, select the Ellipse Tool.

Notice the options to customize the circle.

Locate the Fill option at the height of the workspace.

Select Fill so the drop-down tab appears.

Adjacent to No Fill up, indicated past the white box with a cherry-red line across, is the black slope square, which indicates to fill up the circle with a slope.

Select the gradient option, which is next to the solid blackness box.

Photoshop will automatically make full the circle with a gradient.

Photoshop volition provide dissimilar colored gradients to make full, which can exist selected or customized to create a new gradient.

To customize a gradient, notice the Gradient Editor Dialog that automatically presents a black to white slope bar.

The Slope Editor Dialog bar allows any colors to be selected,the opacity, and the flow of the gradient to be customized.

Observe the top arrow higher up the slope dialog bar.

The acme arrows above the gradient indicate where the opacity starts and stops in the gradient.

Opacity indicates how much of the color will exist nowadays. For example, if the Opacity is set to fifty%, then the forcefulness of the color will over be 50%. This will allow other items behind the gradient to be viewable.

The bottom arrows indicate where each color starts and stops in the slope.

If the color on the left is more than desired, simply movement whatever lesser arrow to the right or left to have more than of that colour.

Now, observe a small circumvolve on the bottom of the gradient.

This indicates the Color Midpoint, which is where two colors merge. This allows the option fro i color to dominate the other in the gradient.

Double-click on the lesser left arrow to alter the color.

The Color Picker (Color Stop) window will appear.

Select an orange color and striking OK.

Discover how the gradient has filled the circle.

The selected colour will at present fill the left side of the gradient dialog.

Now, click and drag the bottom Color End pointer to the right.

Notice how the colour fills more than of the gradient.

Now, move the Color Midpoint circle on the lesser of the slope dialog bar to the correct.

Observe how the circle's slope is affected.

Now, double-click on the lesser right arrow beneath the gradient dialog.

The Color Picker (Colour Stop) window volition appear.

Select a bluish color and striking OK.

Locate the Linear option beneath the gradient dialog bar.

This indicates the way of the slope.

To alter the style, merely click the tab and select the way.

The numbered box next to the Slope Mode allows the bending of the way to exist specified. In this instance, Photoshop has automatically set the bending to ninety degrees.

Another way to indicate the angle is by the circumvolve located in the numbered angle box. With the line directed towards the top of the circle, this indicated that the gradient would go downwardly to up.

leefortionce.blogspot.com

Source: https://phlearn.com/tutorial/how-to-draw-a-circle-in-photoshop/