Blog

Posted in Uncategorized

Thrilling InDesign

indesign-blog-picture

I know what you’re thinking.  This looks just like something else I did on my blog!  Nope!  However, this was also created using InDesign.  It seems pretty basic, too.  The most difficult part would probably be setting up all of the Paragraph Styles or going in and making sure the correct sections are underlined and such.

So the part that looks like it would be the most complicated is the middle text box.  It seems to me that the designer created three rectangles and arranged them as we see them.  From there, he applied a text wrap to the middle one and then copied over the text to the first box and made it where the text flowed through the other two boxes.  At this point, the text in the middle box would be nonexistent because it has a text wrap applied to it, meaning that text is going to avoid it like a kid avoids apples on Halloween.

However, this avoidance can easily be fixed by going to Object > Text Frames Options…  There would be a little box you can check that says “Ignore Text Wrap.”  Now, the text will cooperate.

As for the design, this article is from 2006.  That was the awkward teen years for graphic design I guess.  Just like a teen, this article obsesses with that glorious lime green color that can be seen on the sitting ski and slightly faster sitting ski image.  The blue comes from the sky.  Of course it’s a nice clear day!

Personally, the green/yellow is jarring and detracts from the shocking color of the sitting ski.  However, I do like how “Thrills” is in a bold black while the rest of the title and subtitle are in that sky blue.  It makes “Thrills” stand out.  By having the text go at a slight slant for the title, it draws the reader’s eyes to the slope and matches the theme of the article.  Additionally, the Photoshop Clipping that was added to the main sitting ski really draws the reader’s attention to it and further emphasizes the focus of the article.  Maybe the magazine didn’t have any pages to spare, but I would have liked to have seen some more white space in this design with the slightly faster sitting ski being the main image.

Posted in Uncategorized

Bean There, Done That

indesign-blog-picture-2

As a coffee lover, I couldn’t help but stop to look at this article that seems to have been created in InDesign.  Interestingly enough, this class has torn down my ability to see things as just plain articles now.  Instead, all I see is a few text boxes, some basic shapes that were colored in, and of course coffee!

For starters, the image was probably brought in from Photoshop or it was an amazing shot.  That shot, either way, was stretched so that it covered the two pages of the magazine.  The numbers and information at the bottom of the page were created by creating a Master Page with those details on it so it was easy for the design in that regard.  Same goes for the header on the top of the left page.  However, the black little bar on the left page could be part of the template or it could have been created using the Rectangle tool.

For the black bars around the words like “Counter” in the title and the subheading on the right page, I imagine that the designer created the text first and then drew in the rectangles.  Or the text is left centered and those specific lines had a highlight applied to them or a background color of black.

The text box is simple.  The designer copied in the text into a giant text box and then made it where that text box was two columns.

Tada!  Now you too can go create a coffee themed article with InDesign!

Posted in Uncategorized

Color Brochure Practice

 

 

 

screen-shot-2016-11-10-at-12-08-39-pm

screen-shot-2016-11-10-at-12-08-57-pm

In class  today, we put together a 32-page brochure in about 30 minutes.  How?  Well, the key is having the content already typed up, having your pictures ready, and master pages.  The first two are things you’ve probably done before.  However, master pages are a new concept.

Master pages are useful in that they are a template for the rest of your pages.  The two thick lines on the side, page number, and location of the text box are uniform across the brochure because they were designed on the master page design.  To create the two thick lines, I simple drew a rectangle on the page and made it where the ends were off the page and the fill was the color of the page.  Then I made it where it had a thick border.

The page number was placed by creating a basic text box, going to Type > Insert Special Character > Markers > Current Page Number, and changing the font to match the rest of the theme.  The alignment of the photos was done by adding a guiding line on the master page, then I just had to line the photos with the guide line.

Below is a link to the full brochure:  color-brochure

Posted in Graphic Guides

Photoshop and InDesign

 

screen-shot-2016-11-08-at-11-44-21-am

So the image above includes my graphic I designed for the article (which you can find right here).  Anyway, InDesign is completely compatible with its sisters in the Adobe Design Suite.  You could drag in a Photoshop file and put it in directly.  For the image above, I simply imported (Command + D) my graphic I completed in Photoshop.  Then, I set my Paragraph Styles.

From there, I drew a Rectangle Frame for the top of the page for the opening paragraph.  I then copied in the first paragraph of the article and changes the style to my subhead format.  For the big A, I created another Rectangle Frame, typed “A” and then changed the font to the same font as the first paragraph and increased the size.  Then I sent it to the back and arranged it so the “A” ended at the same place as the littler “A”.

For the body paragraphs, I created two more Rectangle Frames, and adjusted the margins of it with Object > Text Frame Options…  Now my text didn’t all fit in the first box, so a red plus sign appeared at the bottom corner.  For that, I selected the Direct Select Tool and clicked on the little red plus sign.  Then I clicked on the second frame and the text transferred over to it.  This way if something were  to happen with the first text box, say I added in am image that had Text Warp applied to it, the text would transfer smoothly and worry free.  Lastly I added in my images and added a “(continued on page 37)” to the end of the last line on this page.

Posted in Graphic Guides

Basics to InDesign

snowboarder-samplesnowboarder-sample2

The magazine looking images above were created with Adobe InDesign.  Don’t worry, the text itself is pure garbage.  However, the arrangement of images is text is the fun part.

Honestly, this is my least favorite application out of the three (out of Photoshop, Illustrator, and InDesign).  This has similar tools to the others, like the selection tool, line tool, basic shapes tool, eyedropper tool.

The key tools, though, are on the right toolbar.  One of the most important tools is the Paragraph Styles tool that you can see by going to Window > Paragraph Styles if it’s not already present.  Now the main attraction of the Paragraph Styles tool is that you can essentially set the formatting for all of your text here.  For instance, you can create multiple styles and have them vary by font, font size, color, style, and many other options.  This is useful if you’re working on an extensive project with multiple pages of text.  If you set the text with the Paragraph Styles tool and you make any changes to the style, then the change will occur throughout the project.

The images above were created with the Paragraph Styles, importing images (using Command + D), basic shapes, and text boxes.  The headliner image that has the guy’s hand sticking out over the “Snowboard California” was created by going to Object > Clipping Path > Options… Then I selected the “Photoshop Path” I had created earlier.

In order to get the text to avoid the images, I selected the image and went to the top toolbar and selected “Warp around bounding box” at the top, it looks like a little gray box surrounded by lines.  However, this makes it where all of the text boxes are dodging the images, regardless of order on the page.  To make it where some text boxes aren’t dodging, select the text box, go to Object > Text Frames Options… and a dialogue box should pop up.  At the bottom of the dialogue box, there should be an option to Ignore Text Wrap.  Click that option and it should make it where the text stands strong.

For the nifty lines along the edges of the pages, I simply used the line tool and drew one vertical line, copied it enough times so that it was on both pages, and then went to “Align Top” in the top tool bar.

 

Posted in Uncategorized

Happy Birthday Gif

 

giraffe-birthday-wishes-gif

One really cute thing that Adobe Photoshop can do is create gif files for the internet!

The gif above was created using Photoshop.

It was done by selecting the photos you want to be in the gif, and going up to Window > Timeline.  This will pull up a dialogue box on the bottom of the window, and you will need to make sure that the option says “Create Frame Animation” and then click on that (if that isn’t showing, click on the down arrow beside the middle button and select it).

From there, you will adjust the visibility of your layers and create new slides for each layer.  You can adjust the timing and length of each image to your liking.  Then when you export it, you will have an option to make it so that it loops once, three times, or indefinitely (like mine above!).

Go have fun with it!  there’s so many fun opportunities for you with the gif function in Photoshop.

Posted in Graphic Guides, Uncategorized

MISSING: White Band

creating-a-shoe-advertisement-poster-using-floral-elements

So the image above is a full page advertisement you would generally find in magazines trying to sell the reader shoes.  What brand is that?  Not a clue!  All I know is that the image above was created by combining Illustrator and Photoshop.

However, if you look at the middle pair of shoes (the back one of those two), you’ll notice that part of the gold and background is coming through where there should be a white rubber band.  Thus, we can assume that these pictures were taken with a white background.  I have no idea how the graphic designer hired missed that key detail, but we will look past it for the time being.

The first step they took seems to be the nice mocha background that blends with the shoes and doesn’t overpower the rest of the picture.  This could have easily been created by creating a solid brown background, adding a gradient at the bottom that went from black to transparent, and then adding a cloud texture over the brown.

From there, the columns seem to be placed it (they could have been created in Illustrator and pulled in or just be stock images for the golden base with the white pedestals placed on top in Photoshop).  On those columns they added some lighting emphasis with the shadows and contrast in the ridge colors.  In addition, the columns help give the image a more realistic feel because they are staggered and two of them are blurry to emphasis that first column.

Next is the shoes (AKA the product they’re trying to sell).  They were placed into the picture with the white background and the background was taken from it like I said earlier.  Then they were arranged like you would see them in a mall display to show off the sides.

What makes this piece pop is the gold themed leaves around the shoes.  As we can tell by the missing band, the majority of the leaves are on the layer below the shoes.  however, for the leaves shooting out of the closest shoe in each pairing, a separate layer was created out of the leaves.  Then a shadow was added in that helped further the depth that the columns created.

Overall, the advertisement above is an interesting one, but there are some hiccups in the design techniques and the design itself.  For example, the shoes should be more towards the top of the page to further the sense that they are on a pedestal.  Another issue is that the golden leaves dominate the page.  It’s good to have an eye-catching element, but at a glance all you can see is golden leaves instead of the shoes themselves.