Create distressed edges in Photoshop

In this video, we take a look at creating distressed image edges from start to finish in Adobe Photoshop. Utilising simple selection techniques and layer masks All of the effects in this tutorial are non-destructive and can be re-edited at any point in the future.
00:00 Introduction
00:23 Start with a high detailed image
02:44 Build your edges in Select and Mask
06:13 Add your layer mask
07:01 Add a colour fill layer
#photoshop #adobe # tutorial
------------------
VISIT CREATIVEFRONTIERS.COM TO VIEW OUR BOOKS AND MORE FREE TUTORIALS
www.creativefrontiers.co.uk/
JOIN FOR LIVE CLASSROOM TRAINING AT NTI LEEDS (UK)
www.leedsbeckett.ac.uk/nti/
🔴SUBSCRIBE TO OUR CHANNEL HERE FOR MORE FREE TUTORIALS
/ @shaped-by-design
YOU CAN ALSO FIND US ON
➡️Twitter / cfrontiersuk
➡️Instagram / creativefrontiers
➡️Creative Frontiers www.creativefrontiers.co.uk/

[@NickNygaard]

Thanks Gary, helping a friend with a vinyl cover, this was just what I needed

[@cognitivebelligerence]

What a great tutorial, this is exactly what I needed for a vintage book-inspired project I'm working on. Thank you!

[@shaped-by-design]

Thanks Bridget, I'm glad you found it helpful! 👍 Hope the vintage book project works out for you

[@Nat20_TV]

WOW! Thanks! This was quick and easy to follow!

[@rogernilsson2254]

Great tutorial. Just what I needed. Big THX!

[@FredHerrman]

Thank you for this video. You were extremely clear and concise with each step. Many thanks! -Fred

[@KellyJRandolph]

Great video - super helpful!

[@BeardedFreak85]

thank you so much, amazing tutorial, images looks amazing with this

[@shaped-by-design]

Glad you think so Carakeno! Thanks for watching

[@Astlaus]

The important thing that doesn't seem to be mentioned here is that how the edge gets distressed depends on the image you're working with! If you try this method on blank image, it won't do anything except feathering the edge. On the other hand, you can use this to create the edge the way you want.

[@shaped-by-design]

Hey Astlaus. You're absolutely right, and an over-sight on my part, sorry. I'll update this video. Thanks for posting the heads-up.

[@microwavdbread]

Thanks so much! This tutorial was great, helped a lot with a uni assessment im working on.

[@shaped-by-design]

Hey @microwavedBread, glad it helped! Thanks for watching 😎

[@Meshenka]

That was really helpful. Thanks!

[@shaped-by-design]

Thanks for watching Meshenka, glad you found it helpful.

[@saint8083]

Thanks alot man

[@thestrangeandstupidone8116]

THANK YOU SO MUCH AAAAAAAAAAHHHHHHHHHHHHHHH I REALLY NEEDED THIS!

[@shaped-by-design]

You're welcome, glad it helped!

[@inLoopie]

10/10 great, thank you very much

[@shaped-by-design]

Thanks Inloopie, glad you found it useful. Thanks for watching!

[@digidianne3302]

thank you for this !

[@shaped-by-design]

You're so welcome Digi

[@suzevidz]

Thanks!

[@Jamaicastop10]

GREAT VIDEO REALLY HELPFUL

[@shaped-by-design]

Thanks, Chaddo, glad you liked the video! 😎

[@fullmetalbitch6116]

Amazing! Quick and informative. Thank you so much!

[@shaped-by-design]

Glad it was helpful! Thanks for watching! 😎

[@SiegeTales]

thanks!

[@shaped-by-design]

Welcome!

[@Andonchoto]

That is a cool way to use masks in PS. :) Thanks!

[@shaped-by-design]

That's the beauty of Photoshop, so many ays to remix the features for an unusual end result! Thanks for watching Andon!

[@bhagyashreekatkade4952]

Thank you very much! Really helpful.

[@shaped-by-design]

Hey Bhagyashree, glad it helped! 👍

[@g.u.s3791]

thanks g , W video

[@mattsmith1859]

How do you only have 3.9k subscribers? This was amazing, thank you.

[@StephanieLarsen123]

Maybe because it didn't work? And he talks a shit ton so you have to slog through all his chatter to do the exercise?

[@mattsmith1859]

@@StephanieLarsen123 Worked perfectly for me the first time and I barely know what I'm doing. And I didn't notice all that much slog but there is this thing on the video that lets you go to points of the video and skip others? You know about that right?

[@ilyaalexeev7845]

Thank you very much for this tutorial. Exactly what I was looking for!

[@shaped-by-design]

Thanks Ilya, glad it was helpful. Thanks for watching!

[@allenpayne9182]

Fantastic

[@shaped-by-design]

Thanks Markus!

[@AlexanderOspanov]

Double like!

[@kevod7351]

Thankyou

[@astridalmaaakra972]

Great video, but how do I get rid of the white egdes from the original photo?

[@gaddamsrikanth730]

Hi , can we do this in Android mobile

[@padmayoga3577]

how to make only the border with the transparent background?

[@fredbuchanan2560]

Does this method work on Photoshop CS3? Do you know a work around, if not? Thank you kindly.

[@shaped-by-design]

Hi Fred, sorry for the very slow response. The refine edge options weren't available for CS3 but there is a couple of different ways I can think of instantly. To get you up and running asap I've added a couple of links below that might be helpful. Best of luck Fred and thanks for watching!
*Edges with Brushes:*
pshero.com/photoshop-tutorials/photo-effects/grunge-photo-edges
*Edges with clipping layers and blend modes:*
th-cam.com/video/iibyam4hTi0/w-d-xo.html

[@Hebhansen]

Hey Gary - Not working here. After show Black & White and adding auto and 75px, I do not get the deckle as you do in you turorial???

[@Hebhansen]

Note: I am not working on an image but a white rectangle. Will this not work?

[@shaped-by-design]

@@Hebhansen hey, you'll need to use a reference image that contains lots of high frequency details. I often use aerial images of stormy oceans, which produce a distressed edge effect, hope that helps!

[@minecraftcart328]

For some reason when I try to contact it says 'error: no pixels are selected'. I'm not sure why, i've selected a layer and then selected everything in with select all.

[@shaped-by-design]

I've aways found starting with the background layer active works every time, hope it worked out for you Harry

[@DarthClam]

Does anyone else have an issue where if they select all, most selection modification options are greyed out?

[@melodysophiavieira6954]

Because u didnt select a layer

[@DarthClam]

@@melodysophiavieira6954 thanks but that's not it. I've tried

[@shaped-by-design]

Hi @DarthClam what is your feather amount set to when you make this selection?

[@spensert4933]

why is your background white rather than the gray square [no data] image I see? Don't you need a layer? [using 2022]

[@shaped-by-design]

Hi Jamie, it could be that if you start with just a background layer all that will be left once the mask is applied will be transparency.

[@StephanieLarsen123]

CS6. Didn't work. No crackle edge came up, all I got was a feathered edge.
For future reference it might help others if you made your image smaller so we could actually see the things you're clicking on... And if you kept the chit chat down a little.
Update: juggling the controls made it work plus lots of layers.z
OK why are you creating a whole new fill layer with a mask? Why don't you just make a white background? Why make another mask?

[@XXXoXXoXXXX]

i cant see anything on your tutorial

[@shaped-by-design]

Are you referring to an audio/visual issue or something specific about the tutorial steps?

[@XXXoXXoXXXX]

@@shaped-by-design it was too small and blury for me to read anything on my monitor , just a heads up, it was a little frustrating

[@livesabeloyt]

dont do it any FEATHER 😆😆😆😆