Back

Guides

Community created guides, helpful strategies, and more.
TOPIC | Photoshop- Preview Apparel on ANY Dragon
1 2
Have you ever looked at expensive apparel and said, "I don't know if that will work well on my dragon"? Have you ever scryed a dragon and said, "I think that would look good with this apparel"? Wonder no more! With the magic of Photoshop, you can put any apparel on any dragon! I want to see what my dragon Anna looks like with the navy aviator coat... when she's finished being gened up! Here's what she's going to look like: [img]http://flightrising.com/image_generators/dragonpic2.php?body=40&wing=47&style=13&gender=1&ages=1&prig=4&secg=6&tert=20&elem=1&tertgene=10&spec=prev.png[/img] First, we'll take the preview of the navy aviator coat and put it into Photoshop. [img]http://orig01.deviantart.net/2e7a/f/2015/253/2/a/screen_shot_2015_09_10_at_5_38_15_pm_by_aviatorpi-d994ff5.png[/img] [b]Please note: for some reason, all the copy-pasted images have white backgrounds when I put them into Photoshop. I don't know how well this tutorial will work without the white background, so I recommend putting a white background on all the copy-pasted images if they don't already have one.[/b] Now, we've already run into a problem. If Anna was a male, we could have seen her blank mannequin by simply selecting "Skydancer" without selecting male/female, but since she's a female, we'll have to jump a few hoops. Let's grab the mannequins of two pieces of apparel, ideally two that are small and far apart on the dragon's body. Then layer them on top of each other and erase the area with the apparel on the top layer. If done right, only the blank mannequin should be left! Right click and select "Merge down" on the top layer. [img]http://orig10.deviantart.net/0e07/f/2015/253/c/c/screen_shot_2015_09_10_at_5_46_52_pm_by_aviatorpi-d994gjo.png[/img] But what do we do next? How do we get the matching parts of the layers out of the way while still leaving the apparel left? The secret lies in the weird little blend mode near the bottom of the list, known as "Divide". Bascially, the pixels set to Divide do math on the pixels below, making them lighter depending on how dark the pixels above are. If the pixels above and below are the same, or the pixels above are darker than the pixels below, the result will be white. So, if we set the top layer to Divide... [img]http://orig03.deviantart.net/ac5d/f/2015/253/1/4/screen_shot_2015_09_10_at_5_55_13_pm_by_aviatorpi-d994htk.png[/img] [img]http://orig05.deviantart.net/91b4/f/2015/253/e/3/screen_shot_2015_09_10_at_5_56_26_pm_by_aviatorpi-d994hxe.png[/img] BOOM! The blank mannequin on top has canceled out the mannequin on the bottom, leaving the apparel behind. The coat is a bit lighter than it's supposed to be, but that can be easily fixed! Simply use the Magic Wand tool (make sure "Sample All Layers" is checked!) to select and erase the apparel layer around the coat. Then delete the top layer... [img]http://orig14.deviantart.net/843e/f/2015/253/6/e/screen_shot_2015_09_10_at_5_59_40_pm_by_aviatorpi-d994icb.png[/img] ...and now all that's left is the isolated apparel! It looks a tiny bit funny around the edges, but it'll work fine for a preview. Put the picture of the dragon under the apparel layer and you're done! You have an apparel preview! [img]http://orig15.deviantart.net/d4a7/f/2015/253/b/4/apparel_preview_by_aviatorpi-d994isv.png[/img] Money is no object! Nothing will get in the way of your dragons' fashion dreams now!
Have you ever looked at expensive apparel and said, "I don't know if that will work well on my dragon"? Have you ever scryed a dragon and said, "I think that would look good with this apparel"? Wonder no more! With the magic of Photoshop, you can put any apparel on any dragon!

I want to see what my dragon Anna looks like with the navy aviator coat... when she's finished being gened up! Here's what she's going to look like:

dragonpic2.php?body=40&wing=47&style=13&gender=1&ages=1&prig=4&secg=6&tert=20&elem=1&tertgene=10&spec=prev.png

First, we'll take the preview of the navy aviator coat and put it into Photoshop.

screen_shot_2015_09_10_at_5_38_15_pm_by_aviatorpi-d994ff5.png

Please note: for some reason, all the copy-pasted images have white backgrounds when I put them into Photoshop. I don't know how well this tutorial will work without the white background, so I recommend putting a white background on all the copy-pasted images if they don't already have one.

Now, we've already run into a problem. If Anna was a male, we could have seen her blank mannequin by simply selecting "Skydancer" without selecting male/female, but since she's a female, we'll have to jump a few hoops. Let's grab the mannequins of two pieces of apparel, ideally two that are small and far apart on the dragon's body. Then layer them on top of each other and erase the area with the apparel on the top layer. If done right, only the blank mannequin should be left! Right click and select "Merge down" on the top layer.

screen_shot_2015_09_10_at_5_46_52_pm_by_aviatorpi-d994gjo.png

But what do we do next? How do we get the matching parts of the layers out of the way while still leaving the apparel left?

The secret lies in the weird little blend mode near the bottom of the list, known as "Divide". Bascially, the pixels set to Divide do math on the pixels below, making them lighter depending on how dark the pixels above are. If the pixels above and below are the same, or the pixels above are darker than the pixels below, the result will be white. So, if we set the top layer to Divide...

screen_shot_2015_09_10_at_5_55_13_pm_by_aviatorpi-d994htk.png

screen_shot_2015_09_10_at_5_56_26_pm_by_aviatorpi-d994hxe.png

BOOM! The blank mannequin on top has canceled out the mannequin on the bottom, leaving the apparel behind. The coat is a bit lighter than it's supposed to be, but that can be easily fixed! Simply use the Magic Wand tool (make sure "Sample All Layers" is checked!) to select and erase the apparel layer around the coat. Then delete the top layer...

screen_shot_2015_09_10_at_5_59_40_pm_by_aviatorpi-d994icb.png

...and now all that's left is the isolated apparel! It looks a tiny bit funny around the edges, but it'll work fine for a preview. Put the picture of the dragon under the apparel layer and you're done! You have an apparel preview!

apparel_preview_by_aviatorpi-d994isv.png

Money is no object! Nothing will get in the way of your dragons' fashion dreams now!
w2N3au9.png
Oooh, thank you very much!
Oooh, thank you very much!
@AviatorPi

brilliant! I never really understood what divide does, I just used select or wand tool :p

but then what about silk sets? and glasses? those transparency messes with my head so much!
@AviatorPi

brilliant! I never really understood what divide does, I just used select or wand tool :p

but then what about silk sets? and glasses? those transparency messes with my head so much!
YdIcPGG.png l3B4Qja.png BzPZ7gW.png
kZatdD2.png
@oneirodrakon

I'll mess around with it a bit, but I don't think there's a good way to preview semi-transparent apparel. :/
@oneirodrakon

I'll mess around with it a bit, but I don't think there's a good way to preview semi-transparent apparel. :/
w2N3au9.png
@AviatorPi awesome tutorial, thank you! :'o
@AviatorPi awesome tutorial, thank you! :'o
this is great thank!!
this is great thank!!
IJJc6Sg.png 6I84XUY.gif wXPzM1Z.gif
Thanks! I've wondered how other people did this!
Thanks! I've wondered how other people did this!
K6TNbNL.pngvdGVLiw.pngLrK9u2q.png
@Aralas

@Aralas

I wonder if I can figure this out on gimp. Have they explained why they don't give you a choice to see how it looks on a dragon of your choice, like on skins and accents?
I wonder if I can figure this out on gimp. Have they explained why they don't give you a choice to see how it looks on a dragon of your choice, like on skins and accents?
tumblr_inline_naxjlrHYbk1qg78ij.png
@AviatorPi
Oh... This is much more simple than how I do it. By putting the image in and erasing everything that isn't apparel.... XD

Pinging @Amlin myself to help me find this again!
@AviatorPi
Oh... This is much more simple than how I do it. By putting the image in and erasing everything that isn't apparel.... XD

Pinging @Amlin myself to help me find this again!
Wev0kLvs_o.png...... WvEXipG.png
rI18gRz.png
OPFWPxg.png
mlHpBMC.png
ll0CfnD.png
7gibfJe.png
1 2