Comments on: From ideas to pixels http://www.jek2k.com/wp/2009/02/06/from-ideas-to-pixels/ still awake at night? Sun, 25 Jul 2010 14:29:11 +0200 http://wordpress.org/?v=2.8.6 hourly 1 By: Nicolò http://www.jek2k.com/wp/2009/02/06/from-ideas-to-pixels/comment-page-1/#comment-23826 Nicolò Wed, 07 Oct 2009 17:12:13 +0000 http://www.jek2k.com/wp/?p=210#comment-23826 Hi Stephen, thanks for your comment. The ColorFever header effect, as most of the other photo-realistic effects (see Omis.me site design too), are driven by simply looking at things around me: how they look (materials, textures, grain, softness), how light strikes them (do they reflect light? are they opaque or transparent?), how they drop shadows, etc. Sometimes a quick photo or sketch could also help. Then in Photoshop I use gradients and blending options to simulate lights and shadows. I normally don't use the Drop Shadow filter, but actually draw shadows manually with a brush and then blur it - this way I can create more natural-looking shadows and silhouettes. If it looks decently realistic, you're done. Otherwise go back and add some more detail or correct the things that look odd. And that's it ;) Hi Stephen,
thanks for your comment.
The ColorFever header effect, as most of the other photo-realistic effects (see Omis.me site design too), are driven by simply looking at things around me: how they look (materials, textures, grain, softness), how light strikes them (do they reflect light? are they opaque or transparent?), how they drop shadows, etc. Sometimes a quick photo or sketch could also help. Then in Photoshop I use gradients and blending options to simulate lights and shadows. I normally don’t use the Drop Shadow filter, but actually draw shadows manually with a brush and then blur it – this way I can create more natural-looking shadows and silhouettes.
If it looks decently realistic, you’re done. Otherwise go back and add some more detail or correct the things that look odd.
And that’s it ;)

]]> By: Stephen Webb http://www.jek2k.com/wp/2009/02/06/from-ideas-to-pixels/comment-page-1/#comment-23819 Stephen Webb Wed, 07 Oct 2009 11:32:08 +0000 http://www.jek2k.com/wp/?p=210#comment-23819 Some great examples of the design process in this article. It can often be all to easy to just launch Photoshop and start designing immediately, without sketching any ideas first, and then ultimately find yourself playing around for hours on the same idea. A simple sketch of the site layout can help tremendously in some cases. Personally I love the vibrant style of these designs, particularly the Pestaola site, along with its two seasons! The usage of stacked elements in the Omis site is also very effective, giving attention to the usually rather plain header and footer sections. I would be interested to know how the perception of depth was created on the ColorFever site, with the multicoloured bands and items. It is extremely effective but I’m assuming equally heard to draw correctly. Any follow up comments to this would be much appreciated! Some great examples of the design process in this article. It can often be all to easy to just launch Photoshop and start designing immediately, without sketching any ideas first, and then ultimately find yourself playing around for hours on the same idea. A simple sketch of the site layout can help tremendously in some cases.

Personally I love the vibrant style of these designs, particularly the Pestaola site, along with its two seasons! The usage of stacked elements in the Omis site is also very effective, giving attention to the usually rather plain header and footer sections.

I would be interested to know how the perception of depth was created on the ColorFever site, with the multicoloured bands and items. It is extremely effective but I’m assuming equally heard to draw correctly. Any follow up comments to this would be much appreciated!

]]> By: Nicolò http://www.jek2k.com/wp/2009/02/06/from-ideas-to-pixels/comment-page-1/#comment-20764 Nicolò Wed, 11 Feb 2009 13:03:17 +0000 http://www.jek2k.com/wp/?p=210#comment-20764 Nath, yes the process is pretty much the same for every project - sometimes I don't have the time to sketch ideas on paper and begin working with Photoshop right from the start. For Flash sites I usually sketch a storyboard of animations and transitions too. This way I can discuss my ideas with the client before spending hours of work on animation. Nath,
yes the process is pretty much the same for every project – sometimes I don’t have the time to sketch ideas on paper and begin working with Photoshop right from the start.
For Flash sites I usually sketch a storyboard of animations and transitions too. This way I can discuss my ideas with the client before spending hours of work on animation.

]]> By: Nath http://www.jek2k.com/wp/2009/02/06/from-ideas-to-pixels/comment-page-1/#comment-20739 Nath Tue, 10 Feb 2009 12:13:02 +0000 http://www.jek2k.com/wp/?p=210#comment-20739 So every website you make, same process? and always in photoshop? (Doesn't relate to flash sites). So every website you make, same process? and always in photoshop? (Doesn’t relate to flash sites).

]]> By: MakeMoneyWorkingFromHome http://www.jek2k.com/wp/2009/02/06/from-ideas-to-pixels/comment-page-1/#comment-20721 MakeMoneyWorkingFromHome Mon, 09 Feb 2009 20:16:00 +0000 http://www.jek2k.com/wp/?p=210#comment-20721 looks pretty cool!!! looks pretty cool!!!

]]>