Portfolio

Scott Butler

Contact
Scott J. Butler 3226 Marthas Cove Cottonwood Heights, UT 84093 847.848.4503 sjbutler001@gmail.com

Table of Contents
Montage Brochure Imaging Project Web Page Logos Event Ad Business Card Letterhead Flier

Montage
Description: A motivational image combining three images and using photo masking techniques. Date: 2/16/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Photoshop Objectives: Learn to use masking techniques in Photoshop using multiple layers. Use filters. Position layers according to design principles. Process: I began by selecting several images off the internet from the sites listed below. For the background I used an image of the Chicago skyline showing a frozen Lake Michigan as the foreground. I chose this to add contrast between the blue background and the red of Jordans Chicago Bulls Jersey. I then added a filter, which was Poster Edges, and reduced opacity to 50%. I then introduced the images of Michael Jordan, and used masking techniques learned in this unit to blend them into the background. With the image on the left, I had to rotate it horizontally to have Jordan facing inwards rather than off to the left, and had to use the lasso tool to flip the lettering to read correcty. I used 100% opacity around the edges of Jordans figure, except in the area around his feet in the dunking image to show the crowd and the other player. On the relevant parts of the images I used between 10% and 30% opacity to create more gradual blending and emphasize certain spots (which would be more bold and thus draw more focus) such as the basketball and his face on the image on the left. I then created the text, using white to contrast with the dark blue of the skyline. I placed SUCCESS in capital letters with a san-serif font to give the contrast against the slab serif of the lines of text. I aligned the body text with the U in SUCCESS to give a more appealing look.

Brochure
Description: A two-sided, folding brochure utilizing a logo made from a previous project. Date: 3/30/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Illustrator Adobe Photoshop Adobe Indesign Objectives: Learn how to create a duplex brochure. Use text wrapping and Paragraph style techniques in Indesign. Process: First, I selected eight images from the internet to use on the brochure. Second, I chose a logo for my company from a previous project in Illustrator and adapted it for this brochure. Next, I created a brochure in Indesign, using the shape tool to create colored rectangles (blue and yellow) to compliment and contrast the logo created and the image on the front of the brochure. I placed text and images within the brochure, editing two in Adobe Photoshop to remove the background. I used text wrap with some of the text, specifically around the image of the man with the hat. I placed the images and text in appealing positions utilizing good flow and proximity. I had to align the text in a specific way to be able to cut out part of the brochure to achieve a cut-out design (see video for demonstration).

Back

Front

Inside

Imaging Project
Description: A photograph that has been cropped and edited in Photoshop. Date: 2/09/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Photoshop, Cannon Ixus Camera Objectives: Learn techniques of basic photography. Learn to crop, edit a portion of the image using a selection tool, alter hues/brightness, and add filters in Photoshop. Process: First, I took several photographs in the Gardens on BYU-Idaho campus. I then chose one that I felt demonstrated good techniques of composition. I uploaded the photograph to the computer in Adobe Photoshop, and resized and cropped the image to 66 at 15o ppi. I edited the photo to better represent the one-third principle. I then selected the lion figure and added the watercolor filter, fading it to 25% opacity. I also added light additional saturation to the lion. I then selected the background of the image and reduced the saturation to a very low value, very slightly colorizing it with a reddish-orange tint. Finally, I added the watercolor filter to the background.

Web Page
Description: Personally designed webpage utilizing a company logo. Date: 3/16/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Illustrator Adobe Photoshop TextWrangler Objectives: Learn to create a png with a personally designed logo. Learn basic HTML coding and CSS skills in order to design the layout, colors, and positioning of a web page. Use hex colors to design colors of the web page. Process: I first took the image of a logo I had created for a previous project, and transformed it into a PNG file to insert into the HTML coding. I then structured the HTML coding for the page, creating the text and putting the pertinent information into an unordered list. I also inserted the image. I then used the provided CSS demo to construct the CSS for my webpage, attaching it to my HTML. I made changes to the colors, including making the background blue, and making the background for the headings red while changing that lettering to white. My rationale for making the background of the headings the same color of red as is displayed in the logo is two-fold. Firstly, it draws in the focus o te viewer, and secondly, it contrasts quite well with the white and blue, mirroring the colors in the logo. The blue of the pages background is not found in the logo, but I used it because it contrasts beautifully with the red and white used. I experimented quite a bit with the layout, researching new tricks to use. Ultimately, I settled on a fairly simple layout, with the headings aligned to the left, as well as the text and the logo image. I decided to place some text to the right of the logo which gives an introduction to the company. My rationale for this is that it is a separate thought from the logo explanation and deserved its own space. I also wanted to left align the logo and not leave too much white space. I feel that there is enough white space as it currently is. Below that, I placed the text that explains the origin of the logo, including the tools used to create it, the color choices, and the target audience. The words used in the text come to a total of 313.

Logos
Description: Three logos designed for a company in Illustrator. Date: 2/23/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Illustrator Objectives: Learn to use tools and techniques in Adobe Illustrator, especially the pen tool. Create three logos for a company. Process: I first sketched out some ideas for logos that I felt would represent the small business that my brother and I are talking about creating. I used my artistic drawing skills to conceptualize the images, then used the pen tool in Adobe Illustrator to create the final draft. I also used the paint brush tool and shape tool to add color and give more visual contrast.. On the top logo, I illustrated the word Infamy, because I wanted it to fit well inside the tie, eliminating trapped white space. II wanted to keep it as simple as possible. I used a simple black and white to achieve the same end, and to give it good contrast. On the middle logo I used white, black, and red for contrast. On the bottom logo I used a combination of mainly yellow, white, and black, to give the same contrast. On the middle and bottom logos, I decided I wanted to stick to the theme of a decorative text for the word Infamy and a script text for Apparel. I felt this was the best combination visually for the look I wanted to achieve and that this combination gave the logos sufficient contrast. The top logo utilizes a descending but right facing text, which off-sets the fact that it is in the center of the image. On the middle logo, I aligned the text to the right. I also tilted the hat and shades to the right to avoid a centered look. On the bottom, I aligned the word Infamy to the left and had the beginning of the word Apparel aligned with the letter M in Infamy. In each logo, I used the star shape tool to place a star on the I in Infamy. My goal with each logo was to create a simple, clean image while maintaining contrast and visual appeal.

Infamy Apparel

my infaA pparel

INFAMY
Apparel

Event ad
Description: A full-bleed, one page ad meant to promote a charitable event using Microsoft Word. Date: 2/2/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Microsoft Word Adobe Indesign Scanner Objectives: Scan an image from a magazine, upload it, and utilize it in an ad. Learn to create an ad using basic design tools, such as text boxes and shape tools, in Microsoft Word. Process: I selected a good image from a Montana Tourism ad in the October 2012 issue of the National Geographic Traveler Magazine, scanned it and cropped/resized it to the appropriate size, dimensions, and appearance. For the rest of the flier I chose colors that would complement and contrast with the colors of the image: different shades of blue and purple. I had orignially created a different design for the layout, but have opted to recreate the flier in favor of a simpler, more sleek design. I first flipped the image horizontally, placing it on the right, so that it would lead focus into the page. I then created several colored boxes and the two white boxes with the shape tool. I chose to use a decorative font for Slopes for Seniors and made it transparent using Adobe Indesign. I then placed it in the light blue box. Lastly, I placed my body text within the white boxes. All of this was done in Microsoft Word.

Slopes For

Seniors
Downhill benefit Race for Rexburg Seniors' Home! Meet us for an exhilarating race in the beautiful Teton Range just two hours outside Rexburg, Idaho. Featuring a downhill ski race with proceeds going to our local seniors' home for renovations and programs to benefit elderly residents! Come join us and have a blast while supporting a great cause! See you on the Slopes! For more details, visit: www.rexburgslopesforseniors.org

Saturday, February 16, 2013 at 2:00 PM Grand Targhee Resort $10 entree fee per participant. Donations are accepted.

Business Card
Description: Business card designed to match a letterhead, using a personally created logo. Date: 3/2/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Indesign Adobe Illustrator Objectives: Create a business card for a company using Indesign and Illustrator. Utilize knowledge of basic tools in both programs. Process: First, I used the pen tool and shape tools in Illustrator to create the robot, incorporating light blue, white, and black. These colors give an interesting contrast. For the business card, I aligned the logo to the left, with the hand of the robot pointing toward the text of the card. I then chose an appropriate text for the company name and added the star shape above the I. I made the text blue to match the logo, and added a line underneath the company name. I aligned the text to the right.

Infamy Apparel

Scott Butler 009.867.5309 scottjbutler.wordpress.com 145 Broadway NY, New York 01001

Letterhead
Description: A personally made letterhead to match a business card designed for a business, using a logo designed by me. Date: 3/2/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Indesign Adobe Illustrator Objectives: Create a letterhead a company using Indesign and Illustrator. Utilize knowledge of basic tools in both programs. Learn to use a watermark. Process: First, I used the pen tool and shape tools in Illustrator. On the letterhead, I chose to place the watermark on the bottom right facing left to contrast with the right-facing logo up top. This way, its hand should be drawing attention to the text of the letter above. The twin logos function to frame the text of the letter. I aligned the logo up top to the left and placed above the robots hand the company name, and then aligned the contact information to the right. I used a fading blue line that I created in Illustrator with the line tool to align my name and the company name. I feel this gives it a clean alignment and a crisp appearance. Items are grouped together and white space is utilized to create a sleek and appealing look.

Infamy Apparel

Scott Butler 009.867.5309 butler@infap.com 145 Broadway NY, New York 01001

Flier
Description: Black and white flier designed in Indesign, meant to promote a graduate leadership conference. Date: 1/26/2013 Course/Instructor: Comm 130 Section 05 Eric Lybbert Program(s)/Tools: Adobe Indesign Objectives: Use basic design and typography skills learned in class to create an appealing layout for a flier. Process: I started off by creating some sketches with ideas of layouts for the flier. I then selected elements from each design that I liked and created the flier. As I was in the process of creating the flier, I utilized black boxes in which to place images and text, to make the design more interesting, and to give it contrast and repetition. For added contrast, I played with the title text and gave one word a hollow-fill. I used white space for breathing room and utilized the image, logo, and text that were given. I gave the layout a flow that I feel visually leads the viewer from the title, to the image, to the text, to the website, date, time, etc., and finally to the logo.

Graduate

Leadership Conference
Do you want to have the competitive edge in business?
Come learn how at Vouant Communications annual Graduate Leadership Conference. Vouant Communications is devoted to helping tomorrows leaders gain essential leadership skills in the workplace. During this dynamic three-day seminar, attendees will meet with top executives of Vouant Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer. Conference is available to graduating seniors. Space is limited.

Registration and more information available at http://www.vouantcomm.com/ leaders October 21 8 a.m. 5 p.m. Lincoln Conventioun Center