3 Vital Resources for Beginner Graphic Designers

Graphic Design, like many other hobbies and professions, has become more accessible to learn due to the vast amount of help and knowledge on the internet. There are thousands of YouTube tutorials for Photoshop or Illustrator as well as online classes and articles that could get you started. Within days, you’ll be on your way to creating awesome designs and logos.

The problem you may run into is an overwhelming amount of resources trying to guide you in every which way. With so many options to choose from, and so many different styles to sort through, it may be difficult and time consuming. Here are some resources that can be vital for beginner (or any) graphic artists:

Canva.com

Canva is a great resource for designers who do not have access to programs such as Adobe Photoshop or Illustrator. While it may not be as feature-rich as these programs, it is user-friendly and will get the job done for most basic design jobs. The program allows you to upload photos, browse through a large selection of stock photos and patterns, and use cool pre-loaded fonts.

What may be the best part about Canva – besides the fact that it’s free – is it’s compatibility with print design. Most online design programs lack this feature, but Canva allows you to design custom page sizes so that there are no issues in enlarging for print. This way no quality is lost when printing full size.

Another print-specific feature is the ability to export files with crops and bleeds. This is required by nearly all printers, and can be a pain to fix if it is not set up right. With Canva, you will end up with a High Quality PDF that is ready for print.
Coolors.co

This super simple color palette generator quickly identifies colors that work well together. This is great for getting some inspirations for design based on a few complimentary colors.

This tool gives you the option to select colors by Hex value, CMYK, RGB, PMS or Copic Value. You can then lock one or more colors and produce an array of colors based on that locked value. It even gives you the option to change the hue, saturation and brightness of your colors, making the tool super flexible.
freeforcommercialuse.net

Sometimes, it doesn’t make sense for you to go out and take photos for a design you are working on. With the vast amount of images that are on the web, it is usually easier to just put in a search of what you’re looking for, and find it that way. There are two minor problems with this, however. First, a lot of photos have licensing restrictions on them, so you cannot use them without giving proper attribution. Second, because there are so many photos to choose from, it may be hard to sort through all of them to find a high quality and relevant photo.

Freeforcommercialuse.net is a directory linking to some of the best stock photos available. Almost all are free for commercial use without attribution. Some of the sites allow you to search for specific topics while others curate daily collections of beautiful photos. Whatever you are looking for, this is a good starting point for designers looking for high quality photos.

Designing for Print

There are many things to keep in mind when designing materials for print that differ from simple web-based graphic design. Using CMYK color schemes, designing with crops and bleeds, and exporting your files the right way are all vital steps needed to get your piece on the press in a timely matter. Visit our info center to learn more about designing for print, or leave a comment below with any questions you may have!

Typography: Kerning, Leading and Tracking

Kerning and Leading are ways to manipulate the spacing between characters. Spatial manipulation in type can be a very important tool. Some fonts need to have individual characters adjusted to help create better readability and a more aesthetically pleasing layout. Changes to kerning and leading often go unnoticed, but in most situations that is what the designer will only want a subtle change that fixes readability.

Leading

Leading is the spacing between the baselines of type. The term leading is derived from the practice of placing lead strips between lines type on older hand set printing presses such as a letterpress. Adjusting the leading is also a very useful way of saving or using space on a page. Leading can also be used to change the aesthetics when dealing with a typographical design.

Kerning

Kerning is the spacing in between individual characters. Most fonts will have specific default kerning for individual character sets so that the spacing in between the letters in words feels more natural. The image below has a sentence with and without custom kerning applied in 5 different spots to show how subtle the change is. Most of the time, people will not realize that kerning was included to change the type of the design.

Tracking

Another adjustment to type that hasn’t been mentioned is Tracking. Tracking is very similar to kerning in that it is the spacing between individual characters, but tracking is the space between groups of letters rather than individual letters. Tracking affects the overall character density of the copy. Other than the actual effect that it could have on readability of type, tracking would be used to make lines of type even. Tracking will help to eliminate widows and orphans in paragraphs. Widows are when the final line of a paragraph begins a new column or page. Orphans are when paragraphs end in single words, part of words or a short phrase that seems out of place.

Kerning and Leading are important in typography and should not be ignored. It is the finishing touch on the type that makes everything read and flow properly. The design is not really complete until kerning and leading have been considered, but that doesn’t mean that they are always necessary. It shouldn’t be forced upon a design, but it should look natural.

Which do you find yourself adjusting the most when creating typography – Kerning, Leading, Tracking or all of them?

The Earth Day Design Inspiration Collection

April is an inspiring month full of colors and new beginnings. A month to celebrate All Fools day, Arbor day and Earth Day as well as a variety of holidays held by many different religions.

It is the month where small animals that hibernate through the winter break out of their slumber, bees and butterflies begin collecting the first drops of nectar made available by early-season flowers and the birds embark on their Northbound journey to settle and mate.

As a tribute to our Earth and the trees that provide us with Oxygen to breathe, remove Carbon Dioxide from the air and give us paper to print and archive beautiful art and genius design with:

Please enjoy this collection of Earth Day art and graphics from talented designers and artists:

How do you celebrate Earth Day?

Please comment below…

The Ultimate Marketing Piece – Eye Popping Media Kits

What Your Marketing Mix Is Missing

When promoting a new product, service, music album, a band, a company, a brand, creating a media kit is essential to a successful marketing and/or branding campaign.

A media kit is an informative resource like no other since it can include so many different types of media, all packaged into one convenient place we like to call Presentation Folders.

Pockets and Slits, Media Kits!

Presentation folders are incredibly versatile because of the fact that they can hold so many types of media with simple pockets and slits made into the paper. Presentation folders can hold marketing materials such as:

Business cards
Brochures
CDs
DVDs
Labels
Letterhead
Magnet cards
Mousepads
Notepads
Postcards
Sell sheets
Stickers

If it is not too bulky and it will help promote your service or product it should go in your media kit presentation folder.

A Customized Presentation

Presentation folders come in many varieties to fit the purpose and can be completely customizable. Here are a few samples of standard “extras” that can help you create the perfect media kit:

Standard Business Card Slits

Horizontal Bus. Card Slits

Vertical or Horizontal

Optional Business Card Slits

Optional Horizontal Slits

Vertical or Horizontal

Horizontal with Four Slits

CD/DVD Slits

Presentation Folder with CD/DVD Slit

Expanded Box Pockets

Presentation Folder with Expanded Box Pockets

Expanded Spine

Presentation Folder with Expanded Spine

Tri-Panel Folders

Tri-Panel Presentation Folder

These are only a few of the most common features found in Presentation folders for Media kits. Customize them with your own ideas to fit that marketing materials and their purposes. Feel free to contact Marsid M&M if you have questions or to request a quote.

For your Design Inspiration, here are some of the best Presentation Folders and Media Kits made by awesome designers:

[Disclaimer: The folders in this post were not printed by mmprint.com, they are used for demonstration and inspirational purposes only]

(click on the image to view the original source)

What kind of Funky Items have you put into your

Folders and Media kits?

Please leave your comments below.

Magical Graphic Design: Houdini

Harry Houdini once said:

“My brain is the key that sets my mind free.”

As designers, the key is to keep the creativity fresh and inspired. Thinking outside of the box and out of the ordinary.

Harry Houdini was a creative innovator. His public acclamation came from showing people what they had never seen before, making that which was thought impossible seem possible. Although, for him it was a daily routine. He said it best:

“My professional life has been a constant record of disillusion, and many things that seem wonderful to most men are the every-day commonplaces of my business.”

Yet his inspiration is suggestive of the inspiration that drives a graphic designer to keep designing whether for profit or not: To go beyond the norm and create or build fantasy where none is found.

Here are some fascinating designs inspired by or dedicated to Harry Houdini:

The Great Houdini

Houdini Records

Harry Houdini by Derkert

Houdini by Google

The Handcuff King

Magic by Cruenta

A Kind of Magic by ReptileCynrik

Have any Magical Design Tricks to Share? Please do so in the Comments Below

Easy Photoshop Color Splash Tutorial for Photos and Images

Color Splash Photos with Photoshop

Photoshop Color splash is a method for emphasizing areas or objects inside of black and white photographs, with color. Very popular with wedding pictures and vintage photography, color splashing gives images an extra dimension of beauty: Color can be used creatively to change the perception of the image.

Step 1: Duplicate the Layer

Photoshop has several different ways to duplicate layers. The one in the image is probably the easiest:

Right-click on the layer and click “Duplicate Layer…”. This will make a duplicate layer above the original.

As you become more familiar with Photoshop you will find that keyboard shortcuts make certain actions faster to do than going through the menus and right clicking. With some practice it becomes a reflex such as typing; you know what keys to press without even thinking about it.

Duplicate Layer Keyboard Shortcut: CTRL + J (PC) or Command +J (Mac)

Step 2: Desaturate the New Layer

Desaturation is a different process in comparison to converting an image to grayscale or a black and white yet renders the same visual effect. Desaturation occurs by pushing the CMYK values of the image towards their respective grey tone.

Photoshop automates this function for us using the Desaturate Adjustment

The two easiest ways to Desaturate a layer are as follows:

*Make sure you have the new layer selected in the Layers palette.

Click: Image>Adjustments>Desaturate.

Desaturate Layer Keyboard Shortcut:

Press Shift + CTRL + U (PC)
OR Shift + Command + U (Mac)

At this point you should see a black and white photo like this:

Step 3: Adding Color with the History Brush

The History Brush Tool can be used to restore color and other attributes to an image from an earlier state in its history.

Once we desaturate the image, the original color becomes part of that image’s history. By using the History Brush Tool we can then selectively restore parts of the desaturated image to its original color version. In short, we are erasing the desaturation back to color except only where we want the color to appear.

Select the History Brush Tool by clicking on it in the tools palette.

*Make sure your new desaturated layer is selected in the layers palette.

History Brush Tool Keyboard Shortcut: Press the letter Y (Mac or PC)

Begin by setting the brush size to 200px and 0% Hardness.
This gives us a large brush size to work with and the 0% hardness creates a faded finish around the edges of the brush so that we do not end up with a hard edge:

Now you can begin coloring in the parts that you would like to have color. Adjust your brush size accordingly to get into those tight spaces and remember that you can zoom in to make sure you add nice clean details to your image.

Brush Size Keyboard Shortcut:

Increase Size = [ (Mac or PC)
Decrease Size = ] (Mac or PC)

Take a look at the Color Splash I did in Photoshop for this tutorial, it took me less than 10 minutes:

Experimenting with the history brush and different brush shapes for that matter can result in some unique and/or abstract photo manipulations.

Show us your skills! Tell us about your color splash project below..

Valentine’s Day Design Inspiration and Free Downloads

Valentine’s Day is here and you know some graphic designers out there are scrambling to complete – or start! – their Valentine’s Day design projects. Whether it’s for a company promotional project or simply to impress your Valentine with your awesome romantic design skills, everyone needs a breath of inspiration sometimes.

I present to you an inspirational collection of Valentine’s Day art to give your designs a little Heart & Passion:

Valentine’s Heart Brushes

Hearts Brushes by Hawksmont [Photoshop] – Commercial use: yes

Love Icon Brushes [Photoshop] – Commercial use: yes

Heart Brush Set by Robert Redwood [Photoshop] – Commercial use: yes

Balloon Heart Brushes by Daniel Jordanov – [Photoshop] – Commercial use: yes

Valentine’s Vector Downloads

HQ Heart Illustration [.eps] – Commercial use: yes

Floral Heart by VectorCity [.eps] – Commercial use: yes

Glossy Hearts by OpenGraphicDesign [.eps] – Commercial use: yes

Will you or did you create your own Valentine’s Day Greeting cards this year?

Please leave your comments below…

A Colorful Guide to Understanding Color

– Vision gives us the ability to see color, but how many of us can truly explain or describe what color is or where it comes from?

This quick guide gives you a brief understanding of color, how it works, its application and how it affects your design and printing outcome.

Q. What is the definition of a color?

A. Color is the sensation produced in response to selective absorption of wavelengths from visible light. It possesses the attributes of Brightness, Colorfulness and Hue. – www.Color.org

Light is emitted by a source such as the Sun or a light bulb. Only the colors that cannot be absorbed by an object are reflected. When the light is reflected into our eyes by the object, color is the result of receptors in the eye reacting to the specific wavelength of light.

So basically, the surface properties of the object actually reflect the colors that it does not absorb. The object itself does not emit the color.

Color Application

Color plays an extremely big roll in design. For those not already aware, color is a tool that goes beyond aesthetics and delves into the subconscious; besides our visual response, we also have an emotional response to color.

If you have a black muscle car that has 550hp under the hood and one day you decide to paint the whole thing purple, do you think the perception of the car – even though it still pushes 550hp – will remain the same? Would the viewer be more interested in the color of the car than the seconds it takes to get down the quarter-mile? With color you can control perception.

Our emotions also change the perception of an object based on its color. Our age, experiences with certain colors and other triggers all affect the perception of a color at the time of viewing.

Color Communication

Color is defined by various properties and for the sake of communication, it has been given a name or number. Pink is a variation of red but it is distinctively a color in itself so a name was given to it. But how do we communicate the darkness or lightness of that pink? So can a yellow be referred to as Lemon Yellow or Canary Yellow, but to replicate it there must be a standard.

A system for coding color hues was developed in the 1900’s although today we have standards such as the Pantone Matching System® (PMS) which is widely used in the print and design industry and is the default matching system for popular graphic design software like Adobe® Photoshop, Illustrator and InDesign. With Pantone, a designer can designate a specific PMS color in his artwork and the printer all the way on the other side of the world can replicate the color exactly as the designer expected it to be via a Pantone swatch.

Color Vocabulary

Here you can find the definition of the most important properties of color. These will help you manipulate color and communicate efficiently.

Hue: a gradation or variety of a color. – dictionary.com

Chroma: the purity of a hue at its furthest from gray.

Saturation: the purity of a hue at is furthest from white.

Intensity: the strength or sharpness of a hue

Luminance: the amount of light reflected by the hue

Shade: a hue created by adding black

Tint: a hue created by adding white

Color Models

Color output is affected by the media it is applied to or displayed through. For web and print purposes I will only mention the Additive and Subtractive color models.

Additive: The colors that you see now on your monitor are created by adding white (light) to black. As more color is added to the black screen, the closer it is to white. Red, Green and Blue (RGB) are the additive primary colors and combined together produce 100% white. The RGB model is used for web graphics.

Subtractive: This color model is typically used for printing. By applying ink, the amount of white from the paper is reduced or subtracted. Cyan, Magenta and Yellow are the subtractive color primaries. Combining these three colors produces a muddy brownish black. To achieve a better blacks and to save ink, black (K) was added to the mix. The CMYK model is used for print.

Color Types

A color wheel is used to show the relationship between Primary, Secondary, Tertiary and Complementary colors.

Primary Colors are pure colors that cannot be made by mixing any combination of colors. The are in their purest form.

Secondary Colors are created by combining two primary colors.

Tertiary Colors are made by mixing primary and secondary colors.

Complementary Colors are those positioned directly across from each other in the color wheel.

Using a color wheel can clean up your color choices specially when using complementary colors. These are basically colors that complement each other and go well together. Many designs have beautiful structure but the chosen color combinations crash and take away from its beauty.

Both web and print designs can benefit greatly from understanding color and using a color wheel. Subscribe to our RSS feed or follow us on Twitter to stay tuned for the next post about Color and the Subconscious.

How would you explain color to someone who cannot see color?

The Need to Bleed

I recently asked my production manager and the graphic department manager here at Marsid M&M:

– What is the most common mistake that you find in artwork submitted by customers?

Answer: Missing Bleeds.

They also added that it is one of the biggest causes of delays in the customer receiving their order. It’s a fact that many businesses hire outside designers and when we contact the customer about the missing bleeds, it can take a matter of minutes to a matter of days to get the adjustments made by their designers.

Unfortunately our graphic department cannot always add the bleed because the file is not editable which is a whole other blog post (coming soon).
If we can add the bleed ourselves, we do it free of charge as a courtesy to our customers.

What is Bleed?

Some designs contain graphics or solid backgrounds that reach the edge of the paper as shown above. Printers require an additional stretch of these graphics or solid backgrounds, usually about 1/8th of an inch called a “Bleed” in order to guarantee the edges are not left without ink when the paper is cut.

Quick tutorials: Adding bleed to your artwork

The easiest thing to do to prevent forgetting to add bleed is to simply make a bleed guide as the first thing you do when beginning a new design. Some professional design software makes this incredibly easy to do, some you have to do manually (still pretty easy).

Adobe Illustrator:

Illustrator offers one of the easiest and most convenient ways of adding bleeds to your documents from the start. In the “New Document” dialogue, under “Bleed” enter 0.125 in to any of the columns. If the link chain is selected already, then it will populate all 4 fields with 0.125 in automatically.

As you can see below, your bleed lines are added automatically. Shown as a red frame around the artbox…

Adobe InDesign:

In the “New Document” dialogue, make sure the “more options” button is pressed and at the bottom has a “Bleed and Slug” section. In the bleed box type 0.125 in and if the the link chain is selected it will automatically add it to the other 3 boxes.

Similar to Illustrator, InDesign automatically adds the red frame around the artbox as a guide for bleeds…

Adobe Photoshop:

In the “New” dialogue window, add 0.25 to the desired finish size. For example, if your designing a postcard that has a finish size of 5 x 7, then you would enter 5.25 x 7.25.

Once you click OK, your empty canvas will appear and we will use the Rulers (View>Rulers) to use as guides to center our 5 x 7 within the 5.25 x 7.25 canvas and therefore make the bleed areas visible. Pull a guide from the ruler for each side of the canvas and drag it until it is 1/8th” inside the canvas from the edge.

Photoshop Note:

We do not suggest using Photoshop for layout and typesetting of print projects. For best results use Photoshop for image manipulation and special effects. Import or place the image or object in Illustrator or InDesign for layout and typesetting.

Photoshop is a raster design program which uses grids of pixels to compose an object. Illustrator and InDesign create vector art which is composed of lines and curves or “Paths” to create objects and therefore create sharp edges and lines for both objects and text. Vector can also be scaled to extremely large sizes without losing quality.

Bookmark Worthy: Print-Ready Design Checklist

Use the checklist to double check that every requirement is already in your artwork to avoid any issues or delays!