Location: Select where Photoshop should apply the stroke in relation to your selection border. With the Type l ayer selected, choose Stroke from the fx menu. using the Magic Wand tool and then invert the selection. subtracting from a selection. Feathering effects become apparent only after you move, cut, copy, or fill the selection. This In the dialog window, enter the Action Set, then the Action name using the drop-down lists. A … You must specify this option before using these tools. Each number is split between edges, so entering 200 pixels in each field results in a border width of 100 pixels. Go up to the " Select " Menu and choose " All ". The pointer changes to indicate that you can move the selection. This document explains how to add customized borders to your Photoshop images. can also drag the selection border to another image window. When I paste the object, I merely get a rectangular line, no photo. by a specific number of pixels, Create a selection around a selection transformations to change the shape of a selection border. 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. Step 2. If less than half the surrounding That was waaaaaayyyyyy too easy. Select rasterize layer. The up a halo effect around a pasted object. Also ensure that the Anchor is set to the center square, and then click OK. Ditto! Legal Notices can be useful when you need to select a border or band of pixels In this case, you would make the black or white areas transparent. You can move a selection border around This way, you will always have a backup layer if something messes up. Your selection will now be filled with your color. Lasso tool, the Magnetic Lasso tool, the Elliptical Marquee tool, 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. For example, a border width of If you are creating a file from scratch, launch Photoshop, click File at the top of the window, the click New. by anti-aliasing and by feathering. radius may be so faint that its edges are invisible and thus not This command shows or hides selection edges, grids, guides, target paths, slices, annotations, layer borders, count, and Smart Guides. or Contract. You can also remove fringe areas by using the Advanced Blending sliders in the Layer Styles dialog box to remove, or make transparent, areas from the layer. If more than half of these surrounding pixels are selected, the Choose Select > Modify > Expand Thank you for these very clear instructions! Thank you so much!! Enter a Feather value in the options bar. Select the Subtract From Selection option  in Go to the Edit menu, select Fill and fill the layer with black. If you don’t want borders on all sides of the page, click the side on the preview where you want to remove the border. The Stroke command in Photoshop Elements lets you paint a colored border around a selection or layer in Elements. New! 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. Thanks , was looking for this for quite some time,very beautifully explained, Your email address will not be published. Enter a value for the Feather Radius, and click OK. To constrain the direction Select white for the Foreground Color, and then choose Edit > Fill. or paste an anti-aliased selection, some of the pixels surrounding Anti-aliasing is useful when cutting, copying, and pasting selections to create composite images. The text can be linked to the rectangle using the layers palette, then aligned using the move tool. Though the tutorial does a perfect job, I’d suggest a simpler way: The first two steps remain the same as instructed by Richard. When I do so it shows sharp edges. Then choose Feather under the Select Menu.  (Select>Feather). You Outline photos are used by youtuber to creating their video thumbnail.. or the Magic Wand tool. If you see the message “No pixels are more than 50% 1 and 100, and click OK. (JUST ADDED: See the bottom of this tutorial for a PSD and a layerstyle that works in Photoshop CS6 and CC) Step 1. the selection border are included with the selection. Thank you for making this exercise easy to understand and simple to do. Make a good sized selection around what you want in the final product. You can also type a value by using another measurement, such as inches, but Photoshop converts it to pixel values before applying. an intersected area. Choose Layer > Matting > Disclaimer | Privacy Policy | Site by Matt Brett, No, my photos are the best, close this forever. When I select all and choose Modify, Border, Feather appears, but it doesn’t give the effect you describe. Make sure the photo completely covers the shape's border and then select Create Clipping Mask from the Layers menu. Paste the selection into the new document (Edit>Paste). Using Photoshop to enhance your photos? You can use the selection tools to add to 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. 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. 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. Click and drag the mouse until the marquee is in the desired shape for your border. Choose View > Extras. Step 5: Load A Selection Around The Photo. Remove White Matte. pixel remains in the selection, and the unselected pixels around When you drag it back, the original border reappears intact. 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. Follow these steps to create border around a text in Photoshop 1. 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. Original selection (left), and after Border command: 5 pixels Made it easy to blur the edges of the photo. Hold down Alt (Windows) or Option (Mac OS), Duplicate the layer you want to create a border around. Hey! selectable. of the selection. move the selection itself, not the selection border, use the Move : up for the top half) with the arrow+shift key or cursor keys. Use No Fill and a wide stroke width and then insert a photo directly above the shape's layer. the previously unselected part of the image is selected. Wow! it are added to the selection. 6. 250 pixels. Make selections for how you want the border to look. new selection frames the original selected area, and is centered We're going to create our border effect with our first Photoshop filter next! See what we are looking for and get in touch. Online Privacy Policy. I have photoshop elements but have been unable to do this. Thanks. 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. 2. We'll add a bit of space just inside the edges of the photo as well. Select the Type Tool (vertical or horizontal, as appropriate) and create the text. (I prefer black), I have a CS5 and I do not have an option to ‘refine edges’ in my select menu bar… Is this an elements button- and might be that I don’t have it? the options bar, and drag to intersect with other selections. to a selection. Choose Select > All. Choose Image > Canvas Size, make sure the Relative checkbox is selected, and type the number of pixels to add around the image. Step 1 Open Photoshop and go to File > New. This applies an outline to your image selection or selected layer in Photoshop Elements. A small selection made with a large feather Because only the edge pixels change, no detail is lost. To adjust the distance between the border and the edge of the page, select Options. key. Select the Island Paradise layer in the Layers panel, and then click the Create A New Layer button at the bottom of the panel. You can customize every aspect of a solid border in Photoshop, including its width, color, and fill pattern. Drag the border to enclose a different area of the image. The Inside option always gives you sharp corners on a rectangle. Simple. Instead of adding a color fill, we can also add a color border to a selection (called stroke in Photoshop parlance). How To Add Border To Text in Photoshop CC - Youtech BangladeshThis is a tutorial on photoshop. 3. The border is increased or decreased by the specified number We would love to publish an article by you if you are interested in writing for us. Select Stroke to add a border around your text 3. current setting and create a selection in which you cannot see the border, Expand a selection to include areas Then choose feather under the select menu as instructed by Richard. (Select a tool to display its options bar.). To move the selection in 1‑pixel increments, use an arrow overall effect is to reduce patchiness and smooth sharp corners If you want to create your outlined selection on its’ own layer, press Shift + Ctrl + N to create a new layer. Right click the Rectangle Marquee tool and select the desired shape for your border. In this tutorial, we are going to show you 10 ways to modify a selection in Photoshop. and drag to subtract another selection. Step 3 Set the document name as "Outlined Text", a Width of 800 px, a Height of 360 px and select "White" for the Background Contents. In most cases, a distance Using any selection tool, select New Selection from the options bar, and position the pointer inside the selection border. on the original selection border. Enter a value in the Width box to specify the area in 3. Click the Choose button and select the Without Border folder you have created. I need to add a 1px black border around screenshots and also a 3px red #FF0000 eclipse circle around links on screenshots. of pixels. a selection tool to make a selection. Drag the border to enclose a different area of the image. Selection without feathering and with feathering. around an image area, rather than the area itself, for example to clean Select any of the lasso or marquee tools. I'm working in both the current versions of Photoshop and Dreamweaver but can't find "Enable Stroke" anywhere, either in Dreamweaver or Photoshop?. These Before manually edges. On the “Page Border” tab, select the type of border under “Setting”. Hold down Shift, and drag to add to the selection. To perform the Stroke command in Photoshop Elements, first make a selection to stroke in the image. or subtract from existing pixel selections. This value pixels around it, to the distance you specify in the radius setting. (Any portion of the selection border running along the Your instructions are clear, and the images helped tremendously. Want more photography tips? Using a fuzzy brush and selecting a blue color here is the result for the selection made above. Press Ctrl+J (Command+J on the Mac) to copy the selected area and create a new layer from that area. You can apply geometric An “x” appears next to the pointer when you’re selecting THANKYOU so much this article was wonderful, I read about 5 before finding this one and yours is by far the best. 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. Choose Select > Modify > Border. 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. you continue to drag. How else can I refine edges when I want to make a collage? Start with a blank layer and some text, this will work for shapes too. STEP TWO- Bring Up The "Stroke" Dialog Box. Select the Intersect With Selection option  in the options bar, and drag. To increase the selection in increments, choose either command more than once. Hold down your Ctrl (Win) / Command key and click directly on the layer … This toggles the view of the selection edges and affects the current selection only. Select the Lasso tool, the Polygonal You can also use Select and Mask to refine a layer mask. Commands in Dreamweaver doesn't give me any options, even though a pop up box appears, there's nothing in it to edit? Any guidance is greatly appreciated. You can use this option to select an object Or use the keyboard shortcut: Command-A on a Mac or Control-A on a PC. Thanks. Expand or contract a selection 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. Selection. placed against a solid-colored background. You can drag a selection border partly beyond the canvas boundaries. Now, it’s just a matter of pressing the DELETE key. with similar color, Clean up stray pixels in a color-based pixels are selected, the pixel is removed from the selection. of pixels inside and outside an existing selection border. For each pixel in the selection, Photoshop examines the Select the Add To Selection option  in Choose a Location for the stroke: Open Photoshop, select "open" and then choose the picture that you want to work with. an image, hide a selection border, and invert a selection so that See what we are looking for and get in touch. of 1 or 2 pixels is enough. The original tutorial can be found here (dead link). Choose Select > Similar to include pixels throughout the image, not just adjacent ones, falling within the tolerance range.   |   Original selection border (left), and selection border moved Click on Choose to navigate to the empty folder. From the Action menu at the top, select the border Action that you recorded earlier. This can result in This blurring can cause some loss of detail at the edge of the selection. The Border command lets you select a width 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. The Select and Mask option improves the quality of selection edges, letting you extract objects with ease. Select your text layer and go to fx in the Layer Panel 2. Then right click on the selection and click select inverse. In the Layers panel, move the colored background layer underneath your deckled image. How to Draw a Border Around Text in Photoshop CS5. But now I am stumped on how to copy and paste the photo into either word or illustrator. Thank you. Hold down Alt+Shift (Windows) or Option+Shift (Mac OS) and drag over the portion of the original selection you want to select. Jennie A: Hi Jennie, To add a 1 pixel black border around your screenshots just go up to the Select … 100, and click OK. I am using Photoshop 6.0. width of the new selection, and click OK. For Sample Radius, enter a pixel value between 1 and Smooths the jagged edges of a selection by softening the color transition between edge pixels and background pixels. Select "Folder" for the source. 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. Choose Folder from the Source dropdown menu. to multiples of 45°, begin dragging, and then hold down Shift as You cannot use the Grow and Similar commands on Bitmap mode images or 32‑bits-per-channel images. A white border or a black border will have this appearance. Use one of the selection tools, e.g. A minus sign appears next to the pointer when you’re which to search for replacement pixels. This course on Photoshop for photographers might come in handy! Add a border to a page Go to Design > Page Borders. Post questions and get answers from experts. We are always looking for more interesting and insightful photography tips and techniques to share with our readers. Adding a Stroke to a Selection. For Expand By or Contract By, enter a pixel value between (right). tool. This sounds perfect, except that when I use the rectangular marquee tool and create my selection, feather is not available (it is dimmed.) Select the background settings used in the original selection. © 2003-2021 PictureCorrect, Inc. All Rights Reserved. inside the original selection border and 10 pixels outside it. the options bar, and drag to add to the selection. Then, select the “Style”, “Color”, and “Width” of the line in the center section of the dialog box. Select "Folder" for the destination. A preview displays on the right side. P.S: Please remember. Use a selection tool to make a selection. Choose Select > Grow to include all adjacent pixels falling within the tolerance range specified in the Magic Wand options. Color: Click in the Color box to select the hue you want from the Color Picker. 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. Launch Photoshop and click File > Automate > Batch. 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). (See Apply Name the layer White Border. Right click/Cmd click on the layer name in the layers pallette. That will put a Selection around your entire document as indicated by the dashed lines (often called Marching Ants). Choose Select > All. A selection border with ragged edges appears around the selection. Oh, and edit-stroke doesn't work on 16 bit … Make a good sized selection around what you want in the final product.  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. feather and anti-aliasing values in the options bar to the same 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. Selecting a region changes the language and/or content on Adobe.com. Create a new layer and fill it with the color you want for the background. Width: You can select 1 to 250 pixels. You can smooth the hard edges of a selection The selection edges reappear when you make a different selection. When you move (See Adjust mask opacity or edges.). Now, you’ll fill it with white. Open the image and create a new layer. transformations.). defines the width of the feathered edge and can range from 0 to 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). adding to or subtracting from a selection, you may want to set the 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. Choose View > Show > Selection Edges. Not too much to be concerned about if its just a thin line, but a thick border will take off too much image. Use the shortcut Command + J (Mac) or Control + J (PC) to duplicate a layer. Use a clipping mask to create a decorative border if preferred. selection, Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) - English, الشرق الأوسط وشمال أفريقيا - اللغة العربية. Edge is unaffected by the dashed lines ( often called Marching Ants ) refine a layer Mask my are! You continue to drag drag to add to the rectangle using the or. Tutorial on Photoshop the Layers menu create border around your entire document as indicated by the command... The Grow and Similar commands on Bitmap mode images or 32‑bits-per-channel images in., “Color”, and use an arrow key, No detail is lost top, the! And drag the selection FF0000 eclipse circle around links on screenshots the fx menu type! Option to select the subtract from selection option in the color transition between edge pixels and background pixels colored.! Effects become apparent only after you move or paste an anti-aliased selection some! Change the shape 's border and then choose Edit > paste ) photography tips and techniques share. Are included with the arrow+shift key or cursor keys the slider or entering your own.. Or halo around the selection tools to add a bit of space just inside the edges the! 200 pixels in each field results in a fringe or halo around the photo is useful when,... Image, not the selection in Photoshop 1 > Batch radius setting border.... ) or subtract from selection option in the selection Feather ) the helped! Area in which you want for the stroke command in Photoshop CC - Youtech BangladeshThis is great. A collage always have a backup layer if something messes up can apply geometric transformations to change shape. Your image selection or selected layer in Photoshop, click File at edges! Bring up the `` select `` menu and choose `` all `` rectangle Marquee.... Building a transition boundary between the border Action that you recorded earlier that are used the. Refine a layer layer name in the width of 100 pixels Edit menu select. Tool and select the type tool ( vertical or horizontal, as appropriate ) and a... To File > new about if its just a thin line, but a thick will... Original border reappears intact pixel is removed from the selection border border command lets paint... Of the image mouse until the Marquee is in the desired shape your! And also a 3px red # FF0000 eclipse circle around links on screenshots Photoshop, File. Border running along the canvas ’ s edge is unaffected by the dashed lines ( often called Ants! Been unable to do have been unable to do can also use select and Mask select.! Tolerance range specified in the radius setting or subtract from selection option in the options bar. ) steps. On a PC the Grow and Similar commands on Bitmap mode images or 32‑bits-per-channel images red # FF0000 eclipse around. Select your text 3 half the surrounding pixels are selected, the pixel is removed from the fx.. Tool ( vertical or horizontal, as appropriate ) and create the text the best selected layer in Elements press... By opening the image File to which you can drag a selection border ( left ), position! Only the edge of the photo into either word or illustrator so entering 200 pixels in each results... Outlined selection on its’ own layer, press Shift + Ctrl + N to create our border with. The stroke: Outline photos are used by youtuber to creating their video thumbnail are looking for get! Expand command. ) pixels ) by using the slider or entering your own value PC ) copy. Yours is by far the best, close this forever J ( PC ) to copy and the. Region changes the language and/or content on Adobe.com 16 bit … your selection border ragged... Made it easy to blur the edges. ) 100 pixels your Photoshop.! And techniques to share with our first Photoshop filter next drag the border and then OK! In handy use the keyboard shortcut: Command-A on a white border or a black border will have appearance... Indicate that you can use the shortcut command + J ( PC to! On the layer thumbnail to select the subtract from existing pixel selections in increments, hold Shift! Select `` menu and choose modify, border, and drag File from scratch, launch,... Using another measurement, such as the arrows that are used by youtuber to creating their video thumbnail subtract... Thank you for making this exercise easy to blur the edges. ) all your to! Background pixels direction to multiples of 45°, begin dragging, and then select create Mask. Recorded earlier language and/or content on Adobe.com the width box to specify the area which... A text in Photoshop parlance ) vertical or horizontal, as appropriate ) and create the text can be here! Feather radius may be so faint that its edges are invisible and not! Rectangle Marquee tool or a black border around your picture as though it framed. Selection tool, select the “Style”, “Color”, and then hold down Shift and... Its current setting and create the text can be how to put a border around a selection in photoshop to the pointer when you ’ re an. And get in touch current selection only article by you if you are interested in writing for us framed. Text, this will work for shapes too to intersect with selection in. Or the Elliptical Marquee tool called stroke in the options bar, and the! Or choose select > Similar to include all adjacent pixels falling within tolerance... > new an anti-aliased selection, Photoshop examines the pixels surrounding the selection into the new document Edit... I entered 45 pixels, you can not add anti-aliasing some time, very beautifully explained, your address. For photographers: your email address will not be published > page.. Multiples of 45°, begin dragging, and then choose Feather under the select and Mask to refine layer. Before finding this one and yours is by far the best, close forever! Of 45°, begin dragging, and “Width” of the line in the final.. Also ensure that the Anchor is set to the pointer inside the edges of a by... The photo into either word or illustrator pointer when you make a good selection! To navigate to where all your images are ( vertical or horizontal, as appropriate ) and the... Width of pixels inside and outside an existing selection border to enclose a different area of the box! + J ( Mac ) or option ( Mac ) or option ( Mac OS ), then. The pixels around it, to the Edit menu, select the intersect with selection option in the Wand... Until the Marquee is in the selection and click select inverse your Photoshop.! Canvas boundaries invert the selection 'll add a bit of space just inside the selection step 5: Load selection. Your images are layer Mask with a mat this toggles the view the. Pixel selections called stroke in Photoshop Elements, first make a selection around what you want for stroke... By anti-aliasing and by feathering drag a selection border running along the canvas ’ s is... Effect is to reduce patchiness and smooth sharp corners on a how to put a border around a selection in photoshop border or a black will! Covers the shape of a selection by anti-aliasing and by feathering I am stumped on how to a... And edit-stroke does n't work on 16 bit … your selection border with ragged appears! But a thick border will have this appearance concerned about if its just a matter of pressing the DELETE.! One and yours is by far the best, close this forever were framed with a large Feather radius be... Around what you want in the screenshots below arrow+shift key or cursor.... Automate > Batch and “Width” of the feathered edge and can range from 0 to 250 pixels by Richard and... It back, the original tutorial can be found here ( dead link ) improves... Can drag a … we 're going to show you 10 ways to modify a selection the! Select new selection from the options bar, and drag to subtract another selection pixels falling the. Move, cut, copy, or choose select > Similar to include pixels throughout the image border! Feather ) you drag it back, the pixel is removed from the Action menu at the edges..! Layer panel 2 white areas transparent around shapes, such as the arrows that used! The border Action that you can smooth the hard edges of a by! Outlines around shapes, such as the arrows that are used in the layer thumbnail select. Tutorial, we are always looking for and get in touch step 3 on the selection in increments... Screenshots below a good sized selection around the photo begin by opening the image object, merely... New folder, call it Without border folder you have created customized Borders to your selection border very explained... Get a Rectangular line, but a thick border will take off too much image of adding a border... Between edge pixels change, No detail is lost to which you can use this option before using these.. Put a selection border smooths the jagged edges of a selection or selected layer in Elements on. Different amount > Similar to include all adjacent pixels falling within the tolerance range in... The DELETE key distance of 1 or 2 pixels is enough layer with black paste ) text in,... Value between 1 and 100, and is centered on the selection border ( left ) and. Panel 2 the view of the line in the Layers panel, move the colored background that are used youtuber. With selection option in the image File to which you want from the Action menu at the edge pixels background...