iPhoneography Apps – Three years of tutorials: a recap, an Assembly feature, and an iColorama procedural

On November 7, 2012, I published my first tutorial on Hipstamatic. As usual, on my anniversary, I like to take a look back. But there’s more to this article than a walk down memory lane. There’s a feature currently in beta for Assembly that I’d like to show you, and an iColorama procedural on how to create a multicolored water color painting like this one. So let’s get started!

3Yrs_01

A look back

I know I have some loyal readers, but I doubt that anyone has read all my tutorials over the past three years. As I well know, life intervenes. Here’s a handy list of the apps I covered over the last year, listed in alphabetical order. The total does not come to 52 because there were several iColorama updates and procedurals.

  1. Abstract Painting
  2. Aerograph
  3. Ansel
  4. Artista Impresso (2)
  5. Assembly
  6. Brushstroke (2)
  7. Chalkspiration
  8. Colorburn
  9. Diana
  10. Enlight
  11. Fold Defy
  12. Hallow’s Eve
  13. Hipstamatic 300 (2)
  14. Imaengine
  15. Kaleidacam
  16. Learn Photo365
  17. Leonardo
  18. Monokrom
  19. NIR Color
  20. Nowvel
  21. Oggl
  22. Over
  23. Path On
  24. Pixelmator (6)
  25. Polamatic
  26. Polarr (2)
  27. RipPix
  28. Shift (2)
  29. Snapseed 2.0 (4)
  30. Stackables (3)
  31. Tintype
  32. ToonCamera
  33. Union (2)

Assembly update

I usually do not cover any feature still in beta, but the anniversary column is a good time to wrap up some loose ends. This new feature of Assembly, the Pixite app I covered just a few weeks ago, is one I mentioned/requested in my previous article. It should be available to the general public before the end of the month.

I mentioned that shapes could be manipulated by size and rotation, but that it was not possible to stretch the shape. For example, it was not possible to turn a circle into an ellipse. That will be remedied in the next release. (In addition, you can order t-shirts directly from the app – a nice feature, but not a “must-have”.) Below you’ll see a ghost figure that was included in the free Halloween shape pack.

3Yrs_02

In the next image, rather than dragging the circle at the corner of the bounding box to resize or rotate the shape, I tapped the circle. Two blue handles move out from the circle along the top and right sides of the bounding box. These are the two “stretching” handles.

3Yrs_03

By moving the right handle in, and the top handle up, I made a very long ghost.

3Yrs_04

After stretching the ghost, I can still duplicate and rotate the shapes with the “stretch” intact. I would still like a “free transform”, which would allow for moving corners independently. For example, I could have a ghost with a bulbous head and tiny “feet”. But this new feature is certainly a welcome change.

3Yrs_05

iColorama Procedural: Multicolored water painting

It’s easy to look with disdain upon a formula used in digital artwork. A series of steps, followed to the letter, no matter how many apps or tools are used, can become as sterile a look as any single Instagram filter.

At the same time, a formula, when used as a starting point, can help you achieve the look you are trying to get. The trick to making it your own is to evaluate your image every step of the way, and changing a component or two. Perhaps the stated opacity is not right for your photo. Maybe a particular tool should only be applied to part of your image. In this way, a formula can become less “formulaic”, and more a step on your journey. It’s like knowing that to go for a walk, you’re always covering the same path to get to your front door before the whole world opens in front of you.

The image below is the one I’ll be using for my watercolor. Because it is different from the park image shown at the top of the article, any formula applied to it will have to be modified to bring out what I want from this particular piece.

3Yrs_06

I came up with this particular look while experimenting with a particular preset: Style>Flat>18. You’ll see this preset below, shown at 100% opacity.

3Yrs_07

That’s nice, in it’s own way, but it obscures the original image of the wooden path with its lack of contrast. I can barely tell that it is a path among the trees anymore. So in order to still see the structure of the image while getting the multiple colors of the Flat preset, I lower the opacity to about 33%.

3Yrs_08

There are many fine details still visible in the trees. Fine details are not really appropriate for a watercolor, so I use Style>Simplify>9 to retain the saturation of the colors, while smoothing out some of the smaller details.

3Yrs_09

At this point I use Style>Water>5 to create my watercolor. I generally use preset 5 because I like the edges. Moving the Edge slider all the way to the right produces black lines, while moving it to the left produces white lines. Because there is little contrast between the color areas, there is little in the way of edges added.

This is where the mottling of the image, as if it was done on soft paper, appears. That is controlled by the Intensity slider under Settings on this particular preset. Paper Texture is also added with this preset.

3Yrs_10

Well, this watercolor is too washed out, pardon the pun. So I add back some contrast with one of my favorite presets, Adjust>Tone Lab>4. At 100%, as shown below, it’s too strong. I will have to make another adjustment to the formula to suit this image.

3Yrs_11

I lower the opacity of the Tone Lab to about 60%.

3Yrs_12

That’s a nice, muted watercolor look. I tend to like a more intense look myself, so I punch it up with Adjust>EQ>1 at about 50% opacity. (This preference of mine for a more intense look can certainly be a drawback, as it can sometimes ruin an image and make it too harsh. Watch out for tendencies in your own work that you have to fight against.)

3Yrs_13

I may not know much about painting, but I do recognize that many times the artist does not paint out to the edge of the paper. The brush strokes result in a more organic edge to the image on the paper. I use Preset>Border>7 to create that organic edge.

The default Blur setting creates much too soft an edge. An artist would really have to work to create that soft an edge. So I lower the Blur to next to nothing, and adjust the Radius. If you have white bleeding into the center of your image, then you can always mask out the offending pixels with the Brush Mask.

3Yrs_14

The border should be showing the canvas that the image was painted onto. Stark white does not do it for me. I want to change the canvas. So I save off the work done so far so that I can work on the canvas.

3Yrs_15

I choose to apply a two-color gradient (Preset>Gradient>2) to establish the canvas. There’s an eyedropper in the color picker to allow you to choose colors from the underlying image. When I touch the image after tapping the eyedropper, the underlying image appears. As I move my finger over the image, the color in the thumbnail changes. When I am satisfied, I lift my finger and the color is chosen.

3Yrs_16

In that way I chose the two colors that are shown below.

3Yrs_17

That canvas is too dark for me, so I raise the exposure in Adjust>Exposure, and Apply it.

3Yrs_18

Now I want to place my painting on the canvas, using Effect>Blend. I chose the saved Photo from my Camera Roll, and it overlays the canvas – including the white! How can I easily remove the white to see the canvas underneath? With the Blend settings.

3Yrs_19

By moving the right end of the Gray slider ever-so-slightly to the left, I drop out the whitest pixels of the top image, allowing me to see the canvas below. I Apply that.

3Yrs_20

We’re coming into the final stretch now. I look at my image, and realize that I want to have that wooden path stand out more. One way to do that is to add some edges – almost as if I’d penciled in the path and allowed some of that pencil to show through the paint. However, I want to see the edges of the original path, not the painted version. So I tap Steps to go back in history to my original image (Step 1/9).

3Yrs_21

I use Style>Edges>5 to create my edged image. I do not Apply! Apply would re-establish my Steps or History, losing the work I’ve done. I Save this black-and-white edged image instead. Then I can go back to Steps and choose Step 9/9, recovering my painted image.

3Yrs_22

I now use Effect>Blend to bring in my edges in Multiply mode. That’s way too much edge, and it goes over into the canvas where it isn’t wanted. Now is when I decide where I want edges, and only apply them in those particular places.

3Yrs_23

I bring up the Brush Mask and Invert it. Then I can paint in the edges only along the path. Those masked-in edges are still too harsh, so I lower the opacity to 65%.

3Yrs_24

The canvas is too smooth for a watercolor, so I add Texture>Paper>10, lowering the opacity to taste.

3Yrs_25

By using Multiply blend mode on the paper texture, I made the image grayer and darker. I compensate by using Adjust>Exposure to brighten it up a bit.

3Yrs_26

I’d still like to define that path a little more. By losing the original colors, in which the brown of the path helped distinguish it from the green of the foliage, I lose some of the structure of the original.

Here’s a trick to get some of it back. I use Effects>Blend to bring back the original in Luminosity mode. That means the details come from the original, while the color comes from the painting. (Ugly, ain’t it?)

3Yrs_27

I bring up the Brush Mask, invert it, and lower the Opacity of the blend to 50%. Now when I brush the blend in along the path, I can bring in some of the shadow underneath the path that helped define it. Cool, huh?

3Yrs_28

I decide I want to sign it, which I do using Effects>Text.

3Yrs_29

And here’s my finished image, using a formula of sorts: Flat 18, Simplify 9, Water 5, Tone Lab 4, Border 7. But, due to the requirements of the original image, I had to go in and tweak that formula every step of the way by masking and changing opacities.

3Yrs_30

Three years is a long time to be writing regular, detailed columns. As of this moment, I have no intentions of abandoning my endeavors. However, my “payment” for the hours I spend on this column weekly is in the form of feedback and suggestions, made on the enthusiasm noted and App Whisperer sites, or on Facebook where the articles are cross-posted. I know I’ve got some loyal readers; let’s get some conversations started! Otherwise, it can seem like I’m throwing these columns out into the void.

As we move into the next however-many-years I have of writing about iPhoneography and digital art apps: enjoy!

Advertisements

15 Responses to iPhoneography Apps – Three years of tutorials: a recap, an Assembly feature, and an iColorama procedural

  1. TheVMCoach says:

    My world would be a totally drier, darker, less interesting and far less creative space if you had not decided to publish tutorials Mr. Jobe!! My deepest thanks for your service, your creativity, your kindness, and your sense of humor!!!!

  2. Elaine Gresham says:

    You have provided invaluable assistance in helping me understand many of the apps I have downloaded, particularly iColorama. My photos and processing are improving every week, which is important, but more important is that I enjoy using the apps more than I used to. Thank you so much for your clarity, brevity and humor! Looking forward to the “however many more years!”

  3. ChrisHarb says:

    Sound and perceptive advice, combined with challenges to be creative. Plus hints about which apps are likely to prove most rewarding to download. It’s great having you around, Jerry

  4. tedazriel says:

    I don’t have a iPhone but I always enjoy your tuts

  5. Deb Johnson says:

    I just read your blog for the first time. I learned something! This is the beginning. Keep on teaching through your writing and images! -deb

  6. Stan says:

    Be sure it is absolutely inspiring reading your blog. I am using icolorama enthusiastically and it is great to learn from your tutorials about other art/photo apps. Thank you so much.
    Stan

  7. Great column, Jerry. Yes, I am one of the silent types who dip in and out of your blog and appreciate the tips and tricks I glean. I always mean to do some myself but never seem to get around to it so well done for your dedication!

  8. Malcolm Walker says:

    Thanks for your very useful tutorials. I look forward to new ones. Every time you find something new and inspired. Cheers!

  9. Liz waring says:

    Just diving into icolorama. Thanks so much for the detailed process. Did you do a post on using brushes and another one on masking? Need to learn those too.

  10. dearcrabby4u says:

    You’re tutorials are the single, number one reason I haven’t deleted or requested a refund for certain apps such as Icolorama. Seriously, they should hire you to just redevelop the app so it doesn’t make apps like “Procreate” seems almost pedestrian . Lol. Seriously, I have to believe they could’ve achieved he same results using a much simpler user interface. You can always tell the developers who create apps for the self vs for the general, everyday user. Thanks Jerry, I hope your compensated for all this hard, laborious work for all of us out here in the galaxy of the www! You’re amazing, selfless and patient as hell to take the time to address our questions. It’s too bad we can’t clone you (or is there an app for that too now? Hmmm🤔🤔🤔) haha. Thanks jerry!

  11. Linda Keagle says:

    it takes much dedication and tremendous generosity to create these tutorials…thank you.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: