Just One Image File, But Multiple Versions! How?

February 26, 2020 posted by


Today I’m going to share with you how you
can use the magic of Layer Comps to create different versions of the same document in
such a way that you can pull up any version anytime and in the document. Let me first demonstrate and then we will
learn how to do this. So this is a simple magazine cover template. Right, let’s say we want to add a photo to
it. All we need to do is to go to File and then
place linked. Simply locate the document that you want to
attach. In this case, I’m going to use a Man with
Camel and hit Place. All right, pretty good. Now, let’s just go ahead and adjust it. So I’m going to make it a little larger, and
it’s fine with me. Now here is the magic. Have a look at this. If we go to Properties right here, or if we
simply go to Window and then make sure Properties is checked, inside of that, have a look at
this drop down, if I just click on this one, look at the Layer Comps available. If I choose Original, this is going to show
me the original image. Isn’t that wonderful? If I just go ahead and choose the Silhouette
Version, just click on that and it loads that and simply Isolated Version. This has a transparent background, so I can
choose any color I want. Or maybe I want to place a different sky or
whatever I like, different design, different texts. And we even have one more version, which is
the Black & White Version. Isn’t that amazing? So how did we create all of this? To be able to access the different versions,
we need to create the versions using Layer Comps. Keep in mind that we inserted a document we
did not insert a JPEG image. So let’s just go ahead and open that document
and let me show you what exactly I had in that document. So here we are in our Finder or Explorer and
I’m just going to open this PSD separately – Man with Camel. As you can see, I have a ton of layers in
here. Now, let me show you something interesting. If I go to Window and then if I click on Layer
Comps, look at the different versions here – Original, Silhouette Version, Isolated Version. Now, wherever we are selecting all of these
versions, what’s happening is some of the layers are being hidden and some are becoming
visible. That’s just it. And that’s how you create these Layer Comps. So let me just go ahead and delete all of
this and let me take you through the entire document. All right, okay. Now, here we have a lot of layers, a ton of
layers, right. So at the very bottom, we have the original
one. On top of that, we simply created a black
and white Adjustment layer, added some Curves and added some vignetting and some grain. So this is the black and white version. So let’s say now I want something with the
background changed, a sunset version. So for that I masked it out here, this layer,
and put in a background. Now, since we put in a dark background, we
needed to make this darker as well. So if we just turn the Curves Adjustment layer
on, we’ve just made it absolutely dark. You can keep it a little light depending upon
your taste, I’m just going to make it absolutely dark. So, we have everything in here. So let’s say I want an original version. So, I’m going to turn everything off and just
keep the original on. Now, I’m going to go to Windows and then Layer
Comps. Now, inside of Layer Comps, we will click
on this ‘+’ button right there and just make sure everything is checked so that even the
visibility, position, in case you change any of these properties, they will stay with the
Layer Comp. So we just going to name it Original and hit
OK. We are keeping it simple and only controlling
the visibility. Hit OK. Now, let’s say we want a black and white version. So let’s turn on the layers, which will make
this black and white. All right. Now, let’s click on the ‘+’ button right there
and let’s name this Black and White. Now you can turn off all of these layers if
you wish to. Now, so let’s turn on the sunset sky and let’s
turn the masked one on. We have to turn on the Curves to make all
of this dark. Let’s click on ‘+’ again and let’s name this
Silhouette. All right. Now we have that. And we can create even one more version if
we wish to. So we have the Original, Black and White,
Silhouette and Isolated – one with the transparent background because we might need it. So let’s turn off the Curves, let’s turn off
the sunset sky. This is absolutely transparent and let’s just
name it probably Transparent. Perfect. Now, let’s create one more additional version
that we had not created before. So I’m just going to turn off everything. And maybe at the top, we will add a Color
Lookup table. Click on the Adjustment layer icon and then
choose Color Lookup. Probably we will choose something like FoggyNight
just to show you this. All right, let’s open up the Layer Comps by
clicking on this button right there or simply going to window and then make sure Layer Comps
is checked and then click on the ‘+’ and let’s name this Foggy Night. All right, hit OK. Now, let’s go ahead and save it. File – Save. It’s saved in the same location, it’s just
updated. Let’s go back to this document. You will see, it will update itself too. If I select Man with Camel in this document,
since this is linked, if I open up the Properties right here and if I choose Foggy Night, it’s
going to show me the Foggy Night which is already selected, the last saved version. Transparent version, we have the Black and
White version. See all of this updated. This is the blank template again. I wanted to show you one more important thing. Keep in mind that this will work with any
kind of smart object. Not only linked. Even if you just embed it, this will work. So if you go to File and then Place Embedded
and then choose Man with Camel and hit Place and if you adjust it, you will still have
access to all of these properties. With that layer selected, if you just open
up the Properties, you still can change the Layer Comp. Also, even if you just drag it and drop it. So, I’m going to go to my Finder right there,
Man with Camel, I’m just gonna drag it and drop it right there. And even then, if you just go to the Properties,
you will have access to everything. So, that’s how you can use Layer Comps to
create different versions of the same image and whenever you insert the image, you can
choose whatever version you like. I hope this video helped you. I will see you guys again in my next one. Till then stay tuned and make sure that you
keep creating.

100 Comments

100 Replies to “Just One Image File, But Multiple Versions! How?”

  1. K mali says:

    Bro You are the Photoshop God….👌😉 Terrific.

  2. Darn Pottery says:

    had no idea this was possible, but definitely have a need for this! I wonder if this process makes huge files that would crush my poor old computer. I will try today. Thank you!!!

  3. Thomas Drury says:

    What is this magic?! I had no idea this feature even existed. This will literally come in handy so much for me. I make mockups and often need to switch between versions. Thank you!

  4. breakingankles says:

    Wow. Had no idea this existed. Amazing!!

  5. WORLD OF CREATIVITY says:

    Thanks Buddy ! Its save lot more time…. appreciation..🙏🙏🙏

  6. Lance Lenoir says:

    This deserved to end with a flashing sign that said, "applause".

  7. Marc Herrmann says:

    Great feature and great video! What misses in my opinion is a short explanation on where this technique is practically useful. Someone please be so kind as for giving a real world example. Many thanks in advance.

  8. sam powell says:

    Outstanding

  9. Life Display says:

    super

  10. Timor Kuliev says:

    Didn't know it was possible, thanks! is it possible to see the different version from lightroom as well? and not open each file

  11. Semage Namal Surendra says:

    Something New Everyday Great video as usual. but, where is your face Unmesh.

  12. Yugank Kulshrestha says:

    Silhouette editing tutorial, anyone else?

  13. Jeff Slarve says:

    I think this is probably one of your very best. Excellent and useful.

  14. TheWebStylist says:

    AMAZING!!

  15. Charles Scott says:

    Bro! This is not only genius but you managed to explain it so clearly in less than 7 minutes. Thanks!

  16. Adnan A says:

    These are always so helpful

  17. Dinky Man says:

    Amazing.

  18. Najrul Islam says:

    Thanks again very very useful.

  19. Mig S. says:

    I have used use Photoshop for maaaaaany years (seriously, so many!) and I had never used this useful resource (multiple psd versions, instead) it´s the typical thing that just… was there. Am I the only one? I feel dumb and glad to know about it at the same time :D. Thank you, Unmesh, and happy 2020.

  20. jazzbeaunola says:

    Unmesh, have you or would you consider a video on how to employ the Orton Effect without lapsing into the realm of bad taste? Thanks!

  21. Gago Ka Ba!? says:

    How about vexel tutorial sir

  22. spencer thomas says:

    Would this work with using multiple artboards as well? For instant comparison of the different versions?

  23. Mike Baginy says:

    You're a brilliant instructor! Thanks.

  24. Jay Malone says:

    Do you have a video on Linked vs. embedded?

  25. Fares Moustafa says:

    Very Nice

  26. Reji Alex says:

    Great tutorial Umesh. Now is it possible to use this technique to create Layer comps with different canvass size also. For example, one PSD file with different comps, one sized for FB cover page, another one suitably sized for WhatsApp messaging, another one for FB profile picture and another one for Instagram, as an example?

  27. bartmanstl says:

    I have used Layer Comps many times but never in this manner. Thanks for showing me a new way Unmesh! You’re the best.

  28. Rachna Taran says:

    Another Blaster from THE MASTER. Much respect from Australia 🙏

  29. Steven Shawa says:

    The Photoshop developers watch these videos to learn all the features

  30. Guillermo romero romero says:

    Excelente,gracias

  31. Eduardo Franco Rondina says:

    Can't believe how SIMPLE and EASY is this software to you….. it's amazing your capability a dexterity!… thanks and thanks again for what you do for us!

  32. Chrr Z says:

    wow, thanks for this video, this feature comes very handy

  33. leql says:

    This changes everything. Thank you very much.

  34. ultra707 says:

    But can you save out each of the versions you created separately?

  35. engkong terwaww says:

    Pendukung setia PIXIMPERFECT? Dari negara dan daerah mana aja nih

  36. Mini tomate says:

    This is just one of the most useful things I saw in a long time that Photoshop is able to achieve.
    Mindblowing tutorial as always!

  37. lJ Draws says:

    awesome

  38. Aslam Siddiquee says:

    Ossam video thank you so much for making this type of video

  39. Snow Wold says:

    Thanks

  40. Nikhil Rastogi says:

    You're awesomeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee Unmesh!!!!!!!!!!!!!!

  41. abnormal person says:

    Just wanted to know about thumbnail 😅 yes iam noob…dont use photoshop regularly..make vdo or just explain it how you did it….anyone can explain me.👍

  42. Satish Vernekar says:

    Umesh Sir,
    Thanks for uploading your great videos.
    I feel proud to have you as such a great instructor, guide, teacher, etc etc…
    No words to express it.
    Only I can say "PRANAM GURUJI"

    Thank You Once Again Sir.

  43. J. khalil's work says:

    simply the boss .even paid courses are far away from your free tutorials.salute boss

  44. Square Root says:

    Such a great tutorial again……….wonderful:)

  45. Marc Labro says:

    nice tuto. very useful to test combinations of textures and blend modes.
    what is the advantage to use place with link instead of place embedded ? to interface with indesign,… ?

  46. CASS MCMLIX says:

    Word of Caution: When one is linking a multi comp PSD file to another application document (ex. Indesign) you have to make sure that the link in InDesign is set to "Keep Layer Visibility Overrides, which you find through Object > Layer Options in InDesign. If you don't, then whatever layer you turn on/off in Photoshop and save, InDesign will update that link version to something that you may not want. Then again, you may want it to update to the changes in PS— in which case you choose "Use Photoshop's Layer Visibility."

  47. Rob Caven Photography says:

    So can you export multiple versions within the document at the same time? Thanks Unmesh!

  48. DHRUVIK SHAH says:

    Here, I don't come for PS. I'm here for magic.

  49. Mattheo Borey says:

    Helpful as always. Thanks.

  50. Johan Schmidt says:

    Excuse me repeating myself after each video, but your knowledge of PS is amazing! Thanks for sharing

  51. Haneeth Battina says:

    I know where you got the thumbnail idea from!
    definitely not from a suitcase company ad with a famous Indian cricketer!
    love you Unmesh!

  52. Rocco Casadei says:

    Another epic video from the Photoshop master

  53. Chal Le Oye says:

    Happy new year brother. You are one indian youtuber whom i love to my core n always look up to. Keep shinning bright brother. 🤗🤗🤗🥳🥳

  54. Capetoider says:

    That's just what I needed and didn't know about! Thank you very much. I do have on question though: is it possible to print all the comps in one go?

  55. Dauda Basiru says:

    Bashir all the way from Ghana, your videos are awesome. we will be very glad if u always share the image you used in your videos so that we can try our hands on it too other than using different images

  56. hurrypol says:

    u are n°1

  57. Nikhiljith KG says:

    Thank you

  58. Aurelio Medina says:

    Awesome trick. It would be great to have the same in InDesign.

  59. Naveen Prasanna says:

    I used to save multiple versions. I feel dumb. Thanks a lot for this.

  60. Rajlal Kpl says:

    Amazing bro thank you!!+

  61. CABA DA PEXTE says:

    This works with texts too ?

  62. Ade Inkheart says:

    Hi Unmesh, my adjustment layers (curves, vibrance) etc are not popping up for me to use them. please assist

  63. mesillahills says:

    Something you might want to do a video on. One can actually transfer a keyframe pattern on one layer to another layer and the objects on that different layer will track that original keyframe pattern at a different location. A straight up keyframe copy will not do this. Here's how to do it. Make a "New smart object as copy" of the original keyframed layer. Then drag the new layer or layers (with no keyframes) into that smart object (after expanding it at a 1 to 1 ratio), and optionally turn off the original layer inside the smart object. Now the dragged in layer(s) will track the original keyframe pattern at a different and totally editable location(s). You will have to turn off the dragged in layers (not inside the smart object) because they go inside the smart object as copies. This is extremely useful and something I always wondered why PS didn't have. I found it the hard way…. experimentation.

  64. RK HR says:

    Thank You dear

  65. Prasanna Nadagoud says:

    You are awesome!

  66. Gerard Navarro says:

    Thank you! This is great

  67. AlexOne says:

    Every video is a diamond!

  68. Nugget Expressions says:

    It's awesome indeed.

  69. Sayed Suliman says:

    Love you😍

  70. Chaakoraa says:

    Hi so many thanks for your helpful tutorials.
    How to get rid of scratch disks error on photoshop????
    I recently installed 2020 version of photoshop and when I'm working on a photo it uses almost 100 G of memory and in edit bar in photoshop I chose all of my drives for scratch disks but still it uses all of my space on laptop and I even can not save can not edit ….
    would you tell a way to decrease the scratch disks amount?

  71. ganesh ganesh says:

    My photoshop cc 2017 not show this option plz tell me how to do this plz plz

  72. Digital Footage says:

    great

  73. Hertz GFX says:

    You truly are a magician

  74. Mardhiah Jalal says:

    This is amaaaazing!

  75. harry stark says:

    Thanks sir

  76. binnu peater says:

    Victor art please

  77. Robert Wennerberg says:

    one more new to me

  78. Robertino Galea says:

    That is a great tutorial :-). Happy New Year Unmesh!

  79. MHS 5310 says:

    Amazing Bro
    Wow

    the work you done the picture you make

    ALL ARE AWESOME

  80. MHS 5310 says:

    I love Your WORK

  81. shubham chavan says:

    Please put out some real estate editing tutorial. Asking you bcz no one can explain it better than you..!!😊

  82. Alon Lushi says:

    I just wanted to tell you Unmesh that because of your videos i love photoshop so much and i signed up to a collage and im going to be adobe certified graphics designer

  83. Zdenka Pavlu says:

    Hi,
    If i open properties, it doesnt show the same view as your so there is not an option for it. ☹️

  84. Sudhakar Yadav says:

    Thank u sir

  85. Raba Anum says:

    Who the heck have this thumbs down?! I had no idea this existed. Thanks! 👍🏼

  86. Chatoyance Interiors says:

    Your videos are always awesome and easy to understand thts the best part, but this time kuch v samjh ni aaya

  87. Kazi The Angry King says:

    is this photoshop 20?

  88. NOSTALGIC says:

    I feel like I'm cheating when it's not the actual background or actual photo.

  89. Tôi tự học says:

    This is new… that's amazing… Thanks a lot

  90. Mr JuGnu says:

    Awesome brother…. Fabolous…!

  91. Ygor Henrique says:

    You are a God! omg

  92. Paul Manik says:

    You're make a kind of magic))

  93. Msb says:

    like at the first second 👍🏼

  94. Edgar Alcover Jr. says:

    What photoshop version are you using?

  95. D G says:

    Master of Photoshop, I thank you.

  96. Edward Seeber says:

    This is so cool, thx for sharing this

  97. bookieplow says:

    Why haven't I known about layer comps before now?!? 😭😭😭

  98. Muneeb Ullah says:

    I try to apply this technique but this option is freeze, so how I can use this option

  99. ARC Teach says:

    Nice Video

  100. Jens Wegner says:

    DUDE! This is amazing! Thank you so much, keep up the good work. Greetings from Germany 👍🏻

Leave a Comment

Your email address will not be published. Required fields are marked *