In today’s fast paced life and technocentric learning modules, there are many different options to gain more training. One way to propel your career is to get a new certification.read more
The Adobe Creative Suite offers an array of industry-leading software products for graphic design, web design, professional photography, video editing, and much more. For any aspiring designer looking at the Adobe software choices, there is a lot of overlap between the graphic design products (and for good reason!).
If you are confused as to which product is right for you when you decide to tackle that new, creative project, it is helpful to know the key differences between the three major graphic design programs in the Creative Suite: Photoshop, Illustrator, and InDesign.read more
In my opinion, one of the marks of a professional graphic designer is consistency. It is so important to make sure that fonts, colors, and design elements are consistent throughout a project, but also across an entire company brand. Design consistency gives a feeling of familiarity and provides the consumer something to recognize about your products or services. When Adobe InDesign was introduced in the Creative Suite in 2002, it came with a bundle of new features that helped designers ensure consistency across documents. One of the easiest ways to do this was to use Adobe styles. In most of the graphics programs in the Adobe Creative Suite — including Photoshop, InDesign, and Illustrator — there are multiple panels referring to style. An Adobe style is simply a package of style information that can easily be applied to your document objects. In Adobe InDesign, there are separate panels for character styles, paragraph styles, table styles, cell styles and more. Each of these is intended to help you create the style and then easily deploy it as needed. By connecting all of your relevant objects to the style, you can easily make one change to the style definition and it can be re-applied to all associated items. For example, a paragraph style may contain the font, spacing and alignment information for different types of paragraphs. This concept alone can save you hours of tedious cleanup work. It also reduces human error and guarantees that all similar elements have the same appearance. However, these concepts can be taken to a much higher level. Adobe InDesign also has a way to create a pattern of styles throughout your project. For example, many print documents follow a familiar flow to organize the content. You may have a header, followed by a sub-heading, a first paragraph with an interesting design for the first line of text, and then subsequent body paragraphs. A feature of a style called Next Style allows you to set up an order for styles to follow. All you would have to do is set the style of header and then tell InDesign to flow the Next Style to ensure the remaining styles follow from there. Each style will remain connected to the source to allow for quick changes and consistency. There are far too many other-style related features and time-saving tricks than I can mention in this short column. I hope you try to use styles in your Creative Suite projects and find new ways to become more efficient with your design work. [Originally posted in the Coloradoan on...read more
When it’s time to pull your graphics and text together into one document, Adobe InDesign is the place to be. Be it a flyer, poster, brochure, newsletter, magazine or other media, if you need to create layouts with text and images, use InDesign. Yes, Photoshop lets you create text boxes. But, comparing Photoshop’s Type tool to InDesign’s layout features is like comparing a house cat to a panther — they share a couple genes but one is clearly beefier. In this experiment we will create a basic document in InDesign, incorporating several boxes of text with images. Along the way we’ll point out some handy tips, and if you like what you see, check out our InDesign classes. We’re only scratching the surface here. What’s Up, Doc? Start off by creating a new doc in InDesign. Go to File > New > Document. You will see other options like new Book or new Library. Ignore those for now. Like any time you’re opening a new document, a window will open where you can set document features such as page count, margins and so on. We’re skipping document features here. There’s plenty to cover as is. Filling in the Blank After creating a new InDesign document, you should be staring at a big, blank document. Sometimes getting started can be a little difficult, so if you want you can use the Frame tool to create a blueprint for where you want text and images. With the Frame tool selected, click-drag over your canvas. This creates blue boxes with a big “x” running through them. Here, we used the Frame tool to get a decent idea for the spatial requirements for our headline, sub-headline and text body. The Frame tool doesn’t set anything in stone. Likewise, our final layout hardly resembles the the blueprint. But, that’s okay. As long as you get the ball rolling, the Frame tool did its job. These frames won’t show in a printout or digital copy of your final layout, but if you want to keep your canvas clean you can delete the frames by selecting them using the Select tool and (obviously) clicking Delete on your keyboard. Framework to Fireworks With an idea of what to do, you can now start putting some content on your InDesign page. We started with text. Using the Type tool, we created three text boxes (all in the same layer). You can create new layers for each text box by clicking the New Layer icon in the Layers panel. But, for a simple design like ours, you may not need to do that. Text boxes can be reshaped at any time, so you don’t have to get your boxes perfect from the start. As you can see from the image above, the headline and sub-headline text are stylized. Specifically, the text has a red fill and a new font. With the Type tool selected in your toolbar, the taskbar atop your document offers a ton of features to customize your text. Now that the headline and sub-head are somewhat set, we can move onto other elements. First, we’ll play with the text body. Breaking up text into columns helps give a layout some structure. It also improves readability–people seem to like information in bite size chunks. So, we’ll create columns for our body. Click on the Select tool (the black pointer) in the toolbar and click on your body of text. You know the text box is selected when you see “handles” (square knobs) on the corners of the box. You will notice that a different toolbar appears over...read more
Strong designs go far beyond looking cool. When you load a website, watch an ad on television or peruse magazine ads, are you looking at them with random purpose, or did someone sprinkle a breadcrumb trail for you to follow? A well-designed document leads viewers from point A to B, highlighting and emphasizing key components without shouting in all caps “HEY! LOOK OVER HERE!” While there are many creative and intricate ways to draw viewers to the important content like moth to flame, there are basic (and highly effective) methods that are commonly used in just about all of today’s media. Eyeflow Eyeflow is one’s natural visual progression through a document. Creating visual flow is like drawing a map through your document using various design elements. To help draw this map and mark your important goodies with a big, fat, subconscious “X,” designers will use anything from color or shade gradients to roadways or even an arrow. Subtler techniques incorporate less obvious materials, and piecing together a design that not only looks compelling, but compels the eye to follow a specific path is a true art form. There are no rules written in stone for eyeflow. As in, you can get creative with where people should begin viewing your document and where eyeflow should lead. Really, eyeflow should be different for almost every project you have, as your materials and goals will differ. Just remember that whether it’s an arrow, an innocuous background object, text or the central component of your design, give everything in your design direction towards your project’s goal. “Reading” Designs This is perhaps one of the most basic and fundamental rules of eyeflow. Ever since we were children, we’ve been trained to read from left to right, top to bottom. This principle of eyeflow holds true for graphic and text-laden content. This isn’t the only way to create designs, but it’s used so often that it’s important to highlight this technique. This comic book cover of Spider-Man is a great example of how top-left to bottom-right rules apply for both images and text. You can see how the illustration uses a strong headline to initially grab the eye at the top. Then, Spider-Man’s pose not only draws the eye to the center of the design, it also leads the eye from the top-left to the bottom-right of the page. All literal messages (dialogue bubbles and text blocks) follow the same path as his pose, giving the content a natural flow. Also, as Spidey’s first appearance ever, there is literally an arrow pointing at his name, saying Hello world!” without stealing the focus from the central image. The Fold While you don’t want to bludgeon people with calls-to-action and information, you shouldn’t hide them either. When creating images for websites, it’s important to remember that monitors, smartphones and tablets typically aren’t large enough to display a website’s full content. The fold is the point where a page goes from visible to off-screen. It’s typically important to place all important information above the fold, as many people will move on without scrolling through the entirety of web pages. These principles can potentially help when designing for other media than the web as well, as it will help create a hierarchy of content. Speaking of which… Hierarchy vs. Anarchy Newspapers may be an endangered species, but they sure know how to prioritize content. Typically, newspapers follow the inverted pyramid rule, where articles lead with the most important information and get to the finer details and extras toward the end. When creating your designs, it’s important to think about...read more