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