Searching for "Design Elements"

Hand Drawn Vector Doodle Set

| Crafts & DIY, Design & Technology, Printables

Free Hand Drawn Doodle Design Elements

Free Hand Drawn Doodle Design Elements

 

By now you all know that I love to doodle, it’s a bit like therapy for me. Recently I created this cute little collection and thought it would be fun to share. These high quality hand drawn vector design elements can be used for stationery (tags, packaging, invites, cards, labels), digital or paper scrapbooking, embellishments, as photo elements, in web design, logos, and in lots of fun DIY projects. The sky’s the limit with these designs! Use them in whatever project you want.

This hand drawn vector doodle set comes in pdf, ai and png format.

Download your free hand drawn doodle clipart here.

Feel free to use the graphics for whatever you like….just please don’t use them for any type of digital download, free or otherwise and not for resale. Thank you!

6 Comments

Celebrate the iPhone 5… Free template

| Crafts & DIY, My Life

Click for your free printable iPhone 5 template download

Click for your free printable iPhone 5 template download

After 3 long years, my cellular contract is up and I’m finally, finally able to upgrade from my iPhone 3G. Yes, I said 3G. Considering the fact that I’m a bit of tech toy junkie I consider this wait to upgrade a momentous triumph – also considering I’m about the least patient person I know.

Finally this past weekend I got my new phone and I couldn’t be happier with it.  I was able to pick out a free cover to go with the phone (although the choices were pretty slim) so I picked a very simple see through cover, purple in honour of my daughter’s favourite colour.  After I got home, I thought that it was actually a pretty boring cover and I had to do something to spruce it up.  I had the idea to add some nicely designed paper to the back cover.  This wasn’t a novel idea but I measured everything and laid it out properly using illustrator and had it fine tuned to one sixteenth of an inch.  A few posts back I added a free Project Life journaling card template so I thought I’d just use the same design elements to create the printable iPhone templates to go under my phone case.

They turned out so well… I just love them. I’ve decided that they’re too nice to keep for myself so I want to share them with you HERE.  Just print and then cut out.  I used an xacto knife with a swivel blade for the little hole where the camera is and it worked really well.

Enjoy and let me know what you think.

0 comment

How to Make Vector Silhouettes from a Photo

| Design & Technology

Tutorial on how to make a photo into a vector silhouette image.

Tutorial on how to make a photo into a vector silhouette image.

How to Make Vector Silhouettes from a Photo – Silhouettes are always a nice touch in any composition and they’re actually really easy to create from a photo.  To clarify for everyone, vector images are images that will scale to any size without losing their sharpness and clarity – some people refer to them as clipart.  Make sure that you choose a photo that doesn’t have a busy background and has a significant contrast between the item you want to convert into a silhouette and the background behind it. I’m using this tranquil heron photo I took this summer on a foggy day at the beach.  I use this trick often in my work as a graphic designer and thought this would be a great design tip to share.

This tutorial requires a high resolution photo, photo editing software (I use Photoshop CS6) and Adobe Illustrator (CS6).

  1. Open your selected photo into Photoshop or some sort of photo editing software. Our goal is to make the photo have as much contrast as possible without totally distorting the image. There are a few different ways to accomplish this task and I’ll show you two different methods. Feel free to use what you’re comfortable with.Heron Photo before
  2. METHOD 1: Go to IMAGE > ADJUSTMENTS > LEVELS. Grab the tiny triangular input sliders and slide them around until you have a very light background and a dark image that will become the silhouette. Generally that means that you’ll move the sliders on the left slightly towards the right, the middle slider will go very slightly to the left and the right slider will move in to the left quite a bit. You’ll have to eyeball this a bit and see what looks best. The goal here is to make the background as light as possible without washing out any black while making the dark areas darker.Levels
  3. METHOD 2: Go to IMAGE > ADJUSTMENTS > BRIGHTNESS/CONTRAST. Move both sliders to the right until you achieve your desired outcome (high contrast without washing out the image you want to become the silhouette).Adjustment ControlsContrast
  4. Once you’re satisfied with the colour settings, crop your page to select the part of the image you want for your design.  Save your image.
  5. Open Illustrator and open your photo. Select your photo using the SELECTION tool (black arrow) and you’ll notice that in the properties bar at the top, a LIVE TRACE  button will appear (or IMAGE TRACE depending on which version of Illustrator you have). Click on the LIVE TRACE or IMAGE TRACE button. (If you’re not super happy with the results, you can click on the white arrow to the left of the IMAGE TRACE button and play around with the various settings – I find the Black and White Logo setting can work well too). Once you’ve clicked the  LIVE TRACE or IMAGE TRACE button you’ll notice that it now says EXPAND.  With your image still selected, click on the EXPAND button.Trace
  6. With the image selected, right click your mouse and toggle down to UNGROUP and click on it. Now, click on a white area of the drawing so that it’s selected and then go to SELECT > SAME > FILL COLOUR and all the white in your image will be selected, hit the DELETE button. Your goal here is to get rid of all the white sections of your image.Ungroup
  7. Select all the black items on the canvas, right click your mouse and toggle down and click on group. Now your sketch is all grouped together. (Don’t bother with this step if you’d like to move the various elements of the image around on the page or modify them individually).
  8. At this point you can get creative, add colour and use the vector on top of backgrounds, photos, etc. Use your silhouette to create or enhance your very own work or art.

I created this printable page for the tutorial and you’re welcome to download and print it. Download here.

Click to download this free printable quote.

Click to download this free printable quote.

3 Comments

Turn Your Sketches & Doodles Into Vector Art – Tutorial

| Design & Technology

Turn your sketches into digital vector images.

Turn your sketches into digital vector images.

Turn Your Sketches & Doodles Into Vector Art – I love to doodle and honestly, I don’t do it enough.  On the list of everything I have to do in my life, doodling ranks pretty low (shocking, I know) but there’s something about doodling… it helps me relax, focus and just be in the moment. Fortunately, from time to time in my job,  I need to draw something and turn it into a vector image.  I wanted to share this technique with you so that you can turn your works of art into amazing vector graphics too. This tutorial requires a scanner, Adobe Photoshop and Adobe Illustrator (I use CS6).

  1. Create the sketches that you’d like to convert into digital vector art.  I like to use Pigma Micron pens because they come in various thicknesses, are a rich black colour and they write beautifully but use whatever you prefer. I also like to use tracing paper to sketch on – it’s cheap and there’s a smooth quality to the paper that’s really nice.
  2. Scan your sketches with a flatbed scanner.  Scan at a high resolution of at least 400 dpi while using the greyscale setting.
  3. Open your scanned sketch into Photoshop and make sure your file is in the RGB colour mode.
  4. Go to IMAGE > ADJUSTMENTS > SELECTIVE COLOUR. Toggle the colour to WHITE and using the slider, move to -100% black with the ABSOLUTE radio button clicked on.  Then toggle to BLACK and using the slider, mover to 100% black.screen2screen3
  5. Go to IMAGE > ADJUSTMENTS > CURVES. Grab the tiny black square at the top right of the graph and slide it over slightly towards the left (not down at all) and then grab the tiny black square at the bottom left of the graph and move it slightly to the right. You’ll have to eyeball this a bit and see what looks best. The goal here is to make the white as white as possible without washing out any black while making the black very dark without turning any of the white to grey. There are many ways of adjusting colours in Photoshop besides SELECTIVE COLOUR and CURVES.  You can also use BRIGHTNESS/SHADOWS as well as LEVELS to achieve your desired outcome.  Feel free to use what you’re comfortable with.screen5b
  6. Once you’re satisfied with the colour settings, crop your page to select the part of the image you want for your design.  You may also bring in the entire page into Illustrator if you have multiple sketches, convert them all together and then just pick out the selections you’re after… whatever works best for you. Save your image.
  7. Select the entire image and copy or use CTRL+C and then open a new page in Illustrator and paste in your sketch onto the canvas. Feel free to enlarge the sketch slightly (remember to hold SHIFT + ALT to constrain the proportions).
  8. Select your image using the SELECTION tool (black arrow) and you’ll notice that in the properties bar at the top, a LIVE TRACE  button will appear (or IMAGE TRACE depending on which version you have). Click on the LIVE TRACE or IMAGE TRACE button. (If you’re not super happy with the results, you can click on the white arrow to the left of the IMAGE TRACE button and play around with the various settings – I find the Black and White Logo setting can work well too). Once you’ve clicked the  LIVE TRACE or IMAGE TRACE button you’ll notice that it now says EXPAND.  With your image still selected, click on the EXPAND button. screen7
  9. With the image selected, right click your mouse and toggle down to UNGROUP and click on it. Now, click on a white area of the drawing so that it’s selected and then go to SELECT > SAME > FILL COLOUR and all the white in your image will be selected, hit the DELETE button. You want to get rid of all the white sections of your image.screen9screen10
  10. Select all the black items on the canvas, right click your mouse and toggle down and click on group. Now your sketch is all grouped together. (Don’t bother with this step if you’d like to move the various elements of the image around on the page or modify them individually).
  11. At this point you can get creative, add colour and use the vector on top of backgrounds, photos, etc. Use your vector to create or enhance your very own work or art.screen11
    Free printable

    Free printable

    Feel free to download this printable here. Enjoy!

17 Comments