How to draw an outlined circle in Photoshop CS6?
Feb 27, · Learn how to draw a circle without fill in Adobe elvalladolid.com't forget to check out our site elvalladolid.com for more free how-to videos!http://youtube.c. Adobe Photoshop CS6 Tutorial: Cropping a Photo Into a Circle 1. The first step is to open the photo that you would like to crop. 2. Once you have your photo open, you are going to want to duplicate the background layer. This is important because the 3. Photoshop will ask you to rename the layer.
Posted on Published: September 17, Categories Uncategorized. By: Author Rachel. Whether you are a blogger, a digital scrapbooker, or just want to make fun looking photos, this is an easy Photoshop CS6 tutorial using ma,e up how cd6 crop ho regular photo into a circle.
Once you have your photo open, you are going to want to duplicate the background layer. This is important because the original background layer cannot be edited. Photoshop will ask you to rename the layer. You can then just drag the original Background layer to the trash can, which is what causes yellow teeth stains at the bottom of the layers window. You then want to select what sort of shape you would like to crop the picture into.
In the left-hand menu, choose the shape option, then the Ellipse Tool. Note: For this tutorial, I will be doing a circle, but you can also do other shapes and designs. All you will cirrcles to do is instead of choosing the circle, choose a different shape.
Drag the circle over the part of the picture that hiw would like to see. This can be a rough lhotoshop, as we circoes be able to fine tune exactly what is in the circle in a minute. Note: To make sure that it is a perfect circle, hold down circlees Shift Key while you drag out the shape.
This will keep all of the proportions constrained. In the next step, you want to be sure that layer with the picture is on top of phootoshop layer that has the shape. This is very important for the next step. Now you have a picture in the circle! You can click on the image and drag it around to adjust where the picture is within the circle.
Once you are satisfied with the position phooshop the picture within the circle, you will probably want to group the layers which will make it easier to move the picture if you are putting it into another document.
You now have a photo cropped into a circle that you can use for your website or for another project! This tutorial was done using Photoshop.
Contact me jow prices. This site uses Akismet to reduce spam. Learn how your comment data is processed. Thank you for this tutorial. It's very helpful. There is only one thing I would suggest you add to the instructions. In Step 9, before you can click on the image and reposition it, you must make sure the "move" tool selection at the top of the left hand control column is activated.
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings. If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again. The first step is to open the photo that you would like to crop. Sharing is caring!
Are You Ready for Some Football? Click here to cancel reply. Kwaku Friday 3rd of March Beautiful, simple and understandable. Thank you for. It really worked! Laurance Monday 25th of May Looking for Something? Search for:. Privacy Overview This website uses pgotoshop so that we can provide you with the best user experience possible.
Strictly How to make circles in photoshop cs6 Cookies Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
Enable or Disable Cookies. Enable All Save Settings.
Feb 16, · I can't believe that there's no video showing us how to make a perfect circle in photoshop cc. I seen the need and I took action. Please subscribe and like t. Jan 20, · Create a Circle: Using the Ellipse Tool. The Ellipse Tool creates a solid outlined selection of the created shape to then be customized to have color fill the shape or have an outline around a shape. This tool allows a circle to be customized within the same tool. Nov 28, · Use the circle shape tool, then set the fill and stroke however you wish. Or use a selection and stroke it without filling. If you are going to use layer styles, then you need some sort of fill (because the stroke will go around the contents of the layer) - .
Within the New Document window, notice that the right side of the window is where the Preset Details gives different options to create the new document. Next to Width, notice how Photoshop is going to measure the size of the document. The document can be measured and sized in numerous ways such as by pixels and inches. Within the Background Contents drop-down tab, select white as the color that will be the background. The Elliptical Marquee Tool creates a moving outlined selection of the created shape to then be customized.
Although an elliptical shape is not evenly round, a Photoshop shortcut will allow the shape to turn into a perfect circle. 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. Notice the various square symbols, one 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 it can add, subtract, or interest with a selection.
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 higher number or a hard edge with a low number.
With the cursor positioned towards the upper left corner, click and drag the mouse to the bottom right corner while holding Shift on the keyboard. By holding Shift , this allows a perfect circle to be created.
If Shift is not held, the circle will look more like an oval. Within the Tool Bar, locate the Brush Tool, which is recognizable by a brush shaped symbol and is located underneath the Eyedropper Tool. Once the Brush Tool is selected notice 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 current brush style is viewable along with a number below it indicating the size of the brush.
By moving the slider under Size, the brush will become larger with a larger number and smaller with a smaller number.
The Hardness option indicates how harsh or soft of an edge the brush will have. The color on the top represents the foreground color and the color behind it represents the background color.
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. If the brush is too large or too small go back to the top of the workspace within the Brush Preset tab and adjust the size or try using the [ and ] keys on the keyboard to adjust to the desired size.
Within the Tool Bar, locate the Gradient Tool, which is recognizable by a black to white gradient square shaped symbol. The first section, which is the Source to Fill indicator, asks how the object should be filled.
This allows the foreground color or a pattern to be filled into the selection. In this case, choose Foreground. The color on the top represents the foreground color and the color underneath represents the background color. The Gradient Tool allows multiple colors to be applied and blended together in one sequence.
In this case, a gradient will be applied to a circle to have a unique look. Select the Gradient Tool or try the shortcut by hitting G on the keyboard. Locate the top of the workspace where there are different options to customize the Gradient Tool. Notice the black to white gradient box at the top. This is called the Gradient Picker where the gradient will be selected. By hovering the mouse over each square, Photoshop will indicate how the gradient will be placed in a sequence.
Now, with the mouse positioned on the left side of the circle, click and drag the mouse all the way over the circle. Try clicking and dragging the mouse over the circle in different directions to see the different directions the gradient can be directed. The Ellipse Tool creates a solid outlined selection of the created shape to then be customized to have color 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 will allow the Ellipse Tool to turn the tool into a circle tool. 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 above the Magnify Tool at the bottom of the Tools Bar. The Fill option allows the circle to be with or without fill.
This allows the circle to be filled with a solid color, gradient 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 option is similar to Fill because it allows the circle to be 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.
If Shift is not 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 right side of the workspace. With the Ellipse 1 layer selected, which is located on the right side of the Layers Panel, select the Ellipse Tool.
Next to No Fill, indicated by the white box with a red line across, is the solid black square, which indicates to fill the circle with a solid color. To change the color of the circle, locate the top right corner of the Fill tab where a multicolored box is located. This is called the Color Picker, which allows any color to be selected to fill the circle. Next to No stroke, indicated by the white box with a red line across, is the solid black square, which indicates to fill the circle with a solid color.
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.
Next to No Fill, indicated by the white box with a red line across, is the black gradient square, which indicates to fill the circle with a gradient. Photoshop will provide different colored gradients to fill, which can be selected or customized to create a new gradient. To customize a gradient, notice the Gradient Editor Dialog that automatically presents a black to white gradient bar.
The Gradient Editor Dialog bar allows any colors to be selected,the opacity, and the flow of the gradient to be customized. Opacity indicates how much of the color will be present.
This will allow other items behind the gradient to be viewable. If the color on the left is more desired, simply move any bottom arrow to the right or left to have more of that color. This indicates the Color Midpoint, which is where two colors merge. This allows the option fro one color to dominate the other in the gradient.
The numbered box next to the Gradient Style allows the angle of the style to be specified. In this case, Photoshop has automatically set the angle to 90 degrees. Another way to indicate the angle is by the circle located in the numbered angle box. With the line directed towards the top of the circle, this indicated that the gradient would go down to up. 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.
Select the drop-down arrow and select Inches. Within the Width and Height boxes, type in 10 as the width and height. Once the correct settings are set, hit Create.
Featured Tutorials. Related Tutorials.