joci allen's design & print portfolio

design & print PORTFOLIO

j.aDESIGNS BYjoci allen

contact me.

Joci Allen11603 Hot Springs Dr.Parker, CO [email protected]

BrochureMontageEvent AdImagingLogoBusiness CardStationaryWeb Page

index.13579

1113151719

brochure.Description: A trifold brochure in full color

Process:Using Adobe Illustrator, I created the logo for the front of the brochure. I chose bright colors and found photos to match the bright colors. For one of the photos I created a cut-out using Photoshop. Then I used a text-wrap effect to wrap it around the image. I then built the rest of the brochure with images and text.I set background colors and perfect alignment.

Programs:

Microsoft Word, Adobe Illustrator, InDesign and PhotoshopAudience:

Date:July 11. 2015

Course:Visual Media

Instructor:Brother Jason Stucki

Objectives: Set up and align a two-sided, folded document. Create an original, new logo and use it in a brochure. Incorporate quality images using text-wrapped effect for one. Trim for a full bleed and print in duplex (two-sided) color.

msne-kwdm dx

1

front. back.

inside.

montage.Description:An inspirational montage made by the blending of two or more images, and the use of typography.

Process:I cropped the background image. I used the selecction tool to select the top image with a slight feather. I placed the top image to the back. I used the brush tool with opacity to reveal the background through the top image. Next, I changed the umbrella color. I then added the text and chose font typs, size and color.

Programs/Tools Used: Adobe Photoshop

Date:May 30. 2015

Course:Visual Media


Objectives: Use the FOCUS design process with strong focal point and flow Unify a layout with a consistent theme and dominant spiritual message Learn to blend two or more images together gradually, using masks and se a mask to apply a filter to one part of the image Apply typography principles and format type: Legibility; Small copy & Title with varying text size. Theme word(s) Select good quality images

3

heavenly blessings.

His commandments are the loving instructions and the divine help for us to close the uumbrella so we can receive the shower of

-Dieter F. Uchtdorf

event ad.Description: An event ad, in full-color bleed, designed from a scanned image.

Process: I scanned the dog image from a calendar. Then, putting that image into a word document, I was able to add text and designs into the image. After changing the orientation to landscape instead of portrait, Iinserted text boxes. I then added shapes to create a logo and added more color to the font.

Programs/Tools Used:Microsoft Word, Scanner

Date:May 16. 2015

Course:Visual Media


Objectives: Comprehend image sizing (how pixels and inches work together) Find, scan and import a high-quality image. Create a full-bleed design using Word Choose a color scheme and typeface(s) that work for your message and audience. Learn to use only Word design features without using any Adobe programs, including Photoshop.

5

imaging.Description: A photo taken by myself with added embelishmenta, text and effects

Process:First, I took a photo with my digital camera. I uploaded it and placed it into Photoshop. I adjusted the levels of the photo to create a more vibrant red and yellow color in the photo and decrease the noise of the tree trunk. I then added a border with the selection tool and turned it to a red color to match the flower in the photo. Then I added a text box to add the quote. I made the font in the quote white and red.

Programs/Tools Used:Photoshop. Canon digital camera

Date:May 16. 2015

Course:Visual Media


Objectives: Comprehend image sizing (how pixels and inches work together) Find, scan and import a high-quality image. Create a full-bleed design using Word Choose a color scheme and typeface(s) that work for your message and audience. Learn to use only Word design features without using any Adobe programs, including Photoshop.

7

logo.Description:Logo options for a company

Process:First, I used Illustrator to practice by creating 3 options for logos. I used the line tool, the fill tool, the shape tool and the text tool.I made the first logo, then changed it into a grayscale option and colored background option.

Programs/Tools Used: Adobe Illustrator, marker and paper.

Date:May 16. 2015

Course:Visual Media


Objectives: Learn basic photography skills. Choose a color scheme, take a photo to match those colors, then incorporate the colors into the layout. Use a digital camera to take a quality image, then download it. Adjust image levels, saturation, color balance, sharpen tool on separate layers for NDE (non-destructive editing.) Size and crop the image, then place on an 8.511 page layout. Use layers to design text, and repeating graphic elements in Photoshop. Print with full-bleed margins. Trim only 1/8 (0.125) from all four sides.

9

business.cardDescription: Business card for knitting business

Process: I used Illustrator to create the logo and then places that logo into a 3in x 2.5in document. I created a bleed to make sure my color blocking would cover the entire card. I also adjusted the borders so that there would be enough room for cutting. Creating an extra logo was just a matter of changing the colors of the initial one. So I put the alternative logo on the back of the card with the information for the business .

Programs/Tools used:Adobe Illustrator and InDesign

Date:June 12. 2015

Course:Visual Media


Objectives: Use the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal image. Use the new logo to design consistent layouts for a business card. Business card should be 3.5 x 2 and printed above center on a vertical page. Apply typography rules, keeping small copy. Include contact information: name, address, phone, website, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

11

For The Love Of Knit

front.

back.

stationary.Description: Stationary for a knitting business.

Process: I used Illustrator to create the logo and then places that logo into document 8.5in x 11in. I was able to change the opacity percentage of a small portion of my logo to use as a water mark for the stationary so that it wasnt a simple white piece of paper with a logo on it. Then, I put all necessary information on the footer section and spaced it accordingly.

Programs/Tools used:Adobe Illustrator and InDesign

Date:June 12. 2015

Course:Visual Media


Objectives: Use the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal image. Use the new logo to design consistent layouts for a letterhead. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Apply typography rules, keeping small copy. Include contact information: name, address, phone, website, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

13

web site.Description:A web page designed to showcase a personally created logo.

Process:I created a basic webpage using HTML in TextWrangler. I inserted an image into the HTML and then I explained how I created that logo and the reasoning behind text choices, coloring choices, shapes and themes. After creating the HTML part of my site, I then add style with a CSS code. I connected the HTML and CSS codes together by inserting codes to do so. I changed the previous colors listed in the copied CSS code by grabbing the color number from my logo in Photoshop.

Programs/Tools Used: TextWrangler & Photoshop

Date:June 25. 2015

Course:Visual Media


Objectives: Size and optimize an original logo as a .png for a web page so the long side is 300 500 pixels. Write content to describe the process of creating your logo and how it appeals to a target audience. Acquire a working knowledge of HTML. Acquire a working knowledge of CSS. Identify hex colors to match logo, using Photoshop color picker.

15

flier.Description: This is a flier to promote a graduate leadership conference.

Process: First, I made sketches to determine what type of design I wanted to focus on. I took into consideration the message, audience and the clients wants while sketching our ideas. Then, I created my best flier in Adobe InDesign. Before finalizing and printing the flier, I met with two different peers for critique meetings. This helped simplify, unify and perfect the flier. After making suggested changes, I printed my flier.

Programs/Tools Used:Adobe InDesign

Date:May 12. 2015

Course:Visual Media


Objectives: 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 in InDesign intact.

17

joci allen's design & print portfolio

Documents