Technical Tutorial – icolorama – ‘Simplifying the Creation of Art’ by Jerry Jobe

Yesterday we published Jerry Jobe’s fifth iColorama tutorial ‘Taking a closer look at the brushes’ – if you missed that, please go here. Today, we’re delighted to publish Jerry’s sixth very comprehensive iColorama tutorial. It’s outstanding, please enjoy, over to you Jerry. (Foreword by Joanne Carter).

 

 

“It’s been a while since I wrote about iColorama, and this awesome app continues to add new features to get your creative juices flowing. So much is added, as a matter of fact, that it makes it difficult to realize I haven’t covered all of the features that have been present all along.

So last week I was messing around and created the work I’m showing here. I used Simplify and Edges from the Style menu, Texture from the Presets menu and Tone Lab and Channels from the Adjust menu. So I’ll be discussing each of these features in more detail as I recreate the work. (As usual, all of the features I am discussing are also part of iColorama S, the iPhone product. However, they may be under different menus and they may not have all the controls that you will find on the iPad version.)

media_1387448012908.png

The initial photo is not much to look at – it was the first photo I took with Light Boost, a low-light camera app. Because it was taken in dark conditions, the focus and colors are bad. But there’s not as much noise as I would have with the native Camera app. The bad focus is probably from not waiting long enough for the camera to focus.

media_1387448030921.png

However, that blur can help when creating a “painting” from a photo because it allows for subtle gradations of color. In the screenshot below I’ve imported a mask and zoomed in so that it’s easier to see any changes I make. On the left is the original, on the right is the change made to the image. I’ve chosen Simplify, which has three presets. Simplify is a process of blurring and flattening, and Preset 1 does that.

media_1387448046866.png

Below I’m still showing Preset 1, but I’ve got the Feature slider all the way to the left. Here you can see that the blurring is done, but not the flattening. Compare that to the previous image – especially the edges.

media_1387448060935.png

Preset 2 lowers the contrast, producing even more flattening.

media_1387448078750.png

Even less contrast in Preset3, which also allows for boosting the saturation that is lost from the extreme flattening.

media_1387448094689.png

The Feature slider in Preset 3 allows you to brighten the result…

media_1387448110267.png

 

…or darken it.

media_1387448130167.png

Now you’ll see what Preset 3 does to the entire photo. I pulled down the opacity until I could see a decent amount of detail, and bumped up the saturation, showing the blooming green color along the edge.

media_1387448146916.png

I then go back and add Preset 2 at .4, which flattens without eliminating as much contrast.

media_1387448163974.png

How do you make flat objects of similar color stand out from one another? One way of doing that is with an Edge. I’ve put the mask back in place so that you can see the difference between objects with edge and those without. The first Preset adds a rough edge.

media_1387448180221.png

Preset 1 only adds edge without touching the rest of the image, so the blend modes are superfluous; using multiply or screen is the same as using normal. The default setting for Size is at .5; the following screenshot shows Size turned all the way up. It’s a subtle difference – you may have to flip back and forth to see it.

media_1387448200041.png

Preset 3 has more of the edge that I want – but look at the image. Even more flattening is being done! That’s fine if you haven’t already used Simplify, but it’s too much here. So how do I get just the edges to apply?

media_1387448216621.png

How about changing the blend mode to Multiply? No, since the flattened areas are darker than white. The darkness of the flat areas is added to the underlying image.

media_1387448233214.png

Overlay doesn’t work either, because the colors become way too saturated.

media_1387448248790.png

So let’s look at Preset 2. It has the same kind of edge as 3, but over a white background.

media_1387448265617.png

 

If we use Multiply blend mode on that, only the edge is carried through onto the underlying image.

media_1387448290883.png

The unidentified switch to the right of the blend modes is an inversion switch. Flip it and the edges become white, the background black.

media_1387448306545.png

Use Screen mode with the inverted edges, and you get white edges on your objects!

media_1387448323824.png

Here’s what I decided on, applied to the entire image. It was Preset 2 in Multiply mode, and I toned it down some by taking the Size down to about .85 and the Opacity to .5 – just a nice, subtle edge

media_1387448340681.png

At this point you may be thinking that’s a little too washed-out for your taste. Frankly, it is for me, also. But there are two features under the Adjust menu that will help your pictures pop. I touched on them when I did my second tutorial on iColorama back in April, but I didn’t give them enough credit. The first of these is Tone Lab, and back in April I only looked at the first preset. Finding it wanting in my work, I ignored the rest of the presets. But Tone Lab 4 performs miracles on low-contrast, yellowish images. Just look at what it does to our image below.

media_1387448366050.png

Granted, that was too much for me. I liked the more subtle coloring I had originally. But you can add just a little bit of the pop by taking the Opacity slider down to 0, then watching as you bring it up slowly until it gives just the right amount. For me, it was about .3.

media_1387448384200.png

If you like Tone Lab 4, but don’t like the way it messes with your colors (especially the added blue), then you may want to check out Tone Lab 5. Below we have Tone Lab 5 with its default settings, and it’s really dark. Well no wonder – the Gloom is all the way up!

media_1387448405249.png

By lowering the Gloom and the Magnitude, I get a pleasing result. Note: at this point I am deviating from the original work, which used Tone Lab 4. Instead I am continuing with this Tone Lab 5.

media_1387448420616.png

At this point I want just a tad more blush to the flowers, a bit more red. One of the ways to do this is by using the first preset under Channels. Again, I didn’t understand the Channels feature as much back in April. I thought it was too harsh and I didn’t know how to control it. Look at how red Preset 1 makes the image.

media_1387448437878.png

But if I take the opacity down to .25, it gives just that added blush.

media_1387448452536.png

Other presets can be useful also. Preset 4, with default slider positions, doesn’t do anything. But once you move the sliders, you can change the colors much like the new Hue feature that’s part of release 3.70 (which I will cover in a couple of weeks). And Preset 5 is a color negative, which can come in handy for masking.

media_1387448470600.png

I’ve just spent a lot of time smoothing things out in the image. It doesn’t look right, though. That’s because texture is important to the total “feel” of a painting. So let’s add some texture.

Texture was recently overhauled in iColorama, and this is a feature that has not yet been ported to iColorama S. The only slider available in the iPhone version is Feature, which is actually Rotate. Instead of the 31 textures in iColorama S, there are 279 in the iPad version. The additional sliders, buttons and textures make this a powerful part of your workflow.

media_1387448499476.png

Below I’ve chosen one of my favorite textures, #30. Textures defaults to application in Multiply mode, blending the dark parts of the texture on top of the image. Since the texture is black and white, that adds a lot of gray to the image. But I’ve got a trick to lessen the color changing properties of textures.

But first I want you to look closely at the applied texture. If you look closely you can see a grid pattern, four wide by three tall. That’s because the texture is tiled to cover the image.

media_1387448517926.png

By increasing the size, visually checking as you move the slider, you can do a pretty good job of hiding the “seams” within the image. You can still see them in the lower third of our image, but that may be because we know what to look for.

media_1387448538413.png

Now for the trick to eliminate the gray introduced with Multiply mode. The first thing I do is change the blend mode to Soft Light.

media_1387448554705.png

That brightens the image considerably. Also, the texture itself is much less noticeable.

However, if I increase the contrast, the image becomes as dark as before I added the texture. Also, the texture takes on the color of the underlying image rather than being gray. But it’s too much texture for our delicate image.

media_1387448573976.png

So I lower the Opacity to .5 or lower. I think you’ll agree that that’s a more natural texture than using Multiply. Remember, it’s Soft Light, increase contrast, decrease opacity.

media_1387448591022.png

I decided to add an additional texture – you can layer them as much as you want. This one, #117, makes it look as though your image is on stucco.

media_1387448607166.png

I use the soft light technique to arrive at the image below.

media_1387448632583.png

That gets me to the point where I want to consider edge treatments. Luckily, I’ve already got an “edge mask” that I use that makes a masked effect strong at the outside edge, fading as it moves into the center. I created the mask using Preset>Gradient (white) and Preset>Border>4 (black). I load that mask from my Masks album – you can see the thumbnail below.

media_1387448647756.png

Now that the mask is loaded, I can apply various effects and they will only apply to the edges. First I go to Adjust>Vibrance and darken the edge with the Gamma slider. I also desaturate with the Saturate slider.

media_1387448665437.png

I want a strong texture on the edge. Really strong textures are in the Grunge category. I pick #9, and leave it in the default Overlay blend mode. I raise the contrast and lower the opacity to get the look I want.

media_1387448685910.png

All the simplifying has given what I consider to be kind of a “puckered” look at the edges. If you look at the image before I did the edge treatment you’ll see what I mean: small bursts of intense color, light or dark, that looks like they were pulled in from somewhere outside the frame. I want to hide those a bit more, so I’m going to use the Preset>Border feature for that. The default color for Preset 1 is black.

media_1387448705879.png

 

I want a more organic brown for my frame, so I bring up the color picker and choose a brown.

media_1387448726500.png

Finally, I lower the Opacity to about .6 and lower the Radius as well, making it thinner.

media_1387448742193.png

And here’s my finished image.

media_1387448761661.png

You’ll see, if you scroll all the way back to the beginning, that the finished picture is different than what I set about trying to recreate. iColorama is not an app with some pre-packaged “looks” – it is a creative program that will give you slightly different looks, even when you follow the same path. Just take a look at all the different paths to follow! There are 67 different menu choices in iColorama 3.70; we covered just 9 in this tutorial: Simplify, Edges, Tone Lab, Channels, Texture, Grunge and Border. The only one of those menu choices whose presets were covered completely was Simplify. Go exploring and enjoy! Look for another iColorama tutorial covering some of the new features of release 3.70 in a couple of weeks.

Show Us Some Love - Share This Post

About Jerry Jobe

Never content with just scratching the surface of what an app can do, Jerry Jobe decided to pass on what he learned about imaging apps to others. He’s constantly trying to figure out just what tools other artists have used, and trying to incorporate them into his own work, in an attempt to find his style. He’s written tutorials on over 40 apps so far, which you can find (along with his Song of the Day entries) at http://enthusiasmnoted.wordpress.com/ He lives near Atlanta, Georgia, where he also finds a creative outlet in acting and directing in community theater.