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