How To Draw An Outline Around A Layer In Photoshop
Outlines Images in Photoshop | Add White Outlines to Images | Easy Stroke Tutorial
You seeastward them all the fourth dimension. Those awesome looking YouTube thumbnails with the white outlines around the images without backgrounds. I love the way these look. If you lot're reading this, you probably practice too.
This seemed like it would be an piece of cake matter to do. It wasn't equally easy every bit I expected. After a quick Google search, I realized that it was actually a bit more involved than it seemed on the surface.
I wrote this blog post because I wanted to simplify it as much as possible for you lot.
This is a skilful time for me to tell you that for this tutorial, yous volition demand to buy photoshop...I oasis't found a gratuitous alternative that can do the white outlines around images similar I'm going to show you.
Here is how to add outlines around images in photoshop.
Removing backgrounds is much easier if y'all have a potent contrast between the background (what you want to remove) and the foreground (the part you lot desire to keep). I utilize a green screen now for most of my images. If you don't accept a green screen, try to create a stiff contrasting background that doesn't have similar colors to the foreground.
Step #i Open the Image Y'all Want to Use in Photoshop
Open Photoshop, select "open" and then choose the picture that you lot want to work with.
You tin 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 volition remove merely one).
Pace #2 Select the Foreground from the Background
Once you've started your projection, you volition use the quick selection tool to select the expanse that you want to isolate.
If y'all take a well defined background, this is pretty easy. If not, yous'll need to work a little harder to get the foreground cropped from the background.
If parts of your image aren't identified properly by the quick selector tool, yous'll have to use the + and - characteristic to select the parts that should and shouldn't exist included in the foreground.
The zoom feature is your best friend when fine tuning your images. If you leave too many rough edges, information technology volition cease up looking really weird. Zoom in every bit close equally possible and be sure to remove the groundwork and keep the foreground as closely as possible.
I don't stress over modest things and often will crop the epitome further to avoid doing too much editing 🙂
This part may accept a little practice. If your paradigm is free of strong shadows and other contrasts, you shouldn't have also much trouble using merely the quick selector.
Step #3 Copy and Paste the Foreground
One time you've selected your foreground, y'all'll need to "bring it forward, past copying it and pasting it again as it's own layer.
On a Mac, utilise CMD+ C then CMD + Five.
On PC, use CTRL +C and then CTRL +5
This will "separate" the part you've selected from the groundwork and will now evidence as it's own
Step #4 Delete the Original Layer
You should at present have 2 layers if you opened the image straight and iii if yous pasted the paradigm into a new project.
- The original image
- The foreground prototype you've selected (the part you lot want to go on)
- The original background (only if you dragged file).
Delete the original image and the original bare groundwork (if applicable).
You lot'll be left with only the selected foreground with a transparent background.
Stride #5 Select "Blending Options" on the Foreground Layer
At present that yous have just the one layer, right click on it and choose "blending options,"
Step #6 Select "Stroke"
From the blending options, select "stroke." Once you lot exercise, you lot should see an outline announced around your paradigm.
Y'all can edit the manner this looks (width, color etc) from the blending options.
Once you lot've done this once, you can apply the same default stroke on future piece of work.
Step #7 Download Your Completed Image
Once you lot've added your stroke and removed your background, you tin can export the file as a .png file and employ it in other tools like Canva or RelayThat to finish your thumbnail.
If you want to use photoshop for the entire thing, go for it! I prefer Canva.
Hither is the terminate product I just made (in Canva, following the steps I just showed).
Ok, your plough! Go brand some thumbnails!
RESOURCES
- Adobe Photoshop ($xx per calendar month/gratis trial available)- This is the paid software that I used in this tutorial. I don't know of any free alternatives that will let you add the white outlines but I encourage yous to search if y'all'd like and please exit a annotate if you find something!
- Elgato green screen ($149) - One of the greenish screens I apply to brand certain my backgrounds are easy to remove. This one is collapsible simply still pretty big.
- Canva (Free) - The spider web tool I use to create my thumbnails (after I've added the white outlines and removed backgrounds in photoshop).
Source: https://entreresource.com/outline-images-in-photoshop/
Posted by: sandovalmeir1997.blogspot.com
0 Response to "How To Draw An Outline Around A Layer In Photoshop"
Post a Comment