Category : Tutorials

Q. Why are there pink boxes around my type in Indesign?

Why are there pink boxes around my type in Indesign?

A. If you are new to Indesign, the pink boxes can be a bit of a mystery. The pink boxes indicate errors in your document. Most often errors with fonts in the document that are not installed on your computer.

While you can work with the pink boxes on in Indesign, they can be annoying. If you want to turn them off, simply hit the W key to change the view of your workspace.

Useful Ways Creatives Can Use Digital Cameras

I think many of us, myself included, rely on free and premium resources too much. Why not take a step back and become more involved in our designs? Some DIY style if you will. This post is a collection of ideas on how creatives can use digital cameras to do just that. There are also a few unique ideas for using your digital camera to help you run your business. I hope you find them useful and would love to hear any ideas you might have!

1. Building a Resource Library

You know all those amazing Photoshop textures, brushes, patterns, and backgrounds you see floating around the web? Many of then are made with nothing more than a digital camera and a eye for design. If you are reading this post, I assume you have both. Take your digital camera with you on any outing you go. You never know when you might find a cool texture or something that could make for a useful Photoshop brush. Need a specific hand drawn doodle for your design? Do it DIY style with a pencil, paper, and your camera!

2. Cataloging Colors and Pallets

It seems to me that there are few places to find better color combination than in nature. Of course, if you are trying to build a website full of hot pinks and electric limes, you may need to look elsewhere. That said, I constantly stumble across colors in nature that I think are amazing. Have you ever seen a birch forest? It is an amazing combination of colors. Fall is an especially great time to take your camera out doors to find great colors. Save these photos for reference later or build and save color pallets in Photoshop right away.

3. Ghetto Screenshots

If for whatever reason you can’t get a screen shot of your site in a certain browser or on a computer, use your digital camera to snap a picture. Obviously this won’t be accurate interpretation of the website, but it should convey any major visible problems. This is especially handy when your clients are just to computer illiterate to figure out how to take screen shots. Most people these days at least know how to take a digital picture and upload it.

4. Creating Your Own Stock Photography

Not that good stock photography is really expensive these days, but why pay for something you could create yourself? Obviously you can’t recreate every image on a stock site, otherwise you would probably be a photographer. But even a amateur with a point and shoot digital camera can create some of the pictures I see on stock sites. Being able to say you not only designed a site, but also did the photography for it isn’t something a lot of designers can say.

5. Backup Printed Documents

While many printers these days come with scanners, not everyone has one. If you are one such person, try using your digital camera as an alternative to a scanner. Before I had a scanner, I used my digital camera to photograph contracts, business cards, and other important documents. I would save them on a separate hard drive from the originals as a form of backup. This method also means you can setup an online fax account and move your business into the 1980′s. This is also another great method for getting signed versions of your contract back from clients without a scanner/fax.

My 5 Favorite Digital Cameras

I used to work as a travel writer who reviewed travel gear. As a result, I have seen and tested my fair share of digital cameras. Not to mention that I used to be a professional photographer before I got into design. I have done everything from high volume photography to print magazine work. I bring this up simply because I don’t want you to think I am shamelessly adding some affiliate links for the hell of it. These cameras are really ones that I think are great for designers and creatives.

Waterproof Digtal Camera1. Olympus Stylus Tough-6000 10 MP Waterproof Digital Camera
This is my favorite one for the simple fact that it is waterproof. I do a lot of watersports and outdoor activities, so this is super useful to me. But, even if you aren’t really into outdoor stuff, this is still a great camera. It offers WAY more protection than your basic digital camera. It is shockproof, crushproof, freezeproof, and waterproof. What does that mean? Basically, it means short of dropping it from and extreme height or driving over it, there isn’t much you can do to make it stop working.

Other digital cameras I recommend include:

2. Nikon Coolpix S70 12.1MP Digital Camera
“The Coolpix S70 introduces Nikon’s newly developed 3.5-incg Clear Color OLED Display with refined touch control that offers a new level of intuitive fingertip shooting control and a variety of exciting playback options.”

3. Sony Cyber-shot DSC-TX1/H 10MP
“The sleek DSC-TX1 incorporates the “Exmor R” CMOS sensor and boasts stunning low-light performance, reducing grain by more than 50%, even without a flash. High speed burst captures 10fps without distortion and expansive Sweep Panorama shots are easy to achieve with press and sweep motion. Control it all with its 3-inch touch screen LCD.”

4. Sony Cyber-shot DSC-W290 12.1 MP
“The Sony Cyber-shot DSC-W290 digital camera features Intelligent Auto mode, a 28mm wide-angle lens, automatically detects 8 scene conditions and selects the appropriate camera settings. Face Detection captures faces more naturally and helps prevent blur. Also, now record high-definition videos in 720p HD and enjoy your memories on your HDTV. ”

5. Canon EOS Rebel T1i 15.1 MP
“Canon’s new EOS Rebel T1i is packed with features, both refined and new. In addition to its admirable performance with an all-new 15.1 Megapixel Canon CMOS sensor, DIGIC 4 Image Processor, a 3.0-inch Clear View LCD with anti-reflective and scratch resistant coating, and compatibility with the EOS System of lenses and Speedlites, the EOS Rebel T1i adds remarkable Full HD video capture at resolutions up to 1920 x 1080.”

Digital Photography Resources

Want to learn a little more about digital photography before you invest in a new camera or buy a digital SLR? That is totally understandable. Lucky for you, there are a number of really great sites that teach even the most novice photographer how t create and capture outstanding images. Below is a list of a few of my favorite:

Photo TUTS+ – Nice site full of all kinds of tutorials and a next to no product reviews, which is nice.

Digital Photography School – This website covers every area of digital photography from tutorials, to reviews, to professional advice.

Create a Vintage Horror Movie Poster for Halloween

Last week I did a post for GraphicRiver call “The Scariest Movie Posters of All Time.” They were really just a showcase of cheesy old horror movie posters. Because I am such a fan of that style, I thought I would show you how to create poster with a similar style. Its really easy to do and produces an awesome finished product. I was inspired by one of the posters I saw on the list. Can you guess which one?

Step 1

Create a new document with the following settings: 8×10 and 72dpi and add your background color to white.

Step 2

Create a red box (#d72323) with a yellow stroke that is 7px wide.

Vintage Horror Poster Tutorial
Vintage Horror Poster Tutorial
Vintage Horror Poster Tutorial

Step 3

Find a nice picture with a lot of action to use for your background silhouette. I used this picture of a witch from ShutterStock.

Cut out the background as you see fit and add to the inside of your red box.

Vintage Horror Poster Tutorial

Step 4

Adjust the brightness and contrast to the witch layer. Use the following settings:

Vintage Horror Poster Tutorial

Step 5

Add a black color overlay to the image as well.

Vintage Horror Poster Tutorial

Step 6

Use a Gaussian Blur and add a slight blur to your image.

Vintage Horror Poster Tutorial
Vintage Horror Poster Tutorial

Step 7

Find a nice picture with a lot of action to use for your background silhouette. I used this picture of a surprised bride from ShutterStock.

Vintage Horror Poster Tutorial

Step 8

Resize your image to fit the design. You will also want to cut out the background as you see fit.

Vintage Horror Poster Tutorial

Step 9

Once you have the picture resized, tilt the image just a little bit and get rid of any portion of the image that isn’t inside the red box.

Vintage Horror Poster Tutorial

Step 10

Destaurate the the image so that you have a nice back and white version of the photo.

Vintage Horror Poster Tutorial

Step 11

Adjust the brightness and contrast to the following settings:

Vintage Horror Poster Tutorial

Step 12

A a yellow color overlay that matches the border color of your red box.

Vintage Horror Poster Tutorial

Step 13

Create a black box and rotate it slightly. This is where our movie title will go.

Vintage Horror Poster Tutorial

Step 14

Add your movie title into the black box. You will need to rotate it slightly to fit the same angle of your box from the previous step. I used a premium font called Calgary Script.

Vintage Horror Poster Tutorial

You will also wan to create some additional content for your movie poster.

Vintage Horror Poster Tutorial

Step 15

To finish of the poster and give it that vintage touch, we are going to add an image of some old, folded paper. I used this image of folded paper from ShutterStock.

Add the image as your top layer. Set the layer blend mode to multiply.

Vintage Horror Poster Tutorial

The reduce the fill of the paper layer to about 50%

Vintage Horror Poster Tutorial

Make a Sleek Car Ad in 7 Simple Steps

Step 1

Create a new document with the following settings: 8×10 and 72dpi and add your background artwork as needed. I decided to use Starry Night.

Car Advertisement

Step 2

Add your car image and remove any background portion of the photo as needed. I used this stock photo from Shutterstock.

Car Advertisement

Step 3

Select your artwork layer and copy the layer. Then select the ground portion of your car image layer.

Car Advertisement

Step 4

Go to Edit> Paste Into and paste your artwork layer into the ground portion of your car image.

Car Advertisement

Step 5

You will have to rotate and flip the layer you made in step 4 to create a mirror image of your artwork layer.

Once you have done that, add a gradient fill to the layer.

Car Advertisement
Car Advertisement

Step 6

Create a simple black box near the bottom of the page.

Car Advertisement

Step 7

Add the finishing touches such as text and car companies logo. I used this logo.

Car Advertisement

Final

Car Advertisement

Create a NFL Style Advertisement in Photoshop

This tutorial shows how you can use extreme shadows and highlights to create a trendy and powerful NFL magazine advertisement. This tutorial is interesting, as it really walks you through the process from start to finish, and the changes that happen along the way. It shows that design aren’t perfect from conception.

Step 1

Find a cool close up picture of a sports player. I used this stock photo from Shutterstock, but there are plenty of free images just like it elsewhere.

NFL Ad

Step 2

On your main image, go to Layer > Smart Objects > Convert to Smart Object

Next, go to Image > Adjustments > Shadows and Highlights. Follow the setting below:

NFL Ad

Step 3

Next, create a new Levels Adjustment Layer. Change the setting to the following:

NFL Ad

Step 4

Now we need to stamp a copy of this layer. Hold down command, ALT, Shift, and then press E.

Next, desaturate the layer by going to Image > Adjustments > Desaturate

NFL Ad

Then invert the image

NFL Ad

Step 5

Set the blend mode of that layer to Overlay

NFL Ad

Step 6

With the inverted layer selected, ad a Gaussian Blur with the following settings:

NFL Ad

Step 7

Click on the Levels Adjustment panel and change it to the following settings:

NFL Ad
NFL Ad

Step 8

To create a more sharper image, add a Unsharp Mask filter. Use the following settings:

NFL Ad
NFL Ad

Step 9

Create a new layer with the following settings:

NFL Ad

Step 10

Get a Brush Tool with a small size and set the Opacity to 10%

Paint over any major creases and facial details to help darken them more.

NFL Ad

Step 11

Get a Brush Tool with a small size and set the Opacity to 10% and set the foreground color to white.

Paint over any bright spots to help them stand out, like the eyes or teeth.

NFL Ad

Step 12

Select the background of your image.

NFL Ad

Step 13

Delete the background of your image and add some sort of storm cloud image to the background.

Set the layer Blend Mode to Overlay.

NFL Ad

Step 14

Adjust the Curves of this layer a little to make them a little more stormy looking.

NFL Ad

Step 15

Add some Noise using the filter with the following settings:

NFL Ad

Step 16

Start adding some text to your poster. I used:

NFL Ad

And slight reduced the opacity of the text.

NFL Ad

Step 17

Add some finishing touches like the NFL logo and some filler text.

NFL Ad

Step 18

I wasn’t liking how the color of the clouds looked with the rest of the image. So I adjusted the Hue/Saturation.

Image > Adjustments > Hue/Saturation to the following settings:

NFL Ad
NFL Ad

Step 18

Be sure to proof read your designs! I noticed some typos in my design and changed them.

NFL Ad