Draw a Circle With a Border on Photo Shop Elements

April 09, 2022 Post a Comment

Step-past-Step Tutorial

Create A New Document In Photoshop

First, locate the pinnacle of the Photoshop workspace.

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

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

Inside the New Document window, find that the right side of the window is where the Preset Details gives different options to create the new document.

Adjacent to Width, notice how Photoshop is going to measure out the size of the document. The document tin be measured and sized in numerous ways such equally by pixels and inches.

Select the driblet-down pointer and select Inches.

Within the Width and Height boxes, type in ten every bit the width and height.

In the Color Manner driblet-downward, select RGB.

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

Once the right settings are set, striking Create.

A white ten x ten document will appear in the Photoshop workspace.

Create A Circle: Using the Elliptical Marquee Tool

The Elliptical Marquee Tool creates a moving outlined selection of the created shape to then exist customized. Although an elliptical shape is not evenly round, a Photoshop shortcut will allow the shape to turn into a perfect circle.

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

The Tool Bar allows admission to multiple tools to be used to customize an paradigm.

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

Once located, select and hold the Rectangle Marquee Tool.

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

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

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

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

Discover the various foursquare symbols, i square by its self, 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 information technology can add, subtract, or interest with a option. In this case select the singular filled in square, which represents New Selection.

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

For this circle, ready Feather at 0 so the circumvolve will not take a soft edge.

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

Lastly, select the Blending Fashion to Normal.

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

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

Past holding Shift, this allows a perfect circumvolve to exist created. If Shift is not held, the circumvolve will look more similar an oval.

Notice how the circle has a dotted moving outline.

Now, click and drag the circumvolve then that it is positioned in the middle.

2.2 Elliptical Marquee Tool: Fill 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 castor shaped symbol and is located underneath the Eyedropper Tool.

Select the Brush Tool or try the Brush Tool keyboard shortcut by hit B on the keyboard.

One time the Brush Tool is selected detect the summit of the workspace where the Brush Tool can exist customized.

Locate the Castor Presets at the summit left corner of the workspace where a preview of the current brush style is viewable forth with a number below it indicating the size of the brush.

Select the arrow next to the Castor Preset.

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

The first task is to select the brush.

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

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

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

By moving the slider nether Size, the castor will get larger with a larger number and smaller with a smaller number.

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

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

Once selected, hide the Brush Presets tab but unselecting the Brush Preset drop-down arrow.

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

The color on the meridian represents the foreground color and the colour 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 multifariousness of colors to choose from or to type in the colour code at the bottom of the window.

In this case, select a greenish color.

Once selected, striking OK.

At present, only click and drag the mouse over the circle until the unabridged circumvolve is filled.

If the castor is too large or too modest get back to the tiptop of the workspace within the Castor Preset tab and adjust the size or try using the [ and ] keys on the keyboard to adjust to the desired size.

Once selected, the dark-green color will announced in the circle.

To remove the selection effectually the circumvolve, locate the pinnacle of the workspace.

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

The moving outline will disappear.

2.3 Elliptical Marquee Tool: Make full Circle with Paint Saucepan 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 by a black to white gradient foursquare shaped symbol.

In one case located, select and concord the Gradient Tool until the side tab appears.

The Pigment Bucket Tool will announced every bit the second tool in the tab.

Select the Paint Bucket Tool.

Once selected, detect the height of the workspace where the Paint Bucket Tool can be customized.

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

Gear up the Mode to Normal so the color will make full with no alterations.

Set Opacity to 100% and so the colour will fill with a solid color.

Set Tolerance to 0.

Discover how there are two colored boxes at the lesser of the Tool Bar.

The color on the top represents the foreground colour and the color underneath represents the background colour.

Double-click on the foreground color.

The Colour Picker (Foreground Color) window will announced.

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

In this instance, select a royal color.

Once selected, hit OK.

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

The circle will now be filled in with imperial.

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

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

The moving outline will disappear.

2.4 Elliptical Marquee Tool: Fill Circle with Gradient Tool

The Slope Tool allows multiple colors to be applied and blended together in 1 sequence. In this case, a gradient will be applied to a circle to have a unique look.

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

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

Select the Gradient Tool or attempt the shortcut by hitting M on the keyboard.

Locate the top of the workspace where at that place are unlike options to customize the Gradient Tool.

Notice the black to white gradient box at the elevation. This is called the Gradient Picker where the gradient volition be selected.

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

Select the rainbow gradient, which is called Spectrum.

Next to the Gradient Picker are Gradient Style options.

By hovering the mouse over each foursquare, Photoshop volition indicate how the gradient will be placed in a sequence.

In this case, select the outset box which is the called the Linear manner.

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

Ready the Mode to Normal and so the colour will fill with no alterations.

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

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

As the mouse is dragged, detect a line will appear indicating which way the gradient volition get.

Once the mouse is on the right side of the circumvolve, release the mouse.

The rainbow gradient will announced in the circle in the same sequence in the Slope Picker.

Attempt clicking and dragging the mouse over the circle in different directions to see the unlike directions the gradient can be directed.

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

Click Select and in the drop-down 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 and then be customized to have color fill up 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 will 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 exist 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.

Once located, select and hold the Rectangle Tool.

A side tab will appear revealing different shaped tool that tin 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 be customized.

Select the Tool Way, which is located at the tiptop left corner.

Set the Tool Mode to Shape.

This volition specify that the utilise for creating a circle is for creating a shape.

The Fill selection allows the circle to be with or without fill. This allows the circle to be filled with a solid color, gradient or blueprint.

In this case gear up the fill to none, which is indicated by the white box with a cerise line across information technology.

Adjacent to the Fill is Stroke, which indicates how to outline the circle. This option is similar to Fill considering it allows the circle to be outlined with no colour, a solid colour, a gradient or a blueprint.

In this instance, select the circle to be outlined to no fill, which is indicated past the white box with a red line beyond it.

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

The Ellipse option allows a circle to exist outlined or a circle to have a dotted outline.

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

Past belongings Shift, this allows a perfect circumvolve to exist created. If Shift is not held, the circle will turn into a oval shape.

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

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

3.2 Ellipse Tool: Outline And Make full In Circle With Solid Color

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

Discover the options to customize the circle at the superlative of the workspace.

Locate and select Make full for the drib-down tab to appear.

Side by side to No Fill, indicated by the white box with a red line across, is the solid black foursquare, which indicates to fill the circle with a solid color.

Select the solid black box.

Photoshop volition automatically fill a colour into the square with the last colour used in Photoshop.

To change the color of the circle, locate the tiptop right corner of the Fill tab where a multicolored box is located. This is called the Color Picker, which allows whatever color to be selected to fill the circle.

Select the Color Picker.

The Color Picker (Fill up Color) window will appear.

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

In this case, select a light blue color.

Once selected, hit OK.

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

Adjacent to Fill, select Stroke for the drib-down tab to announced.

Next to No stroke, indicated past the white box with a red line beyond, is the solid black square, which indicates to fill the circumvolve with a solid color.

Select the solid black box.

Photoshop volition automatically fill a color into the foursquare with the last color used in Photoshop.

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

Select the Color Picker.

The Colour Picker (Stroke Color) window will appear.

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

In this instance, select a dark bluish color.

Once selected, hit OK.

Notice how the circumvolve is filled in with the selected color.

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

Fix Shape Stroke Type to a solid line, which is located adjacent to the Stroke width setting.

3.3 Ellipse Tool: Make full In Circle With Gradient

With the Ellipse one 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 summit of the workspace.

Select Fill so the drop-downwards tab appears.

Next to No Make full, indicated by the white box with a reddish line across, is the black gradient square, which indicates to fill up the circle with a gradient.

Select the gradient choice, which is next to the solid black box.

Photoshop volition automatically fill the circle with a slope.

Photoshop volition provide different colored gradients to fill, which can be selected or customized to create a new gradient.

To customize a gradient, find 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 catamenia of the gradient to be customized.

Notice the top arrow in a higher place the gradient dialog bar.

The superlative arrows above the slope 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 fix to 50%, then the strength of the color volition over be 50%. This will allow other items behind the gradient to exist viewable.

The lesser arrows indicate where each color starts and stops in the gradient.

If the colour on the left is more desired, simply movement any bottom arrow to the correct or left to take more of that color.

At present, notice a small-scale circumvolve on the bottom of the gradient.

This indicates the Color Midpoint, which is where ii colors merge. This allows the selection fro i color to boss the other in the gradient.

Double-click on the lesser left arrow to change the colour.

The Colour Picker (Color Finish) window will announced.

Select an orange color and hit OK.

Observe how the gradient has filled the circle.

The selected color volition now make full the left side of the slope dialog.

At present, click and drag the bottom Color End arrow to the right.

Notice how the colour fills more of the slope.

Now, move the Colour Midpoint circumvolve on the bottom of the gradient dialog bar to the right.

Notice how the circle's gradient is affected.

Now, double-click on the bottom right arrow beneath the slope dialog.

The Color Picker (Color Stop) window will announced.

Select a bluish color and hit OK.

Locate the Linear pick beneath the gradient dialog bar.

This indicates the style of the gradient.

To modify the style, simply click the tab and select the style.

The numbered box adjacent to the Gradient Manner allows the angle of the style to be specified. In this case, Photoshop has automatically prepare the angle to 90 degrees.

Another mode to indicate the angle is past the circle located in the numbered bending box. With the line directed towards the peak of the circumvolve, this indicated that the slope would go down to up.