How Do I add a picture in a circle using Photoshop?

ju1y

Member
Messages
21
Reaction score
0
Location
Dallas, TX, US
Hello - I'm creating a baby shower favors for my sister and would like to personalize a little bit. I have this picture below and I don't know how to create a cirlce and how to insert my picture into the circle with a little note saying "We're so lucky you joined us! Are you feeling lucky?" I want my circle to be around 1 1/2 inch in diameter. I will print this out and glue it to a bottle of lotion which shapes like a circle. Can anyone help me and provide step by step in Photoshop? Photoshop is still new to me.

 
Its easy to to with a Layer mask if you have Photoshop not elements.

Do this.
1.) Open the document you want to put the circle image in.

2.) Use the elliptical selection tool hold down the shift key to constrain the tool to Circles. Drag out a circular selection the size you want the image to be.

3.) Move the mouse into the circular selection and move it to the position you want the image to occupy.
4.) The use menu Select> Save Selection, save it with a name Image 1.

Your now ready for the image. If you have CS or above it is best to use Place to get the image into the the document your working on in Photoshop. For you can move and resize the image over and over again and not loose quality.

5.) With the top layer selected as the target use menu File> Place select the image image file you want to use. Then Click the Place button. You will be in a transform dialog. For now just use it to make the image the same size as the document. It will the top smart Object Layer and cover all.

6.) Use Menu Select> Load Selection select Image 1, the circular selection you saved and click OK.

7.) Then in the bottom of Layers Palette Click on the Add Layer Mask Icon near the left side. This will add a layer mask the layer just added the will hide all of the image except in that circular area. The image is still there all intact.

8.) Click on the Smart object icon int the layers palette on the top layer to target the object not the currently targeted layer mask.

9.) Use Ctrl+T free transform to position and size the part of the image you want within the circle.

You can also change the size and location of the circular area. Target the layer mast and use free transform on it.
--
JJMack
 


--
JJMack
 
It isn't clear exactly what you want the result to be. If you center the woman in a circle as shown below, part of the circle will lie outside the left border of the image, leaving a blank space on that side. Is that what you want?



--
~ Peano
http://www.radiantpics.com
 


Like the others, I'm a little uncertain about your request. If this is something like you are requesting, I'll be glad to detail the steps.
--
My 2¢ worth
Joe Filer
Mahomet, IL
http://www.pbase.com/filer
My still camera history: http://www.pbase.com/filer/image/49099880/original

My wife is proud to participate in the Alzheimer's Quilt Initiative!
http://www.alzquilts.org/

She has met her first $1000 promise for Alzheimer's research and is working on her second $1000. Cheer her on at: http://www.amisimms.com/1000promise.html
 
JJMacks - I tried your step and failed at File > Place. It's asking me to open .AI, EPS, PDF or PDP file which I don't have. Why wouldn't it prompt me to open JPG file instead?

Joe Filer - Yes, that's exactly how I want it. I'm still very new to Photoshop and don't know all the commands. If you could provide step by step instructions that would be great!
 
JJMacks - I tried your step and failed at File > Place. It's asking
me to open .AI, EPS, PDF or PDP file which I don't have. Why
wouldn't it prompt me to open JPG file instead?
When I do menu File> Place, Place defaults to all file types. It may be that Photoshop saved/remembered that from the last time I used "Place". This does not matter. You should be able to use the File Type pull-down menu in the "Place" dialog and select any file type you want. Place supports most file types.
--
JJMack
 
Here is the most basic and easiest way:

1) Open your image
2) Expand your canvas (ALT+CTRL+C)

3) Use the Eliptical Marquee Tool and draw a circle around your crop while pressing on the shift key.
4) Inverse the selection (SHIFT+CTRL+I)
5) Hit DELETE

You now have your cutout.

You can then enhance that many ways with Layer Styles if you wish by duping the layer and clicking on the (Fx) icon or by LAYER-> Layer Style.

...
 
How I proceeded.

Open image. Some functions can not be performed on the locked background layer, so unlock it to make it a regular editable layer. Easy way to do this is click on the padlock in the layers palette and drag it to the trashcan.

Select the elliptical marquee tool. You want to make a perfectly round selection, so there are a couple of ways. (1) In the tool option bar, select Style > Fixed Ratio and enter a number of equal value in the Height and width boxes. (2) with the style left at Normal, you can hold down the Shift key while dragging out marquee selection to constrain the proportions. Selecting a fixed pixel size really isn't an option because, at this stage, you don't know what the final size will be. Then drag out a circular selection of desired size and position.

Invert the selection, so that everything but the circle is selected, and press the Delete key. This will leave your circle on a transparent background.
Deselect.

Image Menu > trim > Transparent pixels, all boxes checked. This will crop your image size to the diameter of the circle.

Image Menu > Image Size. Make your image 1.5 inches with the resolution required by your printer or printing service. I turned off the resample option in my example, but you should probably leave that turned on and enter a resolution value of 300 dpi for commercial printing.

Add text. I selected the text tool, dragged out a text box and entered your text in a colorselected to match the new mother's blouse. I liked the Center text alignment best, but you can toggle between the three choices as well as changing the text size or font style.
Add layer styles to the text if desired.

Finally, to have these printed, you may want to flatten the image, increase the canvas size to a traditional print size, like 4 x 6 or 5 x 7, then duplicate the layer several times and move the layers around so that you can get multiple circle images from each print.
 
I was using CS3 I saw you have CS2 so I started CS2 and again had no problem. Try changing the folder place is in and if that does not work try stopping Photoshop and reset its preferences.



--
JJMack
 
Thank you everyone for helping me out. It was much appreciated!

Joe File, RoysLaw and JJMacks - I followed your instructions and it worked! Thank you so much for the easy steps. Personally I think Photoshop is one of the most complex application to learn. Thank you for the shortcuts and commands. I don't think I'll ever remember the basic of photoshop but thank goodness for you guys. I printed this steps out and filed in my binder just in case I forget the steps in the future.

JJMacks - I have CS1 and I've done everything, even rebooted my PC, I still don't see all my files. Well, in a few more weeks I'm getting CS4. Maybe I might be able to see it.

Well - here's the final product. It's a little favor for my sister's baby shower in 2 weeks. At first I was debating whether to have the photo in color or B&W. B&W won. I printed the photo in regular piece of paper, cut around the circle and glued to the top of the lotion cap. I guess it look okay. I think I'm going to print it in regular photo paper and compare.

The phrase "We're so lucky you joined us! Are you feeling lucky?" will have a scratch lottery ticket underneath the lotion.

 

Keyboard shortcuts

Back
Top