Improving Photo-Manipulated Backgrounds for VNs

Use this forum to help develop your game-making skills, and get feedback on writing, art, music, or anything else you've created that isn't attached to a game in progress.
Message
Author
User avatar
Snowflower
Bishie Fangirl
Posts: 814
Joined: Sat Jan 01, 2011 11:24 pm
Completed: Idol Crush
Projects: Shugojin!, RockRobin (openmodewriter), your highness
Soundcloud: jenna-yeon
Location: Orange County, CA
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#16 Post by Snowflower »

VenusEclipse wrote:This image is tough to edit. Here's my end result.

I used a bunch of gaussian blurs, paint daubs, ink outlines, blending options (lighten, hue, etc), and a lot of layers. If you want to know, I could try to remember exactly what I did (because it took a while).

Like what Iced said above, experiment. :lol:

Sometimes it takes hours and it still won't look right. Sometimes it's easier to go find another image that is just less complicated to edit. I can't really explain it, but some images are just easier to manipulate. >>

WOAH how did you manipulate a photograph into looking like a sketch?
Image
Completed: Idol Crush | WIP: your highness | Hiatus: Shugojin!| Follow Me on Twitter | Subscribe to YouTube
your highness @ 102k as of 2/13

kinougames
Miko-Class Veteran
Posts: 522
Joined: Tue Jul 13, 2010 1:37 pm
Projects: Working on ミツマタ [Mitsumata (c)].
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#17 Post by kinougames »

VenusEclipse, that last one you did is positively lovely!
Check out the new interactive media project, Mitsumata(c). Follow 8 colorful characters in a story full of drama, horror, all sexualities and exciting gameplay~!

Development blog's up! Visit!

VenusEclipse
Veteran
Posts: 348
Joined: Fri Mar 13, 2009 5:26 pm
Completed: Princess of Ruin, Frozen Essence, Heartstring Bugs
Organization: Unbroken Hours
Tumblr: unbrokenhours
Deviantart: venus-eclipse
Location: Canada
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#18 Post by VenusEclipse »

Thanks you. ^-^

Hand-painted backgrounds still look the best but not all of us have that sort of time.
To tell you the truth, that image took me 2 hours of playing around with. I might as well paint something instead. :|

Someone asked how I got the effect in a pm. I'll just post it here too. It's not the exact way I did it BUT it's the way I do most photo related BGs.

Step Zero: I make sure the image is 800 x 600 first, which is the default for RenPy. The filters don't work the same way if the image is huge. And it's because I don't want to figure out the settings for those. XD

Simple Filters
For most of my images which aren't too complicated, I use these two filters. The snow screenshot for Frozen Essence was made with these two filters as well. Then you'll have time to paint into the BG too :)

Steps:

1.)Fix color first with hue, saturation, etc. Try to start with the most cartoonish looking colors (or ones that will match your VN).

2.)Duplicate the layer

3.)Filters
-Gaussian Blur at around 1.5
-Paint Daubs at 6 or 7, and sharpness at 2 to 5 (depends on your image so you will have to test it.)

4.)Lighten or Soft light or overlay the image.

5.)DONE! With some images, it will look better with deeper shadows. Make a new transparent layer. Then paint some more cartoon-ish shadows with gray paint. Set the blending option to hardlight or multiply. There are other things you can add. I added snow to my image because snow is easy :).

6.)Try repeating the filter steps above again to see if it makes the image look better or not.

Note: Some outdoor images look better if you paint your own solid blue sky. The original sky sometimes doesn't cut it.

Steps for the photo in the thread.

This one is hard because the starting image is tough. It actually took me over 2 hours to get that effect. I felt like I should just paint one instead. o_O

I'll try to remember but it is almost like this.

0.)Resize Image to 800x600

1.)Fix color with hue, saturation, etc

2.)Fix color version 2. I made a new layer, used an orange paint bucket to give it warmth, and used some sort of blending option. It helped lower the tone of the bright light of the window. I repeated this twice.

3.)Duplicate the background layer, and do those two steps above (Gaussian Blur, and Paint Daubs, lighten or soft light blending option).

4.)The image still doesn't look cartoony so....
Duplicate the original layer

5.)Filter -> sketch - Ink outline - adjust until you get a clean outline

6.)Play around with the blending option until you get the desired look

7.)It still looks uncartoony so...
Repeat everything above and blend it. :D I adjusted the colors with color balance and hue for random layers.

8.)I merged all the layers after that, duplicated the layer again and used Gaussian blur at 1.0 - 1.5. I blended it again.

---
Remember, the steps for the photo won't work for all images but it's just the filters I used that you can play with.

Some images work with the cut out filter. I used that to get solid colors. I MIGHT have used that filter too but I don't remember. XD

I hope that will help you guys make your photos more cartoonish.

VenusEclipse
Veteran
Posts: 348
Joined: Fri Mar 13, 2009 5:26 pm
Completed: Princess of Ruin, Frozen Essence, Heartstring Bugs
Organization: Unbroken Hours
Tumblr: unbrokenhours
Deviantart: venus-eclipse
Location: Canada
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#19 Post by VenusEclipse »

Apologies for the double post but here's one I'll show by example. Enjoy.

I should say it's mostly with these steps. You can adjust each filter to fit your needs. Photo by Samu-kun

Original Photo -> http://lemmasoft.renai.us/forums/downlo ... &mode=view

1.)Resize, Adjust Color, Duplicate Layer

2.)Filter - Gaussian Blur 1.2 - 1.5

3.)Filter - Artistic > Paint Daubs 6-7, sharpness 2-4

4.)Duplicated Original Layer. Filter Brush Strokes > Ink Outlines (adjust accordingly to get a specific outline)

5.)Blending Options > Lighten

6.)Adjust the image accordingly to your needs.

Make sure the layers are in this order.
-Gaussian Blur and Paint Daub layer on top
-Ink Outline layer in the middle
-Original image layer on the bottom with normal blend.

Grass can be fixed but you get the main idea. :3
Attachments
samupic3.jpg
samupic2.jpg
samu'spic.jpg

User avatar
Lumen_Astrum
Dystopian Princess
Posts: 1662
Joined: Mon Nov 08, 2010 8:01 am
Completed: Soul and Heart, Twin Faces
Projects: Soul and Heart Replay; The Court of the Two Sides (tentative title)
Organization: Lion Box Studios
Tumblr: lumenizampel
Location: Philippines
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#20 Post by Lumen_Astrum »

Cool~
Thanks for the tips! :D

User avatar
Lumen_Astrum
Dystopian Princess
Posts: 1662
Joined: Mon Nov 08, 2010 8:01 am
Completed: Soul and Heart, Twin Faces
Projects: Soul and Heart Replay; The Court of the Two Sides (tentative title)
Organization: Lion Box Studios
Tumblr: lumenizampel
Location: Philippines
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#21 Post by Lumen_Astrum »

Here's some editing I did on a picture (gotten from Youtube)

1. Open the file, duplicate, then invert.
2. Set the layer's blending mode to Color Dodge.
3. Filter the duplicated layer to Gaussian Blur, adjust the setting (I did it around 4 pixels I think)
4. Set History Brush to 20% opacity, paint over the whole picture.
5. Filter the layer with Texturizer, then go to Edit > Fade Texturizer. From 1005, change it to 30% opacity.
6. Done! :D
P1010401edited copy.png

User avatar
Snowflower
Bishie Fangirl
Posts: 814
Joined: Sat Jan 01, 2011 11:24 pm
Completed: Idol Crush
Projects: Shugojin!, RockRobin (openmodewriter), your highness
Soundcloud: jenna-yeon
Location: Orange County, CA
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#22 Post by Snowflower »

eeeehhh, korean street XD
Image
Completed: Idol Crush | WIP: your highness | Hiatus: Shugojin!| Follow Me on Twitter | Subscribe to YouTube
your highness @ 102k as of 2/13

Anima
Veteran
Posts: 448
Joined: Wed Nov 18, 2009 11:17 am
Completed: Loren
Projects: PS2
Location: Germany
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#23 Post by Anima »

I'm practising with Samu-kuns photos as well. Though, I'm using GIMP.

What do you think about this?
Attachments
The altered version
The altered version
Original photo by Samu-kun
Original photo by Samu-kun
Avatar created with this deviation by Crysa
Currently working on:
  • Winterwolves "Planet Stronghold 2" - RPG Framework: Phase III

User avatar
Lumen_Astrum
Dystopian Princess
Posts: 1662
Joined: Mon Nov 08, 2010 8:01 am
Completed: Soul and Heart, Twin Faces
Projects: Soul and Heart Replay; The Court of the Two Sides (tentative title)
Organization: Lion Box Studios
Tumblr: lumenizampel
Location: Philippines
Contact:

Re: Improving Photo-Manipulated Backgrounds for VNs

#24 Post by Lumen_Astrum »

Looks cool! The manipulation's greaaaat~ :D

Locked

Who is online

Users browsing this forum: No registered users