RaghuDesigns - portfolio and blog of Raghu Consbruck

Extracting the Original Photos from a Word Document

noreply@blogger.com (Raghu) — Thu, 12 Nov 2009 16:08:00 +0000

This is my favorite "use-immediately" tip from the InDesign conference I attended last week in DC. I literally needed to use this technique the first day I was back at work. The InDesign conference was awesome - I'll be sharing my favorite tips from the conference in the weeks to come.

I'm sure I'm not the only one who receives Microsoft Word or PowerPoint documents from clients with photos I need embedded in those documents. In the past, I've tried to copy and paste them into Photoshop which only yields a low res copy. Then I have to go back and ask the client to track down the original jpg or tif files which takes a while. Sometimes the originals are lost and I'm out of luck.

Now I finally know how to properly extract those original photos thanks to Anne-Marie Concepcion of Seneca Design and InDesign Secrets. Of course, garbage in, garbage out - if the client inserted a low res photo all you're going to extract is that original low res photo but at least it's something!

Open up your Microsoft document. If it's a Word doc, you're ready for the next step. If it's a Powerpoint file, open a blank Word document. Copy all of the photos from Powerpoint into that new blank Word doc and save the Word doc.
Open a new InDesign document. Choose File > Place (Cmd + D), select the Word document, make sure the "Show Import Options" check box is selected and click Open. In the Show Import Options dialog box, check "Import Inline Graphics". Click OK and place the file.
Go to your Links panel and select all of the placed photos. Click on the Links panel's flyout menu and choose Unembed Link. In the dialog box that comes up, click No. You will be prompted to select a folder to place the embedded photos. Decide where you want the photos and click Choose. The original photos will be extracted to that file location.

New Yorker Halloween Cover

noreply@blogger.com (Raghu) — Fri, 30 Oct 2009 14:51:00 +0000

I like this illustration for it's understated color and ironic message.

2010 calendar from Amy Soczka

noreply@blogger.com (Raghu) — Thu, 29 Oct 2009 19:23:00 +0000

Beautiful and simple vector natural art on this calendar featured at Design*Sponge.

Type Around a Sphere and Other Type on a Path Tips

noreply@blogger.com (Raghu) — Tue, 20 Oct 2009 19:24:00 +0000

I don't know how long it has existed but I only discovered the Type on a Path dialog box recently. That's the Adobe suite for you - there are always a couple different ways to create the same effect and the easiest, most efficient way is sometimes hard to find. At least I know about it now. These tips work in both Illustrator & InDesign.

Arcing Text around a Circle

I used to create this effect with two circles of different sizes and visually and manually align them so they looked even. This way is much easier:

Open a new document and draw circle (hold down Shift while drawing to keep it proportional).
Select the Type on a Path tool and click on the circle. Type in your text and center it. With the hollow point arrow tool, move the text center line to the outside top of the circle.

With the text still highlighted, double-click on the Type on a Path tool in the toolbar to bring up the Type on a Path dialog box. Select Effect: Rainbow, Align to Path: Center and click OK.
Copy the text, Paste in Front and move the text to a new layer. Move this text's center point tot the bottom center.

Wrapping Text Around a Sphere

Open a new document and place your world graphic or other round object. Draw a long oval as shown.
Select the Type on a Path tool and click on the oval. Type in your text and center it. With the hollow point arrow tool, move the text center line to the inside bottom of the oval.
With the text still highlighted, double-click on the Type on a Path tool in the toolbar to bring up the Type on a Path dialog box. Select Effect: Skew, Align to Path: Center and click OK.

CD Artwork

noreply@blogger.com (Raghu) — Fri, 18 Sep 2009 17:36:00 +0000

I'm finally catching up on finding and adding cover artwork to iTunes so my albums can be reunited with their covers. It's funny how technology comes in a circle: moving away from artwork to a text only list back to including the artwork again. Here are some of my favorite covers.

Pink Floyd, Pulse - unique and creative concept. Excellent execution considering the album release date: 1995 and Photoshop version at the time: 3.0. Sarah McLachlan, Mirrorball - love the warm tones and textures and flower-like shape.

Jamie Cullum, Catching Tales - The bright red text and funky font make this cover pop. Sarah Brightman, Harem - I love the smooth empty space of the water and the sky. The curls on the text add interesting flair.

Sissel, Into Paradise - I know this technique is probably past its due date by now but I still like the erased title and photo edges. Shiller, Tag und Nacht - (Day and Night in German) simple, graphic, striking.

Random Green Inspiration

noreply@blogger.com (Raghu) — Tue, 08 Sep 2009 20:40:00 +0000

Creating Running Heads with Text Variables

noreply@blogger.com (Raghu) — Fri, 04 Sep 2009 18:24:00 +0000

This "how to" is very handy for books and other long documents. I was delighted once I learned how to use text variables to automatically generate running heads and maybe you will be too. So much time saved. So many master pages eliminated. No more worrying if I remembered to change the running heads when the chapter title was revised. I'm sure I've only just touched the surface of text variable capabilities and I'm looking forward to exploring more. Here's how to use text variable to create running heads:

Open your book or long document in InDesign.
In my example, I have a paragraph style called "chapter number" applied to the chapter number and a paragraph style called "chapter title" applied to the chapter title. Make sure your document has a paragraph style(s) applied to the text you want to use to generate the running head.
Select Type > Text Variables > Define. You can either modify the available options or click the "New" button. In this example, I clicked New.
To create the chapter number text variable: I named my text variable "Chapter Numbers" and chose Type: Running Header (Paragraph Style), Style: the paragraph style named chapter number, Use: First on Page. I inserted a colon and and space in the Text After field. Click OK. Click Done.
To create the chapter title text variable: I named my text variable "Chapter Title" and chose Type: Running Header (Paragraph Style), Style: the paragraph style named chapter title, Use: First on Page. Click OK. Click Done.
Go to your master pages and create a new text box for your running heads. Select Type > Text Variables > Insert Variable and choose Chapter Numbers. Select Type > Text Variables > Insert Variable and choose Chapter Title. Apply paragraph and character styles to format your text as desired. Make sure the width of the text box is large enough to fit your longest chapter title.

Creating an Interactive Table of Contents

noreply@blogger.com (Raghu) — Thu, 27 Aug 2009 17:16:00 +0000

Here are two ways to create an interactive table of contents in InDesign. By interactive, I mean that by clicking on Chapter 1 or page 11, the pdf document jumps to the beginning of Chapter 1 on page 11.

The easy way
If your document is straight-forward and you are able to auto-generate a table of contents, great! This is the easiest way to create an interactive table of contents, by letting InDesign do it for you:

Once you've complete the layout and style application for your document or book in InDesign, you're ready to automatically generate a table of contents. You will need to have a paragraph style applied to the chapter titles. This style will be used create the table of contents.

Click on Layout > Table of Contents to bring up the Table of Contents dialog box.
Add the chapter titles paragraph styles to the left box. Select an entry style for your table of contents (you can create it later if necessary and re-generate the table of contents).
Still in the Table of Contents dialog box, under Options, make sure the Create PDF Bookmarks box is checked. Click OK.
When exporting a pdf, under the General tab, be sure you check the boxes for Bookmarks, Hyperlinks and Interactive Elements.

The manual way
If for some reason you can't auto generate a table of contents or want to add a "go to page" command to another piece of text unrelated to the table of contents, use these steps to make your text interactive. I'm using hyperlinks because I find them simpler and easier to use than bookmarks.

Open a document in InDesign.
With the text tool select your point of origin text (the text you'd like a user to click to jump to another page). With this text selected, go to the Hyperlink panel fly-out menu and select New Hyperlink.

In the New Hyperlink Dialog box, under the Link To: drop down box, select Page.
Type in the page number you'd like to jump to, set the Appearance Type to Invisible Rectangle and click OK.
Repeat steps 2-4 as needed.
When exporting a pdf, under the General tab, be sure you check the boxes for Bookmarks, Hyperlinks and Interactive Elements.

Controlling a Viewer's Experience of Your PDF

noreply@blogger.com (Raghu) — Wed, 26 Aug 2009 20:39:00 +0000

Whether you'd like your pdf to be viewed in book view (two-up continuous with a cover page) or single page view or appear with the Pages Panel, you can make sure that happens every time the pdf is opened. Here's how to control a viewer's experience of your pdf:

Open a pdf in Acrobat. I'm using Acrobat Pro so I'm guessing you probably need Acrobat Pro for this to work.
Select File > Properties or hit Cmd-D to bring up Document Properties.

Click on the Initial View tab.
Now choose whether you want page only or side panels (page, bookmarks, etc) under Navigation tab drop down menu. Choose from single or two-up options under Page drop down menu. Choose from options like fit page, fit width or a zoom percentage in the Magnification drop down menu. Choose any other options as desired.
Save the pdf. Close it and reopen it to confirm your initial view settings have been applied. It will now open with these view setting every time.

I Love Dust Eames Pillow

noreply@blogger.com (Raghu) — Thu, 13 Aug 2009 17:10:00 +0000

I like the simple green and white color scheme and vintage typography and graphics on this pillow. From ILoveDust on ClickforArt.com

Multiple Strokes with the Appearance Panel

noreply@blogger.com (Raghu) — Wed, 12 Aug 2009 18:36:00 +0000

Creating multi-layered strokes is easy with the Appearance panel:

Open a new document in Illustrator and draw a shape. Or open a previously created document and select the shape you'd like to stroke.
With your shape selected, add a stroke color, style and weight in the Stroke panel. For this example, choose Align to the Outside (third option) in the Align Stroke portion of the Stroke panel.

In the Appearance panel, choose Add New Stroke from the flyout menu. Choose a stroke color, style and weight. Continue adding strokes as desired.
To adjust the stacking hierarchy of a stroke in the appearance panel, select a stroke and move it up or down. The stacking hierarchy works just like layers, layering strokes on top of each other to create different effects.
To copy the multiple stroke effect from one shape to another, select the original multi-stroked shape. At the top of the Appearance panel, select the thumbnail for that object. Drag that thumbnail onto the new shape to apply the Appearance panel effects.

My Work: IFAS Research Roadmap

noreply@blogger.com (Raghu) — Fri, 07 Aug 2009 13:13:00 +0000

The IFAS Research Roadmap is a 12 page newspaper-like publication that summarizes and presents a faculty-driven plan for the future of IFAS Research. I took my design cues from the word "roadmap" in the title and created a road/highway theme. I built the highway scene from 4 different photos, adjusted the color and shadows, added texture and topped it off with a highway crest for the title.

Tips for Speedy and Efficient Graphic Design - Part 2

noreply@blogger.com (Raghu) — Thu, 30 Jul 2009 18:12:00 +0000

So you want to be a faster graphic designer? More tips for speed:

Clean Up Your Text Before You Start Designing
(InDesign)
It's such a pleasure (and it's more efficient) to design with clean text but let's face it: designers rarely receive perfectly ready and clean text. There's always some issue: the bullets don't convert properly, the hyperlinks cause issues, there's all sorts of invisible trash (extra spaces, paragraph marks, tabs, etc.). For those pesky hyperlinks from Microsoft Word: Select all of the text in Word and hit Cmd-6 which strips out all of the hyperlinks (and hyperlink formatting!). In InDesign, use Find & Replace to get rid of the invisible extras: double spaces, extra paragraph marks, tabs and other document trash before you start designing. It will be that much easier to hit the ground running with your design.

Master Selecting Objects and Selecting Tools
(InDesign, Photoshop, Illustrator)
Do you know the quickest way to switch from inside a text box to the Selection tool in InDesign? (Hint: hit Escape.) Can you draw and modify a shape in Illustrator without ever selecting a tool with the mouse? Learn the keyboard shortcuts to all of the tools and be able to select, move and modify an object using keyboard shortcuts whenever possible. Those little side trips to the menus and toolbar really add up over the course of a day.

Organize Your Files (Computer & Paper)
It doesn't matter if your desk looks perfect or if it looks like a cyclone hit it. The true measure of organization is function: if you can find a document or file you need in 10 seconds or less, you're doing great. If you can't find your files that fast, you might need a better system. My main organization inspiration comes from Julie Morgenstern's books and Zen Habits. I analyzed my own workflow and tested out different methods until I found the one that worked best for me.

Think Like a Race Car Driver
Race car drivers drive safely at dangerously high speeds (at least most of the time). How do they do it? Training, practice, focus. The same principles apply to designing faster:

Training. Know your design programs backwards and forwards. The more familiar you are with the programs, the less time you spend figuring out how to do something. You just do it.
Practice. Practice, practice and more practice. The more you do something, the better you get at it (at least usually). Also remember to practice skills that don't get used daily in your job. For example, if you rarely work in Illustrator, do something for yourself for fun in Illustrator to keep you skills from getting rusty.
Focus. The research is becoming clearer and clearer: multi-tasking doesn't make you more efficient, it does exactly the opposite. Intense focus for periods of time, focusing only on a single task and ignoring distractions like email and phone calls, is a more efficient and productive way of getting things done. It's also more pleasant! So do whatever you can to help you find that single focus.

Tips for Speedy and Efficient Graphic Design - Part 1

noreply@blogger.com (Raghu) — Fri, 24 Jul 2009 18:37:00 +0000

Speedy design is a bit of an oxymoron. It's important to be able to design quickly and efficiently but you also need enough space and leisure to be able to explore and generate quality ideas. Here are some tips for speedy and efficient graphic design when you already have that quality idea:

Keyboard Shortcuts
(Photoshop, InDesign, Illustrator)
"The first thing I do when I walk in is pick up the mouse and turn it upside down." I heard these words from a design efficiency expert years ago at a design conference and they've stuck with me deeply ever since. The message: the mouse is the slowest tool in your repertoire. If you want to be fast, you have learn (and use!) keyboard shortcuts. If a common command you use doesn't have a keyboard shortcut, assign your own custom keyboard shortcut. Make it a game to avoid the menus. Here are keyboard shortcut guides for Photoshop, InDesign, and Illustrator.

Templates
(Photoshop, InDesign)
Take the time to create templates (or download templates) for whatever you create a lot of and/or have as a recurring projects. Create the templates in the programs you commonly work in. For example, if you often use Photoshop and InDesign on brochure projects, create brochure tri-fold.psd and brochure tri-fold.indt. Make your template file the right size, adjust margins, add guides and bleeds, add basic text styles, etc. I recommend locking your template files (make them read only) and your templates folder so you won't accidently overwrite your original template files.

Actions
(Photoshop)
Actions are awesome. I don't know how I could be a designer without Photoshop actions, especially batch processing (File > Automate > Batch) using actions. I use actions for everyday operations like converting to 300 ppi CMYK and saving as tif or converting to grayscale. Whatever I find myself doing often, I create an action. I also use actions for project specific tasks like applying a special sepia photo effect or adding photo edges. For even more speed, I assign keyboard shortcuts to my most commonly used actions.

Paragraph and Character Styles
(InDesign)
Paragraph and character styles are powerful, flexible, easy to apply and vitally necessary for most InDesign projects. For ease of use, create folders for your styles and organize them by hierarchy (ie. organize them in the order that you apply them in the text: headers first, then subheads, text, bulleted lists, numbered list and the rest). For greater speed, I apply keyboard shortcuts to my styles so header might be Cmd + 1 and subhead Cmd + 2.

Stay tuned for Part 2.

Mother and Baby Owl

noreply@blogger.com (Raghu) — Mon, 20 Jul 2009 20:42:00 +0000

This illustration is just too adorable! Love the coloring, patterns on the owls and the lovely owly eyes. From Etsy seller carambatack.

My Work: Sri Nama by Bada Haridas

noreply@blogger.com (Raghu) — Wed, 15 Jul 2009 19:54:00 +0000

The music on Sri Nama, the latest album from Bada Haridas, is beautiful. Some tracks are more energetic with a slightly rougher "live" feel and other tracks are warm and mellow. I created a richly textured design that represented the music on this album and the devotional mood of Bada Haridas's kirtan. Listen at badaharidas.com.

Book Cover Inspiration from WellMedicated.com

noreply@blogger.com (Raghu) — Tue, 14 Jul 2009 19:39:00 +0000

I discovered WellMedicated.com through their recent blog entry: 45 Beautifully Designed Book Covers. Here are my favorites from their selection.

Packagings of the World Blog

noreply@blogger.com (Raghu) — Fri, 10 Jul 2009 17:47:00 +0000

I recently found the Packagings of the World Blog. The designs featured are diverse and best of all: lots of photos, very little text.

Creating One or More Rounded Corners

noreply@blogger.com (Raghu) — Wed, 08 Jul 2009 19:16:00 +0000

Want to create only one or two rounded corners in InDesign? Here's the trick: Download the free Adobe javascript plugin from here and follow these detailed instruction from InDesign Secrets. In short:

Download the free InDesign script called CornerEffects.js. (You'll need to sign in with your Adobe ID.)
Load the script into InDesign.
Open InDesign document and draw a rectangle (or other shape) or select a photo.
With the shape or photo selected, double-click the CornerEffects script. A dialog box pops up and you can choose which corners you'd like to round.

Note: Since this script manually creates the points for the rounded corner shape, the final corner effect not flexible/editable like InDesign's built-in rounded corner effect. Therefore, I would highly recommend you make a copy of your original photos onto a separate layer before applying the rounded corner script.

Bocage Shoes

noreply@blogger.com (Raghu) — Tue, 07 Jul 2009 19:23:00 +0000

I love the beauty, delicacy and amount of detail in these two illustrations for Bocage Shoes by Vania Zouravliov. I only saw one of these ads/illustrations in Communication Arts but Adfeast has both posters.

Northern Ohio Railway Museum posters

noreply@blogger.com (Raghu) — Wed, 01 Jul 2009 19:41:00 +0000

I seem to be on a vintage kick. I like the vintage styling of these posters and it's interesting to dissect the posters and notice all of the elements (fonts, colors, arrangement, styling) that contribute to this feel. I'd like to figure out how to create the light rays from the trains in the first poster.

Slower posting

noreply@blogger.com (Raghu) — Wed, 01 Jul 2009 19:39:00 +0000

My life has been just a little bit crazy and busy lately and I've been ignoring my blog. I will write when I can and hopefully my summer will calm down soon...

Open Lotus

noreply@blogger.com (Raghu) — Thu, 25 Jun 2009 19:41:00 +0000

This blown open lotus shows how a little color goes a long way to making an impact. I like how the tiny bit of pink at the tips, bright yellow center and grayish green shadows make this white lotus pop. Photo by zenjebil at sxc.hu

Relato

noreply@blogger.com (Raghu) — Wed, 24 Jun 2009 19:18:00 +0000

We recently purchased some fonts at work and I'm in font heaven—too many delicious new fonts to choose from. One of my favorites is Relato, a contemporary serif font. I just love the italics.

Oprah's Summer Reading List

noreply@blogger.com (Raghu) — Fri, 19 Jun 2009 18:45:00 +0000

Oprah's summer reading list has some books with interesting design. I love the color and decorative text on Dreaming in Hindi. The extreme cropping and ghostly white text on the light gray background make the Columbine cover moody and appropriate. I like the order and structure of Plan Bee. And for Admission, gotta love the 'A'.