AuthorTopic: [wip] Bilou's school : Pendats goes marchin' in [c+c]  (Read 102770 times)

Offline PypeBros

  • 0100
  • ***
  • Posts: 1220
  • Karma: +2/-0
  • Pixel Padawan
    • PypeBros
    • View Profile
    • Bilou Homebrew's Blog.

Re: [wip] Bilou's school : owlish background [c+c]

Reply #90 on: November 05, 2012, 08:23:35 am
Much much better make the red book with the same style.
I hesitate to do so. Could you please indicate the features that you prefer ? I'd like to keep the rounded shape of the laying books, but I'm not opposed to improve them if that can be done.

Offline Ai

  • 0100
  • ***
  • Posts: 1057
  • Karma: +2/-0
  • finti
    • http://pixeljoint.com/pixels/profile.asp?id=1996
    • finticemo
    • View Profile

Re: [wip] Bilou's school : owlish background [c+c]

Reply #91 on: November 06, 2012, 02:58:09 am
To me, the best feature of the new design is the depth created by the implication of overlapping areas.
If you insist on being pessimistic about your own abilities, consider also being pessimistic about the accuracy of that pessimistic judgement.

Offline Facet

  • 0010
  • *
  • Posts: 425
  • Karma: +3/-0
    • View Profile

Re: [wip] Bilou's school : owlish background [c+c]

Reply #92 on: November 08, 2012, 11:07:09 pm
Not sure why the upright spines are double width but I think staying with 32px would look better at first. Maybe turning the parallel lines of the reds into proper 'ribs' like the green 'uns would make a nice compromise.



I was having trouble at first trying to sketch with your palette, and I think it's primarily because you've a huge hue-shift but little difference in saturation. I toned down the cooler colours and added a nice desaturated mid-tone to effect as a bounce light; the strong highlights seem to indicate a reflective surface so I ran with it, also spaced the values out a bit.

The new mockup looks great but I do miss the sense of architecture of the previous, ie, bg appearing as part of the structure of the fg. Probably this is just a result of a quick asset test but I'd like to see the owl perched on something of the foreground and the architrave appear to support a platform.
« Last Edit: November 08, 2012, 11:11:12 pm by Facet »

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: [wip] Bilou's school : owlish background [c+c]

Reply #93 on: November 09, 2012, 07:58:52 am
Cool edit.
I agree with the desaturation of cooler colours - especially when it comes to ambient sky lighting which seems to be much more realistic with a very desaturated blue, although it may be almost grey it still appears blue in comparison with the more saturated colours (recently discovered this myself).

IMO, this kind of selective saturation could be applied to some of the other objects so as not to interfere with the sprites themselves.
And where the light hits, ramp up the saturation too as this can help mark the edges of platforms.
Its a good idea to look for any tricks like this that can help mark out the playable/nonplayable areas, even out of the corner of your eye.

Offline moket

  • 0001
  • *
  • Posts: 52
  • Karma: +1/-0
    • View Profile
    • human hacks

Re: [wip] Bilou's school : owlish background [c+c]

Reply #94 on: November 09, 2012, 10:44:25 am
This kind of perspective is quite hard to work with. In order to simulate depth, you could use contrast to make the perspective more obvious without compromising too much your style.
I tried to work on the books bindings, most of the time they consist on leaflets (not sure about the term here) knitted to a fabric tissue band, allowing the book to bend when opening it. Furthermore since they are old/used book you could have dents in the silhouette thanks to those "leaflets", instead of the clean curves.
The cover could be thicker considering the size of the volume.

« Last Edit: March 15, 2013, 01:10:36 pm by Crow »

Offline PypeBros

  • 0100
  • ***
  • Posts: 1220
  • Karma: +2/-0
  • Pixel Padawan
    • PypeBros
    • View Profile
    • Bilou Homebrew's Blog.

Re: [wip] Bilou's school : owlish background [c+c]

Reply #95 on: November 09, 2012, 02:33:29 pm
Not sure why the upright spines are double width ...
hum ... because it worked  :P (compared to my earlier, unpublished attempts)
the reversed U you used for shadows is a nice way to convey cylindrical volume while keeping a straight shape.

Quote
I was having trouble at first trying to sketch with your palette, and I think it's primarily because you've a huge hue-shift but little difference in saturation. I toned down the cooler colours and added a nice desaturated mid-tone to effect as a bounce light; the strong highlights seem to indicate a reflective surface so I ran with it, also spaced the values out a bit.
Thanks for the tip. I'll see to what extend the Nintendo DS tolerates that (there are pretty few colours available when de-saturating things as result of the low # of bit per channel) without introducing rainbow artefacts.

Quote
The new mockup looks great but I do miss the sense of architecture of the previous, ie, bg appearing as part of the structure of the fg. Probably this is just a result of a quick asset test but I'd like to see the owl perched on something of the foreground and the architrave appear to support a platform.
It's indeed mostly a test, and an in-emulator screenshot rather than a mockup, but there will be a parallax scrolling between BG and FG, meaning that the illusion of "supporting something" may be working differently in different places. I should be able to tweak the alignment of the planes to produce interesting architecture effect, though. I'll try to do that better in the next run.

Quote from: moket
In order to simulate depth, you could use contrast to make the perspective more obvious without compromising too much your style.
A good tip. I have to figure out how to apply it with this tiled hardware in a smart way, but I'll definitely give it a try.

Quote
you could have dents in the silhouette thanks to those "leaflets", instead of the clean curves; The cover could be thicker considering the size of the volume.
point taken.That seems to vary from books to books, though.
« Last Edit: November 12, 2012, 02:33:53 pm by PypeBros »

Offline Facet

  • 0010
  • *
  • Posts: 425
  • Karma: +3/-0
    • View Profile

Re: [wip] Bilou's school : owlish background [c+c]

Reply #96 on: November 10, 2012, 01:33:55 am
Ah yeah! sweet combo edit Mocket.

I meant to say earlier, with the tilemap you had those ribs do work against the hard-won foreshortening effect; I don't think it's all that noticeable, but differently compressed variations wouldn't be so hard to do along with the kind of tonal tile variants of Mocket's; just so long as you have the space :).

Quote
The illusion of "supporting something" may be working differently in different places. I should be able to tweak the alignment of the planes to produce interesting architecture effect, though.
Ah, I did think afterwards you might be doing offset scrolling, what jumped out at me most was the carving being behind (partially submerged in?) the ink.

Offline r1k

  • 0010
  • *
  • Posts: 270
  • Karma: +0/-0
    • View Profile

Re: [wip] Bilou's school : owlish background [c+c]

Reply #97 on: November 10, 2012, 10:43:05 am
Quote
I meant to say earlier, with the tilemap you had those ribs do work against the hard-won foreshortening effect; I don't think it's all that noticeable, but differently compressed variations wouldn't be so hard to do along with the kind of tonal tile variants of Mocket's; just so long as you have the space

I hadnt actually noticed that as a problem before, but now that you mention it I see it.  I did a quick edit to try it out just cause I wanted to see how it would look

I do think it helps, even though it is a very minor thing.

I think Mockets edit is a step in the right direction too.

Offline PypeBros

  • 0100
  • ***
  • Posts: 1220
  • Karma: +2/-0
  • Pixel Padawan
    • PypeBros
    • View Profile
    • Bilou Homebrew's Blog.

Re: [wip] Bilou's school : owlish background [c+c]

Reply #98 on: November 15, 2012, 09:32:54 pm
There's one thing that keeps puzzling me with the proposed edits.


The ring-like structures have been given shadows on the right, suggesting that the light is coming from a large enough angle so that it highlights the rings, but still cast shadow. Imho, that's incompatible with the highlight on the edge of the book (blue-ified in the image above)



Well, anyway, I keep you updated as soon as I managed to make something convincing with your proposals. Thanks a lot.
« Last Edit: November 27, 2012, 08:57:09 am by PypeBros »

Offline PypeBros

  • 0100
  • ***
  • Posts: 1220
  • Karma: +2/-0
  • Pixel Padawan
    • PypeBros
    • View Profile
    • Bilou Homebrew's Blog.

Re: [wip] Bilou's school : owlish background [c+c]

Reply #99 on: November 15, 2012, 09:48:54 pm
Quote
Not sure why the upright spines are double width ...
I'm not 100% sure because you're using the English language at a level I've not mastered yet, but i suppose you mean the "stairs" effect of books cover, near the left and right extremes of the 32 px tile, aren't you ? If that's so, I'm trying to render the effect that the "dent" just between the spine cover and the front/rear covers. (see side view below or this picture)

I obviously overdid it and it should be smaller in comparison the rest of the book.
« Last Edit: November 21, 2012, 09:39:58 am by PypeBros »