14 Replies Latest reply on Dec 19, 2017 8:15 PM by norman.sanders Branched to a new discussion.

    How do I make a circle with a fade effect?

    mikkeld49876378 Level 1

      Hey.

      How do i make a circle like thin in photoshop?Skærmbillede 2017-12-19 kl. 21.29.52.png

        • 1. Re: !!!!1HELP!!!!
          headTrix Adobe Community Professional

          In photoshop there are always so many ways to do something.

           

          It seems like you want a circle with a thin stroke around it?

           

          You can try creating a circle using the Elliptical Marquee Tool in the Tool Palette.

          screenShot.gif

          Then click and drag to draw a circle on a new layer (Press and hold the SHIFT key to constrain the circle)

          now you should have a circle selection, and you can add a FILL color(inside color) or a STROKE color(outline color) to the circle, by using the Edit Menu. Edit>Fill.. or Edit>Stroke...

           

          For the outline of the stroke you can put 1px in the width input field for a thin stroke around your circle.

          Screen Shot 2017-12-19 at 12.48.55 PM.png

          Another way to create a circle with a thin stroke is by using the Ellipse Tool

          Screen Shot 2017-12-19 at 12.51.41 PM.png

          and then changing the color and size of the stroke using the Properties Panel

          Screen Shot 2017-12-19 at 12.52.28 PM.png

          hope that helps!

           

           

          cheers!

          Mark

          1 person found this helpful
          • 2. Re: !!!!1HELP!!!!
            macpawel Adobe Community Professional

            You can try this,

             

            Strat with vector Elipse (U - and select elipse) - draw circle (with shift key pressed) on your page

            Add Stroke (green) and no Fill - control panel on top of your screen

             

            Add Layer Mask to this layer and use large soft brush with opacity about 50%. Use black to hide (mask) some part of your circle

            This way you can easily add this Gap on top.

             

            finally choose hard brush with opacity 100% and mask little circle on your design

             

            it works

             

            pawel

            1 person found this helpful
            • 3. Re: !!!!1HELP!!!!
              mikkeld49876378 Level 1

              @headtrix Thanks Now i can make a circle without the fill inside, thanks. But i also wants the fade (i dont know what to call it, the opacity). Do you know how to make that?

              • 4. Re: How do I make a circle with a fade effect?
                mikkeld49876378 Level 1

                How do i find the hard/soft

                • 5. Re: !!!!1HELP!!!!
                  headTrix Adobe Community Professional

                  for the fade... might be a bit complex to teach you that here in written form only.

                   

                  You can lower the opacity of a layer in the Layers Panel, but that reduces opacity of the entire layer.

                  or you can use the Eraser Tool, and and enable to airbrush in the options menu,  lower its Opacity, and slowly erase and fade away what you no longer need.

                   

                  or lastly, probably the best way but most difficult is to use a layer mask, and then use a black to white gradient overlay to fade out the circle.

                   

                  This forum is for help though, not exactly to actually TEACH you photoshop....  I am an Adobe Certified Instructor and I do teach Photoshop, but we usually don't get to masking until our Level 2 class, since you have to know about the Photoshop user interface, its tools, layers, selections, color, brushes, opacity, airbrush, gradients, etc

                   

                  Hope this helps!

                   

                   

                  cheers!
                  mark

                  • 6. Re: How do I make a circle with a fade effect?
                    davescm Adobe Community Professional

                    Hi

                    Make the circle shape with a green stroke and no fill, as others have described. Add a Mask and use an angle gradient in the mask

                     

                    Dave

                    1 person found this helpful
                    • 7. Re: How do I make a circle with a fade effect?
                      WILDCAT54 Level 4

                      I would do this in Illustrator. add a gradient to the stroke with the stroke applied along the stroke

                      1 person found this helpful
                      • 8. Re: How do I make a circle with a fade effect?
                        Trevor.Dennis Adobe Community Professional (Moderator)

                        Make a circular path

                        Select the Elliptical Shape tool, and set to Path in the Options bar

                        Drag out your circle while holding down the Shift key (to force a perfect circle)

                         

                        Select the brush tool, and a hard round preset and size to suite.

                        In Brush Settings > Transfer > Opacity Jitter set the Control to Fade

                        The value depends on, size of the circle in pixels, brush size, and spacing.  My canvas was 1000 pixels square, and spacing 10%

                         

                        In the Paths panel right click the path, and choose Stroke path.

                        If not already selected (the default is Pencil) use the drop-down and select Brush tool.

                        Simulate Pressure should be unchecked.

                        You can do the same thing with brush size.

                        Note, once Stroke is set to Brush, you just need click on the icon at the bottom of the paths panel.  This is useful as it generally takes a bit of trial and error when setting a value for Fade.

                         

                        Warning if you hit the delete key to empty a layer, and the path is selected, it will delete the path.  Ctrl z will get it back.

                         

                        [EDIT]  Goodness, so many ways to do this.  I think you'd need to use Fade if you wanted to taper brush size though, but I would not be surprised if Dave works out another way.

                        1 person found this helpful
                        • 9. Re: How do I make a circle with a fade effect?
                          davescm Adobe Community Professional

                          Sorry Mark - I just realised you mentioned using a mask in your reply

                           

                          Dave

                          • 10. Re: How do I make a circle with a fade effect?
                            Trevor.Dennis Adobe Community Professional (Moderator)

                            The OP has started something here :-)

                            • 11. Re: How do I make a circle with a fade effect?
                              davescm Adobe Community Professional

                              Trevor.Dennis  wrote................................

                               

                               

                              [EDIT]  Goodness, so many ways to do this.  I think you'd need to use Fade if you wanted to taper brush size though, but I would not be surprised if Dave works out another way.

                               

                               

                              Hi Trevor

                              No I couldn't come up with a way to taper the stroke on the live shape. Whilst thinking though I did think of a better way to add the fading gradient without using a mask.

                              That was to use the angle gradient on the stroke of the live shape.

                               

                              That way no mask is required.

                               

                              Dave

                              1 person found this helpful
                              • 12. Re: How do I make a circle with a fade effect?
                                Trevor.Dennis Adobe Community Professional (Moderator)

                                davescm  wrote

                                 

                                Trevor.Dennis   wrote................................

                                 

                                 

                                [EDIT]  Goodness, so many ways to do this.  I think you'd need to use Fade if you wanted to taper brush size though, but I would not be surprised if Dave works out another way.

                                 

                                 

                                Hi Trevor

                                 

                                No I couldn't come up with a way to taper the stroke on the live shape. Whilst thinking though I did think of a better way to add the fading gradient without using a mask.

                                 

                                Dave

                                Impressive when you consider the time that you posted that.  Are you sure you can afford to skimp on your beauty sleep?  

                                 

                                I must admit that I don't tend to use those options, but I guess we tend to focus on what we know best.  I shall get up to speed with them now though,

                                • 13. Re: How do I make a circle with a fade effect?
                                  davescm Adobe Community Professional

                                  Trevor.Dennis  wrote................  Are you sure you can afford to skimp on your beauty sleep?  

                                   

                                   

                                   

                                  I think it'll take more than a nights sleep to restore that ... . Time though for me to drop out 'til tomorrow.

                                   

                                  Dave

                                  • 14. Re: How do I make a circle with a fade effect?
                                    norman.sanders Most Valuable Participant

                                    green.jpg

                                    1.  Draw a centered horizontal bar on a blank layer above the black background layer. Note that it extends from one side to almost the other side of the square. Then, lock the transparent area of the layer

                                     

                                    2.  Gradient Tool.  White to black mask.

                                     

                                    3. Unlock. Select > All.   Filter >Distort > Polar Coordinates…Rectangular to Polar

                                     

                                    Edit: Sorry for the edits. Tried to make instructions clearer.
                                    1 person found this helpful