Jan09
2013

By: admin                Categories: Animation

The following is an excerpt from Chris Georgenes’ Pushing Pixels. Pushing Pixels is the real-world guide to developing dynamic and fun digital content – whether a game, app, or animation – from conception to deployment. Here, Chris, a renowned Flash expert, provides you a detailed tutorial of Adobe Photoshop Touch.

Adobe Photoshop Touch is a feature-rich app that is a must-have if you are a designer with a mobile tablet. There are so many different ways to work within Photoshop Touch it practically justifies its own book. Let’s start with a simple project involving a concept sketch of a character for a client project. Using the Brush tool and on a single layer, I quickly sketched the initial design.

You can control the Brush size as well as its hardness, flow and opacity with the use of sliders. Access these options by tapping the Brush button underneath the Brush tool icon. Tap/drag on the dark gray horizontal area below Size and above Hardness to change their values. Flow and Opacity have a different slider design but work the same way. Unfortunately it can be an exercise in patience trying to dial in a brush size value of, say, 2. A more precise way to change size values would be good here.

With my character roughed out, it’s time to add a little color. I prefer to take advantage of Photoshop Touch’s layer support and keep my colors separate from the line drawing. In the lower right corner, tap the ‘+’ button and then tap on Empty Layer from the popup menu.

Tap the Color button to launch the color mixer. Tap anywhere inside the color gradient to pick a color. You can switch to using sliders to mix your colors based on hue, saturation and brightness. The third icon launches the Swatches panel where you can manage your saved colors.

With color added, it’s time to send this to the client for feedback. Tap the arrow icon in the upper left corner to prompt the Save popup menu. Tap on Save to save the file and return to the start screen.

With the launch of Adobe Touch Apps came the launch of the Adobe Creative Cloud, a cloudbased service from Adobe where you can share your work with others. Files created in any of the Adobe Touch Apps can be synced to the Creative Cloud and further edited using Adobe desktop applications.

Tap the Creative Cloud icon in the menu bar. From the drop-down menu you will be given the option to Upload selected files to the Creative Cloud or Launch the Creative Cloud website. Since I already have a Creative Cloud account, I just need to select Upload to the Creative Cloud.

Tap on the thumbnail of the file you want to upload to the Creative Cloud. You can tap to select multiple files to batch upload as well but as you can see here, I had only one file at the time as I had recently installed the app. Once the file is synced to the Creative Cloud, I can then access it from my laptop or desktop and continue editing it in a different program. The other option is to stay within the mobile platform and continue editing the image in another app.

Adobe Ideas is a vector-based drawing app and perfect for sketching ideas or, in this example, tracing a bitmap sketch using vectors. The native format for Photoshop Touch is the .psdx format which can be opened with Photoshop CS5 with the required plugin (https://creative.adobe.com/downloads). You can also save to JPEG or PNG format which is the only option if you want to edit in a different app. To save to these formats, tap the Export button and then tap Save to Camera Roll.

In the Save to Camera Roll popup, tap the down arrow to choose between JPEG and PNG formats.

Select your preferred format by tapping on either JPEG or PNG formats. I have selected JPEG format because I’m going to be using this image as reference only and I’m not concerned about compressing it and sacrificing a little quality.

Tap OK when you’ve selected your choice of format. The image will be saved to the Camera Roll on the iPad and accessed via the Photos app.

Excerpt from Pushing Pixels: Secret Weapons for the Modern Flash Animator by Chris Georgenes.  © 2012 Taylor & Francis Group. All Rights Reserved. Pushing Pixels can be purchased Amazon.com, BN.com, and wherever fine books can be found.

No Comments

No Comments

Tell us what you think!