Another Children’s Book - GlitterGills

July 21, 2008 at 6:42 am (Digital Art, Photoshop tips and tricks, computer art) (, , , , , , , , , , , )

I made this animation from the Toad I created for the book

I’ve been living like a hermit for the past month, working day and night on a new series of digital art images for another children’s book for the same company as The Tuesday Mushroom King, commissioned by www.flattenme.com  I am averaging an image every 3 days plus an additional day to complete the alternate boy/girl version.  Normally I need to take some time between digital art pieces to replenish my creative energy and let new ideas formulate and marinate.  But timelines for this project are much tighter and in order to meet the final deadline I have to work on images back to back.  This has been both challenging and at the same time enlightening because it has taught me a lot about my own creative processes.  Now I know for future projects how to best stimulate my creative juices and to work most effectively.

This story is about children who live under the ocean and frolic with fishes and seahorses.  Their bodies are half human, half fish.  Very sweet concept.  Like the previous book, people will be able to send images of their own child which is inserted onto the main character’s throughout the book, and the child’s name is also inserted throughout the book as the main character, to make it a very personalized gift for a child.  There is also a page at the beginning of the book with a personalized dedication from the person giving the book to the child.  A really delightful idea from the people at Flattenme, who have a whole series of children’s books available.

It took me some time to design the toad, who plays a main role in the book.  I created him combining realistic images combined with fantasy art that I conjure using Photoshop.  Many of the other characters like the seahorses, octopus, etc., are melded with reality overlapped with fantasy.  

I have just three more images to complete,  and the book be available shortly after August.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 3 Comments

Typography and Horse Rustling

June 14, 2008 at 2:57 am (Digital Art, Photoshop tips and tricks, computer art) (, , , , , , , , )

This is a piece that I recently made, inspired by the Old Masters paintings. I tried to create that old style. I’ve made the dress entirely in Photoshop. It went through countless versions before I finally arrived at this one. The woman is also a figment of my imagination, comprised of so many bits and pieces right down to eyes from one source, eyebrows from another, lips from another and so on.

The Rose

I attend three Vancouver Meet Up groups: Graphic Design, Web Design and Flash Developers. Last Monday I had been debating all day whether to attend. It was a blustery, cold, rainy day and I had been up all night working on a digital illustration for a children’s book. I fought the urge to be lazy and remain at my computer in my comfy living room.

The meeting was organized by Steven Luscher, whose wit, charm, intelligence and mild eccentricity is a perfect match with the Waazubee Cafe’s laid back atmosphere. I spent the evening comfortably wedged between a young 3D animator and a brilliant German coder and Flash Programmer. On my right was a Graphics person who runs a Graphic Design and Branding company. His wonderful stories glided so easily, from stories about Second World War concentration camps then winding back again to the topic of typography. I found it so envigorating listening as these topics wove their way around and around and back again to graphics.

There was one particularly brilliant moment when three guys were speaking emphatically about typeography and fonts. One fellow with a burly Aussie-sounding accent was discussing “his relationship with a particular font” This struck me as just so comical and brilliant all at once. Sitting beside him was another guy with a wide brimmed hat that looked as though it would be just as comfortable on the head of a horse rustler. For a brief moment it was as though time was frozen while I sat marvelling at this odd, yet amazing combination of talent and diversity. This was completely inspiring to me.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 2 Comments

Danielle’s Dragon

May 27, 2008 at 3:38 am (Digital Art, Photoshop tips and tricks, computer art) (, , , , , , )

Danielle’s Dragon

I worked on this image for 4 days. It took more than 50 hours in total, longer than most because I had to build the dragon piece by piece. I composited digital images of iguanas, a monitor lizard, crocodile, and even some giraffe fur samples for the dappled effect on the wings. The fox is also comprised of many different pieces. I built several different backgrounds and foregrounds until I was finally satisfied with this version. I love building backgrounds and spend hours adusting and tweaking even the smallest bits of foliage. This one is made of at least 40 or more images.

People have asked me how I extract the tree leaves against the sky. The method I often use is a combination of contast and Blending Modes. For the dark leaves I first adusted the image’s Levels and Curves, maximizing contrast. Then I overlayed the image using the Multiply Blending Mode.

This piece is made for my friend Martine, of her daughter, Danielle.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink No Comments

Digital Art At Last !

April 23, 2008 at 8:56 pm (Digital Art, Photoshop tips and tricks, computer art) (, , , , , )

New Beginnings

This is the first digital art piece since I finished school. I now have time again to do digital art !!

I began this one yesterday at about 6 p.m. and just finished it now at 6 p.m. the following day. I worked all evening, all through the night and all day the next day. I have not yet slept. In total it took a marathon 24 hours without a break in between. I’d only stop working for about 10 minutes to make a quick snack, toss something in the microwave. Right now my legs are cramping and I am almost hallucinating from lack of sleep. But I am feeling very happy to finally be able to do art again without piles of homework assignments looming over me.

This file ballooned up to 9 gigs in size in the uncompressed layered format. At full size it is 7200 x 10800 (24 x 36 inches @ 300 dpi. I was so happy that one of my Flickr friends told me abut the PSB large file format, because in the past I was always using PSD, which allows a maximum of 2 gigs to be saved and gives an error message if you try to save anything larger. To compensate, I used to have to flatten several layers to bring the file size down. But now that I know about the PSB large file format, I no longer have to reduce my file sizes, which means that I can later go back to change them or repurpose them. For example I might want to use some forest branches, or in the case of this image, I might want to use the flowers or vines or some other element, which I will then change to something new, unrecognizable from what you see in this scene.

My daughter bought me a wonderful book for a graduation gift, Masterworks of Alphonse Mucha, a Czech painter who lived and worked in Paris durng the late 1800s. I was inspired by the amazing color palette used in his paintings, burnt oranges, olive greens … and I wanted to bring some of these colors into this piece. His style is more of graphic design, but the mood, balance and colors completely inspire me.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 3 Comments

A Special Digital Art Tutorial

February 17, 2008 at 10:30 am (Digital Art, Photoshop tips and tricks, computer art) (, , , , , , , )

Scotty Serenades

A Unique Experiment

Scotty is my classmate and friend. At school, one of our assignments is to work in a team of 3 (me, Scott and Alex). Our task is to contribute to a website that Scotty has been building, utilizing leading edge technology and trends. Scotty’s site will host a community forum where people can communicate and share knowledge and ideas. As part of our team project, I offered to contribute a Photoshop tutorial showing the process I use when creating digital art. We thought it would be more interesting if I did the tutorial from scratch, using a photograph that I’d take of Scotty, then afterwards explain the steps. This tutorial will be useful for people who already have a basic understanding of Photoshop’s interface and tools, however beginners might glean an interesting tip or two.
:-)

First Step

To begin this image, I took some photographs of Scotty and his cat at his apartment during a time of day when there was sufficient indirect lighting shining in through his balcony window. By the way, the amazing guitar he’s playing is my gorgeous Taylor acoustic. I took photos at the highest jpeg setting that my digital camera would allow, as it is essential to obtain a high amount of pixel data. I could have taken the photos in Tif or Raw, but those modes would have slowed down my camera’s response, so Scotty would have to sit longer between each photo. This would have been less spontaneous, so instead I used the jpeg setting. I made sure that the lighting in the room was neither too bright, nor too dim. The best lighting is solid indirect lighting. I begin each digital piece with a full range of highlights and shadows. Any moody or dramatic lighting is created using Photoshop. BTW … Scotty is actually playing the guitar, not merely posing. He is an amazing musician and singer.

Detail of Graffiti

Layer Palette

I’ve done a print screen of all 47 layers from the layered PSD Photoshop file. I’ve printed the Blending mode that I used beside its layer, and I’ve assigned a number next to each layer so that you can easily refer to it while reading this tutorial.

Background

I gathered about 30 images and began dragging and arranging them, sometimes masking out portions of the images until a mood began to emerge. I generally spend a lot of time experimenting, looking for interesting textures, colors and a hint of lighting that I will afterwards carry throughout the entire image. I merged several images to come up with the background image, displayed below. During this process, it’s necessary to merge images in order to continue superimposing more images over top, rotating them, blending them together until I arrive at a background that carries a particular mood.

Extracting

I then extract Scotty and his cat from photos I’ve taken. During this process I take my time, extracting in several stages. I first make a loose lasso selection, then afterwards use a soft brush to Mask the edges, using progressively smaller and smaller brushes and zooming in to a detailed view. Masking has always been my preferred method to extract because it allows the flexibility of using different edged brushes. On areas like hair or fur I use a soft-edged brush, whereas on architecture or sharp edged objects I use a harder brush. I’m never in a hurry to finish extracting. I find the process tedious so after doing a bit of extracting I go work on some of the more artistic aspects of the image, then later come back and continue extracting. Often I don’t finish fully extracting until I’m almost finished the piece.

Adding Graffiti

For the graffiti on the door I overlayed an image of graffiti art, cutting, Masking and using the Free Transform Tool to rotate, skew and resize it to fit an area on the door. For the graffiti on the left wall, I blended it into the wall by using one layer with reduced opacity, set to Normal. Then I duplicated this layer and set the second layer to Multiply Blending Mode. (These 2 layers are in a folder labeled Pass Through on the Layer Palette diagram above).

Graffiti Face

The face on the upper right is from an image of a statue. I superimposed this image using Multiply Blending Mode, which knocks out the white and light colors and only preserves dark tones. I then overlayed several other colors and images over top of this to make it appear to be graffiti.

Graffiti Maiden

It might be difficult to view from the photo below, but in the final version at the top of the page you will be able to see the ‘graffiti maiden’ who is looking lovingly down from the door towards Scotty. She was created from an image of foreign money that I found on a stock image website. I used Overlay Blending Mode along with the Smudge Tool, Liquify Filter and Clone Tool to change her features and make it appear as though she was painted on the door as part of the other graffiti.

Additional Color And Wall Texture

I then add extra bits of color, highlights, and more graffiti to the walls and beneath the stair railing, using portions of images that have been Masked, rotated with varying degrees of opacity. I choose Overlay Mode to burn in the midtones.I now add many different layers in Overlay Mode to create texture on the walls. This process takes several hours of tweaking, rotating, changing opacity, experimenting with various Blending Modes, and mixing these layers together.

Lighting

I then begin overlaying random images that I’ve chosen only for their colors. It doesn’t matter what the images are because they will be blurred using the Gausian Blur Filter. This takes some experimentation, but results in amazing lighting highlights when superimposed over the image using Blending Modes. I then Mask portions of these images. For this image I used Color Dodge Mode, but for other images a different Blending Mode might work better. I try all of them to see which ones work best. I overlay these blurred images over Scotty and the scene I’ve created.

Dodge And Burn Tools

I also use the Dodge Tool to create highlights throughout the image. The Dodge and Burn Tool functions like a paint brush and has 3 modes. These 3 selections are available from the Options Palette at the top of the screen and becomes available once you click on either the Dodge or Burn brush in the Tools Palette. The 3 modes that you are able to burn or dodge are: highlights, midtones and shadows. I always experiment with all of them to see what ones work best on a particular portion of the image. This process requires patience and a lot of trial and error.

Final Result

Shadows

I then begin to mold in a 3D appearance by burning in some shadows using the Burn Tool and by using Multiply Blending Mode.

Detail of Cat

Finishing Touches

I then add back the fine hair around Scotty’s head that was removed during the extraction process. I do this by taking a close up photograph of Scotty’s hair against a dark background. This allows me to use Screen Blending Mode with this layer, which knocks out all dark colors and preserves only the light colors, such as his blonde hair. I also add extra whiskers to the cat that I extract from an image of Scotty’s other cat which has black fur. Again this is perfect because I can apply Screen Mode to the layer which reveals only the white whiskers and knocks out the black fur. I then add intense highlights on Scotty’s clothing and on the cat’s fur to make it appear as though there is a light source casting a glimmer of light onto the scene. I do this with the Color Dodge Blending Mode.

Detail of Graffiti Maiden

I hope you’ve found this tutorial helpful and that it provides you with some new ideas for using Photoshop with your images.

Cheers!

Gale Franey

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 7 Comments

Digital Diversions

February 5, 2008 at 12:48 am (Digital Art, Photoshop tips and tricks, computer art) (, , , , )

Lady And The Fox

I was supposed to be doing homework, working on my Flash website. I was looking for an image to put as a background on one of the web pages. I began digging through my digital art folders. I couldn’t find an image that had the right mood and colors. Before I could stop myself I was suddenly immersed in making this new digital art piece. I began in the late afternoon and finished the following morning at 10:30 a.m. I then went to bed for 2 and a half hours. When I woke up I had to do the final touch ups, which took most of the afternoon. Although I am very happy with the results, I am feeling so guilty that I’ve barely done a stitch of homework. Well, I now have that web page background that I was looking for.
:-)

Right now I am walking around like a total zombie, from lack of sleep. I will now go grab a few hours then tackle PHP and MY SQL this evening.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 6 Comments

The World Is But A Dream

January 1, 2008 at 5:46 am (Digital Art, Photoshop tips and tricks, computer art) (, , , , , , )

Happy New Year Everyone!


Ah … The World Is But A Dream

I’ve had 10 days off from school, a vacation … but have spent most of my time pouring over Actionscript 3 tutorials. I was maybe a bit overly optimistic, thinking that with leisure time to concentrate I would easily grasp the concepts and syntax … wrong! I’m not sure why it just isn’t sticking to my brain. All those variables, functions, event handlers, curly brackets, square brackets for arrays, quotation marks around strings, trace statements … all rolling around in my brain from morning to night, but somehow all the bits and pieces just don’t seem to coalesce into a whole. It’s a bit of a nightmare because I absolutely love Flash, as much as I love Photoshop and I’m determined to learn it.

In fact, it is my New Year’s resolution for 2008.

I WILL LEARN Flash Actionscript 3, do or die …. :-)

The past few days and nights I’ve spent working on this latest digital art piece. I worked during the day, then stayed up all night until, can you believe, 12 noon the following day before dropping into bed. Then the following day I did the same thing, working many hours during the day then again all night long, until finally finishing it at 5:30 a.m the following morning. I mustn’t have realized how tired I was because I somehow managed to save a flattened version overtop of my layered PSD file, which I always like to keep for future reference or touch ups. I don’t know how my fingers managed to slip on the keys, pressing CMD/S instead of Save As , but I only realized what I’d done after I closed Photoshop, so I was unable to recover the layered PSD. I just shrugged my shoulders and went to bed.

At Least it’s Better Than Losing the Entire File by Neglecting to Save

This actually happened when I was making Farewell to Summer (ok, I admit, it also happened in the early stages of this one too, but I hadn’t yet fully formed the character, so it was no major catastrophe). When I’m in ‘the zone’, I’m in such a state of concentration that such little niggling details are the farthest thing from my mind. Especially when my file balloons to over 2 gigs, and I have to sit and twiddle my thumbs while the progress bar crawls for several minutes and my creative mood dwindles. But after the first little scare I meticulously saved every 20 minutes.

Well it’s back to the Actionscript tutorials for me. It’s 11 p.m. on New Year’s Eve. While others are raising their glasses to toast the New Year, I’ll be muddling through stacks of code.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 1 Comment

My Unfulfilled Imagination

November 25, 2007 at 7:35 pm (Digital Art, Photoshop tips and tricks, computer art) (, , , , , , )


Blue Belle

Yesterday I woke up in a certain mood, one that comes so seldom. My imagination was just bursting with ideas. I could clearly see at least 5 fully developed ideas, as though they were already alive and complete on the ‘digital canvas’. But school began at 8:30 a.m. and didn’t finish until 5 p.m. Even while walking to the bus stop every thing around me seemed different. Colors appeared sharper, every tree distinct and alive with intense colors and personality. I saw one tree with twisted roots that looked like a human figure curled on the ground, contorted with dispair. Seeing this evoked even more ideas. I could clearly see each finished piece before my eyes and it was painful having to waste such a mood on mundane technical studies (I had an exam and had to finish a project building a database).

I arrived home late in the evening and began working on this image. The sparkle that I’ve placed in her hair and in the water was one of those happy accidents. I was reaching for one of the Blending Modes when my fingers slipped and I chose Dissolve instead of Screen. I liked the effect. The background / foreground is built from at least 25 or more bits pieces. The woman is made of 20 or more pieces. When I’m working, I add layer upon layer and continue blending, burning, dodging, coloring, liquifying, and adding, a continuous process until I create the exact scene that I have in mind. This one took about 14 hours to complete.

Visit my website: The Graphic Groove
Or my gallery on Flickr

Return To Gale’s Home Page

Permalink 4 Comments

« Previous entries