Portfolio
Colbie Racobs
Contact
Colbie Racobs
3340 Willow Park Circle Corona, California 92881 (949)-683-8395 rcolbie@yahoo.com colbieracobs.wordpress.com
Table of Contents
Brochure Montage Logos Business Card Letterhead Imaging Flier Event Ad Webpage
Brochure
Description: A two sided (duplex) brochure for A Sweet Favor. Programs used: Adobe InDesign and Adobe Photoshop Date: December 7, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: Set up and align a two-sided, folded document. Create an original company logo and use it in a brochure. Incorporate quality images. 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: I first created a document in InDesign with margins and guides to allow me to allign everything. The first document has the front and back and then second has the inside of the brochure. I started with the inside first. I added my two picutres as well as my text boxes. I went into Photoshop and had to cut out an image from its background so that I can use it as a text wrap. Once I did that I went back into InDesign and added my picture that I wanted text wrapped. I then when to the front/back. I created 3 different shapes for the front and then added my logo to the middle shape. On the back I put my contact information as well as added a picture.
Colbie Racobs 951-683-7663 ASweetFavor@gmail.com 6 Potters Bend Mission Viejo, CA 92881
Montage
Description: A montage of my missionary in the Philippines. Programs used: Adobe Photoshop Date: October 24, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: Learn to manage Photoshop layers. Learn to blend images together smoothly, using masks. Use filters. Apply appropriate typography. Choosing good quality images. Apply typography principles. Unifying a piece with a consistent theme. Process: I retrieved my pictures from emails that my missionary Cory has sent me. Then started with my background and added each picture individually. For each picture I used a mask so that I could blend them together to form a montage. I used the brush tool with a few different levels of opacity to make the three top images look ghostly. I then added a quote about missionaries. The last thing I did was add a warming filter to the entire montage.
Logos
Description: Three different logos for the same company. Programs used: Adobe Illustrator Date: November 2, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: Create a variety of logos to fit a company or personal image. Do not imitate existing logos or use your previous designs. Use only the tools of Illustrator. Setting up a professional display for the company. Arrange three logos on an 8.5 x 11 vertical page / .5 inch 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: It was a little difficult to design logos using illustrator but it went well I think. For the first logo I used the shape tool to create the circles of the lollipops and then the pen tool to create the sticks. The other logos I just used the shape tool and the rest is typography. I used different fonts for each logo to create contrast.
Business Card
Description: I created a business card and letterhead for my mothers candy company using an original logo that I created. Programs used: Adobe Illustrator Date: November 9, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: 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. Design consistent layouts for a business card and letterhead. Use your new logo to design two stationery items with consistent design. Letterhead: 8.5 x 11. Business card: 3.5 x 2. 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: In order to create my logo I used Adobe Illustrator. First started out by using type and then moved on to the shape tool. Once I created my logo I used Adobe InDesign to create my business card and letterhead. For my business card I created two textboxes to make my outline. Then I copied my logo over from Illustrator and added my contact information. I also added a picture that my mom had taken of her cake pops she had made. Then I created my letterhead. I copied over my logo and my contact information. In order to keep in unified with my business card I kept the dots along the bottom of the page.
Letterhead
Description: I created a business card and letterhead for my mothers candy company using an original logo that I created. Programs used: Adobe Illustrator Date: November 9, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: 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. Design consistent layouts for a business card and letterhead. Use your new logo to design two stationery items with consistent design. Letterhead: 8.5 x 11. Business card: 3.5 x 2. 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: In order to create my logo I used Adobe Illustrator. First started out by using type and then moved on to the shape tool. Once I created my logo I used Adobe InDesign to create my business card and letterhead. For my business card I created two textboxes to make my outline. Then I copied my logo over from Illustrator and added my contact information. I also added a picture that my mom had taken of her cake pops she had made. Then I created my letterhead. I copied over my logo and my contact information. In order to keep in unified with my business card I kept the dots along the bottom of the page.
Imaging
Description: Personally took a photograph of my roommate in the gardens on campus that was then edited in Photoshop. Programs used: Adobe Photoshop and Cannon Point and Shoot Camera Date: October 18, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: Learn basic photography skills. Use a digital camera to take a quality image, then download it. Size and crop the image. 6 inches x6 inches 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 inches, sides 1.25 inches and bottom 3 inches. Process: I rented a camera from the library which I used to take a picture of my roommate. Then I took my photo into Photoshop and cropped it into 6 x 6 inch. I added a warming filter (85) to the whole image as well as desaturated the background.
Flier
Description: Black and white promotional flier for Vouant Communications who is holding a graduate leadership conference. Programs used: Adobe Photoshop and Cannon Point and Shoot Camera Date: October 3, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: 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: The first thing I did was create four different sketches for my layout. I then went into Adobe InDesign and combined aspects of all four of my sketches to get the layout that I have used. I used black and grey throughout the paper to create contrast as well as a picture facing inward to create flow. I grouped the text together based off of relationship and used small body copy. The image, logo, and text was provided for this flier.
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. October 21 8 a.m. 5 p.m. Lincoln Convention Center
Registration and more information available at http://www.vouantcomm.com/ leaders
Event Ad
Description: Using Microsoft Word I created a full-bleed color event ad to for the Chamber of Commerce. Programs used: Microsoft Word, Epson Scanner, PDF2JPG.net (PDF converter) Date: October 11, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: Find, scan and import a highquality image. Create a full-bleed design. Use text boxes for layout in Word. Insert and edit images in Word. Process: I scanned the ice cream image, then using Microsoft Word I created the ad. I chose an image that would grab the audiences attention and used the coloring to create contrast throughout the ad. I used for the title a font that represented ice cream and a body copy font that created additional contrast.
Friday October 18 4-8 pm
Corona Senior Citizens Center
$1 scoops All proceeds go to renovate the Senior Citizens Center. If you would like to volunteer or donate please contact the Chamber of Commerce.
Web Page
Description: The webpage I designed to showcase my logo that I created. Programs used: Notepad and Adobe Photoshop Date: November 21, 2013 Course/Instructor: Comm 130 Section 6, Julie Petrsen Objective: Size 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. Acquire a working knowledge of HTML. As well as tag that links to external style sheet. Acquire a working knowledge of CSS. Identify hex colors for web design. 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. Process: Before this project I had never used or even heard of HTML/CSS. I designed this website using Notepad which is an editing app. I have no idea how webpages were created so it was really interesting and cool to see my webpage come to life. Once I created my HTML and added my image I then linked a pre-made CSS document. This allowed me to change the style of the website. From there I added my colors, fonts, borders, and so forth. I also had to add padding so that everything was aligned and not to close to the edge.
