Portfolio

Ryan Speakman

Contact Info
Ryan Speakman:
271 S 2nd W Rexburg, ID 916.220.4120 spe11009@byu.edu http://www.ryanspeakmancomm130.wordpress.com/

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

Event Ad
Description: Date:
An advertisement for a Toy Drive event using Microsoft Word and a Scanner. 10/12/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Find, scan and import a high-quality image. Create a full-bleed design Use text boxes for layout in Word. Insert and edit images in Word.

Process:

First, I scanned an image out of a magazine. Using that image, I came up with the design. Since the picture has a green background, I used the color wheel to find out what colors go with green. Then I put the text in and aligned the title on the left. Then to add some repetition, I added some stars into the ad.

Toy Drive
Saturday October 19
8:00 AM 5:00 PM Community Center

This Saturday at the Rexburg Community Center, come and donate all of your unwanted toys. All toys will be donated to the Rexburg Childrens Hospital. Come donate those unused toys and put a smile on a childs face!

Letterhead
Description: Date:
This is a letterhead (created on Adobe InDesign) for the fictional company, The Little Seahorse, using an original logo (created on Adobe Illustrator). 11/09/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Use The basic tools of Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or use your previous designs. (Dont use photos or live trace in your new logo) Design consistent layouts for a letterhead. Use your new logo to design two stationery items with consistent design. (Photos are okay on stationery.) Letterhead: 8.5 x 11 (full-bleed optional, but trim only .125) Apply typography rules keeping small copy. Learning to keep thing simple by having watermarks and drop shadows light and white space. Applying contact information: Include name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone #; No parentheses/ hyphens.

Process:

First I created a new logo for this company, using ideas from the logos I created in the previous projects. Then I used the new logo and placed it in InDesign and started making the stationery. I added some blue lines for alignment and repetition.

Business Card
Description: Date:
This is a business card (created on Adobe InDesign) for the fictional company, The Little Seahorse, using an original logo (created on Adobe Illustrator). 11/09/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Use The basic tools of Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or use your previous designs. (Dont use photos or live trace in your new logo) Design consistent layouts for a business card. Use your new logo to design two stationery items with consistent design. (Photos are okay on stationery.) Business card: 3.5 x 2 (print above center on a vertical page) Apply typography rules keeping small copy. Learning to keep thing simple by having watermarks and drop shadows light and white space. Applying contact information: Include name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone #; No parentheses/ hyphens.

Process:

I chose a background color for the card and put a transparent seahorse in the background to fill in some space. The front of the business card is very simple and just uses the logo and I decided to make the back similar to the stationery. This is the process I used.

Imaging
Description: Date:
A personally taken photo that was edited and formatted in Adobe Photoshop. 10/19/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Learn basic photography skills. Use a digital camera to take a quality image, then download it. Size and crop the image. 6x6 resolution 150 Adjust image brightness, contrast, hue and saturation levels. Use a selection tool to isolate a portion of the image. Desaturate the selected portion of the image. Use a filter or colorize a portion of the image. Document needs to be 8.511 150 resolution. Margins: top 2, sides 1.25 and bottom 3

Process:

First, I went out and took a few photos using different rules of photography. Then I chose the one that I liked the best and uploaded it into Adobe Photoshop. I then re-sized the image and changed the pixels so it would retain its quality. Then I selected the flower and inverted the selection, so I could edit the background. I then edited the saturation, hue, and the contrast. Finally, I added a filter to the background and edited the filter a little so it would compliment my subject.

Flier
Description: Date:
This is a black and white flier that promotes a Graduate Leadership Conference promoted by Vouant Communications. 10/05/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Apply the design principles and use appropriate typography. Incorporate basic InDesign skills to improve basic flier layout. Retrieve image and logo from links on this page. Create a project folder with image, logo and InDesign document to keep links intact.

Process:

First, I made some sketches to get an idea of what my design should look like, based on the audience that would be looking at this flier. I also had to decide what parts of the flier I wanted to pop out and what information would interest the audience the most. Then, using InDesign, I made a rough draft of the flier and sought critiques from my peers for suggestions to improve it. Then I improved it using their ideas. After words, I sought help from a specialist, who helped me to really fine tune this flier. Using his suggestions, I added a few more ideas of my own and then saved the final copy.

Brochure
Description: Date:
A brochure featuring an original logo, an original image, copyrighted images, and original text. 12/07/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Set up and align a two-sided, folded document. Create an original company logo and use it in a brochure. Incorporate quality images. (Incorporate at least four quality images (Not including the logo). One should be clipped in Photoshop and text-wrapped in InDesign so the text follows the cutout shape of the image.) Write at least 250 words of original copy with at least three paragraphs. Trim for a full bleed and print in duplex (two-sided) color.

Process:

First I had to figure out what to make a brochure for. The only thing that I could think of was brochures while I was thinking, so I decided to make a brochure on how to make brochures. Then, I made the logo for my fictitious company. Then I made the layout on how I would fold it and then decided that I wanted a black background with white text. Then I chose the images that I used and then I made my own image. I added a text wrap around one of the images and then made the final adjustments to my brochure. Finally, I added some white lines to make it look like a better design and I was done.

The Brochure
on Making Brochures

The Br

on Making

The Brochure Company

For more information visit: http://www.fictionalwebsite.com/brochures

Welcome to the Brochure!

This brochure is made to give you the most important tips on making a brochure. Making a brochure takes a little more than you might think. It is a much longer process than finding the right pictures and finding the right things to say. It is also important to know the right measurements and knowing the right layout. There are even ways to make your brochure look unique and stray away from the standard tri-fold. Brochures are the way to go for many different occasions and it is important to make sure that you are able to make the perfect one that is perfect for your needs!

The first thing that you need to do when you are making a brochure is figure out what you want it to look like. You need to find out if you want to do the standard tri-fold, a two-fold, a fold-in, or if you want to try and create your own unique design. Then you must figure out the measurements. Listed below is a diagram of what measurements that you should use, depending on what kind of brochure you want to do. Then you must put lines to divide the measurements on the program you are using, such as Adobe InDesign.

Preperations

The final step is writing your content and putting in your images. The hard part usually isnt writing the content or finding the images, but figuring out where to put them. It is important to use contrast, repetition, alignment, proximity, and flow when making the design of your brochure. It is also important that you have plenty of white space to give it that clean look. If you remember to apply these design principles, you will be able to use your brochure effectively and everyone will want to buy your product or attend your event!

Final Steps

Montage
Description: Date:
This is an inspirational poster created using images from the web and Adobe Photoshop. The two images were blended together to create a montage. 10/26/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Learn to manage Photoshop layers. Learn to blend images together smoothly, using masks. (Two or more images) Use filters. (Apply at least one) Apply appropriate typography. Choosing good quality images. (Note background should be at least 16501275 pixels) Apply typography principles (titles, quotes, events or scripturesyour choice) Unifying a piece with a consistent theme

Process:

First I thought of the inspirational quote that I wanted to use for the poster. Then, I found two different images from the web and put them into Adobe Photoshop. I created a mask on the smaller image and used the paintbrush tool to blend this image with the other one. Then I added the text and embossed it and gave it a drop shadow, so it popped out more. Then, finally, I added the blur filter to the background image.

Logos
Description: Date:
These are three different logos that were created in Adobe Illustrator for a fictional company called The Little Seahorse. 11/02/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Create a variety of logos to fit a company or personal image (at least 3 new logos). Do not imitate existing logos or use your previous designs. Use only the tools of Illustrator. (No photos on logo page) Setting up a professional display for the company. Arrange three logos on an 8.5 x 11 vertical page / .5 margins and add the company name in simple type at the top of page. Getting feedback from outside sources. Ask ten people to select their favorite logo. List the results, along with your favorite, in your blog post.

Process:

First I tried to think of a company that I could makes some logos for, and I decided to make one up. Then, I took an image of a seahorse and traced around it using the pen tool on Adobe Illustrator. I then created my first logo by using the seahorse as an S in the word seahorse and then changed the text to fit my liking. The second logo I made this logo just by using a basic shape (an ellipse) and adding the text into the shape. I also but a border on the ellipse and the text to give it a rustic feel. I then used the same image I traced and only used the head portion. I then made it transparent and put it in a box and added the text over it. This is how I made the third logo.

Web Page
Description: Date:
This is a web page that I created using HTML and CSS. It is a web page that describes a logo for the fictional company, The Little Seahorse. 11/23/13

Course/Instructor: Objectives:

Communication 130 Section 5 Julie Peterson

Size (300 500 pixels ) and optimize an original logo as a .png for a web page. Write content to describe the process of creating your logo and how it appeals to a target audience. Design a web page using HTML to display the logo and content. (Use TextWrangler (Macintosh) or NotePad++ (Windows)) Acquire a working knowledge of HTML. (Must include all required tags (Doctype (provided), html, head, title, meta charset (provided), & body. As well as tag that links to external style sheet. With in the body include h1, h2, p, ol or ul (with li tags), img, hr, and a (link to blog) tags.) Acquire a working knowledge of CSS. (Customize the Cascading Style Sheet (css) provided in I-Learn to add page formatting that complements the logo design, by changing at least the following: The h1 text color & background color, font colors for the paragraphs & list items, the background color, Font Families and add at least one css comment. Identify hex colors for web design. (Find and use hex colors to match your logo) Compress multiple files in a zipped folder to attach as one file. Open your HTML page in a web browser, take a screen shot, and place the .png on a 8.5 x 11 page and print in color. Keep . 5 inch margins on top and sides, with bottom margin at least .5 inch. Make sure your print is setup on a portrait style page. Make sure it is a quality print with ledgible text. See the sample projects on this page as examples (contains 3 files: .css file; linked logo .png; .html file of web page.)

Process:

First, I made the basic outline of the web page using HTML and inserted the logo into the site. Then, I typed up the information that I wanted to convey in the body of the site. After that, I used CSS to modify the colors and the design of the site. I made sure that the colors matched the logo, to make the site look nicer. Then, I made the last finishing touches and edited the site.