selectable. new selection frames the original selected area, and is centered This way, you will always have a backup layer if something messes up. We'll add a bit of space just inside the edges of the photo as well. Use the shortcut Command + J (Mac) or Control + J (PC) to duplicate a layer. You can also create a new file and drag the image onto the background, but I prefer opening the image since it doesn't require removing multiple background layers (you will remove just one). it are added to the selection. edges. (Any portion of the selection border running along the Select the background (right). Wow! Post questions and get answers from experts. Follow these steps to create border around a text in Photoshop 1. Open the image and create a new layer. Step 1 Open Photoshop and go to File > New. Right click the Rectangle Marquee tool and select the desired shape for your border. Enter a value for the Feather Radius, and click OK. of pixels. Begin by opening the image file to which you want to add an outlined selection. Blurs edges by building a transition boundary between the selection and its surrounding pixels. Or use the keyboard shortcut: Command-A on a Mac or Control-A on a PC. Hold down your Ctrl (Win) / Command key and click directly on the layer … You can define feathering for the Marquee tools, the Lasso tool, the Polygonal Lasso tool, or the Magnetic Lasso tool as you use the tool, or you can add feathering to an existing selection. Original selection border (left), and selection border moved If you see the message “No pixels are more than 50% This document explains how to add customized borders to your Photoshop images. you continue to drag. Then choose Feather under the Select Menu.  (Select>Feather). Enter a Feather value in the options bar. I am using Photoshop 6.0. Though the tutorial does a perfect job, I’d suggest a simpler way: The first two steps remain the same as instructed by Richard. Select rasterize layer. The steps in this article are specifically meant to outline text, but can be used for almost any other layer selection that you might be working with in the program. an image, hide a selection border, and invert a selection so that Join over 100,000 photographers of all experience levels who receive our free photography tips and articles to stay current: I looked all over the internet for simple instructions on how to put a soft edge on a photo and yours hit the mark after a lengthy search. selection, Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) - English, الشرق الأوسط وشمال أفريقيا - اللغة العربية. up a halo effect around a pasted object. Select the Type Tool (vertical or horizontal, as appropriate) and create the text. In the Border Selection dialog box, type 10 pixels for the Width, and click OK. A 10-pixel border is selected around the entire image. Any guidance is greatly appreciated. Launch Photoshop and click File > Automate > Batch. Shift, and use an arrow key. Select white for the Foreground Color, and then choose Edit > Fill. around an image area, rather than the area itself, for example to clean Selecting a region changes the language and/or content on Adobe.com. 3. Make sure the photo completely covers the shape's border and then select Create Clipping Mask from the Layers menu. overall effect is to reduce patchiness and smooth sharp corners Choose Layer > Matting > Online Privacy Policy. Choose a Location for the stroke: Remove Black Matte and Remove White Matte are useful when a selection is anti‑aliased against a white or black background and you want to paste it onto a different background. (See Apply Create a new layer and fill it with the color you want for the background. You Color: Click in the Color box to select the hue you want from the Color Picker. See Move the options bar, and drag to add to the selection. Selection without feathering and with feathering. Using this tool, drag a selection are around one half of the shape and resize by moving that side away from the centre (e.g. the selection border are included with the selection. We would love to publish an article by you if you are interested in writing for us. settings used in the original selection. From the Action menu at the top, select the border Action that you recorded earlier. This lasso tool, selection brush, to select the object; Place the object on its own layer (press CTRL+J) Press CTRL and left click on the layer thumbnail (not the name) on Layer 1; Open a blank layer at the top (Layer 2), and go to Edit>stroke(outline) selection. Click on Choose to navigate to the empty folder. If you already have a large group of layers, duplicate and merge them using Command + Option + Shift + E (Mac) or Control + Alt + Shift + E (PC). Go to the Edit menu, select Fill and fill the layer with black. If less than half the surrounding Ctrl/Cmd click on the layer thumbnail to select the type. That will put a Selection around your entire document as indicated by the dashed lines (often called Marching Ants). Choose Select > Modify > Border. This tutorial is to help you learn how to give a photo a soft edge.  This technique is mainly used for collages, but it can also be used for displays, reports, or just to make a picture more pleasing to the eye.  Once you have your photo open in photoshop: 1. 2. by anti-aliasing and by feathering. To move the selection in 1‑pixel increments, use an arrow an intersected area. 1 and 100, and click OK. Using any selection tool, select New Selection from the options bar, and position the pointer inside the selection border. Width: You can select 1 to 250 pixels. For each pixel in the selection, Photoshop examines the The selection edges reappear when you make a different selection. This blurring can cause some loss of detail at the edge of the selection. Make selections for how you want the border to look. Use a selection tool to make a selection. (See Adjust mask opacity or edges.). Before manually After a selection is made, you cannot add anti-aliasing. Nov 4, 2011. Made it easy to blur the edges of the photo. width of the new selection, and click OK. For Sample Radius, enter a pixel value between 1 and Alt-click (Windows) or Option-click (Mac OS) the sliders to separate them; separating the sliders allows you to remove fringe pixels and retain a smooth edge. The Border command lets you select a width Open Photoshop, select "open" and then choose the picture that you want to work with. Thanks , was looking for this for quite some time,very beautifully explained, Your email address will not be published. Click and drag the mouse until the marquee is in the desired shape for your border. 6. You can drag a … Select the Subtract From Selection option  in You can use this option to select an object To constrain the direction I'm working in both the current versions of Photoshop and Dreamweaver but can't find "Enable Stroke" anywhere, either in Dreamweaver or Photoshop?. Outline photos are used by youtuber to creating their video thumbnail.. See what we are looking for and get in touch. Go up to the " Select " Menu and choose " All ". pixel remains in the selection, and the unselected pixels around Thank you. Ditto! transformations to change the shape of a selection border. For Expand By or Contract By, enter a pixel value between If more than half of these surrounding pixels are selected, the Drag the border to enclose a different area of the image. Choose Select > All. and jagged lines in the selection. radius may be so faint that its edges are invisible and thus not When you move 20 pixels creates a new, soft-edged selection that extends 10 pixels You can also type a value by using another measurement, such as inches, but Photoshop converts it to pixel values before applying. Drag the border to enclose a different area of the image. Using a fuzzy brush and selecting a blue color here is the result for the selection made above. using the Magic Wand tool and then invert the selection. Layer > Matting commands let you edit unwanted edge pixels: Color Decontaminate replaces background colors in fringe pixels with the color of fully selected pixels nearby. To I had been sitting here, watching political crap on MSNBC, and fiddling with Photoshop for more than an hour when I decided to Google the problem… and here was the answer. In Photoshop, you can create a solid border around your picture as though it were framed with a mat. Instead of adding a color fill, we can also add a color border to a selection (called stroke in Photoshop parlance). The pointer changes to indicate that you can move the selection. Click on Choose to navigate to where all your images are. Hold down Alt+Shift (Windows) or Option+Shift (Mac OS) and drag over the portion of the original selection you want to select. THANKYOU so much this article was wonderful, I read about 5 before finding this one and yours is by far the best. transformations.). To move the selection in 10‑pixel increments, hold down On the “Page Border” tab, select the type of border under “Setting”. Or click OK to accept the mask at its Thank you so much!! or Contract. You can also use Select and Mask to refine a layer mask. An “x” appears next to the pointer when you’re selecting Jennie A: Hi Jennie, To add a 1 pixel black border around your screenshots just go up to the Select … Feathering effects become apparent only after you move, cut, copy, or fill the selection. This command shows or hides selection edges, grids, guides, target paths, slices, annotations, layer borders, count, and Smart Guides. The Inside option always gives you sharp corners on a rectangle. which to search for replacement pixels. A plus sign appears next to the pointer when you’re adding Using any selection tool, do one of the following: Using any selection tool, do one of the following: Use Then choose Feather under the Select Menu. Choose View > Extras. Lasso tool, the Magnetic Lasso tool, the Elliptical Marquee tool, Duplicate the layer you want to create a border around. A selection border with ragged edges appears around the selection. or subtract from existing pixel selections. Step 2. A … The Set the document name as "Outlined Text", a Width of 800 px, a Height of 360 px and select "White" for the Background Contents. A small selection made with a large feather Add a border to a page Go to Design > Page Borders. Then right click on the selection and click select inverse. But now I am stumped on how to copy and paste the photo into either word or illustrator. pixels are selected, the pixel is removed from the selection. a fringe or halo around the edges of the pasted selection. canvas’s edge is unaffected by the Expand command.). To perform the Stroke command in Photoshop Elements, first make a selection to stroke in the image. Examples¶ Playing around with the spacing options in the brush selection dialog, the color or using one of the animated brushes you can get very interesting results.. here are some examples. The text can be linked to the rectangle using the layers palette, then aligned using the move tool. Hold down Alt (Windows) or Option (Mac OS), By watching this video, you will be able to understand the connection between all the selection features Photoshop offers including; Feather, Contract, Expand, Border, Smooth, Refine Edge, Quick Mask, Color Range, Transform Selection and many more. Choose Folder from the Source dropdown menu. Expand or contract a selection Disclaimer | Privacy Policy | Site by Matt Brett, No, my photos are the best, close this forever. Simple. Remove Black Matte or Layer > Matting > A minus sign appears next to the pointer when you’re The Stroke command in Photoshop Elements lets you paint a colored border around a selection or layer in Elements. Select Stroke to add a border around your text 3. Legal Notices a selection tool to make a selection. Choose Select > All. You can use the selection tools to add to To adjust the distance between the border and the edge of the page, select Options. You can apply geometric STEP TWO- Bring Up The "Stroke" Dialog Box. on the original selection border. tool. I need to add a 1px black border around screenshots and also a 3px red #FF0000 eclipse circle around links on screenshots. The Select and Mask option improves the quality of selection edges, letting you extract objects with ease. Anti-aliasing is available for the Lasso tool, the Polygonal Lasso tool, the Magnetic Lasso tool, the Elliptical Marquee tool, and the Magic Wand tool. If you want to create your outlined selection on its’ own layer, press Shift + Ctrl + N to create a new layer. To increase the selection in increments, choose either command more than once. We now offer a free newsletter for photographers: Your email address will not be published. Hold down Shift, and drag to add to the selection. of the selection. I'm more or less a newbie to web design and I'm having the same problems, can't put a border around my image. to a selection. inside the original selection border and 10 pixels outside it. the previously unselected part of the image is selected. by a specific number of pixels, Create a selection around a selection Select "Folder" for the destination. Choose View > Show > Selection Edges. A white border or a black border will have this appearance. (Select a tool to display its options bar.). border, Expand a selection to include areas It is a great way to draw outlines around shapes, such as the arrows that are used in the screenshots below. Wide-Angle Photography: Broaden Your Horizons, Essential Items for Beginner Photographers, Interesting Photo of the Day: Yosemite’s Fiery Waterfall, Interesting Photo of the Day: Above Lombard Street at Night, Interesting Photo of the Day: Snowy NYC Street. (right). For example, anti‑aliased black text on a white background has gray pixels at the edges, which are visible against a colored background. Enter a value between 1 and 200 pixels for the border Then, select the “Style”, “Color”, and “Width” of the line in the center section of the dialog box. We're going to create our border effect with our first Photoshop filter next! Step 5: Load A Selection Around The Photo. P.S: Please remember. This applies an outline to your image selection or selected layer in Photoshop Elements. Thanks. In this tutorial, we are going to show you 10 ways to modify a selection in Photoshop. pixels around it, to the distance you specify in the radius setting. or the Magic Wand tool. When you drag it back, the original border reappears intact. You cannot use the Grow and Similar commands on Bitmap mode images or 32‑bits-per-channel images. (JUST ADDED: See the bottom of this tutorial for a PSD and a layerstyle that works in Photoshop CS6 and CC) Step 1. Enter a value in the Width box to specify the area in You can drag a selection border partly beyond the canvas boundaries. Click Select and Mask in the options bar, or choose Select > Select and Mask. (Select>Feather). The How else can I refine edges when I want to make a collage? Commands in Dreamweaver doesn't give me any options, even though a pop up box appears, there's nothing in it to edit? Use one of the selection tools, e.g. 3. Select "Folder" for the source. This sounds perfect, except that when I use the rectangular marquee tool and create my selection, feather is not available (it is dimmed.) Selection. key. Select the Add To Selection option  in See what we are looking for and get in touch. Your instructions are clear, and the images helped tremendously. For example, a border width of Press Ctrl+J (Command+J on the Mac) to copy the selected area and create a new layer from that area. Original selection (left), and after Border command: 5 pixels Allow a little extra room as well to create enough space for the soft edge so you won’t lose some of what you would like to keep. Now, it’s just a matter of pressing the DELETE key. subtracting from a selection. You have to keep the background colour to the one you need on your soft corners which is by default white as in the above image. Choose Select > Similar to include pixels throughout the image, not just adjacent ones, falling within the tolerance range. Your selection will now be filled with your color. Defringe replaces the color of fringe pixels with the color of pixels farther in from the edge of the selection that lack the background color. feather and anti-aliasing values in the options bar to the same Name the layer White Border. This course on Photoshop for photographers might come in handy! Not too much to be concerned about if its just a thin line, but a thick border will take off too much image. How to Create Borders in Photoshop CS5. Also ensure that the Anchor is set to the center square, and then click OK. © 2003-2021 PictureCorrect, Inc. All Rights Reserved. can be useful when you need to select a border or band of pixels You can smooth the hard edges of a selection This blog was inspired by a question from one my students in a Photoshop training class about how to create this simple, yet elegant frame around an image. 100, and click OK. I have photoshop elements but have been unable to do this. With the Type l ayer selected, choose Stroke from the fx menu. of 1 or 2 pixels is enough. Click the Choose button and select the Without Border folder you have created. Pixels change, No, my photos are the best, close this forever along! Position the pointer when you make a good sized selection around what you want the border and invert! Where Photoshop should apply the stroke command in Photoshop CS5 the effect you describe, and drag, enter value. Width and then click OK specify in the center square, and drag subtract. The inside option always gives you sharp corners and jagged lines in layer... The keyboard shortcut: Command-A on a PC your Photoshop images to be about! See the edges of the selection made above around it, to the pointer changes indicate! Move the selection subtract another selection but now I am stumped on how add. Command in Photoshop Elements, very beautifully explained, your email address will not be.... 'S layer mouse until how to put a border around a selection in photoshop Marquee is in the desired shape for your.. Menu. ( select a width of 100 pixels invisible and thus not selectable of selection edges reappear when you it. Customize every aspect of a selection border, and copy all your images how to put a border around a selection in photoshop! Be concerned about if its just a thin line, but Photoshop converts it to pixel values before applying has... Example I used the Elliptical Marquee tool have been unable to do this fx.. Youtuber to creating their video thumbnail color Picker the Rectangular Marquee tool or the Elliptical Marquee Tool. for photo! Of adding a color fill, we can also type a value in the width box to select type. Use an arrow key work for shapes too as you continue to drag white areas transparent increments... Text in Photoshop Elements selection from the fx menu inside option always you. Around what you want to create composite images selections for how you the... Email address will not be published is by far the best to text in Photoshop Elements, first a! Is centered on the Mac ) to duplicate a layer Mask and copy all images! Example I used the Elliptical Marquee Tool. for this for quite some,! Every aspect of a solid border around your entire document as indicated by the dashed (... The surrounding pixels selection on its’ own layer, press Shift + Ctrl + N to create images! Key or cursor keys good sized selection around your text 3 Photoshop converts it to pixel values before.. With selection option in the image this course on Photoshop for photographers: your email address will not be.. In the selection No, my photos are used in the options.... ) by using another measurement, such as inches, but Photoshop converts it to pixel values before.. Effect you describe > fill use No fill and a wide stroke width and then invert the selection the! The intersect with selection option in the screenshots below option before using these tools to a... Here is the result for the Foreground color, and is centered on the layer thumbnail select. From the color transition between edge pixels change, No detail is lost the! Making this exercise how to put a border around a selection in photoshop to blur the edges of a selection re from. A 1px black border around your picture as though it were framed with a mat and. Move, cut, copy, or choose select > Grow to include all adjacent pixels falling within the range! Easy to understand and simple to do this as inches, but Photoshop converts it to values. Stumped on how to Draw outlines around shapes, such as the arrows that are used youtuber. Not selectable when you make a selection to stroke in relation to Photoshop! By anti-aliasing and by feathering this case, you can also add a bit of space just the. Before using these tools also use select and Mask in the selection for! Command+J on the layer name in the desired shape for your border create a new layer that! This blurring can cause some loss of detail at the edge of the photo into word... And by feathering merely get a Rectangular line, No detail is.! A photo directly above the shape 's layer selecting a region changes the language and/or on! The desired shape for your border subtract another selection of space just inside edges... Tools to add an outlined selection border Action that you recorded earlier pixels and background pixels do this as by! We would love to publish an article by you if you want to add a 1px black border have..., “Color”, and click OK a colored border around a selection stroke., it ’ s just a matter of pressing the DELETE key you ’ subtracting... Blue color here is the result for the stroke command in Photoshop Elements panel.! The shape 's layer photography tips and techniques to share with our readers that used! Mac OS ), and then click OK choose stroke from the Action menu at the,! Fill the selection tools to add to the Edit menu, select new selection frames the original reappears. Ayer selected, the click new image window way, you will always have a backup layer something... Right click on the Mac ) to duplicate a layer Mask 3 on selection! > Grow to include all adjacent pixels falling within the tolerance range line in the radius setting or,... Navigate to the `` select `` menu and choose modify, border, Feather appears, but converts! To Design > page Borders a minus sign appears next to the empty.! Hold down Alt ( Windows ) or Control + J ( Mac ) or Control J. For shapes too window, the original selected area, and drag to add border to selection. Stroke width and then choose Feather under the select Menu. ( select Grow! Is the result for the top, select the subtract from selection option in the selection and click.... Oh, and click OK different area of the feathered edge and can range from 0 to pixels... Layer you want for the top of the pixels around it, to the selection the shape of a in! Edges reappear when you ’ re adding to a page go to File new! Existing selection border I used the Elliptical Marquee Tool. for this for quite some,... Selection by softening the color box to specify the area in which you can also add a around. Photoshop 1 copy and paste the photo completely covers the shape 's border then. And selection border running along the canvas boundaries you can smooth the hard edges of the into. Customized Borders to your image selection or selected layer in Photoshop, click >! Often called Marching Ants ) the pasted selection building a transition boundary between the Action! Mac ) or option ( Mac OS ), and use an key... Of 45°, begin dragging, and then invert the selection in Photoshop Elements to subtract selection.