The Crow of Zagreb by Igor Scekic
Scekic is a graphic designer and digital artist out of Zagreb, Croatia.
Scekic has been featured and interviewed by many online art sites.

How do we Represent Ourselves?

For this six weeks, we’ll be primarily using Photoshop. In the new version of Photoshop CS6, Video has been added to its capabilities (albeit it was already available in previous versions if you had the extended version). They also made a lot of upgrades to what you can do with video in PS. Photoshop, most of the time, however is not used for video, and what you can do with it has a very broad range of applications.

Learn More About Photoshop
Adobe’s CS6 Photoshop Extended


First Photoshop Tutorial

Do the exercise below, but instead of a free stock image, make a cartoon of yourself. Open Photobooth, and go into the effects (the second set to be specific), and find an interesting or amusing distortion of yourself. On some of the filters, you can adjust how much it distorts it. My distorted cartoon is on the left. It doesn’t really look like me, but its amusing.

 Besides, if it really looked like me, it wouldn’t be too safe to put it online. After finishing the pen drawing, I just colored it. Obviously my coloring for this example is much more complicated than on the example of the dog, but yours doesn’t have to be. I like my illustration of the dog just as much as my cartoon character.

To get your photo from photobooth to photoshop, you can either drag it from the selector on the bottom to your desktop (and then right click to open with), or screenshot it and then open it into photoshop. Since the original image is your own, you don’t need to cite it.

Freeform Pen Tool Tutorial

First, find a photo you have permission to use (like from a free stock photography site) that you’d like to make into a pen illustration (don’t forget to cite it in your blog entry). I found this picture of a dog on my favorite stock photo site.

After saving it to your desktop, right click on it and tell it to open in photoshop. There are a few windows that are really helpful to have open. I don’t know why this version of photoshop doesn’t have them as default, but it doesn’t. So, in the overhead menu, click window, and then make sure that adjustments, color, history, layers, and navigator all have checks next to them. If any of them don’t, go ahead and click on them.

Next, in the bottom right of the layers window, tell it to create 2 new layers. Its the little icon right next to the trashcan in the bottom right of this image.

Use the paintbucket tool to paint ‘layer 1’ completely white. See where it says opacity in the layers windows? Change its opacity to around 50%. This will make that solid white layer translucent. Click on ‘layer 2’ to work on that layer so we can keep our drawing and background separate.

Now choose the pen tool, and the menus at the top should change. In the top left there’s a drop down menu. Make sure this says path, NOT shapes. The pen tool will still do funny things from time to time, as it tries to make your lines into mathematical equations. That’s just how this tool works. Keep your fingers near command + z to undo and try again when your not happy with what the pen tool did.

Once you’ve finished drawing the picture, right click and choose Stroke Path. A small window will pop up, make sure the drop down menu reads Brush and that you have Simulate Pressure checked. When you used the paint bucket tool, you had the color selector on white, if you dont change it, then pen stroke will all be in white too. note: if things turn out weird, then you probably have the brush set on too large of a size. Talk to your instructor and I’ll help you.

Now the pen lines have nice strokes behind them, using whatever brush, size, and color you currently had selected. However, the pen paths are distracting as to what it really looks like. We can take care of that real quick by just changing the pen’s mode. Click where the arrow on the right shows to change modes.

Now we just need to change the background to white. Switch back to the second layer and change the opacity back to 100%. Now its just you and the pen drawing. Now is the time to go in and add some color.

Create a new layer and make sure its between your white background and pen drawing (if not, drag it there). By painting on this layer, you are neither affecting the background, nor the pen lines. If you mess up, you’ve affected neither and can erase as needed with out affecting your pen lines or background. So select this new layer and use the brush tool to paint things as you wish. My painting was just of solid colors without any blending, but if you want to do something more complicated, it might be a good idea to create multiple layers to paint on. By doing this, you can paint different parts of your picture on different layers, not having to worry about messing up an area you already finished.

The last thing to do is save it. You can either go to file > save as, or file > save for web. What the difference? Save as will leave the image at a higher quality, but will take longer to upload into blogger, and take longer to load. By playing with save for web, you can decrease the quality to increase the speed at which it will load. When printing, you want the highest quality possible, however on the web you want lower quality images so people can actually view the image. Graphic designers normally will keep their high quality original and a smaller low quality version for faster loading. Don’t forget to save your image as a jpeg, as a psd (photoshop file) won’t load on your blog. Upload your image to your blog. Don’t forget to cite the original.

My Finished Result

(I forgot to put the citation when I made this, and now I can’t find it! Sorry!)

Try Photoshop:

– about layers
– adjustment layers
– layer modes & blending options
– filters

Use the free stock photo below “Air Race 02” from Perth, Aus by QR9iudjzo to play the different effects. On your blog, post three images, one playing with adjustment layers, one playing with blending options, and one playing with filters.

Check out Adobe.TV

Getting Started with Photoshop on Adobe.TV

More Photoshop on Adobe.TV

This entry was posted in DAaA.

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 )

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s