Forget Password

Illustrator Tutorial: Wooden Frame

illustrator wooden frame

On our previous wood grain tutorial, I have taught you how to create realistic vector wood texture. We will move on from there to create a wooden photo frame in this Illustrator tutorial. Have fun with creating your own custom wooden frame in Illustrator.

1. Creating the frame

Select the Rectangle Tool, hold Shift to draw a square. Select the square and go Object>Path>Offset Path. Enter a negative value for offset. Select the new square and offset the path again. Now, enter -2mm for the offset value. We now have the basic frame done.

2. Dividing the frame

We need to turn on Smart Guides for snapping to work. Go view>Smart Guides, and make sure it is checked. Select the Line Tool and go near the corner of the outer square. The anchor text will appear when it detects the corner. Click and drag to the inner corner to draw a line that snaps perfectly to the anchor points. Repeat this steps for the other 3 corners.

3. Breaking into shapes

Select all the shapes and use Divide from the Pathfinder. This will break the shapes into pieces. Press Ctrl/Command+Shift+g to ungroup it. Select the inner frame and fill it with different colours to create the bevel effect.

4. Applying texture

Select the texture we have done on our previous tutorial and drag it over the top frame. Make sure the layer is below the top frame. Select both shape and select Crop from Pathfinder. This will make the shapes crop to the frame shape. Repeat this step for all sides.

5. Placing the photo

Select the Rectangle Tool, and draw a brown square with the size of the photo frame and send it to the back. Draw a square in the center of the frame. Place your favorite photo over the square using File>Place. Make sure the square is above the photo. Select the photo and placeholder. Right-click and select Make Clipping Mask to crop the photo to the placeholder.

final wooden frame

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!


[The article is for Basic Members only. Login or sign up now to read the whole article.]
[The article is for Premium Members only. Login or sign up now to read the whole article.]

Buy my wooden photo frames design

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon
See the list of all Illustrator tutorials.
Learn 101 Illustrator tips and techniques for free.


About The Author: Tony Soh

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learn illustrator has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

0 Trackbacks

+Add Comment10 Comments

  1. Gravtar for antas
    antas January 24th

    nice

  2. Gravtar for vladimir
    vladimir February 1st

    Hm… simple, but awesome!

  3. Gravtar for saxah999
    saxah999 February 15th

    What previous tutorial? oh man making a wood grain effect is exactly what i need :s

  4. Gravtar for Els
    Els March 12th

    Thank you very much!
    This is what i was looking for.
    =)

  5. Gravtar for Sengul
    Sengul March 26th

    sengulll

  6. Gravtar for i forgot my name
    i forgot my name May 19th

    oh cool i might use that

  7. Gravtar for miroyda
    miroyda November 26th

    cul photo frame

  8. Gravtar for Илья
    Илья September 2nd

    Good scrool

  9. Gravtar for Nike TN Requin
    Nike TN Requin March 1st

    么以前的教程?哦男子木纹效果,这正是我所需要的:hfjhgfd

  10. Gravtar for read this
    read this August 26th

    Really cool tutorial you guys, keep doing what you’re doing.

Ads

Subscribe

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed

Istock Ads

myfonts ads

Google Ads

About Vector Diary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial to learn illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute. Learn how »