Noscope September: Open House

Open House

Update: Noscope September has been launched.

Continuing the relatively modest success of last months “Open House”, I once again invite you to criticize my work while I am doing it.

Introduction

Every month I present 5 illustrations in my Installments section. This “Open House” thread will serve as an option for you to comment on the particular illustrations I am working on. It serves as valuable feedback and makes the whole process much more interesting for me.

I will be working on the pieces for until the 31st of August. Until then comments are open.

Theme & Idea

The theme for September is at the moment rather vague. I want it all to be fairly straight forward and simple—not take up too much time. Thus I will be working with some pictures I took at a trip to Sweden recently. The visual style will be a mix of a movie poster I saw at a cafe in Copenhagen, and the style from the intro to Six Feet Under.

The result I’ll be aiming for is a combination of the faux raster marks from the movie poster (damned if I can remember the movie title), and the aesthetic, monochromatic colors, textures, blur and lighting from Six Feet Under (here’s an example). The colors are all earthy, greenish and turquoise. Turquoise in specific is a color I find to be very hard to work with, and as such the choice of colors is also an attempt at furthering my skills in that direction.

Todo list

In order to provide up a complete Noscope serving, the following must be done:

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
  • Choose name
  • Choose song
  • Choose header image
  • Design background and borders for installments
  • Upload and test
  • Adjustments
  • Write newsletter
  • Write journal entry

Image 1

The first image is always the most difficult in the process, because it has to define the visual style of the rest of the images.

I started out with a photo that had some lighting I liked. I added raster-like textures by painting shades of grey, then applying the Color Halftone filter (Filter > Pixelate > Color Halftone). If one sets all 4 screen angles to the same number, it’ll produce a uniform effect.

Interim

While fairly satisfied with this interim piece, I wanted to make it lighter, and have a sort of border.

Interim

… the result was not entirely satisfactory, and still needs work. I’m hoping for a mix of the two above images.

Final

After tweaking fixing and adjusting colors and border, I’m finally satisfied with the result. I added a scratched number in the bottom left, because I think it looks cool.

Image 2

For the second image, I want to build and improve on what went well in image 1. In my opinion, this is the colors, the texture and the rasters. I will definately want to add more rasters to this one.

Interim

I’m a sucker for reds lately. I’ll be adding lots of texture now.

Final

After the interim picture, I noticed the colors were just a tad too saturated and not earthy enough to fit with the first picture in the series, so I downplayed the red a bit. I’m fairly satisfied, but open to suggestions of course.

Image 3

Interim

It was initially my mission to go turquoise, but I failed miserably in doing so with image 2, so I’m going to try again. This picture will need a lot of work, also because the original one had a fair amount of motion blur.

Interim

While certainly better than the interim version, I’m not entirely satisfied with this piece. I am, however, out of ideas as to what to do with it, so I’ll let it rest here for a while. It might possibly just end up the final version, I don’t know yet.

Final

There. Much better. Not the best of the images, in my opinion, but definately good enough. Now on to image 4.

Image 4

Interim

I like the motiv of the tree, and like that it’s so light. It will be a challenge though, considering light images are among my weaknesses. I hope to extend the grass in the front of the picture.

Final

The reconstruction of the grass in front and the trees on the left and right went much better than expected, and a stalemate with the colors was pretty much solved by a fluke of yellow. I’m fairly satisfied and moving on.

Final

Based on feedback, I have adjusted the “yellow corners”. The final result is much nicer.

Image 5

Interim

I’m not sure I like the photo, and I certainly don’t like the colors, but conflict is good. Sometimes.

Final

I think I kinda wimped out on this one. When I don’t like the motive or colors, I tend to go with the colors I’m strong with, and just over saturate and paint the image. The end result came out just fine, but it was definately the cowards way out. Ideally I’d have gone light and easy on the image, added less color, etc. Oh well.

Afterthoughts

It’s always strange, when having done 5 images on a common theme, to look at the final pieces and compare them to what was in my minds eye. It never fails—the image in my minds eye slowly disappears with each image being created. When they’re all done, I have no memory left of what I wanted to create. The only thing remaining, is a feeling of whether I hit the target or not.

This time, I didn’t. I seem to remember wanting to use the raster dots in a different way—but I can’t put my finger on what. I think I got caught up in textures and colors.

With that said, I am satisfied in the end result. Many of the pictures are much lighter than I usually make them, and it definately has a sensation of “old” to it. Furthermore, I managed to use some colors I haven’t used in a long time—the very turquoise spectrum I set out to use.

The music I chose definately defined the whole mood. One can only do so much with colors and textures to achieve an atmosphere—and then upon adding music, it can change everything just like that. Specifically, there were two tracks I chose between. One would have given the images a mystic, strange almost post-apocalyptic feel. The other one (which I ended up choosing), would give the sensation of fond but also sad memories of the past—but definately a lighter tone.

The music I can pick from is composed (and lyrics written and performed) by the painfully talented Kate. It’s such a humbling experience to add music to my graphics, if I’m satisfied with the pictures, it is nothing until the music is added. If I am disappointed and not too happy with my graphics, the music will make it all work. It brings me to my knees, because no matter how hard I try, I never seem to be able to match up graphics with music. The music is timeless and trancends everything I create. For allowing me to use her music, I am forever grateful.

The music for this month is called Gelid, and the track is available on the Aqua Path CD, which you can order, or download for 10 USD (plus shipping) directly at www.theaquapath.com. For that, you get 60 minutes of ambient music, including another favourite of mine, Sea Glass. Trust me, it’s worth it.

I chose the name “Frozen”, from the song, Gelid. In addition, it fit well with the images—some of them were cold, they all had icy like textures, and they were all pictures frozen in time.

Noscope August: Open House

Noscope August

Update: Noscope August has been launched.

Introduction

Since May 1st 2001, I’ve been doing 5 graphical pieces every month. Since sometime in 2003, I’ve been releasing layered PSDs (TIFF) files of my work. Now, I want to try something different.

This time, you get to critizice my work, while it is being made. I will, to the best of my ability, document my process, thoughts and actions leading to Noscope August, and post screenshots, interim work, source files and the likes. Meanwhile, comments to this thread will be open for your thoughts, requests, questions and wishes…

The purpose of this is to break the mold, and actively use the process to get valuable feedback. I hope to be done by friday evening, because I’m busy saturday.

Theme & Idea

Usually, I start a couple of days before the 1st of the new month. I pick one of the ideas I write down during the month, and start forming it in my head. A previous idea was to make “close-ups of Absinthe with lots of texture, icky colors and bubbles”, which resulted in “Chasing the Green Fairy”.

This month, I picked an idea that said:

“MeCompany-like wallpaper’ish images with soft 3d curves and lots of colors, but more elegant like the default OSX wallpaper”

The OSX background looks kinda like this (screenshot courtesy of Apple), and the MeCompany (the company that designed covers for Bjork’s Post, Homogenic and SelmaSongs) backrounds I’m referring to, can be seen here: Wall 1, Wall 2, Wall 3, Wall 4.

I picked a size of 1000×1415 px, because while I like panorama more, it’s been a while since I did vertically oriented images. At the same time, the aspect ratio of this is similar to that of european A4 (used for letters).

With this as the vague but general theme, I’m going to explore possibilities and see what comes out of it.

ToDo List

In order to provide up a complete Noscope serving, the following must be done:

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
  • Choose name
  • Choose song
  • Choose header image
  • Design background and borders for installments
  • Upload and test
  • Write newsletter
  • Write journal entry

Image 1

Image 1, Beta

I didn’t know I was going to do “Open House”, on this one, so I cheated and this image is already done. Here are, however, my thoughts on the process.

The first image in the series is always the most diffucult. Basically, Image #1 is the design, that has to be approved before proceeding. In fact, images 2-5 are just elaborated versions of image #1. As such, this image also sets the standard (and time needed) for the rest of the images, so it’s definately the hardedst part of an installment.

I knew that I had to use 3D assets to get the look I wanted, but felt lazy so I wanted to take a shortcut. The long (and possibly right) way to have done it would be to model the entire scene in 3D, and “just add colour”. Since I’m not that much of a 3D wiz, however, I figured I could just model some assets, and composite them together in Photoshop. So I threw together a Nurbs spline and extruded a shape using a Lofts modifier. I added a semi-translucent blue and highly reflective material to the resulting shape, and ended up with something I liked. I made 2 shapes using this technique.

After compositing a bit in photoshop, I found a composition I liked, and added lots of reddish, greenish and yellowish colors. Using a scatter brush, I also added small twinkles on a layer set to dodge. I added a diagonal pixelpattern, as the one I used last month, to the background… just to make it look a little digital.

Source files for image 1:

Image 2

I am forcing myself to try and create something in the light spectrum of colors, rather than dark and shady. I want to go more simple than with image 1, but due to the nature of the technique currently at hand (exploring flukes and lucky accidents), it may end up more complex.

Interim work:

Interim work

Final piece:

Final piece

Final piece, adjusted:

Final piece, adjusted

As you can see from the final piece, it turned out quite different from the interim piece. In fact, while I was fairly satisfied with the composition of the interim image, it proved more of a problem than helpful. I don’t want to make the MacOS wallpaper again, it’s fine as it is. I wanted to make something that wasn’t a wallpaper, and such an image needs some “action” of some sort. This made me blindly explore strange colors, always keeping some blue remaining, only to ultimately abandon the blue color completely.

The final result came after turning the tables and making the whole image colored yellowish greenish. I added some light flares to the bottom left, to add the “action” it needed. Dodging, painting and color finetuning turned it into something I figured was good enough.

I’m not entirely satisfied, though, and may end up adjusting some things. One of the things I think I failed to do, was making it light enough, as promised.

Adjustments that did end up in the final piece are subtle, but in my opinion, helps out a bit. I’ve smoothed out the orange / red part in the upper right corner, and softened it. At the same time, I’ve intensified the bottom left green.

Source files for image 2:

Image 3

I always find that the middle images of the 5 are the ones where I don’t take chances. I basically just go with the flow of the preceeding two. In this case, sorry, I’m going dark on this one.

Interim work:

Interim work 3

Final piece:

Final piece

Final piece, adjusted:

Final piece

To finish this piece fast, I threw together some complex shapes, and didn’t worry so much about simplicity and elegance. As I mentioned before starting this image, I wanted to make a darker image, like the first one. Not because it’s nicer, but because I find it easier. Colors dodge better, and details that hide in the shadows are inevitably more interesting.

With the composition and interim image fairly in place, I felt the image needed some action, somewhat in the same way as Image 2 needed. So I decided to paint some sort of light pouring out of the horn shape to the right. This was done by taking a 3D shape, pasting it as a channel, adjusting brightness/contrast and basically grabbing various interesting curves from the shape, and using them as light. I finalized this by adding a dodge layer and some light sparks using the scatterbrush.

Basically this channel technique is used to separate light parts of a B/W image out as selections, that can be used to fill with any color.

Adjustements to the final image were only in the details. Some of the digital diagonal texture was added, and some light was removed from the upper right corner.

Image 4

I’m going to try and make this image light.

Interim work:

Interim work 4

Final piece:

Final piece

Final piece, adjusted:

Final piece, adjusted

Well, it did become light. I’m not quite satisfied though. Since the other images had lots of color, it pretty much dictated that this image should go the same direction. Thus, I added some greenish tint in the bottom left. Unfortunately, this didn’t work at all, and I will revisit and update it eventually. For now, it just looks like something from the wall of a pizzeria, which is definately not what I aimed for. As such, I will revisit this image tomorrow, and probably just monochromatize it.

Update: Monochromatized it. It’s more simple now without the bottom green colors, I like it that way.

Image 5

I’m fairly tired of the whole shebang, like I usually am when starting image 5 in a series. This is when I convince myself that forcing a deadline upon myself is pointless and stupid.

I’m gonna aim for a fluke.

Interim work:

Interim work 5

Final piece:

Final piece

Final piece, adjusted:

Final piece, adjusted

While I was pretty happy about the initial 3D shape in this image, it would turn out to be a fairly tricky image to do. The shape, which at first had seemed fairly simple and elegant turned out to be rather complex and hard to stand on its own. A fair amount of painting had to be done. I experimented with some blurred vertical stripes to give an effect of updraft but that part pretty much died when I added particles that fell, thus the adjustment. As for the adjustment, the previous iteration had simply become too complex. So I went back and simply removed some shapes and colors. It did help a lot.

Source files for all images:

Ideas

I think it could be fun to use Illustrator blends in the images. Also, I’m not so good with really light images, (white background), so that would be a challenge I should try out. In general, I want to make the images a bit more simple than Image 1—less going on with shapes and such.

Your comments

Since this is an experiment, I’m eager to hear what you think of this idea. Comments I would appreciate could:

  • what parts you like
  • what parts you don’t like
  • what colors you think would work
  • ideas for what song I should use, pick one from the downloads section
  • a title to the installment
  • ideas for the the surrounding border / background HTML/CSS
  • most importantly, what source file(s) you would like