Design Cuts

The Ultimate Creative Vector Elements Collection Just $29

Deal Expired ($29)

Who this deal is for:

 Graphic designers Scrapbookers Print designers Web designers

Thousands of hand drawn, best-selling vector elements

Today we’re excited to bring you one our biggest and best deals ever – which is saying something! We’ve partnered with 10 hugely talented design shops to bring you a vector collection that will give you infinite creative options, and a vast library of popular resources.

Monster Creative Font Bundle

The Biggest, Most Creative Vector Collection We’ve Ever Seen

We have been so eager to share this bundle with you guys, as a ton of work has gone into it. This collection includes the best-selling items of 10 popular design shops. There are literally thousands of amazing vector items in this collection, ranging from banners, to frames, icons, textures, floral flourishes, hand-drawn doodles, clipart, shapes and much much more.

We truly believe that this bundle will have a massive impact on your design work. There are infinite creative possibilities with these items, and enough fantastic items to keep you going for years. Check out why we think this bundle rocks:

  • When we say these items are best-selling, we mean it. These items are wildly popular even at full price, so to grab them at a 91% discount is unheard of!
  • Whilst vectors function best within vector software such as Illustrator, if you’re a Photoshop user this bundle has you covered too. Many resources include EPS files, which open no problem in Photoshop and Photoshop Elements, and many of the resources also include .png and .psd versions to help you. Basically, whatever software you’re using, you should be fine.
  • The level of detail in this items is nothing short of exquisite. These resources have been lovingly hand-drawn and then scanned in, giving you an authentically creative touch for your design projects.
  • As these items are so thorough, they often include bonus items, useful text guides and other professional extras.
  • There is an extended license on all vector in this bundle. This means that not only are they OK for commercial projects, but you can use these vector in items that you sell. The only restriction is that you cannot redistribute the vectors directly (i.e.: ‘as is’).

Take a look at how incredibly creative these vectors are below. We’re sure you’ll love them as much as we do!

Ornaments of Grace

The Banner Shoppe

Welcome to the Banner Shoppe, your one-stop shop for banners, ribbons, and all the brushes, styles, and other fripperies you’ll need to dress them up! C’mon in! Here’s a rundown of what comes in the Banner Shoppe:

BANNERS:
• 120 Banners & Ribbons, in 4 styles each – .AI CS2+ / .AI CS4+ (editable paths, layered file) and .PSD (semi-editable shape paths)
• .CSH (Photoshop custom shapes files) of all the banners in every style

GOODIES – .AI CS2+ / .AI CS4+ (editable paths, layered file with examples) and individual .AI libraries
• 20 art brushes, including chalk, pencil, and runny ink
• 1 calligraphic brush
• 3 pattern brushes
• 8 pattern swatches
• 8 graphic styles

HELP FILE INCLUDED:
• Tutorials, tips, and tricks to help you make the banners your own!

Ultimate Vector Elements Collection

Kelly Jane Creative

Black & White Arrows & Laurels

This set comes in black and in white. A total of 40 PNG files – arrows, laurels, borders, wreaths, & vines that would be lovely on a website, blog, an invitation or some stationery. Also includes 1 EPS file in black.

Ultimate Vector Elements Collection

Vector Floral & Laurel Wreath Design

Vector Florals, Laurel Wreath, Crown and Ribbons perfect for designing pretty stationery, invitations, used as blog graphics, or anything else you creative darlings come up with.

Includes a total of 48 PNG files, 16 PSD files, and one large EPS file.

Also includes one chalkboard web tile for the perfect seamless chalkboard background on your blog or website.

Ultimate Vector Elements Collection

Hearts, Wreaths, Laurels Vector

Hearts, wreaths, laurels and blooming branches to make some lovely Valentine’s designs, decorate your blog, or maybe create some bridal shower invitations. This set includes 21 PNG files and 1 EPS file.

Ultimate Vector Elements Collection

Blossoms Alphabet Vector

Branches with spring blooms twisted into the letters of the alphabet. This isn’t a font that you install. Each letter is a PNG file. The set includes the letters of the alphabet, a tiling background in two sizes, and the green frame as shown in the first image, as well as an “&” because we all love ampersands. A total of 30 PNG files and 1 EPS file.

Ultimate Vector Elements Collection

Laurels, Ribbons & Wreaths Vector

Laurels, wreaths, branches and ribbons. Create lovely invitations, scrapbook projects, logo designs, or decorate your blog or website. Includes 18 PNG files and 1 EPS.

Ultimate Vector Elements Collection
Monster Creative Font Bundle

TOMODACHI

Labels & Decorative Vectors Vol.2

Labels & Decorative Vectors Pack Vol.2 includes:

– 1 Ai file with 55 vector figures full editable.
– 1 Eps file with 55 vector figures full editable.

Ultimate Vector Elements Collection

Labels & Decorative Vectors

Labels & Decorative Vectors Pack includes:

– 1 Ai file with 55 vectors figures full editable.
– 1 Eps file with 55 vectors figures full editable.

Perfect for decorate text or phrases, animations, infographics, blogs, invitations, banners, cards and more!

Ultimate Vector Elements Collection

Rockin’ Vectors

Rockin’ Vectors Pack includes:

– 1 Ai file with 30 vector figures full editable.
– 1 Eps file with 30 vector figures full editable.

Ultimate Vector Elements Collection

Lil Squid

Lil Buildings

A collection of 40 simple vector silhouettes featuring a series of houses, office buildings, factories, and an assortment of other types of buildings such as a church, barn and castle. Also included are 4 city skylines made up entirely of the buildings themselves.

Designed to be used as a set or separately, each building is a vector object, that can be used ‘as is’ or to be modified and rebuilt into your own lil city!

Files included for you:
– 1 x AI file containing 40 vector objects fully editable and resizable
– 1 x EPS file containing 40 vector objects fully editable and resizable
– 1 x PDF file containing 40 vector shapes for quick easy use

Ultimate Vector Elements Collection

Lil Silhouettes Icon & Font

Lil Silhouettes is an icon and font pack of 15 human icons ready to be used in a non-generic way!

– 1 x AI vector file for Illustrator tweaking and scaling
– 1 x EPS vector file
– 1 x PDF vector file
– 1 x PSD file complete with 15 vector shapes
– 15 x PNG high resolution transparent files for quick work
– 15 x SVG files for quick work
– 1 x Open Type font with all 15 glyphs
– Icon Font pack 100% ready to go. (The 2nd screenshot is the web font being rendered in HTML. View full size to see all icons and sizes)

Ultimate Vector Elements Collection

MIIM

Vintage Elements Bundle

In this bundle:
– 72 sunburst shapes in vector AI & EPS format and also in photoshop PSD format (resizable shapes)
– 72 wreath shapes in vector AI & EPS format and also in photoshop PSD format (resizable shapes)

Creative elements for your graphic design works! Great for logo designs, badge designs, sign designs or as backgrounds.

– All 144 shapes in EPS 10, Adobe Illustrator and Adobe Photoshop
– All shapes are resizable so you can save it in any resolution or dpi.
– Very easy to change color of all shapes
– Editable in Illustrator (editable shapes)

Ultimate Vector Elements Collection

Ghostly Pixels

Vintage Halftone Scuffs

Ever wish that full-page texture you were working with didn’t have an edge?

Say goodbye to pesky edge management with this set of isolated halftone scuffs and scratches. Each texture is completely edge-free which makes way for an easy texture implementation without looking out for the edge.

This 20-texture set pack’s an old school vintage flavor and is ready to rough up whatever design project you’re working on.

What’s included:
– 20 individual halftone textures
– Each texture is offered as an individual vector EPS, and also as individual transparent PNG
– Both file formats feature the isolated illustration in dark gray, with a completely transparent background
– PNG’s are sized anywhere from 1,100 X 2,600 pixels (smallest) to 5,400 X 7,200 pixels (largest)

Ultimate Vector Elements Collection

15 Sunburst – By Hand

Here’s a vintage sunburst set with a fun and playful look. With a variety of 15 individual sunburst illustrations to choose from, there’s sure to be one to fit the bill on your next design project. Each sunburst was illustrated by hand with a marker for an authentic handcrafted look and feel.

What’s included in this 15-pack:
– 15 individual illustrations, offered in both EPS and PNG file formats.
– Both file formats feature the isolated illustration in dark gray, with a completely transparent background.
– The PNG dimensions range from 1,800 to 6,000 pixels wide (based on original illustration size).

Ultimate Vector Elements Collection

Polygon Outline Shapes

These shapes were originally illustrated by hand for an organic flavor.

What’s included:
– 15 individual hand illustrated polygon outlined shapes
– All 15 illustrations are offered in both Vector EPS and PNG file formats (30 files total).
– Both file formats feature the isolated illustration in dark gray, with a completely transparent background.
– The PNG files are sized to approx. 5,000 x 5,000 pixels.

Ultimate Vector Elements Collection

12 Hand-drawn Sunbursts

Here’s a fresh hand-illustrated batch of sunbursts. No software-generated shenanigans here folks, just good old fashioned marker and paper. The illustrations were scanned in at a very high resolution to provide a high-quality end product for your web, HD video, apparel, or large-format print needs.

What’s included in this 12-pack:
– 12 individual illustrations, offered in both VECTOR EPS and PNG file formats.
– Both file formats feature the isolated illustration in dark gray, with a completely transparent background.
– The PNG files are sized to various dimensions based on original illustration sizes. The PNG files range anywhere from 4,600 x 4,500 pixels all the way up to 10,000 x 7,000 pixel for the largest.

Ultimate Vector Elements Collection

40 Ink Circles

This 40 item set offers a variety of hand inked/painted circles. The circles range from subtle, organic rings, to heavy coffee-sup stained rings, to circles with heavier paint splatters for more of a grunge look. Note that there are 40 included circles, but only 12 are pictured in the product preview images.

What’s included:
– 40 individual circle illustration files in both EPS and PNG formats
– Both file formats feature the isolated illustration in dark gray, with a completely transparent background.
– The PNG files are sized to roughly 4,000 x 4,000 pixels (dimensions vary by circle).

Ultimate Vector Elements Collection

Anchors & Rope – 9 Vectors

This set of hand-illustrated nautical Anchor silhouettes was originally hand drawn with a pencil, the old fashioned way. The shapes were further refined in Adobe Illustrator after scanning into the computer. The result is a natural hand crafted feel to the objects.

– Each illustration file is offered in both vector EPS, and PNG format. The PNG images are roughly 2,500 X 4,000 pixels. Both formats feature the illustration in gray, with a transparent background.

Ultimate Vector Elements Collection
Ultimate Vector Elements Collection

Offset

Vector Textures Kit

This kit includes a collection of highly detailed textures including:
• 30 Background Textures
• 10 Circular Textures

Because they are vector artwork they are resolution independent so you can scale them to any size required. This makes them much more flexible than bitmap and pixel textures that have a limited maximum resolution.

Every element is fully editable to suit your project. Change the colours, delete elements, combine elements and textures together for unique effects.

The complete collection is supplied as 40 individual Illustrator 8.0 eps files so that they are compatible with all vector and bitmap applications.

Ultimate Vector Elements Collection

Anatomy Vector Collection

A collection of 5 vintage medical diagrams from old anatomy journals. A human skull, heart, hand, foot and skeleton that can be incorporated into any design or illustration project. They work well with other vintage textures or graphics.

This collection is all vector artwork so every element is fully editable to suit your project. Change the colour, delete elements and scale the graphics to any size you require without any loss of resolution, unlike pixel based artwork or bitmap images.

Ultimate Vector Elements Collection

Dreaming Lucy

Branches decorative elements, Vol.2

Beautiful set of hand drawn branches. Create your own compositions and decorate your designs. You can use it for web, prints, invitations, text, message decoration and many more!

● This set contains:
– 12 branches lineart + 2 borders
– 12 branches silhouette + 2 borders
– 2 frames lineart
– 2 frames silhouette

● What you get:
– Well organized and grouped layers
– Shape layers (vectors): you can change the size of the object without losing quality!
– Easily change colors and more!

● This pack includes:
– Full editable layered EPS10 vector files
– Full editable layered AI10 vector files

You can save every object in size, color, shape and file format what you need.

Ultimate Vector Elements Collection

Branches decorative elements

Beautiful set of hand drawn branches. Create your own compositions and decorate your designs. You can use it for web, prints, invitations, text, message decoration and many more!

● This set contains:
– 11 branches lineart + 2 borders
– 11 branches silhouette + 2 borders
– 2 frames lineart
– 2 frames silhouette

● What you get:
– Well organized and grouped layers
– Shape layers (vectors): you can change the size of the object without losing quality!
– Easily change colors and more!

● This pack include:
– Full editable layered EPS10 vector files
– Full editable layered AI10 vector files

Ultimate Vector Elements Collection

Branches design elements set

Beautiful set of hand drawn branches. Create your own compositions and decorate your designs. You can use it for web, prints, invitations, text, message decoration and many more!

● This set contains:
– Separate branches (colorful, lineart and silhouette)
– Laurels
– Frames

● What you get:
– Well organized and grouped layers
– Shape layers (vectors): you can change the size of the object without losing quality!
– Easily change colors and more!

● This pack include:
– Full editable layered EPS10 vector files
– Full editable layered AI10 vector files
– PNG 300dpi of each element, frame and laurel

Ultimate Vector Elements Collection

Set of Bows

Beautiful set of hand drawn bows. You can use it for web, prints, invitations, text, message decoration and many more! Increase your imagination with this pretty bows.

Ultimate Vector Elements Collection

Big set of Floral Elements

Beautiful set of colorful flowers, branches, leaves, berries and ribbons. Create your own floral compositions or decorate your designs. You can use it for web, prints, invitations, text, message decoration and many more! Increase your imagination with this pretty florals.

Ultimate Vector Elements Collection

Set of stitched frames

Set of 42 different decorative frames. Cute shapes and lovely colors will make your design projects beautiful, elegant and a little bit dolly =)
You can use it for web, prints, package, scrapbook, wrapping and many more! Just choose your favorite color and style or use your own colors.

– Well organized and grouped layers
– Shape layers (vectors): you can change the size of the object without losing quality!
– Easily change colors and more!

Ultimate Vector Elements Collection
Ultimate Vector Elements Collection

Make Media Co

The Rustica Vector Pack

A good buddy of mine is getting married in a small, rustic mountain town this fall. And guess who’s in charge of designing the invites? :) So, I’ve been sketching tons of elements for his big day, and in the process, was able to put together a pack of goodies just for you!

This pack of ‘rustic elements’ is full of leaves, trees, axes, arrows, paddles, feathers, wine bottles, wood, antlers and of course, some banners, for your creative pleasure.

Ultimate Vector Elements Collection

Nicky Laatz

10 Gypsy-Style Frames & 5 Bonus Logos

Such fun to make, and as promised, another set of geometric eastern / oriental / asian / gypsy style frames…

Applications are endless- just use your imagination :)

They are perfect for Intricate Logos & Beautuful Branding , Wedding Invites, Greeting Cards, Decadent Labels and memorable Packaging, T-shirt Designs , Crockery Designs….the list goes on and on… :)

BONUS! Just to show you some examples how to use them , I’ve included a little taster in the form of 5 editable logo templates. Click on Preview 4 to zoom – and scroll down to see the full set.

****Files included are :
Vectors : AiCs2 and Cs5, and eps CS
Layered Psd – shapes scaleable to any size with eitable text for logo templates.
Transparent PNG file

Ultimate Vector Elements Collection

Handsketched Designer’s Branding Kit

Introducing the all new comprehensive Hand-sketched Designer’s Vector Kit – packed with over 300 unique and never seen before hand-sketched elements, including swirls, laurels, frames, leaves, feathers, dividers, and branches and curls. To get your design juices flowing, I’ve included a set of 18 Logo Templates for you to play with and use in your personal branding projects :)

With so many elements , they can’t all fit on the preview screens, please click on each of the preview images, and scroll down to see the entire collection.

This pack has all you need to start creating a million logos / greeting cards / branding identities , labels ,prints ,patterns and more.

This pack includes :

1.) Over 300 new and unique hand-sketched vector elements (no duplicate items counted).

2.) 12 Illustrator Brushes for you to make even more unique elements than are provided.
(see previews and scroll)

3.) 18 Logo templates (Vector & PSD)- free fonts are used – a list with download links is included in
the included help file :)

Files included are PSD, CS2, CS5, EPS, and PNG.

PSD files are compatible with Elements 11+

Ultimate Vector Elements Collection

115 Hand-Sketched Vector Elements

This pack includes 115 Rustic Hand sketched Vector elements,doodles,banners, frames, laurels and graphic elements for use in your logos, branding and design projects of any description.

Theres more :) It includes 12 free Pre-designed logo templates for you to use and modify as your own. The included logos also demonstrate how you can use the various design elements included in this bumper pack :)

Authentically rough and ready, as if you drew them yourself – a perfect pack to keep you ‘en trend’ in todays popular design style.

From florals to feathers, banners to borders…this is a hefty new pack.

Ultimate Vector Elements Collection

Very Vintage Vector Kit + 14 Logos

Introducing the new VERY VINTAGE Designers Kit – various vintage elements, inspired by genuine old scanned vintage newspaper adverts – that you can use to build your own unique vintage artwork and branding.

This pack INCLUDES A BONUS 14 Pre-Designed Logo Templates for you to use and modify as your own. The included logos also demonstrate how you can use the various design elements included in this bumper pack :)

Included in this VERY VINTAGE pack :
1.) 14 Very Vintage Logos
2.) 8 vector vintage textures to make your designs more authentic and worn looking
3.) 5 Vintage Brushes to create unique vintage borders and add a ‘worn’ edge to solid filled shapes
4.) 35 Custom made VINTAGE BORDERS and FRAMES – some of which are taken directly from vintage
scanned documents
5.) 6 very trendy ‘ray bursts’ now being used in lots of vintage designing.
6.) 14 vintages images to use to compliment your designs

Ultimate Vector Elements Collection

Hand-Doodled Banners & Frames

13 Hand-doodled banners and frames in vector format , high res png files included. Enjoy!

Ultimate Vector Elements Collection

Vector Hand-Sketched Flourishes

A Vector set of hand sketched Fleurons & Flourishes – great for web/print projects.

Ultimate Vector Elements Collection

Full Deal Terms & Licensing:

This deal includes extended licensing. This means that as well as using these vectors within personal and commercial projects, you can also use them in designs/products that you resell. This could be anything from a poster print to a web banner.

The only restriction is that you can’t resell these vectors directly, or within files where they can be extracted in their original form, but of course, you already knew that!

Here’s a quick overview of all the vectors included in this bundle:

Artistic Brushes Bundle

Includes a Handy Pdf Browsing Guide

After many community requests, we’re including a useful .pdf browsing guide. This allows you to easily see which vectors are included in each folder, without having to refer back to this deal page. (This is included with your deal download).

Monster Creative Font Bundle

Design a Gothic Poster Using Vector Elements

WHAT WE’RE CREATING:

Hello Design Cutters! Simon here. I’m excited to share another tutorial with you guys.

Today you’ll learn how versatile vectors can be, as we create a beautiful gothic poster. You’ll see how vectors can be used for illustrative purposes, texturing purposes and as supporting elements.

Let’s get started!

The Ultimate Creative Vector Elements Collection demo tutorial

A BIT OF CONTEXT

What happened when the Design Cuts team knocked on my door with the awesome Ultimate Creative Vector Elements Collection is simple, really. I spend quite a lot of my time hunting for solid imagery resources around the web. These extensive search turn up quite a few gems, which I often document over on Tumblr. One of my favorite of these gems is Unsplash. If you’ve followed along my gig poster tutorial, or the grungy retro poster one, you’ve already seen some of its little nuggets of awesome.

So, when Tom and the crew shared the assets of the Ultimate Creative Vector Element Collection with me, I was browsing Unsplash, and I found these three amazing images centered around the theme of fog.

A foggy forest by Jonas Nilsson Lee

The Ultimate Creative Vector Elements Collection demo tutorial

A foggy train station at night by Robin Racker

The Ultimate Creative Vector Elements Collection demo tutorial

A foggy and rainy water landscape by Yuriy Khimanin

The Ultimate Creative Vector Elements Collection demo tutorial

Fog is an amazing meteorological phenomenon. It creates that dreamy, moody, sometimes scary atmosphere. From there on, I knew I wanted to build a scene around such an image. I looked around for some more, and through Flickr, came across this one, by Tim Green. It’s a beautiful “cemetery in fog” photo.

The Ultimate Creative Vector Elements Collection demo tutorial

This image was even better than the Unsplashed ones, because:

  • It’s matching the three characteristics quoted above (dreamy, moody, and scary)
  • It’s shared under a CC license
  • It’s monochrome, meaning we can easily assign it our own color palette
  • It’s available in high resolution
  • The background fades to a solid color at the top (perfect to integrate it into a bigger piece)

After carefully browsing the collection’s content, it was clear that I had everything in my hands needed to make a slightly mysterious poster, which that softly unsettling feel to it. Let me walk you through the process I followed.

STEP 1: SKETCHING

Sketches? Aren’t we working in Photoshop? I’ll never repeat it enough, but idea generation through sketching is of the utmost importance. As a designer, I’m someone that communicates visually. It’s also how I think. So that first step of just playing with shapes, size relationships, and element placements is crucial for me to come up with layouts. Note that my frames are proportional to the size our piece will have (18″x24″). One idea often leads to another, and helps to generate a wide variety of potential routes to follow. Below is ae quick iPhone photo of my sketches.

The Ultimate Creative Vector Elements Collection demo tutorial

And don’t worry about how good you are at drawing. These sketches are just guides, seeds, for the final piece. There’s no need to be perfectly accurate. They’re here to freeze a decent enough preview of what the final piece will look like.

As you can see on the photo, we chose to go with my first concept (top left). It features Offset’s anatomy collection, one of Ghostly Pixels’ polygon outlines, and a bunch of other little elements here and there (mostly some of the vector textures).

Should we get started?

STEP 2: DOCUMENT SETUP

As I said above, we’ll be working in an 18″x24″ RGB canvas @ 300 dpi. This tutorial will primarily be done in Photoshop, with the occasional switch to Illustrator to copy and paste vector resources in our piece.

The Ultimate Creative Vector Elements Collection demo tutorial

In terms of guides, I placed some to mark the center of the canvas, and a 1″ border around its edges.

The Ultimate Creative Vector Elements Collection demo tutorial

With that out of the way, let’s get started for good.

STEP 3: BUILDING THE BACKGROUND

Placing the photograph

First things first, we need to place our cemetery image in our document. Use File > Place to do so, as it leaves the image as a smart object. Note how that gravestone at the left touches the edge of the canvas.

The Ultimate Creative Vector Elements Collection demo tutorial

Integrating it into the piece

Once we’ve placed the image, we’re going to fade it into the background, to artificially make it look taller than it is. It’s the same technique we leveraged in the fake gig poster tutorial. The transition will be smooth thanks to the power of layer masks.

Start by sampling a gray as close to the edge of the photo as possible. I got a light gray, #e0e0e0.

The Ultimate Creative Vector Elements Collection demo tutorial

Create a new layer below the photo layer (or use the background layer), and fill it with that gray.

The Ultimate Creative Vector Elements Collection demo tutorial

Next, add a layer mask to the original photo layer (Layer > Layer mask > Reveal all with the proper layer selected).

The Ultimate Creative Vector Elements Collection demo tutorial

With that done, use the gradient tool to create a smooth transition between the image and the gray layer. Make sure to start your gradient below the line you”re looking to fade.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

I’ve used a very straight-forward black to white gradient.

The Ultimate Creative Vector Elements Collection demo tutorial

The transition still isn’t so smooth, so let’s add a bit of blur on that layer mask. ALT/OPTION+CLICK the layer mask so you can access its content, and use the Gaussian blur filter to soften things further. I’m using a 50 pixels radius, but feel free to adjust to your taste.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

The transition is much smoother now.

The Ultimate Creative Vector Elements Collection demo tutorial

Further refinements with textures

But while the transition is much smoother, the solid color we added to our background layer doesn’t recreate the grainy effect the fog gives to our image. So we’re simply going to add a grain texture to that background layer, to match that effect as well as possible.

One of my favorite grain textures is this super high resolution beauty, by DeviantArt user JakezDaniel.

The Ultimate Creative Vector Elements Collection demo tutorial

Download his file, and place it in your canvas. I’ve placed it in a vertical orientation.

The Ultimate Creative Vector Elements Collection demo tutorial

Then, slide it under the photo layer and above the background layer.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Proceed to rasterize the texture (if you placed it as a smart object like me), and sharpen it to make the grain a bit rougher (Filter > Sharpen > Sharpen). Once that’s done, simply change the layer’s blending mode to Soft light, and lower its opacity until the effect matches the background’s grain with the photo’s grain. My final opacity for the grain texture is 35%.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Now that that’s done, it’s time to further unite the two layers by adding another texture on top of them. We’ll use a paper grain, specifically this old envelope. Place it in your document so the center seam isn’t visible, and so most of the creases and folds in the paper are close to one of the edges of your canvas.

The Ultimate Creative Vector Elements Collection demo tutorial

Once the texture is placed in your canvas and at the top of your layer stack, proceed to rasterize it, desaturate it (CTRL/CMD+SHIFT+U, and sharpen it (Filter > Sharpen > Sharpen).

The Ultimate Creative Vector Elements Collection demo tutorial

Once you’re done with that, it’s time to call the Levels panel to the rescue. This little panel (CTRL/CMD+L) will help us to tweak the contrast of the texture, ultimately increasing or decreasing its “strength” and impact on the piece.

There are no set rules on what to do to your texture, but I usually try to get the blacks and the mid-tones darker, and the highlights brighter. See my values below and their effect on the texture.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

I tend to follow that tweaking process with all the textures I use. Desaturating them allows me to use the textures for whatever grain, scratches, bumps, etc., they bring to the piece, regardless of their color(s). This gives me a much finer control over the final palette of my piece. That being said, there are obviously cases where I’ll adapt this workflow, but it’s a good place to start.

Now that we have our texture tweaked the way we want, let’s change its blending mode to Soft light @ 100% opacity, and admire the result. The paper grain further unifies our background elements together.

The Ultimate Creative Vector Elements Collection demo tutorial

Time to add a splash of color

If you look closely at my sketches, you’ll see that I was also doing some title research at the bottom. The title I chose for that piece is Nevermore (channeling my inner Edgar Poe here). With that in mind, I hoped onto ColourLovers to see if I could find some inspiration. And I did. This beautiful nevermore… palette by SHUTUPBECK is perfect: subtle, dark, and with some nice highlights as well.

The Ultimate Creative Vector Elements Collection demo tutorial

Now that we have a color palette in mind, we’re going to apply it to our image. We’ll be using a gradient map adjustment layer to do so. Basically, these adjustment layers replace the gray values of the layer(s) they’re applied to to whatever corresponding values the gradient your feeding them with has.

Let’s start by adding such a layer at the top of our current layer stack. You’ll find the menu to do so at the bottom of your layer palette.

The Ultimate Creative Vector Elements Collection demo tutorial

The interface to edit them is super simple. Double-click on the gradient to find the same panel you’d get when editing a gradient through the gradient tool. You can see both the property panel and the gradient editor panel side by side below.

I’ve also indicated my color values (sampled from the color palette) below. The dark tones (at 0%) get the darkest blue (#121212), a first stop at 25% get the intermediary blue (#19262b), a second stop at 50% gets the lighter blue (#325461), and the 100% stop gets the “Dead firefly” color (#d6d2b6).

The Ultimate Creative Vector Elements Collection demo tutorial

Once these settings are applied, here’s the result!

The Ultimate Creative Vector Elements Collection demo tutorial

Note: we also took advantage of that technique in the Grindhouse poster tutorial. Don’t hesitate to check it out if you need additional details on the technique.

A grunge border

The last piece of the background’s puzzle is a worn border. We’re going to leverage one of Nicky Laatz’s amazing Illustrator brush for that.

The Ultimate Creative Vector Elements Collection demo tutorial

But before, a bit of prep work is in order. First, let’s clean our layers a bit. I strongly advise you to keep some well organized and named layers, for your own sake. That doesn’t mean you need to adopt my layer organization and naming system, but for the love of all that is beautiful in this world, please find one that suits you. So, here are my layers so far. They are in their own “Background” layer group.

The Ultimate Creative Vector Elements Collection demo tutorial

With that done, time to open Nicky’s Very vintage kit > file2.ai. I’m going to show you a method that makes it so you don’t have to install the brushes, thanks to how she created her file.

Simply create an 18″x24″ rectangle, straight in Nicky’s file. Make sure it only has a stroke, and no fill color.

The Ultimate Creative Vector Elements Collection demo tutorial

Because of how she constructed her file (including demo elements), the brushes are loaded by Illustrator and accessible through the brush panel (F5). Select the one that suits your fancy, and apply it to the rectangle you created earlier. The one I chose is called Pattern brush 3.

The Ultimate Creative Vector Elements Collection demo tutorial

Increase the stroke until the frame’s thickness is to your taste. This means 4 points for me.

The Ultimate Creative Vector Elements Collection demo tutorial

Simple so far, right? Well, now starts the complex part. Head back to Photoshop, and create a layer at the bottom of your layer stack, filled with the lightest color of our palette (“Dead firefly” – #d6d2b6).

The Ultimate Creative Vector Elements Collection demo tutorial

We’re going to use the vector frame we created as a piece to add to layer masks via selections, to show just enough of that light layer hidden at the bottom. This will add a nice rough edge to our poster.

Head back to Illustrator. Expand the frame we created (Object > Expand appearance). Below is a before/after view.

The Ultimate Creative Vector Elements Collection demo tutorial

Copy the frame, and paste it as a smart object into your Photoshop document, above everything else.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Place it the way you’d like the rough edge effect to be. Basically, wherever your frame is, the light layer will show through.

The Ultimate Creative Vector Elements Collection demo tutorial

Next, hide the layer. Then, CTRL/CMD+CLICK its thumbnail so as to load its content as a selection.

The Ultimate Creative Vector Elements Collection demo tutorial

This is where the layer mask craziness starts. First, with the selection active, add a layer mask to the background’s gray layer. Use the Add vector mask button at the bottom of the layer palette to speed up the process.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Here’s the layer mask’s content.

The Ultimate Creative Vector Elements Collection demo tutorial

What happened is that the active selection is shown, while whatever is out of that selection is hidden. The problem is that we want the opposite of what just happened (the gray layer to show everywhere, except on the rough edge). Select the layer mask’s thumbnail, and invert its content (CTRL/CMD+I).

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Next, we’re going to also apply the frame to the picture layer itself. Load the frame as a selection again, and head over to the image’s layer mask (the one with the gradient).

The Ultimate Creative Vector Elements Collection demo tutorial

You can now fill the selection with black (Edit > Fill > (Use) Black or SHIFT+F5 if your foreground color is black).

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

And here’s our frame! You can now delete the frame smart object, or slide it at the bottom of your layer palette.

The Ultimate Creative Vector Elements Collection demo tutorial

Some minor background adjustments

Something I’m noticing that’s bugging me: the background transition between the photo and its vertical extension isn’t that gradual. See the areas I’ve highlighted below.

The Ultimate Creative Vector Elements Collection demo tutorial

The solution? Well, the one I’m using involves a levels adjustment layer (you’ll access that one the same way you’ve accessed the gradient map adjustment layer). Add one of these at the top of your gray layer, and clip it to that layer as well (CTRL/CMD+G).

Your next step will be to play with the sliders until you reach a point were the transition is smoother to your eyes.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

That’s much better.

The Ultimate Creative Vector Elements Collection demo tutorial

Last adjustment: the frame color. Currently, the gradient map adjustment layer‘s layer mask is completely white, meaning that it applies to everything, including the portion of our very light layer that’s showing through the frame. Because of this, the top part of the frame fades in the piece a bit too much. I’d like the color to be closer to the original, so the frame “pops” a bit more.

In order to do that, we’ll simply add the frame selection to the gradient map’s layer mask. But instead of filling it with black, which would completely hide its effect on that area, we’ll fill it with 50% gray (#808080). This only partly blocks the effect of the adjustment layer.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

The result makes for a much more visible frame.

The Ultimate Creative Vector Elements Collection demo tutorial

With that piece taken care of, the foundation for our poster is finally ready. Time to start adding the poster content in, don’t you think?

STEP 4: ADDING THE CONTENT

The bits and pieces you’ll need

The poster’s main content elements include stuff from Offset’s anatomy shots, one of Ghostly Pixels’ polygon outlines, and some of the dividers found in Tomodachi’s Rocking vectors around the title.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Let’s start with the stars of the show, the anatomy elements.

Human parts

The skull is obviously highly fitting as our background image depicts a cemetery. Let’s start with him. Simply copy the skull vector from Illustrator, and paste it in as a smart object. I’m placing the skull so it sits in the top half of the poster. Don’t worry too much about being accurate for now, as we’ll fine tune the sizes and exact locations as we go.

The Ultimate Creative Vector Elements Collection demo tutorial

Next, at the top of the poster, is the hand. Place it not too far above the skull, and size it so it’s roughly 34 of the width of the head.

The Ultimate Creative Vector Elements Collection demo tutorial

Finally, at the bottom of the poster is the foot. It’s placed sideways, and flipped on its vertical axe, so the big toe is at the bottom.

The Ultimate Creative Vector Elements Collection demo tutorial

A bit of color

Now that these elements are here, we should give them their colors. I’ll be using the same ones that I’ve used for my gradient map, except in a reverse ways of sort. The hand, which is placed in the lightest part of the poster, will get a color overlay of #121212, our darkest color. The skull, which is in the middle of the spectrum, will receive a color overlay of #19262b, the second darkest blue, and a quickly hand-painted background of #d6d2b6, our lightest color. Finally, the foot, which is in the darkest part of the poster, will receive a color overlay of #d6d2b6. Here are the color overlays:

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Next, let’s paint a background behind the skull. Create a new layer right behind it, take a small-ish brush (I’m using 250 pixels @ 100% hardness), and paint a clear background behind it. You could, if you wanted to, create a very precise selection around the skull using the pen tool. See the Grindhouse poster tutorial for more information on that technique.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Then, take a much smaller eraser (around 100 pixels) and clean up a bit.

The Ultimate Creative Vector Elements Collection demo tutorial

Once that’s done, link the skull layer and its background together, so you’ll transform and/or move both at the same time if needed.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Mysterious geometry

Let’s add the polygon outline in now. I’m going to place it behind the skull, so it seems that the skull is somehow fused in it. You can either use the high resolution PNG version, or the vector version. I’m using the vector one because of personal preference.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

With that done, give the polygon the same color (#19262b) than the skull. You can accomplish this either through a color overlay, or by directly editing the smart object in Illustrator.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

After that, let’s adjust the placement of the skull/polygon combo a bit. I’m anchoring the bottom angle of the polygon at the cross you can guess at the top of the church.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

While you’re at it, you can slightly adjust the size of the foot and hand.

The Ultimate Creative Vector Elements Collection demo tutorial

PART 5: TYPE

The main type block

In order to further refine the placement of our various bits and pieces, now is the perfect time to add our type element to the mix. The word to write is “Nevermore.” It’s set in Edmond Sans from Lost Type Co-op. I’m using some super wide tracking (350) to give that very solemn vibe to the text. The type is in our lightest color, so it’ll “pop” right out of the piece (#d6d2b6).

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Once you’re happy with the way your type block looks like, it’s time to add our dividers in.

The Ultimate Creative Vector Elements Collection demo tutorial

Head over to the Rockin’ vectors, and grab the top one.

The Ultimate Creative Vector Elements Collection demo tutorial

Bring it in as a smart object. Size it so it’s roughly the width of your type piece.

The Ultimate Creative Vector Elements Collection demo tutorial

Bring the bottom one, and size it the same.

The Ultimate Creative Vector Elements Collection demo tutorial

Once they’re sized the same length, select both of them and make them slightly wider than the type. This will give it an even stronger horizontal direction.

The Ultimate Creative Vector Elements Collection demo tutorial

Change their color to the same color than the text (#d6d2b6) (color overlay, or through Illustrator).

The Ultimate Creative Vector Elements Collection demo tutorial

Once the correct colors are in place, adjust the vertical spacing/grouping as needed.

The Ultimate Creative Vector Elements Collection demo tutorial

The shadow type block

While I’m happy with my type as it stands, I feel it could benefit from more depth.

The Ultimate Creative Vector Elements Collection demo tutorial

In order to get more depth, I’m going to duplicate my whole type block, merge the copy into a smart object, give a darker color, and offset it a bit. Here it goes.

One, organize your layers a bit.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Once that’s done, select the layers from the Shadow group, and convert them to a smart object. It’s the same as merging them, but reversible.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Reorganize things for clarity…

The Ultimate Creative Vector Elements Collection demo tutorial

Proceed to the color overlay (#19262b).

The Ultimate Creative Vector Elements Collection demo tutorial

Offset the shadow block using the arrow keys of your keyboard, and admire the result.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

STEP 6: FINAL PLACEMENT

Before we weather and texture things, we need to fine tune the placement (and size, if applicable) of our puzzle bits. The hand could stand to be a bit wider, and everything else to slide down a hair to varying degrees.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Another thing I’m also going to do is to erase some of the little annotations that are present on the anatomy pieces.

The Ultimate Creative Vector Elements Collection demo tutorial

Simply add layer masks to the elements, and paint them away. The result is a “cleaner” ensemble, with less visual clutter.

The Ultimate Creative Vector Elements Collection demo tutorial

From here, it’s time to weather things out!

STEP 7: WEATHERING

All of the type elements and anatomy drawings look great, but way too clean and digital. It’s time to bring some analog textures in layer masks to weather and fade them away.

I’ll be using a texture pack I created, called the Photocopy noise texture pack, and that’s currently available on Creative Market. These texture can be turned from subtle noise to nuclear obliteration material, and have been patiently scanned at ultra-high resolution. They were part of a past bundle here. If you don’t own them and can’t purchase them, don’t worry. Any subtle grunge textures will do the trick (some of my favorite stuff: #1, #2, and #3).

Our main tactic will consist in pasting our textures in layer masks that will be applied to all or part of the elements at hand. Let’s start!

The skull

Let’s start with the skull. I’ll be using photocopy-noise-textures-sbh-004.jpg. Start by opening the texture, and copy it.

The Ultimate Creative Vector Elements Collection demo tutorial

Head back to your poster document, and add a layer mask to the skull. Make sure it’s unlinked, as this will allow us to move the texture around independently from the layer itself (if you have linked layers in place, you will need to unlink these as well, even if temporarily).

The Ultimate Creative Vector Elements Collection demo tutorial

From there, CTRL/OPTION+CLICK the layer mask thumbnail to access its content, and paste the texture in there. Make sure it covers the whole canvas.

The Ultimate Creative Vector Elements Collection demo tutorial

Invert the texture (CTRL/CMD+I), sharpen it, and admire the result.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

It looks like the effect isn’t strong enough to be noticed quite yet.

The Ultimate Creative Vector Elements Collection demo tutorial

Just as when texturing the background, we’ll use the levels panel (CTRL/CMD+L) to fix this.

The Ultimate Creative Vector Elements Collection demo tutorial

Given how high-resolution these textures are, you might have to apply the levels a few times to reach your desired effect.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

The result is much better after a few passes.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Apply the same layer mask to the skull’s background. You can copy/paste from one layer mask to another.

The Ultimate Creative Vector Elements Collection demo tutorial

The polygon

Let’s grab another texture from our pack, photocopy-noise-textures-sbh-003.jpg.

The Ultimate Creative Vector Elements Collection demo tutorial

Following the same process that for the skull, fade the polygon out.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

A fun phenomenon is happening: since we grunged out both the skull and its background, the polygin is showing through them.

The Ultimate Creative Vector Elements Collection demo tutorial

This is somewhat undesirable. To fix that, start by CTRL/CMD+CLICK the skull’s background layer to load it as a selection.

The Ultimate Creative Vector Elements Collection demo tutorial

Then, head over to the polygon’s layer mask, and fill the selection in black to hide the polygon when it’s “behind” the skull.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

“Global” weathering

Add a layer mask to the layer group that contains the anatomy pieces and the polygon.

The Ultimate Creative Vector Elements Collection demo tutorial

Switch to photocopy-noise-textures-sbh-005.jpg, which has a much harsher grain, and paste that one in this latest layer mask.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

We haven’t looked at layers in a long time. Here’s what my stack looks like for now:

The Ultimate Creative Vector Elements Collection demo tutorial

Type weathering

The type treatment is a “global” one as well. Add a layer mask to the global type layer group, and paste photocopy-noise-textures-sbh-006.jpg into it.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

There’s no need to invert that one, but it still could use a bit of softening.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

And done.

The Ultimate Creative Vector Elements Collection demo tutorial

STEP 8: TEXTURES

We’re getting close to the end. Given the rich array of vector textures available in this deal, I felt it would be too bad to not use any of them.

Vector texture elements

These are so straight forward to use, it should be illegal. Simply grab them in Illustrator, paste them as smart object in your piece, size them at will, give them a color overlay, adjust opacity if needed, and profit. Following that simple workflow, I used the following elements:

The first one we’ll use is from Nicky Laatz’s Very vintage kit. Open the file textures.ai.

The Ultimate Creative Vector Elements Collection demo tutorial

Place it into your Photoshop document, according to taste. Here it is, highlighted in red for a better sense of what’s going on.

The Ultimate Creative Vector Elements Collection demo tutorial

Switch its color to our darkest blue (#19262b), and you’re done with this one.

The Ultimate Creative Vector Elements Collection demo tutorial

Next, we’re going to leverage Ghostly Pixels’ Halftone Scuffs. The process to use these is the same than the previous one. First, let’s place Scuff20_byGhostlyPixels in our document (PNG or EPS, it doesn’t matter too much).

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Change its color to the same dark blue (#19262b), and move on.

The Ultimate Creative Vector Elements Collection demo tutorial

Next is Scuff19_byGhostlyPixels.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Change its color to the same dark blue (#19262b).

The Ultimate Creative Vector Elements Collection demo tutorial

The last but not the least of the vector textures, I’m using Offset’s T19 (from the Vector texture kit).

The Ultimate Creative Vector Elements Collection demo tutorial

Note how I slightly stretched it so it would fit to the edges of my canvas.

The Ultimate Creative Vector Elements Collection demo tutorial

Change its color (#19262b).

The Ultimate Creative Vector Elements Collection demo tutorial

Here’s what your layer stack should more or less look like:

The Ultimate Creative Vector Elements Collection demo tutorial

Raster textures

I’m going to add two raster textures as the “almost-icing-on-the-cake.” While the many vector textures that the deal includes are AMAZING, raster textures will often keep an edge on them in terms of subtlety and in how organic they feel.

The first texture we’ll be adding is #16 in this scratched texture pack from Lost and Taken. It’s easy, it’s the bright orange one.

The Ultimate Creative Vector Elements Collection demo tutorial

Place the texture, desaturate, and sharpen it.

The Ultimate Creative Vector Elements Collection demo tutorial

Adjust the levels.

The Ultimate Creative Vector Elements Collection demo tutorial

Change the blending mode to Soft light @ 35%.

The Ultimate Creative Vector Elements Collection demo tutorial

The last texture we’ll use is this brush stroke texture. It’s able to give a super painterly feel to a design, and I’d like to add just a hint of that.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Invert it.

The Ultimate Creative Vector Elements Collection demo tutorial

Change its blending mode to Soft light @ 20% opacity.

The Ultimate Creative Vector Elements Collection demo tutorial

Here are the layers:

The Ultimate Creative Vector Elements Collection demo tutorial

STEP 9: FINALIZATION

And we’re almost done! The last piece of the puzzle is a little halftone effect. Create a merged copy of your whole piece so far (CTRL/CMD+SHIFT+ALT/OPTION+E). Rename the layer that’s created into Halftones, and give it its own layer group. Convert that layer to a smart object.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Head over to Filters > Pixelate > Color halftones.

The Ultimate Creative Vector Elements Collection demo tutorial

Since our layer is a smart object, we’re going to be able to change the blending mode of its effect (Color halftones) and the layer itself. Switch the effect’s blending mode to Soft light.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

Change the blending mode of the layer itself to Lighter color @ 75% opacity.

The Ultimate Creative Vector Elements Collection demo tutorial

The last touch is to add a clipped Hue/Saturation adjustment layer to the halftones layer, and to lower the saturation to -75.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

And we’re done! Here’s the final view of the layer palette.

The Ultimate Creative Vector Elements Collection demo tutorial

Don’t hesitate to mock your result up for us to look at! You should share it on the Design Cuts Facebook page.

The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial
The Ultimate Creative Vector Elements Collection demo tutorial

I hope you had as much going through the tutorial as I had writing it. Don’t hesitate to ask questions in the comment, and you should follow me on twitter: @simonhartmann.

Remember, the vectors used in this tutorial are just a tiny selection from the Ultimate Vector Elements Collection that we’re currently running. You can grab thousands of best-selling, professional quality vector elements for 91% off. Hurry though, this deal is expiring soon:

The Ultimate Vector Elements Collection – 91% Off

Enjoy this tutorial? You’ll love this week’s deal:

Design a Vintage Tattoo Studio Poster

WHAT WE’RE CREATING:

Hello Design Cutters!

Jo here. Hopefully this tutorial will have you feeling a bit like a kid in a vector sweet-shop, as you’ll be able to get creative and pick-and-mix some of your favourite resources from the current vector bundle. :)

We’ll be using vectors from today’s freebie pack, plus plenty of others from the main bundle to create this vintage-inspired poster for a tattoo studio.

Hopefully, this will give you a chance to really explore the designs available, plus lean a few techniques to create realistic contouring effects and faded edges.

Ok then – let’s get stuck in!

Vintage Tattoo Vectors Tutorial

Follow along with this tutorial: Download the freebie pack

Today we have another huge freebie for you design geeks to enjoy. Joseph from Ghostly Pixels has kindly put together some samples as a freebie for the Design Cuts community. These hand-drawn style vectors are perfect for your more creative projects!

Remember, this freebie is just a tiny sample taken from one of our biggest deals yet: The Ultimate Creative Vector Elements at just $29 (91% Off). We’ve partnered with 10 hugely talented design shops to bring you a vector collection that will give you infinite creative options, and a vast library of popular resources.

There are literally thousands of amazing vector items in this collection, ranging from banners, to frames, icons, textures, floral flourishes, hand-drawn doodles, clipart, shapes and much much more.

Enter your email below to download the Ghostly Pixels free sample pack, so you can follow along with this tutorial easily.

Ghostly Pixels Freebies

Step 1:

Open Open up a new 1748px x 2480px RGB (you’ll see why this is important in Step 3) document in Photoshop.

Now, we need to find a subject to decorate. As we want a fair bit of space to work with, using a fairly broad, male back makes sense.

For this tutorial, we’ll download this photograph of a back by David Shankbone from Wikipedia Commons. (Modesty filter applied to the screenshot below)! ;)

Vintage Tattoo Vectors Tutorial

Scale the image so that it fills the canvas similar to below, and rotate slightly so that the spine is as vertically straight as possible. You can use a guide to help with the alignment:

Vintage Tattoo Vectors Tutorial

Next, we want to get rid of the harsh shadow resulting from the camera flash. As we’ll be altering the image with the clone stamp, it’s worth creating a duplicate layer and hiding it, just in case we need to go back to the original.

Selecting the Clone Stamp Tool, choose a round brush and set the hardness to 75%. This gives us a soft, but not too soft edge. I’ve started with 100px as the size to get more coverage to start, and then reduce the size as necessary to get in to the tighter areas.

Vintage Tattoo Vectors Tutorial

Select an area just outside of the shadow to clone and start covering the shadow. It’s a bit time-consuming, but worth it to create a much nicer finished image.

Vintage Tattoo Vectors Tutorial

Once you’re done, select the Blur tool and using a fairly large brush at 100% strength, go over the background a few times to soften any jagged edges that using the Clone Stamp may have resulted in. A lot of these will be disguised as we add more texture, but it’s good to doing this extra step will help create a better base to work up from.

Vintage Tattoo Vectors Tutorial

Step 2:

Next up, the trusty aged paper texture :)

We want to go for a strong, sepia tone to give the image a really vintage feel and there’s a great selection to download from The Digital Yard Sale.

I’ve gone with ‘Old Paper 1’ (second from the top) as it has a lovely rich colour, and the texture seemed quite skin-like with the speckles and blemishes, fitting with the theme.

Vintage Tattoo Vectors Tutorial

Paste it on to your Photoshop canvas and scale to fit. Once that’s done, change the blend mode to Soft Light:

Vintage Tattoo Vectors Tutorial

Duplicate the layer, changing the blend mode to Overlay:

Vintage Tattoo Vectors Tutorial

The effect is great, but could do with some toning-down. We’ll do this by adding an Hue/Saturation Adjustment Layer with the following settings:

Hue/Saturation Settings
Colorize: Selected
Hue: 35
Saturation: 50
Lightness: -5

Vintage Tattoo Vectors Tutorial
We now have a much subtler base to make the vectors, which are going to be the stars of the show, stand out on.

Vintage Tattoo Vectors Tutorial

As we’re going to be creating a lot of new layers, let’s keep things easy to find and place what we’ve done so far in a group called ‘Background’.

Step 3:

Before we go on to adding the tattoos, we’re going to create a Displacement Map. This is a technique that will allow you to wrap your images around objects, so that it matches the contours. This is a great tool to use for tattoo effects, as it will make the designs distort to match the contours of the part of the body, rather than looking like it’s jus been stuck separately on top.

You can see an example below:

Vintage Tattoo Vectors Tutorial

The effect will vary depending on how dramatic the contours are, but it’s a nice bit of attention to detail you can be proud of :)

To create a Displacement map, first hide all the layers apart from the photo of the back we used the Clone Stamp on. With that layer selected, go to the ‘Channels’ tab in your layers panel:

Vintage Tattoo Vectors Tutorial

Select the layer with highest contrast (in this case, Blue) and hide all the other layers.

Vintage Tattoo Vectors Tutorial

Right-click (or control + click) and select ‘Duplicate Channel’. This will open up a prompt where you can input the following details:

As: Tattoo Displacement Map
Document: New
Name: Tattoo Displacement Map

Vintage Tattoo Vectors Tutorial

This will open up as a new document in Photoshop, which you’ll then need to save as a .PSD file. Save this somewhere easy to find for now, as we’ll be using it a lot later on in the tutorial, where we’ll be selecting this file as a ‘map’ for each of the tattoos to follow the contours of.

Go back to your original document and select the ‘RGB’ channel to return to normal, and then turn the visibility back on for your layers.

Now we’ve got our Displacement Map prepared, we can start adding some cool vector tattoos!

Step 4:

As there’s a prominent banner featured in this image, we’ll add this first so we can place our tattoos around it.

There’s an awesome selection of banner vectors in this deal to take your pick from. I’ve gone for a design by Tomodachi, which you can locate here:

The-Ultimate-Vector-Elements-Collection-1 > Tomodachi > labels and decorative

Open up one of the files in Illustrator and copy and paste the following in to your Photoshop document:

Vintage Tattoo Vectors Tutorial

Scale and position so that it sits centrally in the upper part of the back, leaving room in the waist area.

Vintage Tattoo Vectors Tutorial

Change the blend mode to Overlay:

Vintage Tattoo Vectors Tutorial

Duplicate the layer and change the blend mode to Soft Light. Nudge the layer down and right by hitting the arrow keys on your keyboard a few times.

Vintage Tattoo Vectors Tutorial

Duplicate the original banner layer again, this time setting the blend mode to Screen. Using the arrow keys again, move the layer up and left the same amount as you did for the shadow.

Vintage Tattoo Vectors Tutorial

Duplicate the again (last time, I promise ;)) set the blend mode to Normal and reduce the opacity to 90%. Rasterize the layer so we can adjust the Hue/Saturation to the following settings:

Hue/Saturation
Colorize: Selected
Hue: 0
Saturation: 81
Lightness: +10

Vintage Tattoo Vectors Tutorial
Vintage Tattoo Vectors Tutorial

We now need to add some text! I’ve gone for a combination of a serif font with hand-written feel, similar to the text used in retro tattoo designs (feel free to do some googling for inspiration!) and a bolder, slightly ‘western saloon’ like font, which is a style you often see on tattoo studio signs.

For those curious, the fonts are:

Ride My Bike Serif (premium – unless you got it in an earlier bundle!)

Rye (free)

With #E8d2B0 selected as the colour, type each of the following on a separate layer so we can easily manipulate them:

THE VINTAGE (Size: 37pt)

TATTOO (Size: 39pt)

STUDIO (Size: 42pt)

Select all three type layers and use the transform tool to adjust the angle that they’re on. You can use the base of the banner as a guide:

Vintage Tattoo Vectors Tutorial

Move the text as needed so they sit roughly in the centre of each strip of the banner:

Vintage Tattoo Vectors Tutorial

Move all those layers in to a group called “Banner”, lock it as the top layer, and we’re ready to move on!

Step 5:

Time to add the tattoos – the part where you can really let your creativity loose :)

The process for creating each tattoo is essentially the same (bar the different hue/saturation settings), what we’ll do here is go through the steps for a couple of tattoos which we’ll create using resources from the Ghostly Pixels freebie pack. Remember, you can download this freebie pack at the top of this page.

Then, you can repeat the steps as necessary using your favourite designs.

First, we’ll use the following HeavySplatterCircle-05-byGhostlyPixels.png to create a tattoo on the neck:

Vintage Tattoo Vectors Tutorial

Paste that on to your canvas and resize so it’s about half the width of the neck:

Vintage Tattoo Vectors Tutorial

Duplicate the layer a couple of times to create three interlocking circles. You can rotate each one so it’s at a different angle and doesn’t look like an exact replica, and move them so they sit just above the banner. You can use some guides to help get the right alignment:

Vintage Tattoo Vectors Tutorial

We’re now going to go through the steps to replicate for each tattoo:

1. We need to be working with a tattoo on a single layer, so as our design is currently on three layers, we’ll need to merge them into a single one. If you want change the position, do that now (for example, I’ve shifted the design left a bit so it’s more central on the neck).

2. Select the layer and go to Filter > Distort > Displace. You can leave the settings as default, and click ‘ok’.

Vintage Tattoo Vectors Tutorial

This will open up a window where you can select the .psd file you want to use as the displacement map, so that it follows the right shapes and contours.

We’re using the ‘Tattoo Displacement Map.psd’ file we created in step 3, which we saved to our Desktop:

Vintage Tattoo Vectors Tutorial

Select the file and click ‘Ok’ to apply the transformation.

Vintage Tattoo Vectors Tutorial

3. Go to Filter > Blur > Gaussian Blur and set to 1px.

Vintage Tattoo Vectors Tutorial

4. Change the blend mode to Overlay and set the opacity to 80%.

5. Duplicate the layer, then change the blend mode to Soft Light. Reduce the opacity to 20%.

Vintage Tattoo Vectors Tutorial

6. Merge the layers, then change the mode back to overlay.

7. Duplicate the layer and set the blend mode to Normal and reduce the opacity to 50%.

We’ll now adjust the hue/saturation of the ‘Normal’ layer to get our desired colour. The levels will vary for each design, but as long as you select ‘Colorize’ you can adjust the rest of the settings till you’re heart’s content!

We want to make this quite dark, so let’s use the following settings:

Hue/Saturation Settings

Colorize: Selected
Hue: 37
Saturation: 25
Lightness: -100

Vintage Tattoo Vectors Tutorial

It’s a lot of steps, but once you’ve done them a few times it should get a little easier and quicker.

We’ve covered a lot of ground already! This might be a good time to take a quick screen-break, have a little stretch and grab some water, so you come back refreshed and full of ideas :)

Step 6:

Next up, we’re using a couple more designs from the Ghostly Pixels freebie: Sunburst-13-byGhostlyPixels.png and Polygon-02-byGhostlyPixels.png, which you can see below:

Vintage Tattoo Vectors Tutorial

Paste the Sunburst-13.png file on to your canvas, scaling and rotating so that it fits similar to below:

Vintage Tattoo Vectors Tutorial

Use a layer a mask to hide any parts that go over the edge of the body. Do this as required for any of the other designs you use.

Vintage Tattoo Vectors Tutorial

And repeat the following steps from Step 5:

1. As we’re already working on a single layer, we can go straight onto the next step here.

2. Select the layer and go to Filter > Distort > Displace. You can leave the settings as default, and click ‘ok’.

Then, navigate to the Tattoo Displacement Map.psd file we created in step 3. That will apply the transformation.

3. Go to Filter > Blur > Gaussian Blur and set to 1px.

4. Change the blend mode to Overlay and set the opacity to 80%.

5. Duplicate the layer, then change the blend mode to Soft Light. Reduce the opacity to 20%.

6. Merge the layers, then change the mode back to overlay.

7. Duplicate the layer and set the blend mode to Normal and reduce the opacity to 50%.

We’ll now adjust the hue/saturation of the ‘Normal’ layer to get our desired colour. In this case we’ll use the following Hue/Stauration settings:

Hue/Saturation Settings

Colorize: Selected
Hue: 5
Saturation: 100
Lightness: +5

Vintage Tattoo Vectors Tutorial

Are you getting the hang of this now? :)

Paste the Polygon-02.png file on to your canvas. Scale and rotate so it sits within the sunburst design, and apply a layer mask to hide the edges that go over the body.

Vintage Tattoo Vectors Tutorial

Repeat the steps as above until you get to the hue/saturation, where we’ll use the following:

Hue/Saturation Settings

Colorize: Selected
Hue: 195
Saturation: 100
Lightness: +10

Vintage Tattoo Vectors Tutorial

And you should have the start of your tattoos:

Vintage Tattoo Vectors Tutorial

Remember, you can adjust the hue/saturation settings and even the opacity of the ‘Normal’ layer to get the colours you want. You can also transform, duplicate and flip the designs for even more versatility.

Now it’s over to you to explore the vectors and get creative!

Vintage Tattoo Vectors Tutorial

Step 7:

Once you’re happy with your tattoo designs, put them in a group called “Tattoos” to your layers panel easier to navigate.

Adding to the rock ’n’ roll vintage feel, let’s use some of the old anatomy drawings to fill the space either side of the back.

First, navigate to The-Ultimate-Vector-Elements-Collection-1 > Offset > ANATOMY_COLLECTION > EPS FILES > SKELETON.eps

Paste this in to the lower right corner of your canvas:

Vintage Tattoo Vectors Tutorial

Use a layer mask to hide the parts that go over the body. Then, change the blend mode to Color Burn and reduce the opacity to 30% for a subtler effect:

Vintage Tattoo Vectors Tutorial

From the same folder, paste the HEART.eps file in to the lower left corner of you canvas:

Vintage Tattoo Vectors Tutorial

Again, use a layer mask to hide any areas that go over the body. Then change the blend mode to Overlay and opacity to 30% which gives us a nice reddish hue:

Vintage Tattoo Vectors Tutorial

Step 8:

Next up, we’re going to start adding some texture.

Still in the Offset folder, go to VECTOR_TEXTURE_KIT > EPS_FILES > T13.eps

Vintage Tattoo Vectors Tutorial

Paste this on to your canvas, between the “Banner” and “Tattoos” group:

Vintage Tattoo Vectors Tutorial

What we want to do here, is add a bit more depth to the back and use this to create a shading effect.

First, use a layer mask to hide all the areas outside of the back:

Vintage Tattoo Vectors Tutorial

We’re shooting for a slightly subtler effect, so let’s change the blend mode to Soft Light, and reduce the opacity to 35%:

Vintage Tattoo Vectors Tutorial

Step 9:

Now we’ll use another great resource from the Ghostly Pixels freebie that accompanies this tutorial. Open up the folder and paste the following Sunburst-08-byGhostlyPixels.png file on to your canvas, scaling to fit:

Vintage Tattoo Vectors Tutorial
Vintage Tattoo Vectors Tutorial

This helps guide the eye in towards the centre of the design where the important details such as the venue name, and also reflects the shape of the body adding a sense of dynamism and movement.

It’s a bit distracting as it is though, so let’s change the blend mode to Screen and opacity to 55%:

Vintage Tattoo Vectors Tutorial

Step 10:

We’ll now create the banner for the opening times. Navigate to The-Ultimate-Vector-Elements-Collection-1 > Tomodachi > Labels & Decorative and open the labels & decorative.ai file in Illustrator, and grab this banner that’ll fit the space nicely:

Vintage Tattoo Vectors Tutorial

Note: keep this file open, as we’ll be using another design from here in the next step.

Copy and paste the design on to your canvas, scaling and positioning so it sits on the waist. The banner draws our eye in creates a more ‘pinched in’ illusion, which emphasises the sunburst shape of the body.

Vintage Tattoo Vectors Tutorial

This is also a good time to tweak the position of any tattoos in relation to the banner, for better composition.

(You can see in the next image I’ve repositioned the “Design” tattoo on the left and Sunburst/Double polygon design directly underneath)

Change the blend mode to Overlay, then duplicate the layer. Change the duplicate blend mode back to Normal, and reduce the opacity to 85%

Vintage Tattoo Vectors Tutorial

Create a new layer, then set the background colour to #ECDABE. Using the Polygonal Lasso tool and some guides, draw a diamond shape within that echoes the banner, leaving a slight gap in-between:

Vintage Tattoo Vectors Tutorial

Then hit cmnd + delete (alt + delete for Windows) on your keyboard to fill the shape with your background colour:

Vintage Tattoo Vectors Tutorial

We want to create a slightly grainy finish, so change the blend mode to Dissolve and reduce the opacity to 40%:

Vintage Tattoo Vectors Tutorial

Duplicate the layer, changing the blend mode to Screen and Opacity to 45%, which gives us a nicely textured, but still clear base for our text, which we’ll add next.

Vintage Tattoo Vectors Tutorial

Use the Eyedropper tool to copy the colour of the banner, in this case #241F20. This will be the colour of our text.

For the font, a strong, narrow sans-serif would be a recommended choice. Even better if you have something with a stamped, grainy texture! In this example I’ve used one of my favourites – Veneer by Yellow Design Studio (premium)

Set the type to centre justification and type “OPEN 24 HOURS”, resizing as needed to fit the space:

Vintage Tattoo Vectors Tutorial

Step 11:

Now, back to building up those textures!

We’re going to use a not-so-obvious vector resource from the bundle here, which I only stumbled across by happy accident(!)

Navigate to The-Ultimate-Vector-Elements-Collection-2 > Nicky-Laatz > VeryVintageKit > CS5 > logo10-Amarillo.ai and open in Illustrator.

Vintage Tattoo Vectors Tutorial

Go to the layers panel, and select layer 2:

Vintage Tattoo Vectors Tutorial

Whoa! Wasn’t expecting that ;) Let’s copy and paste the selection on to our Photoshop canvas:

Vintage Tattoo Vectors Tutorial
Vintage Tattoo Vectors Tutorial

This gives us a really nice scratchy texture. If needed, use a layer mask to hide any parts that are too noticeable. For instance, there’s quite a large speckle that obscures the ‘P’ in “OPEN”:

Vintage Tattoo Vectors Tutorial
Vintage Tattoo Vectors Tutorial

With that dealt with, let’s move on to the next step….

Step 12:

Going back to the labels & decorative file in Illustrator, zoom in on the following design:

Vintage Tattoo Vectors Tutorial

Replace the text with the word “TATTOO” using the same font as used on the main banner in your design (in this case, Rye):

Vintage Tattoo Vectors Tutorial

Copy and paste this in to the upper left corner of your Photoshop canvas:

Vintage Tattoo Vectors Tutorial

Invert the colour (cmd + I / alt + I) to turn it white, then reduce the opacity to 50%:

Vintage Tattoo Vectors Tutorial

Step 13:

We’ll now add the final bits of text.

Using the same font as you did to write “24 Hours” (in this case, Veneer) write “CALL” followed by a fictional or real phone-number, depending on the poster’s purpose :)

Set the colour to #E8D2B0, which was sampled from a lighter area of the design.

Rotate and scale the type so it fits vertically in the space in the lower left corner (leave a bit of extra room around the edges, as we’ll be adding a slight border later to finish off the design). Reduce the opacity to 80% so the tone matches the overall design:

Vintage Tattoo Vectors Tutorial

It’s coming together now, but the bottom right corner is looking a little empty. Let’s add a bit more text here to balance out the design.

Use the same settings as before and type “Always have your vectors with you” so that it sits on two lines, as a more compact shape fits the space better, rather than one long line.

Adjust the font size so the two lines are the same width (by sheer fluke, the Veneer font fits perfectly) and reduce the line height so the lines are fairly close together.

Vintage Tattoo Vectors Tutorial

The font size should be smaller than the others, as this is secondary information compared to the rest of the text. Feel free to come up with your own slogan here!

Quickly use some guides to make sure the text is evenly positioned both horizontally and vertically:

Vintage Tattoo Vectors Tutorial
Vintage Tattoo Vectors Tutorial

Step 14:

Nearly there! We’re going to add some textures as a finishing touch.

Navigate to The-Ultimate-Vector-Elements-Collection-1 > Offset > VECTOR_TEXTURE_KIT > EPS_FILES > T02.eps and paste on on to your canvas, above the “Banner” group.

Scale to fit and invert the colour:

Vintage Tattoo Vectors Tutorial

Change the blend mode to Soft Light and Opacity to 50%:

Vintage Tattoo Vectors Tutorial

From the Ghostly Pixels freebie, select Scuff-08-byGhostlyPixels.png:

Vintage Tattoo Vectors Tutorial

Paste on to your canvas, positioning it towards the right of the banner so the marks strongest marks are clearly visible:

Vintage Tattoo Vectors Tutorial

Then, set the blend mode to Screen:

Vintage Tattoo Vectors Tutorial

Duplicate the layer, then reposition so that the most prominent scuffs show up on the side of the back:

Vintage Tattoo Vectors Tutorial

Let’s add a darker scuff towards the bottom of the poster. This will balance out the lighter areas, plus reflect the darker areas at the bottom corners of the design.

We’ll use one of the Ghostly Pixel scuffs from the main bundle. Navigate to The-Ultimate-Vector-Elements-Collection-2 > GhostlyPixels > HalftoneScuffs > PNG-Format > Scuff03_byGhostlyPixels.png

Paste this on to your canvas, moving the layer so it’s directly below the “Always have your…” text.

Scale and rotate so it sits similarly to the image below:

Vintage Tattoo Vectors Tutorial

Notice how it brings the darker edges into the design a bit more?

Vintage Tattoo Vectors Tutorial

Finally for this step, we’re going to add a bit more warmth to the image, and tone down the whiter areas.

Navigate to The-Ultimate-Vector-Elements-Collection-1 > Offset > VECTOR_TEXTURE_KIT > EPS_FILES > T21.eps

Paste this on to your canvas, scaling to fit:

Vintage Tattoo Vectors Tutorial

Change the blend mode to Soft Light and bring the Opacity down to 10%

Vintage Tattoo Vectors Tutorial

Step 15:

The final step!

If you’ve not done so already, save your document. Then, going back to the “Background” group, duplicate your ‘old paper’ texture. Here’s a reminder of what it looks like:

Vintage Tattoo Vectors Tutorial

Move this outside of the group and place as the very bottom layer. Go to Save As… and give this document a slightly different name from the original.

Select all the layers apart from the paper texture we’ve just created, and merge them together. You can now see why we wanted to keep a separate, editable version!

What we’re going to do here is add a rough, faded border to frame the image.

From the menu, go to Select > All (cmd + A), then Select > Modify > Border.

In the settings box, type 150 as the pixel width as we want a nice chunky border here:

Vintage Tattoo Vectors Tutorial
Vintage Tattoo Vectors Tutorial

With the selection still active, go to Select > Refine Edges.

In the settings box that appears, change the radius to 25px.

Vintage Tattoo Vectors Tutorial

This means the command will look 25 pixels on either side of the selection to make adjustments that adapt to the image. The different tones in the image will create different contours, which result in a rough edge:

Feel free to experiment with the other settings to get a result you’re happy with, but we can leave it at just the radius for the purpose of this tutorial.

Vintage Tattoo Vectors Tutorial

As you can see, the border becomes a lot rougher.

With the selection still active, activate the main image layer and hit delete:

Vintage Tattoo Vectors Tutorial

As you can see, we’ve now got a subtle faded border.

To give a feel of a bit more wear and tear, we’ll lighten this up a bit. With the selection still active, create a new layer.

Set the background colour to #CEA471 and with the new layer activated, hit (cmnd + delete / alt + delete) to fill:

Vintage Tattoo Vectors Tutorial

Finish off by reducing the Opacity to 20%

Vintage Tattoo Vectors Tutorial

And we’re done!

Phew! Thanks so much for sticking with this and I really hope you enjoyed getting creative with your new vectors and hopefully learning some useful tricks.

Is anyone considering getting some permanent vector work? I’m certainly tempted! ;)

If you’ve got any comments or questions, do leave them below and I’ll keep an eye out. Also, feel free to get in touch @rockportraits

Remember to share your designs on the Design Cuts Facebook page as we’d love to see what you do with this :)

Hopefully this tutorial showed you just some of the possibilities using our current vector bundle. The main bundle includes thousands of best-selling vector elements, and for this week only is available for 91% off! Grab it below, while you still can:

The Ultimate Creative Vector Elements Collection – 91% Off

Vintage Tattoo Vectors Tutorial

Enjoy this tutorial? You’ll love this week’s deal:

The Ultimate Creative Vector Elements Collection Just $29

  • This collection includes thousands of best-selling, creative vector elements.
  • Files come in .eps, .ai, .psd, .png formats (see items descriptions for further details).
  • These vectors are compatible with software such as Illustrator, but also work with raster software such as Photoshop and Photoshop Elements.
  • Many packs include extras, as well as alternate strokes, colouring options, styles etc...
  • Vectors are organised into carefully labelled folders, and a .pdf guide is included to make browsing them easier for you.
  • The majority of items in this collection have been drawn from hand, giving you work an authentic creative feel.

Deal terms:

  • Deal includes extended licensing. You can use these vectors within commercial projects and items for resale.
  • Files delivered as instant .zip download following purchase (approx 1.1gb)
  • Reg price: $323
  • Deal price: $29
  • Save: 91%

Deal Expired ($29)

Average Rating: Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

158 Comments & Reviews

  1. OH MY!!! You’ve done it again!

    I’m a sucker for flourishes and swirls, AND ~to much to mention ALL “INCLUDED” in this ONE package!

  2. Haydn Dalton says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    I really couldn’t buy this deal quick enough!

    Now, to spend endless hours messing with them.

  3. Do you hate my wallet? Because I’m beginning to think that you hate my wallet.

  4. Emily says:

    Awesome! This buddle is massive! Time to party…..

    • Tina Muller says:

      Yeah, get the champagne glasses out, or maybe rather the Photoshop drawing tablet? :) I hope you enjoy the new bundle.

  5. Andy says:

    Great package can we use these to create book covers and then sell them to numerous customers. These will have some of the above design elements included to them with the psd files.

    • Andy:

      Yes you can use them on book covers.

      Here is the EXACT TOS for use (directly from the page above)

      — Terms of Use —
      This deal includes extended licensing. This means that as well as using these vectors within personal and commercial projects, you can also use them in designs/products that you resell. This could be anything from a poster print to a web banner.

      The ONLY restriction is that you can’t resell these vectors directly, or within files where they can be extracted in their original form, but of course, you already knew that!
      — End Terms of Use —

      Hope this helps,

      Roz Fruchtman (Design Cuts MEMBER – NOT Employee)

      • Tina Muller says:

        Thanks so much for helping Andy, Roz! This is so very kind of you! :)

        • Roz Fruchtman says:

          My pleasure Tina!

          I LOVE DesignCuts.com and I was here anyway…

          The thing about TOS is a never ending question as we all have to be careful how we use things and so many places have wonderful deals but the TOS make them NOT SO wonderful and Deal Breakers – depending on one’s needs!

          I have NEVER seen anyplace have as Super Delicious Deals (for the Creative Spirits) ANYPLACE in ALL MY TIME on the web! DesignCuts.com Deals are ALWAYS so TARGETED because they are THEME oriented!

          Roz Fruchtman

          • Tina Muller says:

            Ah you make me blush and whatnot. And I think I speak for the whole team when I say that. :)

            It’s really great to be working with all these crazy talented people and community members, of course.

            Again, thanks so much for all your help.

    • Tina Muller says:

      Absolutely, Andy. All our bundles come with extended commercial license, which means that as long as the elements are used within a design and not sold in a way that each element could be re-used by the customer, you’re good to go.

  6. Anna-Emilia says:

    Once again, you just had to do this now?!?!? I want this (not necessarily need it, but want it :) and once again I just swore I’m not taking the next deal but once again I need to break that promise. :/

    • Tina Muller says:

      Thank you so much for the kind words, Anna-Emilia! I really hope you’ll have lots of fun with the new vector bundle. And sorry you broke you promise again.

  7. Laura Pol says:

    *Jaw dropping… I’m speechless. This is exactly everything I could have asked for. Thank you, Design Cuts. I love you.

    • Tina Muller says:

      Thank you so much, Laura! (blushing) It’s so great to hear you’re loving the new vector bundle. Please feel free to send us some of the new designs. :)

  8. Deirdre Saoirse Moen says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    ::tears up last night’s business card design::

    Well, it’s a good thing that hadn’t gone to press yet.

    • Tina Muller says:

      Haha I suppose you’re redesigning them again with some of the vectors? I’d love to see the end result of the cards. :)

  9. Rebecca says:

    Another fabulous deal! Well done Design Cuts!!!

  10. Hannah Shin says:

    thanks for such an awesome deal! Can’t seem to open up the 2nd zip folder :/ I’ve emailed you about it–thank you!

  11. Jan says:

    WOW. I kept scrolling and scrolling, and it seemed like I would never reach the bottom. This deal is amazing!

    • Tina Muller says:

      Thanks so much for the kind words, Jan! It really is a great bundle. I hope you’ll enjoy it. :)

  12. Alvin Henson says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    Excellent deal as usual!

  13. Liv Esteban says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    Pretty soon every designcuts deal will be synonymous to “It’s a total must.” (Must have, must buy, must be crazy not to grab it) ;) Thanks for being the BEST always, Tom & Co.!

  14. Susanne Sachers says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    I did not yet unpack this awesome deal, but want to tell you how amazingly exited I am again! Thanks again for this wonderful collection! Always feels like having birthday :)

    • Tina Muller says:

      Thanks so much, Susanne! Nothing better than a birthday. We could just play it like Alice in Wonderland and the mad hatter. ;)

  15. Andy Eaton says:

    Thanks for the terms. So I can not create 10 header designs and pass on the psd files so if I sell 10 headers to 10 people I will have 10 different customers using the psd files which means they will have some of the vectors inside each psd file. Does that make sense. Thanks

    • Tina Muller says:

      No worries Andy, we always try to make the terms as clear as possible. You’re right about the usage in that particular case. The specific terms are ‘you may not redistribute the files directly, or within files whereby they can be extracted in their original form’. If the header template was flattened as a .jpg that would be fine, but if it’s a layered .psd, where the vectors are extractable in their original format, then that wouldn’t be allowed. Of course you could also flatten the background element, containing the vectors, and leave a text/logo area editable for your clients. I hope this helps, and if you have any other questions, or need this clarifying, please don’t hesitate to let me know.

  16. Louis Hazard says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    Tina,

    Tell the guys that someone needs to update the image at the bottom of the deal. Nothing wrong with looking at their mugs, but it would be nice to see yours there as well!

    Another wonderful deal. My only complaint is that I now have to wait for almost 2 weeks for the next deal. My budget, on the other hand, is thankful for the very same reason.

    • Tina Muller says:

      Haha I’ll get Tom right on it. Although, I might just take my Crayola pens and make a little squiggle of me at the bottom of the page. Or would that not work??? :p

  17. Roz Fruchtman says:

    I just got mine so didn’t dive in yet.

    It would be helpful if there were brief instructions on how to use in Photoshop and Illustrator. I’m assuming if they are vector they are Illustrators files? Are they? (if not, shows you how much I know about Vectors besides you can resize them easily without losing quality!)

    Roz Fruchtman

    • Beth Rufener says:
      Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

      Hi Roz! Vector is scalable content – you’re right. And it usually refers to content editable in Illustrator (or another vector graphics app like inkscape). I can speak for the Banner Shoppe (which is my contribution to this particular deal) in that it also has files that are compatible with Photoshop, namely shapes files (.CSH) and a Photoshop document (.PSD). These are also vectors (except in Photoshop) in that they’re scalable paths.

      I hope you (and everyone else!) enjoy this bundle – this is a terrific deal. :)

      • Matt Slightam says:

        You can also drop vector illustrations (ai, eps, pdf) into Photoshop – and it will ‘Rasterize’ them – that is convert the line drawn format into pixel format. You’ll lose the ability to edit the vector, and it will be subject to resolution (the great thing about vector is you can scale them to any resolution, without loss of quality as they are scalable line based rather than pixel based) – but you’ll be able to then play with it in that format :) I’d urge any designer who hasn’t tried designing in a vector package such as Illustrator to give it a go – it’ll provide a whole new dimension to your design work :D

        • Tina Muller says:

          It looks like I can just sit back and let everyone else do my work for me. :D Thanks everyone for all your help and support!

          • Hi Tina:

            It’s wonderful when we can help each other as well!

            I just reminded my community that the deal is going to expire soon!

            Enjoy your day,

            Roz Fruchtman

            • Tina Muller says:

              Yeah definitely. It’s a proper little community, isn’t it. :) Thank you so much for all your support, Roz!

        • I agree Matt about Illustrator.

          I bought Illustrator CS6 and finished paying it off the end of last year. I can’t wait to really learn it. I can muddle through, but I don’t really know what I am doing in it ~YET!

          I apologize for taking so long to respond! :(

          Have a great day,

          Roz Fruchtman

      • Tina Muller says:

        Thanks so much for you help with this! Very much appreciated. :)

      • Thank You Beth! I have Illustrator, but have not learned how to use it yet, but I can figure out enough to muddle through when I know what I’m supposed to be doing! ;)

        THANK YOU for your contribution to the package and to responding to my question. I apologize for the delay in response!

        Also, thank you for including the shapes file for Photoshop!

        Roz Fruchtman

  18. Donnell Gray says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    Holy moly, how have I not seen this site before!? This stuff is fantastic!!

    • Tina Muller says:

      haha Thanks so much, and welcome to the community. :) I really hope you’ll enjoy our little group and the site.

  19. Adam Binder says:

    Some really nice stuff here

  20. Craig@design-kink.com Brown says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    This deal is HUGE. I am delighted with all the graphic elements, I will never need to scour the net for another banner or ribbon of my designs as this collection has every banner or ribbon I could ever conceive of needing. I feel like a kid that inherited the candy store.

    • Tina Muller says:

      Thank you so much, Craig! I’m so pleased to hear you’re loving this bundle. It really is awesome. A kid inheriting a candy store – I guess that’s a step up from just being a kid in a candy store. ;)
      If you create anything with the our resources, please do send us some of your designs. I’d love to see what you’re working on. :)

  21. Stephanie Storm says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    I wish I had had this a couple of days ago! Hunted for hours for similar items for a project and still wasn’t 100% happy with what I got. This is an AMAZING collection and it’s such a deal! Thanks so much!

  22. This is HUGE! Never seen such deal ever before; I would love recommending it to those who are in need, awesome deal! :-) Good luck with your sale. ;-)

    • Tina Muller says:

      Thanks so much Irfan! Great to hear you’re loving our new vector bundle. I hope you have loads of fun with them. :) If you create something using them we’d love to see.

  23. Anushka Mourino says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    First of all, great bundle as usual.
    Also, could someone please tell me the name of the font used in the ribbon “Dress up the Banners”?
    I guess it’s not included in the pack, right?

    • Tina Muller says:

      Hey Anushka,
      Thanks so much for the kind words!
      With regards to the font, I’ll drop you an email now. :)

    • Beth says:

      The name of the font is “Charcuterie Block” part of Laura Worthington’s famous “Charcuterie” super family. It’s not included in the pack, but it’s a worthwhile investment. :)

      • Tina Muller says:

        Thanks so much for the response, Beth!

        Anushka, you can find the font on Creative Market here: https://creativemarket.com/L_Worthington/10664-Charcuterie-Collection

      • Anushka Mourino says:

        Thanks for the info!

      • Rachel Binford says:

        Definitely a worthwhile investment. I had the privilege of having Laura as a typography instructor while I was in school. She does workshops now rather than her previous teaching position (as well as creating gorgeous fonts, of course!), but she is really wonderful. Just extremely talented and so much fun to watch. She makes her typefaces from her own hand lettering and calligraphy. Adorn is her new font, similar to Charcuterie in function, but with even more styles.

        • Tina Muller says:

          Thanks you very much, Rachel! Laura really does an amazing job with her fonts, and it;s great to be working with her. :)

  24. Mindy Sommers says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    A big shout out to Tom and the gang at Design Cuts for making my design time more joyous, inspiring and less tedious by offering their awesome, quality resource bundles.

    • Tina Muller says:

      Thank you so much, Mindy. It’s great to hear you’re really enjoying the new vectors. Please do send us some of your new designs with your new resources. :)

  25. steve says:

    Are you able to provide a list of the fonts used?

  26. Emilia V. says:

    When you sent the weekly email with the new deals, I was… I’m not taking a look at this, not now, but after a couple of emails I -unwisely-decide to take a look at the deal… I shouldn’t have… I feel compelled to buy this, this is amazing!!! Now, please stop it with the great deals of amazing graphic and fonts or I’m going to have to declare bankruptcy… I love you guys and your fine sweet deals!

  27. Warren B. says:

    Hey, can I also get info on the fonts used here? They’re great!

  28. Just dying to know what the next big deal is! Can’t wait!

    Roz Fruchtman

  29. It’s interesting, since I’ve become acquainted with DesignCuts, I am noticing I have become more observant of the items offered here being used in many high-end designs and advertisements. NOW WE can do them too… thanks to DesignCuts!

    Roz Fruchtman

    • Tina Muller says:

      Haha I do the same. I keep noticing fonts everywhere, or I look at the sky and think ‘Wow that would make a great texture’

  30. Su Hall says:

    This deal is awesome! I like that you folks are offering a broader selection than most deals. Scrapbookers are becoming interested, as well as, web designers, photographers, photo-manipulators and digi-artists. There is always something for everybody!
    Just have to decide which ones I can’t live without and which I can. It’s HARD! LOL
    Thanks for all the hard work ya’ll do to bring this kind of deal!

    Su

    • Tina Muller says:

      Thank you so much, Su! We’ve noticed as well that there is a real mix of artists and people in the community for all sorts of artistic backgrounds. It’s really great to watch the community grow. :)

  31. Nina says:

    Oh no I missed the deal because I got busy at work. :( Why didn’t I buy this the other day?!?!

  32. Alyssa says:

    I am so bummed I missed this! I literally shared this deal with a friend yesterday and didn’t realize it was going to expire so soon!

  33. Venus says:

    Am i too late?????? Oh nooooo

  34. Jakob says:

    OOH NO, I MISSED IT :( Forgot the date ://

  35. Mark says:

    Hi Tina – I understand the marketing behind *get them while they last*, but for those of us who may stumble upon an old link or article (or email) and would like to purchase past deals, couldn’t you just bump the price up $10 and give us a stern talking-to for not paying attention? ;)

    Thank you.

    • Tina Muller says:

      Hey Mark, As much as we’d love to do that it’s actually not that simple. Each bundle involves working with several different designers who provide the content of the collections. Two weeks after the end of each deal we have to be sure to pay them for their contribution and hard work they put into the bundle. So keeping the deal alive for ever would make tracking the sales an who earned what incredibly complex, and probably not so lucrative to the designers. The simpler we keep the contributor’s process the easier it is for us to find you guys the best resources out there. Also offering a permanent discount would undermine the value of the elements, as they are available on full price from different websites. I hope you understand. I can assure you this is not a marketing tactic, but literally the only way we can negotiate such vast discounts for you guys.

  36. Jaclyn says:

    I see I’m way late on this one… bummer! Great set! Hope to see it available again in the future.

  37. Tammi Johnson says:

    Am I too late??!! I really want this bundle! Just opened the email!

  38. Sara says:

    Deal expired! Is there anywhere else I can buy this from?!

  39. Jen says:

    I just found this and am in love but I missed it :( Any chance it will be available again?

  40. Matthew says:

    OH NO!!! I missed this! Will this be available again?

  41. Diana says:

    cant believe i´ve missed it :(

    is there any chance it will be available again?

  42. Ak says:

    I missed the deal!! :( Maybe they will have it again someday.

  43. Lau Monello says:

    :’/ I see this deal too late. I missed this!

  44. Corey says:

    WOW! that is a h@ll of a deal. Wish I was would have been quicker.

  45. Ruby says:

    Is this super deal still available? Thank you!

  46. joe clarke says:

    Cant believe I’ve missed this! Will it be on again?

  47. Deal expired, is there anyway i can still purchase? I saw you emailed a few people about this…

  48. Nicola says:

    I just saw this amazing deal!! Am I too late? Thanks!

  49. Meka says:

    I just discovered Design Cuts and this amazing set of resources! Will the set be offered again soon?

    • Tina Muller says:

      Hey Meka, I’m afraid this deal is now well and truly finished, but we do sometimes re-run an older deal as a bonus to a new one. As this bundle is new and has not been re-run yet, it is very likely to come back some time soon. I’ll be sure to drop you an email when this is live again.

  50. Andreas Reitzle says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    Damn i missed it. Is there a way to purchase this collection any time soon?

    • Tina Muller says:

      Hey Andreas,

      I’m afraid this deal is now well and truly finished, but we are looking to bring this back as a bonus re-run to a future new lead within the next couple months. I’ll drop you and email when the vector deal is live again.

  51. Holly West says:

    Hi! I read the comments, I see the deal is done. Here is another official request to please re-run this!

    If you build it (ahem bring it back)… they will buy ;)

    • Tina Muller says:

      We’ll definitely re-run this deal again, in the near future. I’ll be sure to email you as soon as this is live again.

  52. shex says:

    Hello. I’m going with whom is asking to bring this offer back :)
    How I’m going to know when this package will be available again?
    Thank you.

    mat

    • Tina Muller says:

      Hey Mat, This bundle is well and truly finished at the moment. However we are looking to re-run it in mid late July. I’ll be sure to drop you an email as soon as this is live again. Also in order to not miss any of our new deals you can sign up to our free newsletter here: http://www.designcuts.com/

  53. sabrina sane says:

    I would love an email, too, since somehow I missed it. Looks great! Thanks!

    • Tina Muller says:

      No problem Sabrina. I’ll be sure to get in touch when the vector bundle is love again, which should be in mid/ late July.

  54. Sergey says:

    Hi Tina! Looks really amazing! I would like to get a email from you too) and want to buy it.

    • Tina Muller says:

      I’m afraid this deal is now well and truly finished, Sergey, so I won’t be able to set you up with this bundle, at the moment. However I know that we’re planning another vector bundle, and will also re-run the Ultimate Creative Vector Collection. I’ll be sure to send you an email as soon as this bundle is live again.

  55. Dan Ashlin says:

    Gha! Can’t believe I missed this one!

    • Tina Muller says:

      Hey Dan, We’re actually re-running this deal with our next vector bundle, which is coming out next Tuesday. I’ll be sure to drop you an email, one this is live again.

      • Monica says:

        I would love to know when this bundle is available as well. :)

        • Tina Muller says:

          Hey Monica, this bundle will actually be available again later on today, as we launch our next vector bundle. I’ll drop you an email when you can grab it again.

  56. joshua says:

    Hello. It’s really up to the bundle. Is there any way that I can buy? pleas
    ㅜㅜ

  57. Ulisses Morales says:
    Excellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 starsExcellent - 5 stars

    awwghh! sad loved this one! please let me know when available.

    • Tina Muller says:

      Hey Ulisses, No worries at all. I’ll be sure to drop you an email as soon as the Ultimate Vector Elements Bundle is available again.

  58. Christina says:

    I’m so sad I missed out on this! If it ever becomes available again, please let me know!

  59. Alli says:

    Hi Tina

    This has expired but I MUST HAVE IT! Do you think it will go on sale again anytime soon? It’s literally FANTASTIC!

    A.

  60. Iva says:

    OMG! I can’t believe I’ve missed this deal! Is it going to be available again? I am so gutted! :(((

    • Tina Muller says:

      I’m afraid this deal is now well and truly finished, so I won’t be able to set you up with this just now. However we do sometimes re-run older deals as a bonus to a new one. I’ll be suer to email you as soon as this bundle is live and available again.

      In order to not miss out on any of our future deals, you can sign up to our free newsletter: http://www.designcuts.com/

  61. Siva Sundaram says:

    WELP. I just found OUT about design cuts today x_x. Please lemme know this will run again sometime? Already purchased the current live deal :D <3.

    • Tina Muller says:

      Welcome to the community, Siva. I think I emailed you about this earlier. I’m afraid the Ultimate Creative Vector Elements Collection is well and truly finished now, but I’ll be sure to drop you an email if and when it is available again.

  62. Leann Warren says:

    Call me crazy but I can’t seem to find this in the Kelly Jane Creative / Vector Floral & Laurel Wreath Design folder:

    … Also includes one chalkboard web tile for the perfect seamless chalkboard background on your blog or website.

    There are png files using a chalkboard graphic but I don’t see a seamless chalkboard tile anywhere.

    Thanks!

    • Tina Muller says:

      Hey Leann,

      I’m so sorry, but it seems like the seamless chalkboard texture seems to be missing. I’ll just email you about this, so we can get this sorted for you, and update the bundle.

  63. Oscar Monsanto says:

    Designcuts, my new homepage. Please i would like this deal!

    • Tina Muller says:

      I’m so sorry, but this deal is now well and truly finished, so I won’t be able to set this up for you. I will however make sure to email you as soon as it is available again.

  64. jennifer glantz says:

    Can I get the name of the fonts used in the sample for the The Rustica Vector Pack (the ones in the bear). They look familiar but I can’t seem to figure it out!
    Thanks!

    • Tina Muller says:

      Hey Jennifer,

      I just emailed you and the designer about this, so we can find out what font has been used for this vector preview.

  65. Daniela Ebel says:

    How could I miss this?

  66. Djuan says:

    will this ever be open again? or could i buy the individual packages anywhere or anything?

    • Tina Muller says:

      I can’t tell you with 100% certainty if this bundle will go live again, as we’ve already re-run this a couple of time. But I’ll be sure to email you if and when we offer this again.

      If you’d prefer to purchase parts of it separately at full price, then that’s possible as well of course. If you could let me know the sets you’re interested in, I’ll get you the Creative Market links for them

  67. Trista says:

    Hi there,
    Would you be able to email me if you run this bundle again? I just found this randomly and am very interested :)
    thankyou!

    • Tina Muller says:

      I can certainly do that Trista. I can’t exactly say if and when this will be available again, but as soon as it is, I will let you know.

Leave a comment