How to Replace a Sign for Mockups in Photoshop

Today we show you how to add your own text and logos to a sign in Photoshop! Learn how to remove existing graphics from a photographed sign, place your own graphics in proper perspective, and work using multiple Photoshop documents that update in real time as you make changes.
Download the Sample Images & PSD:
phlearn.com/re...
Join PHLEARN PRO (Save 10%):
phlearn.com/yo...
Join this channel to get access to perks:
/ @phlearn
―
What is PHLEARN PRO?
◦ 200+ In-Depth Courses on Photoshop, Lightroom & Photography
◦ 500+ Actions, Brushes, Presets & LUTs
◦ Master Retouching, Compositing, Special Effects & More
◦ Monthly & Annual Subscription Options
SAVE 10%: www.phlearn.co...
―
Follow us on social!
Instagram: / phlearn
Facebook: / phlearn
Twitter: / phlearn

[@shahrukhraza1193]

This man is legend of Photoshop... Love you from the deep inside of heart😘😘😘😘😘😘😘😘😘😘

[@boruchlen]

That was great. I started watching, knowing that I knew everything you were going to be doing, but boy was I surprised. I really enjoyed, and learned a lot. Thank you! Keep up the great tutorials.

[@Aprendizzz2009]

I need to watch this tutorial at least twice... very helpful and nice tutorial...!!! Thank You!!! Very kind of you sharing this whole knowledge!!! 👍👍👍👍👍

[@richardsonmedia9630]

AWESOME! TECHNIQUE!!!!!!!!!!!!! VERY HELPFUL Greately appreciated - Salute Phlearn

[@jennyhunt]

Again. You are the Photoshop master that I needed.

[@eduardoestevesarts]

Grate tutorial Aaron. Helped me a lot in placing fine art paintings proportionally and in perspective over pictures of walls. Thanks a lot!

[@Mexicotravelltd.]

wow man , the cleanist tutorial on yt , congrats

[@Maktree]

nice tutorial 👍🏼

[@vin7499]

Thank you brother ☺️

[@craigfeltham3318]

A total God of PS 🥰 Amazing skills 👏🏼👏🏼

[@Trancilian]

Very nice. The way I usually do this is a little bit simpler: 1 (optional): place the guides (you don’t need them, but it helps with snapping) 2. shapetool: draw rectangle using height of the right side and drag until the left edge. 3. ‘Convert shape into a Smart Object’ by right clicking the shape in the layer panel. Optional step 3B. Double-click smart object, inside the smart object resize the document if it’s too low res, advised if you also want to export its contents. Go back to the original document and transform the now scaled object so that it’s the original size again. 4. Transform the smart object to match perspective 5. Double click smart object thumbnail in the layer panel to change the contents and proceed with the tutorial as in the video. You can copy the layer (alt+drag) to make a linked copy for the reflection. Using these steps you don’t have to do the marquee and crop the new psd document.

[@denissooma]

Just great... he made it look like it is that simples... he doesn't even mess up opening a window tool that he wasn't supposed to...

[@barrylee6256]

Could watch you Phlearn all day. Super easy and clear to follow👍

[@jcscobucci]

Excellent video as usual. Greetings!

[@caioteixeira1541]

Outstanding tutorial! Thanks for this one man

[@UbbeGubbn]

I wish i had just a "little" of your knowledge of Photoshop! Great work as always! 👌

[@TD-rl7mi]

Thank you so much! You explain everything perfectly.

[@anissahali530]

You're a genius ❤️🔥

[@FRh0]

Awsome tutorial, with the commands and everything, simply unmatched

[@iahmed92]

You always done a great job very easy way to learn

[@sarahcollins5245]

Love it! These longer tutorials that do more involved edits are great (though every snippet video has taught me something new so far!) ... ps if you sold mercy that said Phlearn on the front and “that looks pretty good” on the back I’d buy six lol

[@dandiehm8414]

@@redhotendorphins7265 Don't you mean PHANTASTIC? :)

[@emrahy.849]

thnxx a lot

[@nadkru5352]

thank you!

[@alhassanemad5257]

Great readout photos, and perfect design.🖤🖤🖤🖤👌👍

[@avisionthroughchrist]

So awesome! Thank you for sharing 🙏☀️

[@HamedEmine]

I'm so glad I didn't skip this video because I thought there were too many useless steps

[@AshuraTheHedgehogDX]

Great tutorial! A suggestion that could simplify this process: Why didn't you use the perspective crop tool on a copy of the image in a seperate psd? That seems like a simple way to reduce the number of steps needed to achieve this result. As it allows you to skip the entire selection and transformation, then copy to new file and cropping the new file segment.

[@Layput]

As a beginner, this process is very helpful. It shows a lot of other functions that you would need later. If he did do the shortcut, then many of those of functions could have also been skipped. If you are good enough at photoshop, then you can do a number of shortcuts. Afterall, this video is not teaching those who already know but those who still don't know much about photoshop. This is probably not the place for an expert like you.

[@itsmarathe2717]

many thanks & i love your videos

[@tsitsishvili]

Hey may, I love your video lessons! Which mac are you using in this video?

[@jhordanmeneses6170]

your chanel is really helpful

[@ao_qd]

THIS WAS SO FIRE!!!!!

[@kiloserrano8595]

very helpful! thank you, I'm PHLEARNing :)

[@ChronosCooper]

I never used linked files before. Now I will

[@abdalrhmanmostafa5174]

I LOVE YOU! thank you

[@10mintimerrelaxingmusic99]

Hey Aaron! Nice to see you man! I want to ask you something. Why don't you create some new fantasy magical dreamy landscape "Photo-Art-Composition"s (not sure what is the exact name) with glowing and sparkling effects and teach us how to do that. I love to see some of those tutorials on your youtube channel. I insist you do it plz🙏

[@madmed6672]

why not just use convert to smart object ?

[@prashantjagdale6885]

One of the best

[@doctorcorner7939]

legend.. keep going brother

[@timwilk5404]

I'd like to modify the "Welcome to Fabulous Las Vegas Nevada" sign. Specifically I just want to change Las Vegas Nevada and probably some of the colors. Problem is, I'm overwhelmed by photoshop. Would I follow the same procedures as here or would you happen to have another tutorial to help me with that? Thank you. LOVE your videos!

[@jessiediaz5933]

THANK YOU SO MUCH....IT'S REALLY GREAT....

[@Eko9559]

this tutorial help my project, thank you

[@JulesFerlatte]

This is great thank you

[@prasenjitdas03]

Awesome ❤️❤️❤️

[@gog5731]

I think it will be useful for product photography

[@bennylop4709]

I can remember a video of a few years ago, where you selected the area you wanted the text to be in. it opened a new window, you put your text in there, clicked OK and it automatically filled the area with the text on the right angle. That was way more simple than this. Can you show us that way?

[@stoatsnhoney]

Had to rewatch the tutorial a few times cause I kept getting distracted by the dog in the background 😆

[@phlearn]

🤣 Koa wanted to be part of the tutorial as well

[@chris2kplays]

I like this tutorial

[@daviddelrieu6018]

The return of the beard !

[@LunatiqueRob]

What exactly is the advantage of copying the layer to a new document and then link back to the original document, instead of just doing all the editing in the same document?

[@Trancilian]

When working with perspective like this it’s easier for future changes to work with a smart object, so you can edit its contents without having the perspective edits applied. You also wouldn’t be able to link the reflection to the sign without using a smart object.

[@Saadanything]

Amazing

[@ebelastudio]

Nice tutorial.. Want more.

[@mohammedalmnyawe2518]

Thanks ❤️

[@whynot6108]

Dope!

[@michaelayap1782]

Isn't vanishing point easier?

[@asr.skills]

I know more easy way to do this. But u also have a good idea.

[@miguelcarvalho5122]

That's the best thing about Photoshop, you can do the same thing in many different ways.

[@CreativeForcePro]

1-Create a rectangle 2-Convert it into a "Smart object" layer 3-Align it perspective accordingly 4-Double click to edit the content of that smart object, put your design, save 5-Done

[@Layput]

Well he knows a lot more too. He is just maximizing the steps to involve a lot of other methods to help beginners. We are not here to make the shortcuts. We are here to learn methods. If he wanted to do a shortcut, he could do it better than you. Don't show up your skills here like he doesn't know photoshop. He does. He's an expert.

[@Adira0004]

What photoshop version is this?

[@phlearn]

Hey there! We used Photoshop 2021

[@pepijnprobeert4228]

Woop first

[@zafarvid]

I created this mockup in 2019 on designbolts website. If you want to check out search for "signage with reflection". You can download and try if you like.

[@jimbobaroobud]

This has a lot of good information in it, but it is pretty easy to see that the original red sign was a rectangle and not a square. If you were going to have PERFECT perspective replacement, then your new layer needs to be shaped like a rectangle and not a square.

[@Layput]

A square is a rectangle with 4 equal sides.

[@jimbobaroobud]

@@Layput And a rectangle that is not a square has two pairs of equivalent sides. When you change a rectangle whose height is different than its width into a square, the content within the area of the face will become distorted. It needs to remain a rectangle for the material on the face to be in correct perspective.

[@Trancilian]

@@jimbobaroobud yeah, if you know the original size of the sign you could resize the smart object’s document to those exact values and then transform the smart object to fit the perspective. However, sometimes perfection isn’t necessary.

[@ehsanek2021]

😍😍😍👍👍👍

[@parthsavla7283]

Cloning is not happening😪

[@4091740]

1st Comment! Yea, yes, yes!!! Been trying to do this for years!!

[@pepijnprobeert4228]

Hahahahahah nooooo it was I

[@N00BiEZ]

I thought that "Good vibes only" is a font🤣

[@ChrisCameronPhoto]

I don't think your de-perspectivising is right. There is foreshortening of the length of the sign that you don't seem to have accounted for. Signed Chris the Pedant.

[@stephlrideout]

It's not about finding the true proportions of the sign, it's about finding a square edged shape you can use to set flat images into place. But of course you know that.

[@post-plant163]

It seems 2:07 ~ 4:18 useless.

[@dylankelsall7364]

Awful tutorial