From Photo to Art - The Graphics of Faery Tale [UPDATED!]

[Auro-Cyanide]

As promised, I gave an outline of my process for using photos here http://blog.cyanide-tea.net/

[OokamiKasumi]

As promised, I gave an outline of my process for using photos here http://blog.cyanide-tea.net/

Uwah...! You are so good to me! I don't deserve your kindness. Seriously.

[junna]

so I tried this using GIMP.

click for larger:



tell me what you think... >_< hehe~

[OokamiKasumi]

so I tried this using GIMP.

click for larger:


...Tell me what you think... >_< hehe~

Oh Nice!
-- Suggestions:

Your lines:
-- A little too dark: change Opacity of line-art to 50% or less.
-- Would look better in Color. All that black is muddying the colors.

Your Color:
-- A little too red/orange. Instead of Overlay, use Soft Light.
-- Use a fully desaturated (shades of gray) art-filter.
Something like this:

[junna]

So I did as you suggested and it did turn out a LOT better. I blacked out the doorways..



and 2 different images of the same room.


((I think I messed with the saturation too much on this one))


((I tried to bring the furniture into focus for this one...=.= or not))

[Geckos]

Oh wow. I've been using photoshop to paint for years, but I'm always amazed at all of the technical aspects of the program which I don't even touch upon. This is awesome! Thank you for the great information. Your backgrounds are fantastic totally experimenting with some photos right now.

[OokamiKasumi]

Updated. Now with better and clearer instructions -- and Pictures.
-- I lost the gallery where the original images were stored.

[truefaiterman]

Thanks for the tutorial, the results look amazing! I love it! With that said, is there a chance you can have similar results by using screeshots of a 3D-model (I'm thinking about SketchUp) instead of pictures? And with mattepainting and photomanipulations? If that's the case, the chances are limitless!

[DeletedUser160413]

This is absolutely perfect! Thank you for sharing with us!

[noeinan]

This looks great! So far, I've gotten up to step four-- but I'm a little stuck.

I downloaded 10 Sketch Effects (which works fine) and Drawing and Threshold Actions 1 by eGulumse-- which does not seem to work.

I have Photoshop Elements 9, and I used these instructions to add the actions: http://www.karendiamonddesigns.com/how- ... -9-and-10/

Both actions show up, and 10 Sketch Effects works great. The other one, however, seems to work, shows the black and white lineart, but then three error messages pop up one after another:

The command "Color Range" is not currently available.

The command "Make" is not currently available.

The object "Work Path" is not currently available.

You can either click Continue or Stop with each error, but no matter what you do after the three errors have concluded Photoshop adds a new transparent layer on top of the Background layer-- and the Background layer is completely white. Even though I could see the black and white picture before it's completely gone...

Any suggestions?

[truefaiterman]

Well, I also have such issues in CS6, but I corrected most of them by just saving the process as a separate jpg, and then using the action there (after that, I added the modified jpg to the mix and done).

I tried to experiment a little here, the result is pretty unrefined, but I used simple and low-res pictures from Google, sometimes with AWFUL cleaning xD But I think with good material you can make a pretty good job by applying this tutorial to a photomanipulation and matte-painting:

[Starshine]

I was looking for this everywhere for months, it sure can make backrounds shine and stand out. You would have never guessed that they were a photograph to begin with they look like actual paintings. But then the only problem is... how do i make the sprites look blend with the backrounds. The only problem i have with this tutorial is getting the plug-in's to work with photoshop.

[OokamiKasumi]

Thanks for the tutorial, the results look amazing! I love it! With that said, is there a chance you can have similar results by using screeshots of a 3D-model (I'm thinking about SketchUp) instead of pictures? And with mattepainting and photomanipulations? If that's the case, the chances are limitless!

I don't see why not!
-- I use SketchUp myself as a base for my photo-manipulations and they come out like this:

~~~~~~~~~~~~~~~~~~

This is absolutely perfect! Thank you for sharing with us!

I'm glad you like it!
-- I hope it proves useful.

~~~~~~~~~~~~~~~~~~

This looks great! So far, I've gotten up to step four-- but I'm a little stuck.

I downloaded 10 Sketch Effects (which works fine) and Drawing and Threshold Actions 1 by eGulumse-- which does not seem to work.

I have Photoshop Elements 9...

• The command "Color Range" is not currently available.
• The command "Make" is not currently available.
• The object "Work Path" is not currently available.

Any suggestions?

The problem is, Photoshop Elements just doesn't have everything that the full Photoshop program has, which means that some of the commands that Threshold Actions 1 by eGulumse uses just aren't available.

Have you considered using FotoSketcher, it's a free program, for the painting layer?

~~~~~~~~~~~~~~~~~~

Well, I also have such issues in CS6, but I corrected most of them by just saving the process as a separate jpg, and then using the action there (after that, I added the modified jpg to the mix and done).

That's a really good idea!

I tried to experiment a little here, the result is pretty unrefined, but I used simple and low-res pictures from Google, sometimes with AWFUL cleaning xD But I think with good material you can make a pretty good job by applying this tutorial to a photomanipulation and matte-painting:

They do look pretty good, especially for low-quality images.

Something to consider...
-- Try doing the Lines Layer on a huge image, (save as a jpg) and make the painting layer at a smaller size. Then, reduce the lines layer to the same size as the painting layer, and continue from there.This should make the lines smaller and less overpowering against the painting layer.

~~~~~~~~~~~~~~~~~~

I was looking for this everywhere for months, it sure can make backrounds shine and stand out. You would have never guessed that they were a photograph to begin with they look like actual paintings.

Thank you! I'm glad you like the effect.

But then the only problem is... how do i make the sprites look blend with the backgrounds?

What I would do is art-filter the Colored layer of the sprites to match.

In this case, I used a simple desaturated watercolor texture set to Softlight over a pair of premade Tokudaya characters.

The only problem i have with this tutorial is getting the plug-in's to work with Photoshop.

I don't know if I can help you here. The plug-ins work just fine in my Photoshop CS5, 64 bit.

[Starshine]

Well i followed your tutorial and it works great, although it didn't turn out like your pieces of art, because like you stated you use a more exspensive plug-in or probably because i used it wrong.... Well i opened up my finished piece in Paint.Net and used the tool that would soften the image and the image became more or less smoother than it was. Word of advice to anyone using the Çizim+path action, be sure to have no backround programs running or it will just go super slow. That action takes up alot of CPU depending on the size of the image, and it gives you alot of actions to choose. I'm not sure about the outcome, i'm a little bit color blind you see so i'm not sure but it looks very shaded. (Although i've played around with photoshop and i love the "Halftone" action... although it doesn't work properly and you have to keep using a eraser to clean the image for transparent ones aka "Sprites")

Haftone Action:



1.

2.

3.

4. (Smoothed in Paint.NET)

I will just leave the link for Paint.Net here: (It's better than MS Paint) It can do a few things but is not as advanced as photoshop and it's free. (Can do a few things photoshop with one click)
⦁ http://www.getpaint.net/


I think i will keep playing with your tutorial and see all the outcomes, because you can choose so many different levels to use when using various actions.

[OokamiKasumi]

Well i followed your tutorial and it works great, although it didn't turn out like your pieces of art, because like you stated you use a more exspensive plug-in or probably because i used it wrong...

The difference is probably the filters I use, plus the months of experimenting with said filters to get it to look a very specific way.

Well i opened up my finished piece in Paint.Net and used the tool that would soften the image and the image became more or less smoother than it was.

It looks very dream-like!

I think i will keep playing with your tutorial and see all the outcomes, because you can choose so many different levels to use when using various actions.

Experimentation is the key to figuring out what works for you. Seriously!