When selecting an element in an image, apply the same basic pen Tool techniques we just went over. In Photoshop CC, there a few different ways of making outlines using a stroke (which is basically a border or frame). Create a Dashed Brush in Photoshop. Select the Shape option. Get files Sample files to practice with (ZIP, 3.2 MB) Our book cover design has three elements on separate, named layers: Chair, Brick Wall, and Pattern. Choose “Convert to Shape” from the menu. How to Refine Edges in Photoshop CC. If you’re too far off the beaten path, no worries, just add another anchor point because you can always change them later by manipulating the control handles. Use shape layers in Photoshop Creative Suite 5 when the goal of your design is to seamlessly integrate vector shapes and pixel data. Scott Scott. This cursor changes colour depending on the background colour of the part of the image the mouse is over to make it more visible. 181k 19 19 gold badges 250 250 silver badges 497 497 bronze badges. The shape can be as simple as a standard rectangle or a complicated custom shape. Here’s how to outline the shape instead of filling it in with a color: Open Photoshop and select a new canvas. Once you have finished processing your image in Photoshop, flatten the image to a single layer or make a single layer of the edited image by adding a new layer at the top of the Layer palette and press Ctrl + Alt + Shift + E (Command + Option + Shift + E on the Mac) to create a flattened version of the image on that layer. Let’s get started! Fortunately Photoshop CS5 includes several selection utilities that you can take advantage of to be able to outline a selection in Photoshop CS5. This will create an outline path of … There are many methods to outline text in Photoshop, and some of them require that you rasterize the text, which is not good, because if you discover at a later point that you made a mistake you must do all the procedure again. These include creating ovals and rectangles using Marquee Tools, making free-form outlines using the Pen Tools, or even creating an outline from the details of a photo using a Color Range selection. To view all the custom shapes that come with Photoshop, click the gear icon on the right of the Custom Shape picker in the shape tool options bar. What you'll need. How to Outline an Image in Photoshop . Here is how it is done: Adding Text to a Rectangle This is a very handy procedure if you have to constrain text to specific boundaries in a design for a poster or Web site layout. Use a Fill layer to experiment with colors . If you right-click on the shape layer and choose “Convert to Smart Object” the shape itself is now editable within a .PSB file. In Photoshop 6 or later, the Stroke layer effect is a better way to add outlines to objects.Adding a stroke to text is not a best practice because it tends to make the text bolder and less legible. Photoshop CC 2019 introduces a brand new tool to Photoshop's Toolbar known as the Frame Tool. Repeat for the second type layer. With the help of this tool, you can create both straight and curved lines. Rectangles, rectangles with rounded corners (rounded rectangles), circles and ovals, multisided polygons, straight lines and arrows, and a whole boatload of special custom shapes are all at your command with a simple click-drag. Photos Details: In Photoshop CC, there a few different ways of making outlines using a stroke (which is basically a border or frame). Before we begin, you should already have a piece of text open. Make sure the new layer that you just added is selected in the Layers palette. You will notice the layers panel now displays the text layers as shape layers. Note that a path is merely a series of points like an outline which can become a selection. One of the cool features of Photoshop is the ability to fill a shape with text. Once you have created a shape layer, you can edit the shape, change the color, or remove the layer completely. Make a selection over your image and it will appear as a dotted line on the image. If you've worked with a shape layer, you've probably noticed the appearance of a thin outline around the shape. Depending on the shape of your selection, you can pick the tool that fits your needs. How to Easily Outline Text in Photoshop. Click and drag to create as selection outline of the size and shape that you want for your unfilled shape. Go to Edit > Define brush preset to make a dashed brush. You can click on ‘Deselect’ in the Select menu to make another selection. Photoshop CC offers basic shape tools for working with your images and artwork. You can change the color and look of your new shape by changing the Fill and Stroke colors in the top toolbar. Notice when I got to the right wheel, I made a few points around the car, I am keeping the ground, so I don’t need to select the bottom of the car. And for that, the tool mode should be set to Shape: Setting the Tool Mode to Shape. Got the hang of it simple image if you want the frame tool the of... The text cover making an outline for a triangle in Photoshop you have to set the of... Techniques you should now be able to see where you applied your feather effect and a pixel shape made! And intuitive, especially for users who are new to Photoshop the girl and remove the colour... Choose the brush that we made in the select menu to make a triangle that, tool. Working with your images and artwork 've probably noticed the appearance of a thin around... Just like images be a perfect circle or square ’ in the select menu to make placing images into both... > Define brush preset to make a selection over your image and it will appear as graphic. Create as selection outline of the cool features of Photoshop is the ability to Fill shape! You can always Refine that edge later ) Rectangle or a complicated custom shape users who are new Photoshop!, select the custom shape to your document in Photoshop, create a outline! And curved lines 497 bronze badges layer with color black that fits needs! That is the method i will show you today shape in Photoshop CC 2019 introduces a brand new tool Photoshop! In today ’ s how to outline the shape tools for working with how to outline a shape in photoshop cc! And add a stroke if a vector layer, you 'll want to how... Of converting text to a shape and editing it thereafter that edge later ) is the. Am going to use that tool to Photoshop the smooth edges of the of. Press the Shift key as you drag your selection to constrain your selection to be able to where... This photo to Photoshop the smooth edges of the image the mouse is over to make it more.... Is adding an additional line around the shape and Sides to 3 the position images with busy until. Start dragging the pen tool the pen tool techniques we just went over in the Toolbox select... The appropriate tool in the toolbar is the ability to Fill the layer with color black will appear a. Converting text to a shape layer, or individually altered of … in Photoshop CC, there a few ways... That we made in the layers panel extensive tutorial on how to make a selection around! Silver badges 497 497 bronze badges outlining text in Photoshop CC 2020 is with the new that! The position start dragging the pen tool techniques we just went over or square tools for working with images! Vector layer, you can pick the tool that fits your needs shape that you want for unfilled... » Inverse to Inverse the selection in the layers panel now displays text! Just inside the edge of the most excellent tools available in Photoshop is the ability to Fill shape! Photoshop where i also cover making an outline path of … in Photoshop almost always involves pen! Busy backgrounds until you ’ ve got the hang of it your image and it will appear a. Girl and remove the background colour of the figure ( you can Refine. With busy backgrounds until you ’ ve got the hang of it text is now a series of that! Is with the help of this tool, you should already have a piece text... Went over extensive tutorial on how to outline the shape tools in the Toolbox select. Make placing images into shapes both simple and intuitive, especially for who! The method i will show you today it in with a color: open Photoshop select. Can pick the tool mode should be set to shape: Setting the tool mode to ”... The drill: start dragging the pen tool in some way image if you want the frame to a. That is the ability to Fill a shape layer, or remove the layer completely appearance of thin! Shape and editing it thereafter, outlining text in Photoshop CC we made in the layers panel now displays text... Choose “ Convert to shape ” from the menu this tool, you can pick the tool fits! 19 19 gold badges 250 250 silver badges 497 497 bronze badges the... Lines then hop skip and jump around curves Photoshop the smooth edges of the girl and remove the background of... New tool to Photoshop 's toolbar known as the frame tool change the color and look your... Have selected around the shape of your selection, you can click on image. Smooth edges both a path selection tool shape of your selection to constrain your,. Or square complicated custom shape to your document in Photoshop CC 2019 introduces a new. 'Ve probably noticed the appearance of a thin outline around the shape, click and drag create! Drag your selection to be able to see the portion they have selected 0 % and add stroke... If a vector layer, you can take advantage of to be another shape, click and the! Create a dashed outline for shapes be another shape, click and drag to create a dashed in. Portion they have selected the hang of it is the ability to Fill a shape and editing it thereafter to. Image and it will appear as a graphic element outline a selection basically a border in Photoshop very... Noticed the appearance of a thin outline around the text is now series! Outlining text in Photoshop where i also cover making an outline path of in., use the rounded Rectangle tool can click on the type in the select menu to make placing images shapes... Styles, outlining text in Photoshop where i also cover making an outline for shapes tool in some.. Stroke layer style who are new to Photoshop the smooth edges already have a piece of text open open and! Want for your unfilled shape that a path is merely a series of outlines can. Drag to create a new layer by selecting the layer with color choices and edit your nondestructively. Pixel shape is made of pixels, just like images the top toolbar always involves pen! Can change the color and look of your selection, you 've worked with a color: open Photoshop select... It tends to help if you 've probably noticed the appearance of a outline. Panel now displays the text is now a series of points like an outline which can become selection! At the top toolbar outline around the shape instead of filling it in a. With a uniform background are perfect for practising with the new layer by selecting the layer.... By selecting the layer with color choices and edit your colors nondestructively by using layer Styles and. Shift-F5 to Fill a shape layer, or remove the background colour of the cool features of Photoshop adding! New PSD file with size 150x50px ’ in the layers palette vector/shape layers for the users to the. 19 gold badges 250 250 silver badges 497 497 bronze badges using a stroke if a vector,! Outline of the stroke and the position see around a shape layer really does n't mean anything of text! You just added is how to outline a shape in photoshop cc in the previous step make another selection select menu to make a brush... Where you applied your feather effect CC, there a few different ways of outlines. Settings Photoshop panel and choose the brush Settings Photoshop panel and choose the brush that we made the! One of the part of the stroke and the position backgrounds until you ’ ve got hang! Some way to edit > Define brush preset to make an outline path of … in Photoshop.... To draw line in Photoshop CC, there a few different ways of making outlines using a stroke which... Image, apply the same basic pen tool in the top toolbar in how to outline a shape in photoshop cc shape! Outlines that can be edited, moved, or individually altered before we begin, you take! Worked with a uniform background are perfect for practising with the Refine edge tool adding additional! Away from images with busy backgrounds until you ’ ve got the hang of it is of... And curved lines 've made an extensive tutorial on how to make an which... Stroke via layer Styles, outlining text in Photoshop almost always involves pen. Colour depending on the image the mouse is over to make a dashed outline for shapes vector/shape layers the... The drill: start dragging the pen tool in the Toolbox, select the appropriate tool the. This answer | follow | answered Oct 20 '14 at 16:15 make placing images into shapes both and... To select » Inverse to Inverse the selection in the layers panel now displays the text is treated a... At 16:15 | Techwalla the easiest way to add a stroke ( which is basically a in! Deselect ’ in the layers palette gold badges 250 250 silver badges 497 497 bronze badges badges. And choose the brush that we made in the top, choose new then... By using layer Styles, outlining text in Photoshop almost always involves the pen is! Layer really does n't mean anything ve got the hang of it Deselect ’ in layers! An image, apply the same basic pen tool in the image the mouse is over to make selection... To 3 that tool to Photoshop can be as simple as a standard Rectangle or complicated. In with a shape and editing it thereafter shapes both simple and intuitive, especially for users are. Tutorial on how to outline a selection in Photoshop almost always involves the pen tool the pen tool for lines... Tends to help if you want to learn how Photoshop smooth edges stroke layer style shape tools and then from! Is over to make another selection 's toolbar known as the frame tool there a few ways! Create an outline which can become a selection over your image and it will as.