Skip to main content

How to Use Displacement Maps in Photoshop

Learn how to use displacement maps in today's episode and help this rad granny out by adding the Phlearn logo to her hat!

You will need two elements for this technique:
-Logo or some sort of design
-Image to place the design on

To start, transform your logo onto the image. You can hold Cntl/Cmd + T, right click, and select Warp to really hone in on the correct angles and perspective. Next, go to Channels and find the one that has the most contrast (this is often the blue). Then, right click on that channel. Select New under the Document Menu. Title it appropriately and hit OK. Now, go to File - Save As, and save it as a PSD. This document is now your displacement map.

Back to the original image we go! Select RGB in the Channels tab so that all of them are selected. Now, go back to the layer tab. While on your logo layer, go to Filter - Distort - Displace. Set the horizontal and vertical scale to 10. It will ask you to load your displacement map, which is the other document that we just saved out. It will automatically start to integrate the texture into the logo!

Amazing quick tip: If you press the logo above the layers next to the word "Lock," anything you do will ONLY affect the pixels on that layer. You can think of it as a mask for your logo! This is called Locking the Transparency.

Feel free to play around! Try filling the logo with a color and then experimenting with blend modes. In this case, we chose to use Overlay.

Comments

Popular posts from this blog

C++ Programming Tutorial - How to Install Code::Blocks in Ubuntu Linux - Learn Online

Installing Code::Blocks How do I Install Code::Blocks HOWTO: Installing Code::Blocks 10.05 How do you install Irrlicht on Code::Blocks? How do you install CodeBlock on ubuntu? codeblocks /bin/sh: g++: not found Installing codeblocks on ubuntu Installing Code::Blocks on Ubuntu 10.04?

Facebook Advertising Coupon – What Happened?

It used to be that Facebook had many different promotions in which they gave out free $50 advertising coupons. Facebook Advertising Coupon is only getting from some hosting service that is include in godaddy Hostgator and 1and1, If you do a search for “Free Facebook Coupons” on Google you’ll probably see some results like this: Free coupon when you buy WordPress hosting through GoDaddy Free coupon when you setup a DIY website through specific website builders Free coupon when you “like” Facebook’s Marketing page Unfortunately none of these are still active. What happened is in mid-2015 Facebook tightened their hold on advertising credit coupons, likely in response to companies who were “reselling” coupons on eBay and Fiverr. As a result, Facebook ended many of these promotions. Facebook Advertising Coupon Facebook Ads can get expensive pretty quickly. There’s no secret about that. And with organic reach continuing to decline with the most recent algorithm update to th

Contextual Design and Development is the Driving Force Behind all Successful Mobile Applications

The time of ordinary custom web application design & development is long gone. Today the focus is on contextual design and development. It is the rise in the popularity of mobile applications that has provided the impetus for giving importance to ‘context’ when it comes to app or web development. Let’s focus our attention on mobile applications and why mobile applications need to be developed keeping the context in mind. Because they are used in diverse locations Let’s face it. We all love mobile apps because they can be used just about anywhere and at any given point of time. Yes, that’s right, they can be used in offices, on a train, in the kitchen, movie theatre and the list just goes on. So, the app needs to be developed in context of the location. Different users have different needs when it comes to a mobile app and these needs, in part, are determined by their location. For e.g. if a developer thinks a particular app that is in the process of being developed will onl