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