Life Without Limits: Constructing Creative Realism with Cinema 4D

Design and motion graphics studio, Already Been Chewed, cooks up a fresh rebrand for Malibu Boats.

When Barton Damer was given a tour of the manufacturing facility belonging to Tennessee-based Malibu Boats, his imagination went into high gear immediately. His design company, Already Been Chewed (ABC) had been tasked with creating and implementing a rebranding effort across numerous media platforms for Malibu and its sister company Axis Wake Research. The goal was to illustrate the slogan “Life Without Limits” and accentuate the active lifestyle that Malibu and Axis can offer their customers.

mailbuteam-spread

ABC was chosen for the project because of the company’s history of working with other action sports brands, including Nike, Street League Skateboarding, and Supra Footwear on creative campaigns. “We analyze what the competitors are doing and then try to do something totally different,” Damer explains. It was a bold approach, and they didn’t know if Malibu would go for it. But ABC figured, if they won the year-long contract to create a series of catalog images, print ads and online videos using Cinema 4D, After Effects and Photoshop, it would be best to have presented ideas they would be excited to work rather than playing it safe.

Creative realism

Damer and ABC’s art director Brad Wolf used Cinema 4D for both the print and animation portions of the Malibu/Axis rebranding project with the final looks and compositing completed in Photoshop for print and After Effects for video. For the Malibu boats campaign, Life Without Limits, ABC developed a visual that depicts a cubicle-bound office worker transforming into a wake surfer and escaping the limits of his 9 to 5 job into a surreal wake surfing experience behind a Malibu Wakesetter.

lifewithout-spread

ABC set up a photo shoot with professional wake skater, Brian Grubb, to capture the sequence needed for the campaign artwork. After isolating the photos off of their background, ABC set them up in C4D as textures that were applied to vertical planes. “We used the luminance channel of the texture, as well as the alpha channel of the layer in Photoshop we cut out,” Damer recalls. “This allowed us to place the pictures of Brian into true 3D space within the scene and have the C4D lights interact with the cut out photos.”

That strategy gave Damer a good head start on some pretty realistic shadows, which helped because it was a flat plane, so it wasn’t going to look perfect, he says. “But depending on where the light is positioned and where the shadows are cast, that technique really helps in certain areas.”

desk

Cinema 4D was also used to match the lighting from the original studio shot. To do that, Damer placed a light behind the actor and cast shadows forward, creating a real light source and a real shadow on the side of the desk where the side of his leg is popping up. “I did that same thing for every image in the sequence,” he says, adding that there is a real light source and shadow being cast on the desk and the computer monitor.

Graphic style

Already Been Chewed opted to introduce a more graphic style for both the Malibu and Axis catalogs after seeing the approach used for the footwear and auto industries but not for boats. One technique they used was to introduce the use of shard-like images that are repeated throughout the branding for Malibu. To create the shards, Damer used a cloner object in C4D to replicate a triangle shape. After cloning it along a low-poly version of a wake that they modeled, renders were composted together in Photoshop to create the scene.

GRUBB-SEQUENCE-1280

“C4D allows you to use an object as the basis for your clones,” he says, explaining that a low-poly representation of a wake was created to serve as the basis for the clones to be duplicated across. Random effectors allowed the wave to take on a more organic feel combined with plane effectors that allowed the transition from smooth “water” to the large wake that was created.

wakesetter-spread

For the background graphics that were used to highlight each boat model in the Malibu catalog, Wolf used a primitive landscape that he made editable and then triangulated. Next, he used an explode effector to pull some of the image apart. A melt effector was used to enable different geometries. Streaks coming off the boat were made with a spline wrap, taking the geometry of a tube and using an explode effector to explode it out, then wrapping it along the spline effector and applying a custom texture.

Axis Catalog

For Malibu’s sister company, Axis, a completely different look was created using C4D for the most part. Based on ABC’s tours of the factory, this concept put the focus on the craftsmanship of each boat and how they are made by hand. Damer says the white-suited workers and futuristic factory were inspired by the actual boat creation process. “Obviously, it’s an artistic representation of the process, but the workers were wearing those uniforms as they sprayed gel coat into the hull of the boat,” he recalls. “That’s where I got the idea to have the spray coming out of the worker’s hose take the shape of a boat.”

a24-spread

Damer used Cinema 4D to create the futuristic-looking factory and composited the final boat and workers into the shot. Unsure about whether they would be able to get the liquid to do exactly what they wanted it to do through fluid simulation, Damer ended up combining 15 or 16 individual models of liquid rendered out of C4D and using Photoshop to make them all form the back of the boat.

a22-spread

To highlight Axis’ A22 Vandall Edition boat (a pro model for Randall Harris—aka Randall The Vandall), Damer used a similar technique. This time, though, he used C4D to create a darker feel. Though the overall campaign shared the consistent theme of simulated water making up the rear of the boat, the Vandall got a slightly different treatment that set it apart from the crowd.

“We thought we would make it look like it was in the exact same warehouse with the same camera angle and everything, but with the factory lights turned off and some moonlight spilling in, just to give it more of a mysterious look since Randal The Vandall has that kind of a vibe going,” he says. Additional shots of the white factory were made using Global Illumination to get clean lighting. For The Vandall Edition’s moonlit version Damer used spotlights in C4D to keep the factory dark and only light the areas he wanted to people to focus on.

redwhite-spread

redwhite-detail

In addition to the rebranding effort, which will continue for Malibu and Axis throughout the rest of the year, Already Been Chewed has also done several animated features for internet broadcast with television versions coming out in 2014.

Go Media Podcast – Episode 18: What We’re Thankful For in 2013

In this episode, Jeff, Bryan, and Bill get together to talk about what services, tools, apps, books, and philosophies we’re thankful for as designers, developers, and business owners in 2013.

Listen to the Podcast

[powerpress] [iframe width=”100%” height=”166″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/121312084&color=ff6600&auto_play=false&show_artwork=true”]

Sponsors of this Episode

This episode was brought to you by The Arsenal’s Cyber Monday deals taking place from November 29th to December 2nd. For more information on that, go to Arsenal.GoMedia.us and sign up for the Arsenal newsletter for an even better deal than what we’ll have on the site.

And, we’re also celebrating the 3rd year of On The Map CLE on Friday, December 6th, 2013 at the Go Media Studios. You can RSVP for the event on the Go Media Facebook page. OnTheMapCLE.com is a video series featuring the people and places that make Cleveland a creative, culturally rich, and inspiring place to live and work.

What We’re Thankful For in 2013

Where We’re Finding, Digesting, and Sharing Design Resources

BlkSmith Design Texture

  • Blksmith Texture Collection
  • SIXTEENxTWENTY textures
  • Dribbble – A design sharing and feedback social network suggested by AJ216 in the Live Chat
  • VectorScribe – Better corner manipulation in Illustrator
  • Feedly – The best replacement for Google Reader
  • Pocket – An easy way to save your reading for later.
  • Sidebar.io – A daily curated resource list
  • Buffer – Share information at will, but spreads your posting throughout the day so your followers aren’t bombarded with link after link.
  • IFTTT – Put the internet to work with you. Bryan uses it to email an article to him every time he saves a post for later in Feedly. Jeff uses it to collect and organize YouTube videos in Pocket when he wants to watch them later.
  • Audible – Audio books with a great app.
  • Steven Pressfield’s The War of Art – Suggested by @AngryCity in the Live Chat

How We’re Collaborating, Note Taking, Planning

[iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/oNq7rTOaqlQ” frameborder=”0″ allowfullscreen]

  • Dropbox – Easy File Backup, Online Access, and Sharing
  • Google Drive – We use Drive to share proposals, client edit notes, and collaborating on show notes and sales material.
  • DocsFlow – An add-on within Google Drive that connects a Google Doc with a InDesign file, allowing us to edit and collaborate on a proposal, and have it appear in a well-designed InDesign file.
  • Evernote – A cross-platform note-taking app suggested by @TheSeanRHughes in the live chat.
  • Outlook – Bill uses the built-in task list and calendars to track time spent on projects and what he needs to get done.
  • Google Keep and Calendar – Bryan does the same thing, but in Google’s ecosystem.
  • OmniFocus – Jeff’s task list of choice.
  • Prevue – A design critique app suggested by @AngryCity in the live chat.

How We Keep Focus As We Design, Write, And Make Things

  • Freedom – Jeff uses this to make sure he doesn’t get distracted while under a deadline. It shuts off his internet for a time period you set.
  • FocusBooster – A Pomodoro Technique app for Windows.
  • OMM Writer – A minimal writing app suggested by @AngryCity in the live chat.
  • 750Words – Another distraction-free writing app suggested by @danieldehart
  • Google Docs – Where Bill, Bryan, and Jeff do a majority of their writing.
  • WordPress – Since a majority of our writing goes onto a blog or a website, we take advantage of WordPress’s built-in visual editor in full screen mode.

Where We’re Finding Inspiration In Everything We Do

  • Fizzle – Jeff has been reading their blog and listening to their podcast about business ideas and training.
  • Nathan Barry’s “Authority” – Jeff’s a big fan of his book: “Authority” and his honesty.
  • DeviantArt – It’s not talked about a lot, but we still go here for illustration inspiration.
  • Adventures in Design – Bryan loves the way they do their podcast and how they talk about their business and their struggles and successes as designers.
  • The Audacity to Podcast – A podcast and blog about podcasting.
  • TedTalk about QuadCopters – Bill really liked this talk and how people were using these small devices to do really big things.
  • WMC Fest Speaker Videos – WMC Fest 4 Speaker videos are finally being released.

Honorable Mentions

  • NotePad++ – The BEST code writing app on Windows, according to Bryan and the rest of the development team.
  • Brackets.io – Another code writing app suggested by Andrew in the live chat.
  • Google Chrome’s Developer Tools – Bryan loves designing in-browser like a boss.
  • Zurb Foundation – An advanced, responsive, front-end prototyping and development framework which works with Compass, Sass, and magic. Lots of wonderful magic.
  • IcoMoon – We don’t always use images for icons. We use fonts.
  • Optimizely – Simple A/B testing.
  • ClickyStats – Realtime stats to see how users are interacting with your content.
  • AddThis – Social sharing made easy with click tracking.
  • Google Hangouts – Not just for a friendly video call. We’ve recorded podcast interviews with it, we’ve streamed the podcast video to the live chat, and we’ve even trained clients how to use WordPress using it’s built-in screen sharing functionality.
  • Spotify – Unlimited playlists of music to get into the groove with.

Other Links

We recorded this live on GoMediaZine.com/live and streamed through our Mixlr channel as well as on YouTube:

[iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/ZTbEiHHFOQs” frameborder=”0″ allowfullscreen]

The YouTube feed is raw and unedited.

Credits

Hosts: Jeff Finley and Bill Beachy Producer: Bryan Garvin Recorded at: Go Media

Sponsorship Opportunities

Interested in sponsoring the Go Media podcast, either episodically or exclusively? Well, hit us up at [email protected] if you are interested in advertising your business, project, event, or portfolio.

What Do You Think?

We want to hear what you think about the latest episode of our podcast and what topics you would like to see covered in upcoming episodes. Comment below with your suggestions.

Join Us Live

This episode was recorded live on November 21st, 2013 at gomediazine.com/live. Next recording will be announced in the near future.

Ready for More?

Keep learning and listening to more Go Media podcasts!

Constraint & Creativity

Hearken back to your Econ 101 class. You know, the one you could barely stay awake for and just squeezed by with a passing grade; the one that was decidedly not relevant to you; this was economics after all, and you were studying to be a designer.

Well, if you made it through day one, you’re probably familiar with what economists refer to as the ‘economic problem’ — this problem essentially raises the question, “how do we satisfy our unlimited wants with our [often sadly] limited resources?”

As designers, we face this ‘economic problem’ on a daily basis– we often think that in an ideal world, we’d have unlimited freedom to explore our ideas, design, and implement the best possible solution to the problem at hand.

But in reality, the opposite is true. Too much freedom can be confusing and generally leads to a lack of direction. In the working world, we’re constantly forced to rein in our creativity based upon the constraints placed before us (budget, time, availability of resources, technology, client expectations, just to name a few).

In “Change by Design,” Tim Brown describes constraints as the competing forces of feasibility (what is functionally possible within the foreseeable future); viability (what is likely to become part of a sustainable business model); and desirability (what makes sense to people and for people). Truly good design will not only work within these constraints, but will actually strike a ‘harmonious balance’ among them (p. 18, 2009).

Competing forces are everywhere, vying for our attention and telling us they’re equally as important as the next. We’re constantly challenged to find balance amidst this juggling act.

Bloggers, writers, and great thinkers alike have all explored how creativity is affected by constraints. Let’s take a look at what a few of them have to say:

“The imposition of limits doesn’t stifle creativity—it enables it. Given fewer resources, you have to make better decisions.” —Scott Dadich, Creative Director, Wired

“Without constraints, design cannot happen, and the best design is often carried out within quite severe constraints.” —Tim Brown, CEO & President, IDEO

“Constraint is like the reflective chamber of a laser which turns ordinary light into a directed beam of focused energy.” —Steve Song

“Your creativity needs a focus, which is found by setting limits. If you can do anything your creativity stalls – there are too many decisions and you get confused.” —John Cowen

“It is a paradox that a lack of resources can actually be a greater spur to innovation than abundant access to resources.” —Steve Song

“The worst thing a designer can hear is an offhand ‘Just do whatever you want.’ That’s because designers understand the power of limits.” —Scott Dadich, Creative Director, Wired

Zine_FooterImage_2013-11-12

The next time you’re faced with what seem like stifling constraints; remember that “necessity is the mother of invention,” and challenge yourself to consider how you can use the limitations set before you as the very driving force of your creativity.

8 Detrimental Design Habits to Break Today

You’ve just landed that internship or job of your dreams and are ready to take on the world. Maybe you’ve been working at a firm or have been freelancing for years.

You’re sure you’ve got it under control. You’ve got this in the bag!

But wait!  There are just a few common mistakes that may be holding you back from achieving your full potential.

We’d like to help. Thanks to some great names in our industry, we have a wealth of advice for you regarding some design habits to break now! Or, better, those to watch out for and nab before they become etched into stone.

Tracey Halvorsen of Fastspot
Tracey Halvorsen of Fastspot

1. Failing to Ask for Feedback

Young designers / interns make the mistake of not asking for enough feedback. They are fresh out of school, and perhaps eager to prove themselves, but they are missing out on so much more learning by assuming their school experiences have prepared them for the real world. It’s a problem in that they end up in a bubble and don’t benefit from the team environment as much as they would if they reached out and initiated more feedback from their team.

They can correct the problem by being a good communicator, making it known during their hiring process / interview process – that it’s something they are actively looking for, and then following up by making sure it’s part of their process once the job starts. It’s tempting to hide away and just do the work, and hope that one day you advance to better projects. But you can speed this up by being more aggressive and “asking for” more challenges, feedback and work.

I’ve only had one design intern at Fastspot, ever, who constantly bugged me for more challenging work. This person also actively sought out feedback, jumped into group critiques (asking if they could join b/c they weren’t overly busy of course) and soaked up as much interaction, communication and feedback as they could get their hands on. That was the one intern who I promised a job to when they were done with school.

Everyone who’s just starting out should take every chance they can to get feedback, be challenged and push themselves outside of the comfort zones they’ve established at school. School is a lovely fantasy land but the real world is full of rewarding opportunities if you seek them out and never settle for mediocracy.

– Tracey Halvorsen, President and Chief Visionary Officer of Fastspot, award-winning interactive agency in Baltimore, Maryland

Rachel Downey of Studio Graphique
Rachel Downey of Studio Graphique

2. Ignoring Time Constraints

New designers are often inexperienced with managing budgets, and time is attributed to the project budget. We often see interns and young designers overworking their designs, either through over-development or the exploration of too many concepts. This burns the project budget in the early stages and leaves less time for development of the chosen direction. We encourage new designers to stay off the computer and hand-sketch to quickly explore many ideas and then share those for discussion and selection before moving to digital. Early and frequent check-ins with their colleagues help them stay on track with project objectives and project budgets.

– Rachel Downey, Founder and Principal of Studio Graphique, a lead branding, placemaking and wayfinding firm in Cleveland, Ohio

Alex Wier of Wier / Stewart
Alex Wier of Wier / Stewart

3. Not “Making it Real”

One of the toughest things for designers who are coming out of school (or are still in it) is making things real. Designing anything is only half of making it real. The other half is picking stock, converting colors and outlines, making sure info is correct, working with the developer, etc. Those are the things that take attention to detail and organization. It’s also something we’ve noticed not a lot of designers are taught. They get color theory, typography, etc. but they don’t get “how to make a 3 color brochure a reality” or “Is this photo high res enough and can I even use it?” classes. So you gotta coach them and usually the people that have most recently learned outputting are the best at teaching it.

– Alex Wier, Creative Director of Wier / Stewart, advertising agency and creative firm in Augusta, Georgia

Chad Cheek of Elephant in the Room
Chad Cheek of Elephant in the Room

4. Attempting to Fit In

Sometimes young designers have the tendency to come into a firm and try to ‘make their mark’ on the work by working to influence what they perceive as the agency’s design style. I encourage designers to work hard to learn the thinking and problem-solving process that the agency engages in and push the thinking of their own work in that way. They will make their mark by helping to elevate the craft of everyone around them – including their own.

– Chad Cheek, Owner and Managing Director of Elephant in the Room, boutique design agency in Winston-Salem, North Carolina

Kyle Eertmoed of Knoed Creative
Kyle Eertmoed of Knoed Creative

5. Feeling too accomplished

When I got my first job out of school, I was so proud of all that I had accomplished – my portfolio that I spent months preparing, graduating college and landing my first job were huge achievements in my life. I felt like I finally arrived at my destination and achieved all my goals.

During the first few months on the job, the big mistake I made was letting all this get to my head. I went into work thinking I needed to impress everyone with my design abilities and knowledge. I thought that being a respected designer and keeping my job was about proving that I was just as good as everyone else working there. But I quickly learned that no one really cared about my accomplishments, and I didn’t know as much as I thought I did.

I believe this is a common experience for a lot of designers, and the root of a lot of unhappiness working as a designer. My advice would be to view every new job as an apprenticeship, a mentorship. You earn respect by respecting others. And as my partner, Kim Knoll likes to say, “A good attitude is just as important as a good portfolio.”  Be positive. Be hungry.

– Kyle Eertmoed, Partner and Designer, Knoed Creative, Branding and Graphic Design Studio in Chicago, Illinois

Chris Harrison of Harrison & Co.
Chris Harrison of Harrison Agency

6. Copying Other Designers

The biggest problem I see in interns and new designers is that they try and emulate other designers – copy their heros and try and ‘be like’ notable/famous designers who are, actually, just ‘being themselves’ (that’s why they are famous and successful). I think this happens because it can look and feel like a short cut to being a better designer, or a designer that’s ‘ready’. It’s the hardest thing to try and find your own point of view. It’s a long path. I’ve been in the game 20+ years, and I think I’m only just starting to hit my stride and understand my own approach, my point of view and what I see as valuable. It does take time, but I really believe that to understand this early on in ones career is important. If it takes years or decades to work though and make progress, that’s OK. Everyone has to start somewhere. And its actually OK not to have a point of view in your work! I know a very successful illustrator who still maintains that she, after 20+ years, doesn’t know herself well enough yet for that point of view to come through. She just has fun with her projects, and that’s her main criteria for taking on work ‘is this going to make me happy?’

– Chris Harrison, Founder, Harrison Agency multidisciplinary creative agency, Brighton, UK

William Beachy of Go Media
William Beachy of Go Media

 7. Letting Your Ego Get In the Way

The following is a bastardized mash-up of Tyler Durden  quotes: “Listen up, maggots. You are not special. You are not your design. Your design is not a beautiful or unique snowflake. You’re not your fucking suspenders and hipster beard. Your professors lied to you. Your clients need to be respected and listened to. Your boss and your co-workers are probably smarter than you. If you’re feeling insecure, good – you should be. When you feel the urge to defend your design, don’t. Shut your mouth and open your ears. Understand that designing is a process and it’s not always going to go the direction you want it to. But don’t feel bad, it could be worse. A woman could cut off your penis while you’re sleeping and toss it out the window of a moving car.”

– William Beachy, President, Go Media, our creative agency here in Cleveland, Ohio

Julia Briggs of Blue Star Design
Julia Briggs of Blue Star Design

8. Forgetting to Prep

Designing is like cooking. You must prep your kitchen before you start. Get out your crop marks, dielines, logos and fonts. Know your paper limitations, mailing needs, budget restrictions and the marketing initiative – BEFORE you do any design.

It’s tempting as a designer to start cooking on a design immediately. But trying to fit a cool design into budget, size and production restrictions after the fact is often a recipe for disaster. At school you are often given the prep work as part of class assignments. Outside of school, you have to learn to extract that information from the client and your vendors at the forefront.

Scope project limitations first, prep your workspace second, and save the design for last.

– Julia Briggs, President of Blue Star Design, an idea design studio specializing in graphic, digital & social design, brand identity, web, marketing & technology solutions in Cleveland, Ohio

________________________________________

Ready to get out there and take the world by storm? Just remember to ditch these 8 bad habits and you’ll be good to go!

What bad habits have you seen in your colleagues? Employees? Share with us in the comments below! And hey, no naming names! 

Go Media Presents: On The Map 3

On The Map 3 is rapidly approaching! You can find the official event details in the Press Release down below, along with a peek behind the scenes of one of the new episodes – A day in the life at the Cleveland Botanical Gardens. I hope to see you, our local readers, at the screening Friday, December 6th. And for all our readers, keep your eyes peeled for a follow up blog post that delves into the video creation process. Enjoy!

Behind the shoot: A day in the life at the Cleveland Botanical Gardens

Matt-MarkFrame-ChrisJim-Chris Matt-Interview

Cham-1

Shelob
Not only does the Garden feature exotic plants, but some cool creatures as well.
Selfie-Dan
Dan, of Purple Films, and his obligatory selfie.

OTM3 | Friday, December 6th, 2013 | 5-9 pm | 7 pm Video Screening

Cleveland is ‘On the Map’ – from food to furniture, the city resonates with creative thinking and furious pride. On Friday, December 6, Go Media will host the third annual On the Map video series screening and release party to celebrate the people and places that make Cleveland our city.

Located in Ohio City, Go Media is proud to call Cleveland home. Like so many lifelong residents and transplants alike, our own Go Media designer and On the Map creator, Chris Comella, revels in the many amenities our great city has to offer. All of us here at Go Media see potential and recognize opportunity for change in this climate ripe for local economic growth.

Here at Go Media, we are working towards making their shared vision a reality and are helping establish Cleveland as a hub for artists and designers. Our On the Map video series spotlights a handful of the many inspiring people who are following our passions to make Cleveland a better place to live, work, and visit.

This year, the series also spotlights four Cleveland neighborhoods and showcases the distinctive landmarks that make them unique. Viewers will also get a behind the scenes look at the F*Sho, Cleveland’s contemporary furniture show, a visit to the tranquil Cleveland Botanical Gardens, and a day inside Momocho’s vibrant kitchen.

We’ll screen the 3rd On the Map video series on Friday December 6th in our warehouse offices at the SW Corner of West 45th & Lorain in Ohio City. Guests are invited to eat, drink, watch the video release, meet fellow Clevelanders, and enjoy in an evening aimed at celebrating our amazing city.

This premier event is free and open to the public.

WHO: Go Media

WHAT: 3rd Annual On the Map Video Series Release Event

WHEN: : Friday, December 6th, 2013 | 5-9 pm | Screening at 7 pm

WHERE: Go Media, 4507 Lorain Ave., Cleveland, Ohio 44102

CONTACT: Chris Comella, Go Media | 216-939-0000 x229 | [email protected]

Facebook.com/OnTheMapCLE | Event | OnTheMapCLE.com

On The Map CLE, featuring:

  • Cleveland Botanical Gardens
  • Cleveland Heights
  • Downtown
  • F*Sho
  • Momocho
  • Ohio City
  • University Circle

The Fundamentals of Great T-Shirt Design

What makes a good tshirt design?

Sometimes it just feels like, well, you know it when you see it. But how do you quantify that feeling?

Despite a good, solid understanding of design, many are stumped and come looking to Jeff Finley, partner here at Go Media and author of Thread’s Not Dead, The Designer’s Guide to the Apparel Industry, for answers.

Jeff shares some not-so-obvious fundamentals of great t-shirt design in Thread’s Not Dead, so we’ve decided to share some of them with you today.  We’ve also asked a few of our friends, t-shirt greats Brandon Rike, Dan MumfordGlenn Jones and Anthony Hall to weigh in.

Keys to Great T-Shirt Design:

Wondering, how do I design a great tshirt?

1. Hit your Target.

brandon1
Brandon Rike | Beastie Boys Train Shapes Tee Design

“The bottom line is that a good t-shirt design is one that catches the idea of the intended target so much that they want to wear it. Not only will they wear it, but they will love it so much that they will never throw it away.” – Brandon Rike

“The great thing about t-shirts is that everyone has different taste so you’ll find a market in whatever you create. You just need to link to the audience.” – Glenn Jones

Glenn Jones, creator of T-Shirt brand Glennz tees
Glenn Jones, creator of T-Shirt brand Glennz tees

2. Design for your Client.

“I design for the audience, no questions asked. Designing with your own agenda is only your way to let the client know that their needs are secondary, and you’re gonna do whatever you want to do with the project. This wastes your time and theirs, and is disrespectful to the people offering to pay you for your services. It takes a better designer to work with the client, and make sure they are happy, and get out of the exchange with a better end product than they had anticipated. If you can’t design within someone else’s parameters, then I’m afraid you’ve misunderstood your occupation.” – Brandon Rike

Mumford & Sons Pistol Label Tee | Brandon Rike
Mumford & Sons Pistol Label Tee | Brandon Rike

3.  Color is King.

“Colors sell, first and foremost. Whether it’s a one-color white graphic on a black tee, it’s that initial connection that the buyer wants to make. Some people like plain t-shirt graphics, some want super colorful graphics, some want a vintage look. Either way, knowing who the target is, and predicting what they will be drawn to is of utmost importance. While this information is heartbreaking to designers and illustrators, the design itself is secondary to the colors it’s presented in. Many designers spend so much time on an impressive illustration, only to cloak it in an uninspired colorway at the end. We have to look at t-shirt designs as the whole garment, as opposed to just the graphic printed on it. Will the ink cover too much of the shirt, making the garment feel heavy? Does my illustration work better as a print than on a t-shirt? Do the focal points of the design draw your attention to odd parts of the torso?” – Brandon Rike

danmumford
Dan Mumford

4. Compose Yourself.

“Its all about composition, especially when you have a tee design with a lot going on it, like most of my designs. The lines have to flow nicely together and the type has to fit comfortably all within the design, if the basic shapes and outlines work nicely together then I know I have a good tee design, its only then that I will fill in most of the detail. When it comes to colour, you have to know how to use it sparingly, especially with screen-printed tees, being able to work with a limited palette is an incredibly powerful way to get the most out of a tee design.” – Dan Mumford

“My idea of what is ”good t-shirt design” has changed as I’ve improved as an artist. Generally speaking, for me, a good design usually involves keeping the weight of the design near the top/center of the shirt (more flattering on a customer), keeping my colors balanced and limited, and using the shirt color as a part of the design.  I know I’ve got a good design on my hands if I can revisit my finished design after a couple of days and not see any flaws or things I’d want to change.” – Anthony Hall

Jeff Finley | WMC Fest 4 Shirt
Jeff Finley | WMC Fest 4 Shirt

4. Consider Wearability.

This is a simple, but important question to ask yourself.  “It’s a pretty simple concept and I know it doesn’t apply when you’re designing tees for a client whose audience might be twice your age and of the opposite sex. But as a rule of thumb, ask yourself “would I wear this?” Put yourself in the wearer’s shoes and try to imagine what it’d be like to wear your shirt.” – Jeff Finley, Thread’s Not Dead.

Heretic | Dan Mumford
Heretic | Dan Mumford

5. Thoughtfully brand (details matter).

“Branding is important throughout, if you have a tag or a logo that can be found on everything you do, then it will get imprinted on people that see your work, and it also starts to become a brand of quality. I try to have my small ‘M’ icon on most pieces of my work, its nothing special, but it definitely holds everything together under one larger umbrella of work.” – Dan Mumford

6. Consider the costs.

“I try to create designs with a 3 color max. Many bands watch the cost of a tee go way up as they add more colors, thus, watching their profits go down. Since I was fitting the bill for the very first tees that I designed, I try to be realistic about costs of printing. While the color choices are of utmost importance, simply adding more colors does not make a tee better. Challenge yourself to make 1-3 colors go a long way.”  – Brandon Rike

“I think just having a good idea of how screen-printing works is the most essential thing. Being able to separate colours for print means you can supply things print ready, not only does that make you easier to work with for the clients, but it gives you an edge over designers that might not know much about the process. As far as detail goes, its again just about being able to provide clean files that are easy to work with.” – Dan Mumford

7. Be innovative.

“These days, the trends in graphic tees are getting more and more loose. You can find anything printed on a tee. Whereas when I came into this industry, we were trying to create solid graphic lock-ups that would sit in the middle of the chest, you will now find a single photo covering a tee, or one word filling up all of the space. Any tangible trend has completely disintegrated, and now, frankly, anything goes.

For me, it’s exciting to see where my skills are and know how fit into these trends. While I would prefer to concentrate on more concrete graphics, I know how to make a good t-shirt, even if that means using the right photo or word to completely cover the shirt with. It’s become less about the skills that I have, and more about being creative in general, and being able to apply it to what I’m doing.” – Brandon Rike

Bold is Beautiful | Jeff Finley
Bold is Beautiful | Jeff Finley

“Good design will blaze new trails in what people are wearing. Adding foil into your design wasn’t something your average designer six or seven years ago thought of. Foil or printing a full color image isn’t really cost-effective but it might be worth it if that’s what people are buying. A good design pushes boundaries and does things differently. It starts new trends, forges new printing solutions, and advances the industry. A good example of this is the Bold is Beautiful shirt that I designed that people said could never be printed. The design featured a full spectrum of colors and took up a large area on a black shirt. I imagine it was costly to print, but the team at DesignByHümans pulled it off with flying colors, pun intended.” – Jeff Finley, Thread’s Not Dead

8. Create substance.

“A good design has a solid idea and purpose behind it. Sure there are top selling t-shirts that exploit the popularity of stylistic trends like ornate flourishes or SFSS (skulls for skulls sake). But the point is, designs with a solid idea that mean something to your client or customer favor better.” – Jeff Finley, Thread’s Not Dead


Glennz Illustration Process – Modern Entry from Glenn Jones on Vimeo.

“As far as putting meaning behind my designs, I like problem solving; I like to come up with gadgets, or solutions to problems that don’t really need solutions. If that makes people laugh too,  thats a bonus.” – Glenn Jones

_______________________________

Great design is really made up of so many elements.  Not only do you have to have a solid grasp on design principles, but also understand your audience, wearability, cost effectiveness and the importance of branding.  Combined with pushing the envelope, you as a t-shirt designer have a huge hill to climb.  Cultivate good instincts, as outlined by our experts, and your chances of success will increase ten-fold.

Heart and passion, too, can go a long way.  If you love your design, chances are your audience will too. Hall sums it up with one last thought: “Honestly, I have no ability to predict how popular a design will be. I just make shirts about things that I really love, and hopefully customers will be on board with whatever I designed. The worst thing that can happen is that you made a great design that you’re really proud of.”

For more information on great design and other areas on dominating the t-shirt industry, check out Thread’s Not Dead.

buildabrand

Share your successes and challenges of t-shirt design in the comments below!
________________________________________

Thank you to our guest contributors!

More Anthony Hall:  Facebook | Twitter | Instagram | Tumblr | Behance

More Brandon Rike:  Cargo | Dribbble | Flickr | Instagram | Tumblr | Twitter | Vimeo

More Dan Mumford: MySpace | Twitter | Facebook | Mintees |Skull & Heart  | Mumford Clothing | Instagram

More Glenn Jones: Twitter | Facebook | Behance | Flickr | Dribble | Vimeo | Instagram

More Jeff Finley: Twitter | Dribbble | Vimeo | Pinterest | Facebook | Instagram | YouTube | Gimmebar | Last.fm
Header image t-shirts by Jeff Finley.

best poster design

Poster Design: 50 Excellent Inspirations

Best Poster Design

Hey designers, want way more inspiration? Attend our all-inclusive soul-fulfilling three-day design retreat, WMC: Off-The-Grid, this October 5 – 7th. To learn more, head to wmcfest.com.

Need some poster design inspiration?  You’ve come to the right place. We’ve gathered some good ones to get your creative juices flowing.

Once you’ve been inspired, head over to Mockup Everything to give your design a go on one of our free mockup templates, like this one:

Poster with Hands

Make sure to share your work with us!

Enjoy!

Poster by dragana nikolić
Poster by dragana nikolić
Poster by Hedof
Poster by Hedof
Poster by Klaudia Kost
Poster by Klaudia Kost
Work Hard by Martín Azambuja
Work Hard by Martín Azambuja
Have you Ever Been To by Federica Bonfanti
Have you Ever Been To by Federica Bonfanti
The Decemberists, w/ Heartless Bastards poster by Strawberry Luna
The Decemberists, w/ Heartless Bastards poster by Strawberry Luna
Poster by Bartosz Szymkiewicz
Poster by Bartosz Szymkiewicz
Motion Theater by Caroline Grohs
Motion Theater by Caroline Grohs
Little Red Riding Hood poster by Christian Jackson
Little Red Riding Hood poster by Christian Jackson
MTV Poster by Frederik Samuel
MTV Poster by Frederik Samuel
Superman poster by James White
Superman poster by James White
Empire of the Sun poster by Michal Krasnopolski
Empire of the Sun poster by Michal Krasnopolski
Moonrise Kingdom poster by Alizée Lafon
Moonrise Kingdom poster by Alizée Lafon
Museum of Childhood Play to Learn poster
Museum of Childhood Play to Learn poster
Phish "Blossom Music Center" Poster by DKNG Design + Illustration
Phish “Blossom Music Center” Poster by DKNG Design + Illustration
The Swell Season Gig Poster
The Swell Season Gig Poster
Russian Red at Union Chapel Poster
Russian Red at Union Chapel Poster
Simian Mobile Disco Poster
Simian Mobile Disco Poster
Old Crow Medicine Show Poster
Old Crow Medicine Show Poster
Dexter Poster by Albert Exergian
Dexter Poster by Albert Exergian
Solo Heads poster by Aldo Crusher
Solo Heads poster by Aldo Crusher
Skillnet Poster by Steve Simpson
Skillnet Poster by Steve Simpson
10 Principles of Good Design poster by Gerren Lamson
10 Principles of Good Design poster by Gerren Lamson
Noah and the Whale poster by Matt Jones
Noah and the Whale poster by Matt Jones
Poster by atelier martino&jaña
Poster by atelier martino&jaña
Will Johnson poster by Robert Lin
Will Johnson poster by Robert Lin
Ghost Writer by Hubert Tereszkiewicz
Ghost Writer by Hubert Tereszkiewicz
Tin Pan South poster
Tin Pan South poster
Money Poster by Graziano Losa
Money Poster by Graziano Losa
Poster by Dr. Alderete
Poster by Dr. Alderete
Helio Sequence by Karen Kurycki
Helio Sequence by Karen Kurycki
Poster by Austin Sellers
Poster by Austin Sellers
Parachute Journalists - Dark Side by Jeff Finley
Parachute Journalists – Dark Side by Jeff Finley
Ariel Pink's Haunted Graffiti by Mikey Burton
Ariel Pink’s Haunted Graffiti by Mikey Burton
One Flew Over the Cuckoo's Nest by Rocco Designs
One Flew Over the Cuckoo’s Nest by Rocco Designs
Such Great Heights by Garrett DeRossett
Such Great Heights by Garrett DeRossett
Jeff Tweedy Three Color Screen Print by Path Poster Designs
Jeff Tweedy Three Color Screen Print by Path Poster Designs
Supa 9 by Dziugas Valancauskas
Supa 9 by Dziugas Valancauskas
Poster by Andrey Smirny
Poster by Andrey Smirny
Better than Nothing poster
Better than Nothing poster
Metafisico by Manuel Dall'olio
Metafisico by Manuel Dall’olio
Melbourne Dance Company Poster
Melbourne Dance Company Poster
Tour Poster by Sergio Membrillas
Tour Poster by Sergio Membrillas
Helvetica Poster by William Xu
Helvetica Poster by William Xu
Laneway Festival poster
Laneway Festival poster
Poster by Tom Davie
Poster by Tom Davie
Poster by Slawek Michalt
Poster by Slawek Michalt
poster4
Poster by Dominik Bubel
Coca-Cola poster
Coca-Cola poster
Black Swan by LaBoca
Black Swan by LaBoca

WOOBOX-MAIN-IMAGE

Hey Designers, make sure to check out our Arsenal Membership, which hooks you up with our huge product library for only $15 per month. Yes, seriously.

WMC Fest 4 Speaker Videos Release

WMC Fest 4 News Flash!

We just released the first wave of speaker videos from WMC Fest 2013. Check them out here on the ‘Zine. They are also viewable in HD for free on our vimeo channel!

Included in the first batch are Brandon Rike, Rena Tom with Lisa Congdon, Troy DeShano, Stephanie Landes Burris, and These are Things.

Disclaimer: talks from Troy DeShano and These are Things may bring you to tears! They are examples of the type of humility and honesty we admire in our speakers.

These Are Things: 
How We Learned to Stop Worrying & Enjoy the Ride

Rena Tom in Conversation with Lisa Congdon:
Building Your Dream Job

Troy DeShano:
The Best Decisions Rarely Make Sense on Paper

Stephanie Landes Burris:
What I Learned About My Job from My Eight-Year-Old Self

Brandon Rike:
Betray the Institution

 
What did you think? Which video was your favorite? Who moved you? Why? Tell us in the comments below!

defy

Facebook | Twitter | Tumblr

The Challenges and Rewards of Product Photography

Capturing a clean, crisp, accurate image of the work you’ve spent so many hours to achieve is one of the most vital elements of pulling together your portfolio.  Miss the mark and you may lose the job.

Since there is so much skill and expertise associated with product photography, unless you are well equipped and well educated, you may be misrepresented. Professional Cleveland photographer and extended Go Media family member Dan Morgan, of Straight Shooter, recommends designers leave it to a professional.

With over 30 years of photography experience under his belt, Morgan has learned to shoot and light every kind of product conceivable. Beginning his career at his father’s photography business, Morgan Studio, Dan has worked for the likes of Bonne Bell, Sotheby’s in New York and Kate Spade. He has photographed everything from the jewelry Marilyn Monroe and Katharine Hepburn once doned to fishing lures and Ferraris.  Dan has come to specialize in shiny objects, arguably one of the most difficult products to shoot.

Dan talks to us today about some of the challenges he has faced as a product photographer, as well as some of the tricks of the trade.

Challenges and Rewards

Preparation of Product

Photo credit: Dan Morgan
Photo credit: Dan Morgan
Photo Credit: Dan Morgan
Mini Hanging Folders – Ideastream Consumer Products | Photo Credit: Dan Morgan, Straight Shooter

Sometimes there is much work to be done before the photography even begins.

“The unique characteristic of this shot is that I had to construct the folders before I even got them in front of the camera,” notes Dan, who uses items like cardboard spacers, glue, wax and putty to style and prep the product.  Once prepared, the challenge becomes accurately and flawlessly presenting the product per the client’s wishes. In this example, Dan used string to hang the folders, giving them a floating effect; string was removed in post-production.

Dan recommends, “building things strong enough to last as long as they’ll need to last” to withstand the hours you’ll spend photographing your product. Haste, as they say, makes waste.

Volume

Photo credit: Dan Morgan
Mill Rose Brushes | Photo credit: Dan Morgan, Straight Shooter

One huge challenge of product photography Dan deals with regularly is that of volume. It’s easy, when presented with a large quantity of items, such as print material or the Mill-Rose brushes pictured above, to feel frustrated right off the bat. “It’s my job,” notes Dan, “to take that which is intimidating to my client and carry that intimidating item out of the office and deal with it myself.”

How did he accomplish it?  “First, I laid out the palette, which in this case was a white 12 foot wide piece of paper on the floor. I mounted my camera to a step ladder and shot straight down on the subject and lit it in such a way that the legs of the ladder did not show up in the shot. A number of technical things: the lighting, physically of it, the space and the height I needed to accomplish this shot was a part of the challenge, and the composition: making the colors pop, creating shadows, was another.”

In this situation, Dan discloses, it’s all a matter of time, a tremendous amount of patience and an eye for design.

Reflection

Gold Elephant by Andrew Simmons | Photo credit: Dan Morgan
Ceramic Elephant by Andrew Simmons | Photo credit: Dan Morgan, Straight Shooter

“Lighting objects is a lot of what it’s about, especially when you’re dealing with shiny objects,” notes Dan, who recently photographed this ceramic elephant by local artist Andrew Simmons.

“Instead of pointing direct light at the subject, try pointing white cards backed up away from the subject,” Dan suggests. “Light the white cards instead.”

“This is key to softening shadows,” Dan continues, “and even when you’d like shadows to exist, this trick makes the shadows more interesting, as they are falling forward from the product towards the camera. This concept and many other true lighting techniques are contrary to what you would think starting off. You don’t point bright lights at the object or keep pointing brighter lights at it. It’s about quality of light over quantity of light. It’s not direct light; it’s indirect light.”

Multiple Elements

Photo Credit: Dan Morgan
Photo Credit: Dan Morgan, Straight Shooter

For this industrial photo, Dan worked closely with the client, who had multiple desires; she wanted to see her company’s logo combined with smoke and color and a beautiful product shot to boot.

Dan quickly realized that he would needed to pull three photographs together to grant this wish. The first was a piece of glass Dan had etched with the company name, highlighted by smoke and light. The second, the smoke itself, was created by dry ice Dan gathered from Checker Bar Ice Cream here in Cleveland. The third was the product shot separately on a white background.

Why shot separately?  Dan notes, “If I had tried to light the product with the glass in the shot I’d have reflections on the glass showing up and all kinds of mess that would take a lot of time to clean up in Photoshop; more time than it would take to shoot them all individually.”

Taking time with each of your individual elements, per Dan’s example, is essential to pulling together one beautiful product shot.

Photo credit: Dan Morgan
Photo credit: Dan Morgan

Depending on the circumstances, Dan often recommends designers or art directors work hand-in-hand with their photographer, on site. Two heads, as they say, are sometimes better than one.  In this case, per Dan, “a client being organized and knowing what they want is critical.”

With some patience, and the experience of a seasoned photographer, there is no limit to what you can achieve.

Have you tried your hand at product photography? What challenges did you face? What worked?

Find out more about Dan Morgan of Straight Shooter
Find Straight Shooter on Facebook | Instagram

Preparing for your Design Career: 5 Important Lessons

Expert Advice from Go Media Designer Aaron Roberts

Having just graduated from college in the past few years, I am able to put into perspective exactly what I learned, and wish I learned, before I headed out into the real world. There are plenty of articles floating around the internet talking about what to put in your portfolio and how to send out resumes, so I won’t go too much into that. What I want to talk about are the things that surprised me about working on real projects here at our small Cleveland-based creative agency, Go Media, and how I wish I had been a little more prepared.

1. Know how to communicate in multiple media.

When it came to explaining my ideas, I was used to standing up in front of my classmates and professors, going through my conclusions and why I made the decisions I did. I felt like I had a great handle on my presentation skills. The only problem; my audience was other designers.

What I needed was practice in presenting to people who are not designers. There will be times that you can’t meet in person so being able to respond to client feedback over the phone and through email is crucial. Be prepared to speak clearly no matter the format.

2. Understand that client budgets and timelines will play a major role in the process.

Since almost all of my projects were hypothetical, there weren’t any restraints other than deadlines to have sketches or rough mockups and so on. I was able to indulge in all sorts of choices even ones that weren’t very practical. The possibilities were endless. It was fun, but it led to the assumption that all projects would be like this.

The client’s needs, opinions, and overall message will always have to be taken into consideration. Sometimes you and the client may not see eye to eye on aesthetic choices or they will ask for changes. Do your best to stick to your guns, but remember, you’re working with the client.

The real challenge is to meet the client’s needs within the restraints while producing great work.

3. Be conscious about how you work.

I’ve known some people that couldn’t work in class and feel productive. It’s easy to get used to working solely on your own – without distraction. Unless you’re completely set on freelancing out of your humble abode, chances are you’ll need to work with people.

Work environments come in many shapes and sizes; open concepts, one long desk, cubicle farms, etc. Each one comes with its own set of distractions. Be prepared to be able to be productive in any scenario.

Try to visit as many studios as you can to get a sense of how the day-to-day really looks. Some may be more collaborative and strategic, while others more production oriented. Not only is this a great way to get introduced to potential employers, you can really find what kind of work environment suits you.

4. Recognize that your attitude is just as important as your work.

If you think about it, you’re around the people you work with more than most. The relationship you have with your co-workers will have profound effect on the way your days are.

Confidence is great. It especially helps when you’re standing up your ideas. But no one will want to work with someone with too much ego.

5. Do great work no matter where you are.

Early in your career, there will be times that you’ll need to make ends meet by supplementing your normal work with freelance pay that isn’t ideal.

The key is to work hard, even if you’re not at your dream job. Get familiar with the subject matter, and find what gets you interested or excited about the project. Looking at every project as an opportunity to learn something will make it that much more rewarding.

small

What are some things that would have helped you prepare for your career?

Subscribe to the GoMediaZine newsletter | Get Goodies


facebooktwitterinstagramiconpinterestbehance

follow us in feedly

Tutorial: Block Print Design with Derrick Castle

Pushing Up Daisies: A Tutorial by Nashville based graphic designer, WMC Fest 4 artist and Ink Wars participant Derrick Castle

I wanted to come up with a block print design for the old American idiom “Pushing up Daisies”. I’ve actually been surprised by the number of people that haven’t heard of this old saying. Maybe it’s more of a southern thing. It means dead and buried. The elders used to claim that concentrated patches of daisies would grow over the graves of the deceased. I think it just sounds cool.

For my block prints, I like to use linoleum. Linoleum is a lot easier to work with than wood. They say that the lifespan of linoleum is up to 10 years before the linoleum itself starts to degrade. I haven’t gotten to that point but my blocks are still going strong.

daisies-block-product

My first step in the process of creating a design is to sketch out a simple idea. I like to keep the composition simple because I know that carving out all the negative space and detailed illustrations for block printing can be a recipe for pain and frustration. But, by all means, push yourself.

pushing-daisies-sketch-web

Another thing to keep in mind when working in a medium like block printing, this is a form of relief printing so what ever you are printing, it will be the mirror image of your design. So, it is really important, especially with typography, that you transfer the reverse of your image to the block for carving.

I typically sketch my design on tracing paper and flip it over with a sheet of carbon paper underneath. I trace and transfer the design to the block. From there, I like to ink the design onto the block so I do not get lost in the pencil lines. For this particular design, I want to print on black stock so I inked out all the negative space in which I would be carving.

daisies-block-inked

Once I have laid down my pen and ink, I get to carving. Now it is time to set it to auto pilot because you are going to be here for a while. During this process, I tend to meditate and pontificate the meaning of raisins and other unexplained phenomenon. You do want to be very patient and deliberate during this process to avoid slips of the carving tools. (If I was to give any tips at this stage; before carving, set your linoleum block under a hot lamp for a little while before carving, this will soften the linoleum making it easier to carve.)

daisies-block-carved

So now you are done carving and up until this point, because you have been working in reverse, you do not know how your prints are going to turn out. I’m always incredibly anxious to get to the printing stage because that is the moment where you find out if you have succeeded in bringing your vision to life. When printing, make sure you do use block printing ink. I use water based speedball inks, which work well for what I need. Block printing inks have a nice tacky consistency once you roll it out onto your rolling board.

For me, the printing process was actually the most difficult process to get the hang of. I spent a lot of time trying different methods of applying ink and pressing the blocks. The key to a successful print is to achieve the right texture of ink on your block. When applying the ink, it should sound a lot like Velcro. Once you have the right consistency, place your stock on top of the block and apply pressure. I work completely manual with nothing but elbow grease so, I use a rigid acrylic roller to apply even pressure to the inked block. I do not like using a baren which a lot of people recommend, it just didn’t work for me personally. After that first pressing, stand back and enjoy the fruits of your labor, over and over again. Reproducible art at its finest.

daisies-block-clipped

About the Author:

Derrick Castle is a Nashville based graphic designer and illustrator, freelancing for many major merchandising groups, as well as clothing labels. He is the creator of Straw Castle.

derrick2

More Derrick: Facebook | Twitter | Flickr | Society6 | Dribble

derrick1

Subscribe to the GoMediaZine newsletter | Get Goodies


facebooktwitterinstagramiconpinterestbehance

follow us in feedly

VSCO Cam tutorial - Header

Photoshop Tutorial: Easy to accomplish VSCO Cam effect in Photoshop

Hey designers, attend our all-inclusive soul-fulfilling three-day design retreat, WMC: Off-The-Grid, this October 5 – 7th. To learn more, head to wmcfest.com.

A little bit of context

Hello all, Simon here. Welcome back to the design blog built by Cleveland’s finest graphic designers.  You know me as a designer that loves to create posters with a lot of textures. I mean, just check the Lost and Taken poster tutorial, or the Do androids dream of electric sheep one. I’ve also used similar techniques in the tutorial I wrote when we released the Go Media building texture collection.

Well today, I want to talk about another one of my hobbies: photography. More specifically, iPhonography. I’m an avid Instagram user. But even better than Instagram is VSCO Cam. Purchasing the whole set of filters in that last app was so worth it. I’m a sucker for these often over-the-top film vibe images. Knowing that I don’t shoot too much film these days (despite owning a couple of Polaroids and an old Fujica ST 705), it’s kind of the closest I’m getting to it.

Been living under a rock for the past few years and don’t know what Instagram and VSCO Cam are and what they do? Here’s my Instagram profile, and my Grid™ profile. I’ve also shot images at the Cleveland  Zoo, at the Aquarium, and during Signal Midwest’s WMC Fest set.

But editing images on a small screen isn’t always the best and most practical. So, our quest today will be to create an editing workflow that brings us similar results, but by using Photoshop. I personally use Photoshop CC, but I’m fairly certain that you’ll have access to the same tools than I do starting with Ps CS3.

Oh, and it looks like the folks at VSCO Cam like it:

Let’s have a look at what kind of effect VSCO Cam produces

I’ll use some of my own images here as examples:

IMG_1258

IMG_1255

IMG_1285

Signals Midwest @ WMC Fest 2013

Signals Midwest @ WMC Fest 2013

Signals Midwest @ WMC Fest 2013

As you can see, we get a “faded” look (“crushed” colors), some grain, and some strange saturation mixed with cross-processed tones.

The faded look is the signature feature here. We’ll be exploiting the power of curves to accomplish some of that stuff. The grain can be either generated by Photoshop’s noise functionality, but we’ll probably use a real film grain and/or dust texture for added realism, and the saturation and cross-processing will be done using adjustment layers. The adjustment layer bit is crucial in order to keep a non-destructive workflow. This will allow us to, by turning a few layers off, to always get back to the original image.

Let’s get to it, shall we?

Source images

I’m using three images that I’ve grabbed from sxc.hu. They’re called Path in forest, Misty morning, and Tuscany farm and fields. I’ll start with the Tuscany image. After that, I’ll apply the same effect to the two others to see how transferable it is.

VSCO Cam tutorial - Source image - sxc.hu - 1109089_20976165 VSCO Cam tutorial - Source image - sxc.hu - 1367404_19918744 VSCO Cam tutorial - Source image - sxc.hu - 1408266_27405860

Step one:

This is very straight forward: open your image, and double click the background layer to make its own layer.

VSCO Cam tutorial - Step one

Step two: lightening the image a bit

The second step consists of lightening the image a bit. You could use a Brightness/Contrast adjustment layer, but I decided to use a Curves layer instead. Curves are much more flexible and powerful.

Just click on the center point of the curve, and drag it upwards. I’ve dragged it until my input value reads 130, and my output value reaches 140.

VSCO Cam tutorial - Step two

Step three: boosting the contrast

The contrast adjustment might not be necessary, depending on your starting image. Doing it here allowed to bring more intensity in the hay, and in that building in the left of the image. I could have used a curve adjustment layer to execute this step, but since I didn’t need much refinement, the Brightness/Contrast one works just fine.

VSCO Cam tutorial - Step three

Step four: let’s spruce up the colors

In my opinion, here’s where we really start to “cheat” with the digital image. A lot of cheaper digital cameras have sensors that don’t render a color spectrum as extended as, say, a pricey high end DSLR. By adding a Vibrance adjustment layer, we can fix this a little. I pushed the slider to 35. If you feel happy with the color rendition of your image, feel free to skip this step.

That being said, the various films brand that became iconic rendered colors differently as well, and the specific way some of them reacted (more saturated, more green, more blue, etc.) got them really sought after.

Note: you can read much more about the vibrance functionality over here, along with visual examples.

VSCO Cam tutorial - Step four

Step five: emulating the “color profile” of film

This fifth step is where we twist the colors around to give them the film feel. We’re using a Selective color adjustment layer. We’ll be touching up the yellows, the greens, the blues, and the blacks. See the values below:

  • Yellow: magenta +75, yellow +25
  • Greens: yellow +50, black +100,
  • Blues: black +25,
  • Blacks: black +10

If you know how certain type of films render colors (shadows greener, highlight yellow-ish, etc.), this would be the step to apply their “color profiles.” Looking at my result, I’m going to venture that we’re trying to emulate the M4 or M5 preset of VSCO Cam. But you should experiment here. For instance, try reducing the magenta to -25 or so in the blacks. You’ll see that your shadows will take a green-ish hue. Following that logic, you could easily recreate a lot of different color palettes.

VSCO Cam tutorial - Step five

VSCO Cam tutorial - Step five

VSCO Cam tutorial - Step five

VSCO Cam tutorial - Step five

Step six: the all powerful fade

As we saw when we looked at the example images earlier, the “faded” look, with the washed out and “crunched” colors is key to emulate a VSCO Cam image. After tinkering with using the Exposure/Gamma correction adjustment layer and a Curve adjustment layer, it seemed that using a fill layer (Layer > New fill layer > Solid color) of the color #4e4e4e put on Lighten for the blending mode gave me the best result.

Want more fade? Duplicate the layer, and toy with the opacity of the copy. Want less fade? Reduce the opacity of the original layer.

VSCO Cam tutorial - Step six

Step seven: a hint of cross-processed colors

Cross processing “is the procedure of deliberately processing one type of film in a chemical solution intended for another type of film. As particular chemical solutions are optimized for specific kinds of film, you will get unpredictable and interesting results when they are combined differently” (read more about real cross processing on the site of the same name or on Wikipedia).

Luckily for us, the Curves adjustment layer has a “Cross process” preset. Select it.

VSCO Cam tutorial - Step seven

As you can see, the effect is quite strong. But it brings that interesting green hue in the dark and black zones of the image. To make this a bit more presentable, I just lowered the opacity of the layer to 10%.

VSCO Cam tutorial - Step seven

Step eight: a bit more saturation

After all this color craziness, I’m going to add a Hue/Saturation adjustment layer to my layer stack. The slider is at 5, but this is enough to give a little “kick” to our image.

VSCO Cam tutorial - Step eight

Step nine: let’s amp the temperature up

Another trick that VSCO Cam lets you do is to toy with the temperature of your image. So I went ahead and added a Photo filter adjustment layer, using the Warming filter (LBA) preset. I’ve left mine as is, but there’s plenty of head room in the Density slider and layer opacity to refine the effect. Just make sure that the Preserve luminosity checkbox is checked.

VSCO Cam tutorial - Step nine

This is technically it

This is it! If you’ve followed the tutorial until now, you’ve emulated the look and feel of (one of the presets of) VSCO Cam. Just look at the source image, and at the result side by side:

VSCO Cam tutorial - Side by side comparisonBut you know me. I love texture, grain, and dust speckles too much to stop there. The next two steps, that are absolutely up to you, will show you how I added some grain and dust speckles to my image.

Step ten: grainy

As I wrote earlier, you could just fill a new layer with white or a neutral gray, and add noise to it (Filter > Noise > Add noise). But real analog grain will be so much better. So after scouring the internets for cool grain textures, I found this fantastic, high resolution one (9000 x 7200 pixels @ 300ppi) on DeviantArt, called Grain explosion. It’s been provided to us by JakezDaniel. Careful though, as it’s apparently only for non-commercial use (unless you get his permission).

The process is quite simple: import the texture in your design (File > place), and size it appropriately to cover your whole canvas. This one is so high resolution, that even at 26% percent of its size, it did the trick. Put the layer on Soft light at 15% opacity, and you’ve got yourself some sweet film grain.

VSCO Cam tutorial - Step ten

Step eleven: dusty

Another bonus step is to add dust, scratches, and other artifacts to the image. Well, JakezDaniel strikes again, because he has another sweet texture in his library called Film 400TMY. Same restrictions on its use, so don’t come and pretend you’ve not been warned. This texture features some subtle grain, and plenty of speckles of all sorts of dusty goodness. I also placed it in my document, sized it at 45%, put the blending mode of the layer on Screen, and tadaa!

VSCO Cam tutorial - Step elevenAnd there you have it! First with textures, and then without them.

VSCO Cam tutorial - Final, textured

VSCO Cam tutorial - Final, no textures

Now what?

Well, the whole point is to see if this is an editing workflow that could be reused for a whole set of images. See below the before and after comparison of the other source images I’ve mentioned at the beginning. The layer stack has been moved as-is to them. The only thing that changed is how much I’ve resized the grain and dust textures. Their opacities and blending modes remain the same. These are at 100%. Just click on the image to see it in very big.

On that foggy landscape picture, you can see that the result is very satisfying. The fade works wonders, probably even too well. I suppose that the color edits could be different to fit the mood of the image better.

VSCO Cam tutorial - side by side comparisonFor our second image, the result is a bit more intense, if not too intense. So I think that the color manipulation step is going to be the one step to adapt every time to the source image.

Note: this image had to be resized down to be able to upload it through WordPress. You can see the full size image over here.

VSCO Cam tutorial - side by side comparison

Bonus: “tilt-shift” blur

Editing images using VSCO Cam is great, but only Instagram allows you to do that quick blur effect. It can be used either to recreate that sweet “tilt-shift” effect, or to highlight a specific part of your image. After a little bit of play time with the lens blur effect and documentation reading, I think I managed to create a satisfactory Ps equivalent. In our Tuscany fields scene, we’re more going to highlight a part of the image rather than do some tilt-shift goodness.

Step one: preparing the document

The first step I’ve taken is to create a composite of all my layers so far. The shortcut for this is CTRL + ALT + SHIFT + E (CMD + OPTION + SHIFT + E if you’re on a Mac). This creates a new layer at the top of your layer stack with a merged copy of what your document looks like so far. This is an immensely useful shortcut. You’ll notice that I renamed my layer “composite.”

VSCO Cam tutorial - Step twelve

Step two: adding a layer mask

This is pretty straight forward. You can either add the layer mask from Layer > Layer mask > Reveal All, or from the handy little layer mask button at the bottom of your layer palette, with the correct layer highlighted.

VSCO Cam tutorial - Step thirteen

Step three: painting the layer mask

This step is where you decide what will be blurry in your image, and what won’t. You can either use the gradient tool to paint on your layer mask, or a big, soft brush.

The gradient tool will help you to nicely emulate real depth of field. Just be remember to choose the right gradient type for the shape of blur that you’re looking to accomplish (radial or reflected). The brush will allow much more control in zoning where the blur will happen. Since my image doesn’t have a very straight line of things I’d like to highlight, the brush made sense for me over the gradient. My brush is 250 pixels wide, and its hardness is at 0%.

Time to paint away! Note that what will be white, will be blurry, and what will be black will be left  as-is. I’ve chosen to highlight that zone at the middle of the image, and to make the sky and field right in front of us blurry. I followed roughly the hills’ edges. The brush’s soft edges allow to somehow emulate a gradient. The second image highlights where the blurred out areas will be.

VSCO Cam tutorial - Step fourteen

VSCO Cam tutorial - Step fourteen

Step four: lens blur!

This is where the real fun happens! Go to Filter > Blur > Lens blur. You’ll see the following screen:

VSCO Cam tutorial - Step fifteen

The following image shows my settings. I’ll explain below what they mean.

VSCO Cam tutorial - Step fifteen

You obviously want to have Preview checked. It’ll allow you to see the effects of your tinkering.

The depth map part is why we actually created that layer mask before. You’ll want to use the drop-down menu to highlight Layer Mask. And at that point, you should see the blur starting to follow what you’ve painted in the layer mask. If you’ve painted in reverse (it happens often when using the gradient tool), you check the Invert box to reverse how the filter will read your layer mask.
The Blur Focal Distance slider should be set at 0. This one works as follows: 0 is in focus, 255 is fully blurry. Since we have a predefined depth map, we do have to worry too much about it.

The Iris set of settings is where you can how the blur will look like. I chose my shape to be an octagon, but I noticed that an hexagon works as well. I do believe that this emulates the shape of the shutter in a real camera, but don’t quote me on this. The Radius slider is where you’ll determine how blurry the blur gets. For this example, 15 seems just right. The Blade Curvature and Rotation sliders produced very subtle changes when I played with them. I assume that would be where you could recreate the “profile” of a lens and/or of a shoot’s circumstances by matching its physical characteristics.

The Spectacular highlights settings are where to tinker if you want to play with bokeh. They seemed to me to react exponentially rather than in a linear fashion, so I’d say they are to be used with caution.

Noise is pretty straight forward. It adds noise to the blurry part of the image. I chose to put that slider to 2, and to have the distribution set on Gaussian. You could have some RGB noise in there, but Monochromatic looks better in my opinion.

Once you’re happy with the settings, time to hit that OK button at the top and to render the lens blur effect.

Tadaa!

And we’re done. Let’s not forget to turn the layer mask off (Right click > Disable layer mask) to truly appreciate the result.

VSCO Cam tutorial - Step sixteen

One thing that I’m noticing now is that the blur also blurred the dust and other film artifacts that I’ve added to the image with the help of the textures from JakezDaniel. The solution is quite easy: let’s recreate my composite layer in order to only include the stack of adjustment layers, and not the two texture layers, copy the layer mask over, and re-apply the lens blur effect with the same settings. And here you’ll have a lens blur effect and preserved textural effects.

VSCO Cam tutorial - Step seventeen

Something to note is that how the layer mask looks like is really what makes or breaks the effect. My painting was really rough and quick, mostly to demonstrate the effect. A more refined job would have made things a bit more subtle and believable. A gradient truly is what will emulate depth of field the best. Here’s a visual demonstration of this:

VSCO Cam tutorial - Step eighteen

It’s a bit softer, and much more believable.

On that note…

That’s all for today folks! If you have suggestions, comments, or ideas to perfect this, please let me know in the comments. And don’t forget to share the results of your experiments in the Go Media Flickr pool!

WOOBOX-MAIN-IMAGE

Lastly, make sure to check out our Arsenal Membership, which hooks you up with our huge product library for only $15 per month. Yes, seriously.

Go Media Podcast – Episode 17: Advice for a Graphic Design Student

In this episode, Jeff, Bryan, and Bill get together respond to an email we received from Sarah, a graphic design student who wanted advice on how she should step into her career when she graduates. We’ve also been working hard on the release of all of the supplemental resource for Bill’s Book: Drawn to Business.

Listen to the Podcast

[powerpress]

[iframe width=”100%” height=”166″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F117598765&auto_play=false&show_artwork=true&color=ff7700″]

Show Notes

Sponsor of this Episode

Cover art for this episode was also created by Bryan Garvin using the Go Media Building Texture Collection and design assets from Drawn to Business. You can find textures like what he used at arsenal.gomedia.us.

Quick Tip: Follow Your Vibrations

Let your heart decide how to move forward when you’re stressing over a decision or trying to decide what to work on.

What Go Media Has Been Up To

  • Jeff’s been working with Heather, Simon, and Bill to produce and write all of the bonus materials for Drawn to Business.
  • We are hopeful that Arsenal V3 will be launched before Black Friday.
  • The windows are in and the blade sign is now up at the Go Media studio. There’s still quite a bit of work to do, but we’re all really stoked about how things are coming.

49cd9608381e11e395d322000aa80060_8[1]

Links

Credits

Hosts: Jeff Finley and Bill Beachy
Producer: Bryan Garvin
Recorded at: Go Media

Sponsorship Opportunities

Interested in sponsoring the Go Media podcast, either episodically or exclusively? Well, hit us up at [email protected] if you are interested in advertising your business, project, event, or portfolio.

What Do You Think?

We want to hear what you think about the latest episode of our podcast and what topics you would like to see covered in upcoming episodes. Comment below with your suggestions.

Join Us Live

This episode was recorded live on October 22nd, 2013 at gomediazine.com/live. Next recording will be announced in the near future.

Ready for More?

Keep learning and listening to more Go Media podcasts!

40 Fresh, Free Fonts for Graphic Designers

40 Fresh, Free Fonts for Graphic Designers 

There’s something I have to tell you. There is nothing I love more than a free font.

Tall ones, short ones, skinny ones too. Serif, sans, straight up silly ones. I can’t get enough. Here is a collection of my recent * free * favorites organized in the following categories:

  • All Caps
  • Quirky
  • Cool
  • Old School
  • Hand-Written

Be warned, some are to only be used for personal use only. And some, well, are just for kicks.

They've thought of everything!
Wow. They’ve thought of everything!

Enjoy and don’t forget to head over to our Arsenal for some Go Media font-y goodness!

allcaps

Norwester by Jamie Wilson

north

Langdon Shadow by Steven Bonner

langdons

Mohave by Gumpita Rahayu

mohave

Fat Boy by Matt Braun

fatboy

Kenzo by Frank Hemmekam

kenzo

Canter Typeface by Christopher J. Lee

cantert

Tracks Typeface by Gumpita Rahayu

track01

Blyth by Nick Slater

blyth

quirkywords

Sequi by João Andrade

sequi

Baffled by Michael McMillan

quirky

Look Up by Filiz Sahin

hello

Lousiane by JuanJo Rivas del Rio

lous

Rhyder by Adrian Candela

rhyder

Sketch Gothic Light by Lukas Bischoff

sketchgothic

cool

Dense by Charles Daoud

dense1

Barketina Typeface by Kiril ZZlatkov

bark

Knubi by Matt Vergotis

knubi

Piron Free V.2 on Type Depot

piron

Sifonn Font by Rafa Goicoechea

sifon

Dekar on Font Fabric.com

dekar

Infinity by Tarin Yuangtrakul

infinity

Farewell Regular by Marianela Grande

farewell

oldschool

Baron by Frank Hemmekam

baron

Deco Neue by Jonatan Xavier

eiffel

Magna by Hendrick Rolandez

magna

Font by Rich McNabb

abc

True Love Font by Davide Cariani

truelove

Tenso by Jos Buivenga

birmingham

Vincent by Ben Suarez

1

AC Mountain by Adrian Candela

ac1

handwritten

Cheap Wine by Austin Eidson

cheapwine

League Script by A Good Company

leaguescript

Amatic by Vernon Adams

penul

Salt and Foam by Anna K.

 salt

Skinny on DaFont.com

thelittlesparrow

Aracne Ultra Condensed by Julia Martinez Diana

arc

The Little Sparrow on dafont.com

thelittlesparrow

Blackboard Ultra by Alex van Galen

blackboard

Doodleista by Filiz Sahin

doodle

Hillyard on Chank Fonts!

hillyard

Want more?

Sure you do!  I know the perfect place! Head over to our Arsenal for the best fonts around! (Biased?)

Here are a few of my favorites!

Engineer Reject

engineer

Celest

celest

Go Gothic Grunge

grunge

Enjoy and see you next time here on the GoMediaZine!

Subscribe to the GoMediaZine newsletter | Get Goodies


facebooktwitterinstagramiconpinterestbehance

follow us in feedly

16 Ways to Become a Master of Marketing

Whether you’re fresh out of the gate or an experienced designer, you’ll need effective marketing to keep the leads coming in. If you’re like us, you’ve experienced the ‘chug chug effect’ – waves of being booked solid followed by scrambling for work. It’s easy to get so entrenched in design that  marketing strategies fall by the wayside.

We’ve learned through the years that marketing is an ongoing process, something we have to make a concerted effort to do. Yes, it takes time and money, but it’s essential for a sustainable business.

In this article, we’d like to share some of the techniques we’ve found to be effective through our experience as a small graphic design firm here in Cleveland, Ohio  – some traditional, some not so much. We hope you find this information insightful and please share any ideas you have in the comment section!

onthemap

1. Throw a bash. Make sure your party is not about you but honors the company or companies you want to work with! This method 1/ ensures they show up excitedly and 2/ enables them to see the best of your work. Here’s how we did it. Find the way that works best for you.

2.  Ask your family and friends. We’re not talking getting down on your knees and begging here. We’re talking about being resourceful. It’s both efficient and smart to reach out to your inner circle for leads. Who do you know who / who do they know that has a need you could fulfill?

3. Find a vehicle for self-promotion.  For example, choose a high-profile client and offer to design something epic for them on a volunteer basis. Make sure your company name is featured in your design.

4. Give your free two cents!  We offer a complimentary 30-minute assessment, or ‘our two cents’, to clients who want our expert opinion on their brand and where it’s headed. This gets your foot in the door and establishes you as their go-to. Who knows when they might need some design help!

5.  Screen your clients. Customers often think that they’re the one in the driver’s seat by selecting the right company for their needs, but make sure the potential client is a good fit for you! Have a qualifying set of questions that they must meet at the onset of a potential project. As Jenny Kelley of Kelley Green Web, and contributor to Drawn to Business, puts it – “Life’s too short to work with difficult people”. End the nightmare before it begins.

kgw

6. Partner up! At Go Media, we collaborate with a network of specialists who extend our capabilities by enabling us to fulfill a wider range of project requirements, called our Extended Family. Partnering with firms who offer complementary products and/or services can be a great lead generator as you can be their go-to for any design needs.

7.  Network regularly. Get away from your desk and start shaking hands with the people out in the community, whether it be at business functions, charity events, volunteer opportunities or really, any activity or organization you’re genuinely interested in – bowling, rowing, break-dancing. When you’re involved with something positive, you’re bound to run into other professional people who will benefit from what you have to offer.

wmc

8. Sponsor events. If you choose wisely, sponsoring industry and community events can generate tremendous cross-promotional awareness. Be sure to attend any events you sponsor for networking opportunities – put a face to the name!

9. Send a short, informal email to a client you want to work with. Assure you are writing to the “right” person within the company.  (If aiming at a huge, pie-in-the-sky client, start with an art director from their internal design team rather than the head of their marketing department).

10. Knock on doors. It never hurts to go straight to the source and pitch your services. Come on now, don’t leave a message with a secretary. Face-to-face with an owner is best.

11. Go through an Artist Rep or Advertising Agency. Many of our leads have come by way of agencies who provided us with sub-contracted work.

12. Check in with your existing customers. Referrals are one of best sources of work. And, if you’ve done amazing work for yours, you can expect the same. Take some time to regularly check in with past clients. Send a warm, fuzzy non-salesy email. Be subtle, but do inquire about their future needs.

13. Sign up for speaking engagements. Further expand your network and show your expertise by signing up for speaking engagements in your professional community.  You never know who you will meet who will be impressed and need your services one day.

14. Be willing to work on spec (if necessary). If you’re aiming high and want to land that dream client, you may consider working on spec. Go in knowing full well that you may spend time and money on the project, yet money is not guaranteed.

15. Create content marketing. Get your work seen! Create a blog, tutorials, write articles, eBooks – anything awesome that will give your work wings!

tnd
Partner Jeff Finley created Thread’s Not Dead, The Designer’s Guide to the Apparel Industry

16. Invest in pay per click advertising.  Consider allocating a small portion of your budget every month for pay-per-click advertising, keeping your company name from getting buried beneath piles of other companies keywords in search engines like Bing, Google and Yahoo. Traditional but effective, none the less.

Want more insights into how you can increase profits while doing the work you love?

Check out our book, Drawn to Business, to learn proven business systems and processes for designers.

dtb_768x432

| Download a free chapter |

Subscribe to the GoMediaZine newsletter | Get Goodies


facebooktwitterinstagramiconpinterestbehance

follow us in feedly

Podcast Editing

Advice For A Graphic Design Student: Live Podcast Recording Tuesday, October 22nd, 2013 at 11:30am ET

Join us on Tuesday, October 22nd, 2013 as we sit down to answer an email we received from an aspiring Graphic Design student.

Live chat and audio feed available at http://gomediazine.com/live starting at 11:30am ET this Tuesday. If you post a question in the live chat, we’ll read and respond to it during the recording.