Wicked Nouk Family » Archive -- Locked » Tutorials
 » [ Follow On ] Editting Screenshots in Photoshop
Please login or register.

Login with username, password and session length


Author Topic: [ Follow On ] Editting Screenshots in Photoshop  (Read 11603 times)

0 Members and 1 Guest are viewing this topic.

February 05, 2008, 11:16:25 PM

Offline Kiki

  • ebil almost-overlord
  • Close Family Friend
  • ***
  • Posts: 51
  • Gender: Female
  • my heart ish cry :(
    • phasmatic sims
[ Follow On ] Editting Screenshots in Photoshop
« on: February 05, 2008, 11:16:25 PM »
I saw Donna's tutorial about taking good shots in the game, and then thought I'd do this little tute quickly as a follow on to explain how some of us get our images so crisp and looking sweet - it's a guaranteed way of making your sims look schmick coz there's only so much your graphics card can do for you.

 :10:

so firstly we start off with our basic screenshot that we've gotten out of the game - donna's tutorial covered that but for the sake of a quick run-down again I use Aikea Guinea's animation paintings and Decorgal's Pose Box. when I do my screenshots, I just put them into MSPaint and save them as a PNG file so I can edit them in good quality later on in photoshop.

a note here though...I don't actually PLAY with my settings this high in the game. when I'm taking screenshots, I make sure that I turn my settings up to the maximum possible and once I'm done taking my pics I turn them back down again...the highest settings are generally just for when I wanna show off, lol.

here is the basic screenshot I'm starting with for the tutorial (click it to view the full size...I downsized because I have uber screen res):



just a pic of a sim of mine, posed using a hacked object.

the first thing I'm going to do is cut her out of the background, but this is optional - in this instance I specifically wanted just a picture of the sim herself so I didn't bother with a decent background scene for her but if you've gone to the trouble of setting up a scene you don't have to do this bit at all. I do this using the pen-tool - there are many tutorials around on how to use the pen tool if you google them so I won't go over it.



there she is on a plain background (personally I choose to use a 15% grey out of the colour swatches...off-white works a little bit better for sims).

next thing you need to do is to duplicate the layer (in the layers tab you right-click then choose "duplicate") so that you have two copies of the sim. set the second layer (the one on top) to soft light from the drop down box in the layers tab and adjust the opacity to something a bit less contrasting - in this instance I chose 75% opacity:



so far what we've done is made the colours of the sim and her clothing richer and more vibrant - now we want to give her some depth. select the first sim layer (not the one you just changed to soft light) and in the photoshop menu select Layer -> Layer Style -> Drop Shadow. it is important at this point to remember where your lights were in the game - if the lights were to the left of the sim, you don't make the shadow cast to the left for example.

my lights were shining overhead from the left, so I want my shadow to cast down to the right behind the sim - I don't want something too harsh, I want it nice and soft so I set my settings to these:



and here's the effect it creates on the sim:



you can see it is subtle, not too overdone and just adds a slight bit of depth to the picture.

we're almost done - from here we're just gonna add the final touches. go back to the layer that is set to soft light and go to "Filter -> Sharpen -> Sharpen". this will just crisp the image up a little bit and make your sim's clothing textures look great.

the final trick is the eyes. have you ever looked at the really good sim picture takers like keely (linuslover30) and wondered how the HELL their sims' eyes look so damn good compared to what yours look like in the game? it's all done in photoshop - the eyes don't REALLY look that good in the game.

still on the layer that is set to soft light, using the lasso tool in photoshop draw a circle around the sim's eye and then repeating the "Filter -> Sharpen -> Sharpen" step will make the eye glitter like glass. repeat the step with the other eye and then flatten your image and you're done.

here's the finished result:



hope this was helpful guys - any questions or comments feel free to post.

 :hug:

February 06, 2008, 01:49:00 AM

Offline Dour

  • secret slapper
  • WNF Supporter
  • ***
  • Posts: 306
  • Gender: Female
  • RICH DAVIS
    • doursim
Re: [ Follow On ] Editting Screenshots in Photoshop
« Reply #1 on: February 06, 2008, 01:49:00 AM »
Ok so, Kiki already has a STELLAR video card so I wanted to show you guys the results on a less awesome card.  I have all my settings put to high except shadows which are turned off.

So, here is the original


and here is my version after following Lasciels tut


whoo it doesn't look half bad!

Also I wanted to expand on the idea of touching up your image if you have a background you want to preserve.  So, here is the starting image using a lot I built and a sim Jessica made for me:


it's like... eh, ya know?  First things first I want to mask out my guy.  I want to mask him out because everything I'm going to be doing will either be to him or his background, so it'll be nice to have them separate.  You can activate the mask tool by clicking the button I have circled in red.  make sure you use the pencil tool and select black as your foreground color.  If you make a mistake then select white as the foreground color and try again.


So, once you have made the guy all red, click the mask button again and it will show the selection marching ants.  Don't be fooled, the guy is NOT selected, the background is.  If you want to mess with the guy you can CTRL + SHIFT + I But I want to mess with the background so I'm not gunna.


First I'm going to duplicate the layer and desaturate the background of the new layer


Then I'm going to alter the brightness contrast... Sorry about suddenly being more zoomed I didn't crop just a photoshop accident on my part :P


Then I'm going to CTRL + SHIFT + I to select the guy, and do the nifty lasc tutorial part (all of it), I'll do this to the background too, but I wanted to keep the guy selected for the next step.


And then because I'm bored and don't like the result I'm going to duplicate the layer, switch to the eraser tool, give it a soft edge and set the opacity of the eraser to about 33% erase around the red columns... Then I'm going to do it again at 9% and again at 50%  The reason I did this in steps is so that I don't have a hard obvious edge around the base of the columns and around the trees.


So, it's kinda strange and doesn't make any sense but it's visually appealing :P  There are a few mistakes but it was a quickie I did as a test:D
The sexy commando organization?  Yes...  In short: "sexorgan!"