Archive for the ‘ART100-Intro to Graphic Art’ Category

Photo Retouching

June 22, 2010 Leave a comment

We are going to take a black and white image like the one below and retouch it so that it is not scratched using the stamp tool.

Copy this image and paste it into a new document in Photoshop.

An overview on brushes.  You have many different types of brushes in Photoshop, be sure to explore them, but the basics first.  If select the brush icon in your tool bar the brush settings appear in your Options Window/Toolbar.  Here you can make your brush bigger, smaller, adjust its opacity, and like in illustrator adjust its blending option.

Open up the Flamingo picture with the big scratch.  There are two tools that we can use to clean up this photo, one is the stamp tool and the other is the Heal tool.  The stamp tool will take a portion of your image and stamp it to another portion of your imate.  The Heal tool will take a portion of your image and stamp it down on another portion of your image and try to match the hue and saturation of the surrounding image you are stamping down on.  To use either tool, Hold down Option and click on the screen on the area you want to copy from and then just click on the area you want to copy to.  Make sure to Option Click, otherwise you either wont have anything to copy and stamp or you will keep stamping down  the same area over and over again.

Use the Stamp tool to Option click on an area next to the scratch and then click on the scratch to stamp the selected area onto the scratch. Your results should be similar to the ones below.  In areas where the shading is more important use the Heal tool instead, making sure to Option Click on the area you want to copy and then click on the area you want to fix/heal. In a few minutes I was able to fix part of the image

Once you are done the image should look something like the image below.   Next we will select the body of the flamingo and make it pink.

There are a couple of different selection tools in Photoshop.  Once is the Lasso Tool, this allows you to create a free form selection around a part of your image.  The other is the Marquee tool and this allows you to create a rectangular or oval selection in your image (depending on which you have selected)  A more powerful selection tool is the Magic Wand Tool, this allows you to click on your image, and by setting the tolerance level on it, select areas in your image that are similar in color.

First Select the Magic Wand Tool and in the Option Tool Bar at the top notice that its tolerance is 32, this is pretty good to start with.  If you want to select more raise this number, to select less lower it.  With the Magic Wand Tool select on the bright white back of the flamingo.  Next hold down Shift and keep clicking on different areas of the flamingo, if you click on a particular area and it adds a lot, just press Apple Z to undo the command.  When you are done what you want to see is a selection around your entire Flamingo that looks like ants marching.  Below you can see that there are areas that need to be cleaned up, we will use the Lasso Tool to do this.

Without clicking on the image, switch to the Lasso Tool.  To clean up areas like the head where the selection grew outside of it, hold down the ALT key so that you get the Minus sign and deselect around the beak.  In the same fashion, if you deselect too much or want to add, hold down the SHIFT key and you will get a plus sign that will add to your selection.  This is the cleaned up selection around the head.

Next with the flamingo selected we are going to save the selection so we can come back to it as needed.  Go to Select/Save Selection and name it something like Flamingo

To access our selection you need to open up the Channels Window.  Go to Window/Channels and at the bottom you should see your new Channel wich is an outline of your Flamingo

Next we will adjust the color of your flamingo.  With the flamingo still selected go to your layers window and at the bottom of th Layer Window Click on the Adjustment Layer button the Circle cut in half by a diagonal line and apply a Color Balance Adjustment Layer.

Use the different sliders to adjust the colors to your liking, I made my flamingo a bit purple, and as you can see because we have the flamingo selected the only portion of the image that gets the color adjustment is the flamingo.

Categories: Photo Retouching

Photoshop Warp, text, and Smart Objects

June 22, 2010 Leave a comment

Warping Text, Smart Objects and Adjusting a composition so it fits on a real life object.

Download the two images below and open them in Photoshop.

Using the Rectangle Shape tool create a rectangle on top of the wine bottle then to adjust the size of it with the Move Tool selected (V)  press Apple T to adjust the scale and rotation of the rectangle.

Then right click on the Layer you just created with the Rectangle and choose Duplicate Layer, then using the Move Tool and pressing Apple T move the 2nd rectangle into place

Next with the Text tool selected (T) click on the Red Rectangle and your new text will be created within the red rectangle.  I googled the definition of olive oil and copied and pasted this into the text layer I created within the red rectangle tool.

Olive oil is an oil obtained from the olive (Olea europaea; family Oleaceae), a traditional tree crop of theMediterranean Basin. It is commonly used in cooking, cosmetics, pharmaceuticals, and soaps and as a fuelfor traditional oil lamps. Olive oil is used throughout the world, but especially in the Mediterranean.

As you can see the text needs to be adjusted a bit.

Select the text and go to Window/Character.  Choose a different Font and adjust the size so the text fits within the rectangle.  (if you triple click on the text it will select all of it)  To adjust how the text is certified (left, center, right) open up the Window/Paragraph

Next move the text over and make some room for some vertical text on the right side.  Hold down the Text icon in the Tool bar and switch to the Vertical Type Tool and Drag a box vertically were we will add some vertical text.

Next we will create a quick Logo for our Oil.  Open the Olive image and drag it onto top of the wine bottle.  Then create the text Olive Oil on two separate lines on top of the white box. If you text doesn’t fit after you adjust the size, adjust the Leading in the Window/Character and adjusting the Tracking under Window character to adjust the spacing between the letters (also called Kerning).  For the purpose of this tutorial we will use Arial Black for this text.

Next move the Olive picture behind the Olive Oil text and size it to your liking.

Then move the olive picture layer on top of the Olive Oil text and adjust the Layer Blending to your liking, I went with Overlay.

Then go to your Olive Oil text Layer and holding down Apple Left Click on the Text Layer to select the text

Then go to Select/Inverse and select the Olive Image Layer and delete the olives outside of the olive lettering.  You should now have something that looks like the image below, I kind of liked the olives blended onto the red, we will add them later.

Next double click on the Olive Oil text layer and open up the Layer styles and add a simple Drop Shadow to the text.  To make the shadow fit in a little better I made it a dark green instead of just black.

Next double click on the layer with the white rectangle and add a Gradient Overlay Style.  In the Gradient Editor, the top squares are the opacity of the gradient, if we had an image instead of just a white box the opacity would allow us to see the image behind the gradient, and the color is just the

So far so good but looking at what we have the text Olive Oil is too high we will move it all down but first we must lock the Olive Image and Olive Oil text layers together, select them both.  Click on one then Shift click the other layer then click on the Link Layers icon on the Bottom Left Corner of your Layer Pallete.  When two layers are linked then have a chain link icon in the layer.  Now you can just nudge or move the text down a bit.

Next select all the layers you just created and Right click on then select Group Into New Smart Object

All your images will collapse to one Layer, next go to Edit/Transform/Warp and you will get a grid on your new layer.  We will use this to adjust the layer so it fits better.

The Grid that is created has little dots where the lines intersect, use these points and move them so you get something that looks like it fits around the bottle, like the image below

The Great advantage of using Smart objects is that you can double click on the smart object on the Layers Pallete and it will opne up the smart object in its own window.  Do this and then add another layer of olives to the red and use the Lighten blending option.  Then just close the image and save when it prompts you.

As you can see it sort of works, but it needs some shadowing.  Next double click on the smart new object layer and add a Gradient Layer Style.

Below you will see the finished image, once you are happy with it, save it as a jpg file.  The image below could use some work, but overall, its done for now.

Categories: Photoshop Warp

Assignment 2

June 17, 2010 Leave a comment

Course: ART 100

Instructor: Jose Zarate

Assignment: Assignment 2-Photo Manipulation

Description: Using the techniques discussed on Monday (combining different images, cutting out the model, the warp tool) recreate the image from the Photoshop Intro lecture using your own textures you find on the internet.

Grading: 100

Grading will be based on:

Color usage

Successful use of textures.

Use of multiple, labeled layers within your document.

Use of Blending Modes

Use of Warp tool

Overall composition.

Categories: Assignment 2

Photo Retouching Images

June 15, 2010 Leave a comment

ART100 Assingment 1

June 10, 2010 Leave a comment

Course: ART 100

Instructor: Jose Zarate

Assignment: Assignment 1 –Vector Image

Description: Create a wallpaper on aa 1280pt by 960pt 70ppi (Screen)  (Landscape orientation) document using the techniques discussed in class on Wednesday and Monday and covered on the Illustrator Lectures

Grading: 100

Grading will be based on:

Color usage

Successful use of Vector lines to create the compound graphic.

Use of multiple, labeled layers within your document.

Use of 3D object

Use of Gradients and or blendshape

Overall composition of the wallpaper.

Categories: Assingment 1

Creating a 3D shape with the Pen Tool

June 7, 2010 Leave a comment

Using your Pen Tool create a simple Vase profile.  Like in the example below.  You can choose whatever color you would like.

Then with the Vase Profile selected go to Effect/3D and use Default Options.

you should get something similar to the image below

This also works great for Text.  However, with Text use the Extrude option.

Illustrator Wallpaper

June 7, 2010 Comments off

Creating a Wallpaper in Illustrator using Gradients, the Blend tool and Blending modes.

First we will start by getting the document set up with standard computer screen resolutions.  Create a New document with the following settings.  Making sure you change the Units to Pixels, and the Color Mode to RGG Color.

Next Rename Layer 1 to Background by double clicking on it in the Layers Window (Window/Layers)  and renaming it in the window that pops up.

Select a Fill Color and set the Stroke Color to None and create a Rectangle the exact size of what we need my selecting the Rectangle Tool and then clicking on the ArtBoard and putting in the exact pixels.  Then move it so its within your ArtBoard.

Go to the Background Layer and expand it by clicking on the triangle icon and  lock the blue rectanble shape by clicking on the box next to the eye.  This will make it so that we don’t accidentally select it.

Next we will use simple shapes, a line, and the blend tool to create an interesting design to fill your canvas.

Create two circles fairly far apart.  Fill them with whatever color you choose.

Next deselect everything by clicking on any white part of the workspace.  Then select the blend tool., or press W on your keyboard.

With the Blend Tool selected Click on one of the circles then click on the other other circle.  After clicking on the second circle you will see that the bled tool creates in between shapes.  You will also see a line create in between the shapes.

With the new shape created select the Add Anchor Point Pen Tool.  Click and hold on the Pen Tool to see the different options and select the Add Anchor Point Pen Tool

Go to the line between the circles and add an Anchor Point by just clicking on the line

Then using the Direct Select Tool and select the new Anchor Point you created and drag it to a spot  you prefer.  Create more Anchor Points if you would like.

Next select the Convert Anchor Point Tool by holding down on the Pen Tool Icon

With the Convert Anchor Point Tool selected click and drag on the Anchor Point you created.

As you can see this is sort of a bad layout of the spheres to remedy this, use the Add Anchor Point tool and add anchor points to either side of the middle anchor point.  I highlighted green the anchor points.

Next we will used one of Illustrator Standard Graphic Styles to fill in the Circles.  With the Direct Select Tool Select one of the circles then go to Window/Graphic Styles and select Clear Bubble.  You will see the new graphic style completely replace your first circle and then blend to whatever color/style you had when you first created the circles.

The Bubble are starting to look pretty good, but the color seems to stand out a bit too much.  With the bubbles selected go to Window/Transparency, Here you can set the Opacity of them, or you can set the Blending Mode of the Bubbles with the background.  Its default should be Normal, Set it to Overlay.  Make sure you have the Bubbles selected and it should look something like the image below.   Feel Free to explore the different Blending Options and choose one you like best.

If you want all the circles to have the same Bubble Style, use the Direct Select tool and select the circle at the opposite end and apply the same Bubble Graphic Style

To make your background a bit more interesting, Unlock your Background Layer and apply a gradient to your liking.  When you have your gradient set to your liking, Lock the Background Layer again.

Next create a Shape using the Pen Tool.  We will fill this shape with a Gradient and adjust its Blending Style so that it fits nicely into the composition.  After creating the Shape, in the Layer Window, move it on top of the Background Path

Next add a gradient fill to the Shape, then using the Gradient Tool, click and drag on the screen in the direction you want the gradient to follow.

Once you have the gradient the way you want it to be adjust the colors to your liking.

Next play with the Blending Options Under the Transparency Window until you find one to your liking.

Categories: Illustrator Wallpaper