Hey everyone,
As some of you may have seen, I've been working on getting some sprites crankin (if you haven't, they can be seen here (http://www.adventuregamestudio.co.uk/yabb/index.php?topic=31107.0) for comparison. ) but my backrounding skills still suck. So I want to improve them.
Please help me out - the progress I've made with my sprites have given me confidence that you guys have the best suggestions out there, so here is what I've been doing style wise:
(http://img158.imageshack.us/img158/4969/shipclosesl1.png)
Rough draft
(http://img158.imageshack.us/img158/6567/startshipym7.png)
More contrast
(http://img158.imageshack.us/img158/8545/startship3nu2.png)
Project Sphinxey
I'm not actually sure what the backrounds should look like. I want the characters to fit in well with them, but I don't know if any of these will do that. Any tips you have that could point me in the right direction would be greatly appreciated.
Please note I don't have Photoshop or Paintshop Pro or anything fancy, so I can't use filters or anything.
But I have patience :D.
Thanks guys.
Given the style of the characters, I think the background looks a tad cartoony. And before you ask "Have you seen the characters?", let me clarify what I mean by cartoony:
You're probably familiar, to some degree at least, with both the Roadrunner (http://en.wikipedia.org/wiki/Wile_E._Coyote_and_Road_Runner) and Spider-man (http://en.wikipedia.org/wiki/Spiderman:_The_Animated_Series) cartoons. While both are animations, they have different premises and background concepts.
As such, your characters strike me as Spider-man-ish: you've got hot chicks who look like they can punch their way out of trouble, big bad aliens, tough guys who might kick your ass if you comment on their leotards.
The background, on the other hand, looks like Marvin the Martian's (http://en.wikipedia.org/wiki/Marvin_the_Martian) country house.
Now don't get me wrong -- both are awesome, it's just they don't work well together. You don't expect Wile E. Coyote to get killed by a plan going wrong, and you don't expect an explosion to just blacken Spider-man's face.
Notice I didn't actually give any constructive advice :P
Quote from: Ben304 on Tue 08/05/2007 06:07:20
I'm not actually sure what the backrounds should look like.
I think that is the problem here. Generally speaking you want something of interest pretty much in the middle of your background or in any other way drawing attention to it. Looking at your drafts, it could be the ship or the city in the background, which is confusing. In the second picture the way leads to neither of both. Also look at scaling issues. Your characters were over 100pixel high if I remember correctly, and you would have to scale them in AGS to fit and all your attention to detail would be lost. Try to keep the walkable area in the foreground, without too much perspective. By the way your ship looks too small for your sprites. Foreground objects are also a pretty good idea.
Concerning the atmosphere: the yellow sky bugs me. It looks threatening. That the grass in #3 looks like toxic waste emphasis that mood. Your characters don't wear breathing masks, so the sky should be blue, maybe with a tint. The architecture in #2 and #3 fits your space/alien theme better imho.
Cobra - you posted while I was doing my edit man! See what you think, though this was a really quick lunchbreak one.
Rockeh - I've done a shamefully quick edit - is this a better style?
(http://img102.imageshack.us/img102/6964/startship34df4.png)
Obviously needs more work than my lunch break allows....
[EDIT]: Just a quick update to show you guys how the things are coming along. Have shaded the centre trees:
(http://img101.imageshack.us/img101/4022/startship35iz2.png)
This time I've tried to keep to 4 shades per colour (on the trees, anyway) so that it matches the characters a bit better. Will be working on this fella, and will keep you updated.
All crits appreciated.
The trees are looking really nice. Keep it up.
MadReizka - Thanks for your kind words man. It's interesting to experiment with changing shape with light and shade.
I've done a bit more work - touched up the middle trees, done the lone tree and the rock;
(http://img329.imageshack.us/img329/174/startship36sh3.png)
...is it just me, or does the rock look like pre-chewed grape chewing gum?
[EDIT]: - Here's a bit more stuff I've done. I couldn't figure out a good texture to use, so I went a bit silly with lines. Any suggestions would be cool.
(http://img153.imageshack.us/img153/3651/startship38uf1.png)
I'd say going silly with lines seems to work.
The trees are very nice. They have this natural feel to it. The stone in your latest edits reminds me of a giant pile of poo-poo :P. The first stone was better by far. The way you added depth to the ground is simple and effective, but the light source switched from the right to the left side.
Once you do the moon/planet tilt its ring a bit again and go a bit more yellow, because we see it through the sky.
Another quick lunchbreak edit to experiment with some ideas.
Cleaned up the planet.
Altered rock. Not sure whether I like it better.
Tried to 'refine' the lines on one of the mounds of dirt. Not sure I like this better, either.
(http://img525.imageshack.us/img525/521/startship39yc0.png)
Let me know your thoughts.
I think a rock should look a bit more edged and the planet a bit more blurry.
(http://www.2dadventure.com/ags/startship39yc0_v2.png)
I also found a really helpful tutorial for the planet:
http://spriteart.com/tutorials/01_AA.html
A few quick opinions:
I love the trees. When I saw the shapes first, I would not believe they would come out so nice after being shaded. They did and proved me wrong:)
I like the second rock - looks "rockier" than the first, which looks more like a mud hill. I do not like the cobra79 edit, though the rock does lack some "roughness".
He is also right with the blurry planet - it is too contrast as it is. I believe you will redo it when texturing and shading the sky, so leave it as it is for now.
The second version of ground shading looks more real. I suppose the shading on the bottom of the picture is just unfinished:)
Oh, and a little experiment...
(http://gask.oktawa.net/ss.png)
Cobra - Thanks for doing an edit! I'll have a shot at making the rock a bit more jaggedy. The planet I'll also give a touch up when I do the sky. No sense in mucking around with it too much until I get that sky right.
gASK - Glad you like the trees. I actually managed to draw what I was seeing in my mind for once, and I'm pretty happy with it. Looking at your experiment, yeah I might have to change the sky colour... don't want the character getting lost because he matches the sky. In saying that, however, I guess his lighting might help. Will cross that bridge once the rest of it is done.
Until then, a little bit more progress. Yeah, not much, but had band practise tonight.
(http://img264.imageshack.us/img264/8479/startship39nq0.png)
Dithering isn't something I have too much experience with, so I hope its not looking too shabby.
As usual, your comments are most appreciated.
Thanks dudes!
hehe gask is right my rock is ugly. Weirdly enough 7hr ago I thought it was good ::) , but you get the idea.
Oh and now I finally understand that your light comes from the right front, so forget what I said earlier.
Maybe add some bushes to the front, before the road?
That is starting to look really really nice!
Just remember to keep the light source to be same since this is outdoors.
Cant wait to see what you will come up with the sky!
I've done a little bit more on it - any thoughts about these foreground objects?
(http://img157.imageshack.us/img157/5310/startship40yz1.png)
MadReizka - I think you're right about the foreground objects. Hence I've added a few. I plan on keeping that light source the same - the characters are shaded that way, so it makes sense to.
Cobra - I get that - draw something and come back and it sucks heaps. Dunno why.
Looks better with every edit.
As for the foreground objects - they are a nice touch. Some suggestions
-+- when there are big rocks, there should also be small around. Rocks are almost never alone (unless brought there by someone or something like that).
-+- The fallen tree should have some hole or something near roots...or was it brought here by human(oid)s as well:)?
Maybe bring the felled tree forward a bit and darken it? This will create a more defined fore-ground.
I like this a lot, the shading is very impressive!
This is a fantastic background, I like the tree shading and the foreground rock especially. The ground shading is nice but the lightest colour sticks out quite a lot at the bottom. The earlier shading on the ground was messy but it looked smoother, perhaps you could smoothen out these lines a little? Unless of course you just hadn't finished that part :P
The limbs from the fallen tree should be longer. It's not just a proportions issue, but the branches sitting right at the "top" of the path makes it stand out more, in a bad way.
You know the little bush thing in the bottom left?
I think more of these around the place, especially around the far right tree. This would look good.
And also what I said before ^^ :P
gASK - Small rocks and root hole (heh) added.
markbilly - I don't want to get the whole black foreground thing going on. But I have darkened it a little. And added some more bushies.
SimB - I think you're right. I think I'm going to need to go back and sort out the ground coz I don't like it. Not enough dark spots, methinks. It is on the 'To Fix' list.
Evil - I'm not 100% certain what you mean, but I lengthened one of the branches because every time I follow people's advice things look better. So there ;D.
Here is the latest:
(http://img517.imageshack.us/img517/3191/startship40aj8.png)
I've made a very quick start on the sky. Just for a change.
Just looking at this thing, I realise I've used heaps of warm colours. Never ever planned that.
What Evil meant was that it does not look natural that the fallen tree branches all end at the top border line of path.
All other corections made it look waaaay better.
The sky itself looks awesome, however now the style does not exactly match the one of the foreground. But I will wait what it will turn into....
Colour perspective, man, colour perspective.
With such a deep orange atmosphere, distant objects are bound to get an orange tint, and get a bit washed out. So lower the saturation and the contrast of those clouds and hills and give them a hint of orange. It'd increase the depth of the image a lot.
The main tree branches also seem to clash with the sky, making them hard to define. So, like Andail says lower the saturation of the clouds, but also maybe soften the sky generally colour-wise.
This background is going to be fantastic when it's finished.
Okies, quick edit before bedtimes:
(http://img509.imageshack.us/img509/6277/startship40xg3.png)
I haven't changed much, just altered colours. Will do more tomorrow.
gASK - Ah. I was not sure what he was saying. I shall have a go at doing that.
Andail - Gotcha. Hope the new one is looking better....
markbilly - I tried changing the sky colour and it looked wussy. I want like a deep sunset colour. But I'm glad you like the shape its taking.
Cheers for the comments guys. More soon!
[EDIT]: Update -
(http://img156.imageshack.us/img156/8495/startship40lp8.png)
Slowly but surely, we're getting there!
Right - changes:
-Redid some parts of the ground. Textured whole ground.
-Changed colour of path. To be textured still.
-Antialiased clouds & planets
-Coloured ship
I'm pretty happy with the shape he's taking.
Have you changed the contrast on the update a bit? It looks better anyway.
The ground texturing is looking fab now too.
All the things I think need doing: (I apologise for being such a critic! :P )
I've just noticed the outline of the mountains is a bit odd (the black isn't right), but I believe this section of the background isn't finished yet?
Also, the point when the path goes into the mountains looks a bit sudden, dunno how to rectify this but I'm sure you'll find a way.
The ship seems to be floating, should it be?
The hole the tree is supposed to have been ripped up out of is very small and insignificant considering the tree... It also looks like a smudge rather than a hole.
The sky has the right theme, but it looks cartoony compared to the style of the rest of the background. Maybe more shading, and cloudy-ness and fewer sharp edges and straight lines?
Alright, some more edits:
(http://img518.imageshack.us/img518/7483/startship40zw1.png)
-Started shading on mountain
-Shadow on ship
-Texture on path
-Root hole [ ;D] adjusted
-Sand colour to city adjusted
Hopefully I'll have this one finished soon. I'm getting a good idea of how I want my next one to look.
I must admit I'm pretty pleased with the fact that I've only used 44 colours so far.
And markbilly - no need to apologize for being a critic. Critics are what made this background look like it does now.
Cheers all.
Ben.
The path looks fab.
How are you going to get your character to appear the bob up and down the little bumps when he's walking along it? Because that would look cool :P
And the mountain now looks sufficiently distant, and so does the city. Fuzzy compared to the foreground... This works really well.
this looks really good, the style of shading you have chosen seems to require a more defined and solid edge to the boat in the background, as opposed to the loose freehand style it is in atm.
one more thing...
it's the root hole again I'm afraid... :P
doesn't it need piles of earth around it?
As someone once told me...
Quote from: Ben304 on Fri 16/12/2005 12:50:58
This is truly incredible!
This picture has changed so much from the beginning! I would just like to say its very encouraging (and inspiring) to see people willing to give such comprehensive and constructive criticism and paintovers. The backround has gone from bland to brilliant and is now (in my opinion) a very polished piece of art. Congratulations.
vict0r - Hah! I didn't get that until I realised who you'd quoted. Thanks man.
Zooty - Thanks man - I've made the ship a bit sharper looking.
markbilly - I'm not sure how I'm gonna get that happening. Perhaps walkable areas? Glad you like the path - small dirt mounds added as suggested.
(http://img82.imageshack.us/img82/9958/startship40wi0.png)
Typically I advice against gradients, but in some rare cases it can be beneficial.
Apart from that I added some depth using colour perspective, by making distant objects almost blend with the atmosphere.
(http://www.andail.com/ags/startshipandy.png)
Ummm.... wow.
I wanna learn how to do that. It is tasty!
Can I do something like that without Photoshop/insanely over the top hand pixelling hours?
Well, the gradient is very time consuming to do pixel by pixel. I just used a PS gradient which I copied and opened in a new document, indexed and reduced colours with a pattern dithering.
Apart from that, the colour perspective is just about filling distant objects with colours close to that of the atmosphere, to create a blending effect. No filters or layers needed.
Ok - that last image that I posted had a colour count of 50.
I've managed to halve that. Here is the pic (using Andail's version for reference on the distant stuff) with 25 colours. I must admit I'm very proud of that colour count.
(http://img515.imageshack.us/img515/8959/startship41gy0.png)
Basically changed a whole heap of colours.
Quote from: Ben304 on Wed 16/05/2007 06:24:51
(http://img82.imageshack.us/img82/9958/startship40wi0.png)
I like this one best. The colours of the city and mountain as best (unless you are going for a sun set type feel)
The sky does look a bit odd just being a solid colour though... Maybe just gradient the sky and clouds like this:
(http://www.freewebs.com/markbilly/editedit.png)
Wow that looks amazing! And 25 colors. :D