Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Photo Frames


This tutorial is designed to assist you in using some of the built-in features of Illustrator to enhance/decorate your photos or other images. All levels of users should be able to follow along and complete this tutorial.

Open up your Illustrator program. A new artboard file should open up, but if it doesn't select File > New and you will have a new file ready to use.   Your artboard automatically opens in a Portrait format - if you need to change this to Landscape, you can do so by selecting File > Document Setup.   You should now have the Document Setup dialog box open and can make the necessary changes. There is a section below the width and height boxes giving two choices -  selecting the icon with the person in an upright position will give you a portrait layout, whereas the other orientation option will give you a Landscape layout. Just click the one that you need - For this exercise I used Landscape.

You should now bring your main image into Illustrator. You can do this by selecting File > Place or Edit > Paste from the main menu toolbar (if it is already in your clipboard). 


Open your Layers palette, if it is not already open, by selecting Window > Show Layers. Your Layers palette should have a single layer at this time.  You want to protect this layer from any accidental unwanted changes. To do this, lock the layer by clicking the square directly to the right of the eyeball. Once this is done you will see that square is now filled with the image of a pencil with a red diagonal line through it and the Layers palette should still contain just one layer.

At the bottom of the Layers palette on the bottom right hand side you will find the Create new layer button. Click the icon and a new layer will be created directly above the first layer.

We are going to need our Color and/or Swatches palette open to make the color selection for our frame. If they are not open, go ahead and open them now. You can do that by selecting Window > Show Color and/or Window > Show Swatches.


What we want to do now is place our frame around our photo or image. Let’s use a rectangle as an example for this tutorial. On the main toolbar you will find the Rectangle Tool, click on it or use the keyboard shortcut letter M to make the tool active.

On the main toolbar, close to the bottom, are two large squares. One square is for Fill, the other square, which has a smaller square inside of it, is for the Stroke

Located directly underneath the Fill and Stroke squares are an additional 3 smaller squares. The 3 smaller squares are Color, Gradient, and None. These 3 work with your Fill and Stroke squares.

For this tutorial we do not want a Fill, so click the large Fill square and then click the small square below for None.

Next, we will select our color choice for the frame. Click the Stroke square and make your way to either the Color or Swatches palette. Make a choice by clicking on a Swatch or a Color choice. Once you have done that you will see that the Stroke square contains the color you have chosen for your frame.

Okay, we are now ready to place the rectangle around our photo or image. Go to the main toolbar and make certain that the Rectangle Tool is still selected.


Make your decision on placement of the rectangle around the photo or image, and click-drag your rectangle around the photo or image.  Your rectangle should have no fill and a stroke of the color you selected previously.

Our next step will be to make a selection from the Brush Libraries. Window > Brush Libraries > Border Sample will open the palette if it is not already open.  There are several default Border Samples available in Illustrator. For this exercise I have chosen Routed.

We now need to open the Brushes palette. You can use the shortcut key F5 to do this quickly instead of going through the Window > Show Brushes dialog. There is a triangle located at the top of the dialog window, click that triangle.  From the choices that pop-up select Brush Options.


Take a look at the Brush Options dialog box. There is a section named Size, which contains options for changing scale and spacing. For purposes of this tutorial we will change the Scale option to 150% and leave the Spacing at default. Do not close the Brush Options dialog box yet, as we have one more setting left to make. At the bottom of the box on the left you will see Colorization. We want to make a selection that relates to the way the frame is colored. You have 4 choices; None, Tints, Tints and Shades, and Hue Shift. Select Hue Shift and click OK to close the dialog box.  A pop-up window for Brush Change Alert will now be visible. This window offers you three choices; Apply to Strokes, Leave Strokes, or Cancel. Click Apply to Strokes.

Before going any further make certain that the Stroke square on the toolbar is selected and make any color changes you feel are needed. At this point you can add any text or additional decoration that you want to complete the look of your photo or image. And that's it... you're done!  You can see my example image below - I've added a colored background, text, and sunflowers for decoration, but the frame is the same one I have created above.  There are lots of border options to manipulate and many different ways to decorate your photographs - all you have to do is play around and see what looks best.  Have fun!

- Tutorial written by bedlam123

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  anderkober (#28785)
Date: Fri Jun 09, 2006. 03:50:03

Post #2 of 2

i tried the illustrator way of adding frames to photos and it a breeze. but i have one problem though, when i printed the photo its quality diminished. should i save it as jpeg first then print it or is there a way to print it directly from illustrator without loosing the photo quality? well i could just create a frame from illustrator and import it to epson easy photo print but the i will loose the transparency. with illustrator i can add frames or borders that is layered over the photo but with epson utility the picture will only show through the picture box you created. i hope it makes sense to you. thanks in advance for the help.

Reply to this post


User:  anderkober (#28499)
Date: Mon Jun 05, 2006. 03:32:37

Post #1 of 2

i just bought an epson r230 and i find their frames good enough but i wanted to design my own. i tried their photo in-frame designer (PIF) but i still have to design the background with photoshop and make photo placeholders before importing them to PIF. with this tutorial i think it'll be much faster. so thanks again bedlam123. thanks also for the dancin' dudes brushes.;) :topjob:

more power to BioRust staff and members.

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Anti-Aliasing Inte...
Anti-Aliasing Inte...
- Adobe Photoshop -
'Out Of Bounds' Im...
'Out Of Bounds' Im...
- Adobe Photoshop -
Plastic Wires & Ca...
Plastic Wires & Ca...
- Adobe Photoshop -
A Simple Winter Sc...
A Simple Winter Sc...
- Blender 3D -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 887 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1052 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1054 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1935 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1832 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14441 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2751 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2772 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3439 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2356 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2499 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2798 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673