P9 RobbieBise.compressed

download P9 RobbieBise.compressed

of 23

Transcript of P9 RobbieBise.compressed

  • Portfolio

    Robbie Bise

  • Contact Robbie Bise450 W 4th SRexburg ID [email protected]

  • Table ofContentsBusiness Card

    Letterhead

    Photo Design

    Montage

    Flier

    Logos

    Borchure

    Event Ad

    Web Page

  • Business CardDiscription: A business card designed using a personally created logo.

    Programs Used: Adobe Illustrator & InDesign

    Date: Friday June 13, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives 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 .

    Process: I started designing a logo in illustrator. I used the circle tool to create circles in my mountain to make it stand out more. I then used the ellipse tool to create my sun. I made a stroke around the circle and changed it to a dashed line and then extended the stroke to make it look like a sun. It ended up looking really good right off the bat but something seemed a little off. I then began laying out my business card and stationery and everything seemed to be aligning up nicely. I played around with the colors a little more until I found a scheme I liked. I presented to my group and they pointed out that my sun was a little off. I moved it over to the left and it looked a lot better. I also started out with my subtext really small. I increased the size to 6pt and it was then readable

  • I n s t i t u t e o f T e c h n o l o g y

    [email protected] South Batman Ln.Superville AK 34756

    Robbie Bise

    First Light

  • LetterheadDiscription: Letterhead designed using a personally created logo.

    Programs Used: Adobe Illustrator & InDesign

    Date: Friday June 13, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives: 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 .

    Process: I started designing a logo in illustrator. I used the circle tool to create circles in my mountain to make it stand out more. I then used the ellipse tool to create my sun. I made a stroke around the circle and changed it to a dashed line and then extended the stroke to make it look like a sun. It ended up looking really good right off the bat but something seemed a little off. I then began laying out my business card and letterhead and everything seemed to be aligning up nicely. I played around with the colors a little more until I found a scheme I liked. I presented to my group and they pointed out that my sun was a little off. I moved it over to the left and it looked a lot better. I also started out with my subtext really small. I increased the size to 6pt and it was then readable

  • I n s t i t u t e o f T e c h n o l o g y

    Robbie [email protected] South Batman Ln.Superville AK 34756

    First Light

  • PhotodesignDiscription: Take original picture using photography skills and edit it with Photoshop. Cre-ate a poster with original photo and incorporate a color-scheme.

    Programs Used: Photoshop

    Date: Saturday May 24, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    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

    Process: I first picked out the image I wanted to use from the photography project and picked my color scheme from that. I used a color scheme of split complementary. I used violet, green and yellow as my colors. Green from the leaves, violet from the rose and cup and a very light yellow from the wall. When I took the picture the cup was actually blue. I used photoshop to change the color to match the rose and my color scheme and also got rid of some marks on our wall that were not very pleasing. I then designed the layout I used each box to represent each color in my color scheme. I 9niitally had each box the same size but decided to change them after some critiques to all be differnt sizes to make the design more interesting.

  • Darkness cannot drive out darkness;only LIGHT can do that.

    Hate cannotdrive out hate;only LOVE can do that.

    - Martin Luther King, Jr.

  • MontageDiscription: A montage made by blending 2 or more images and the use of typography.

    Programs Used: Photoshop

    Date: Saturday May 21, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives: Use the FOCUS design process with strong focal point and flowUnify a layout with a consistent theme and dominant messageLearn to blend two or more images together gradually, using masksDemonstrate more advanced Photoshop skills for layout with multiple elementsUse a mask to apply a filter to one part of the imageApply typography principles (titles, quotes, events or scripturesyour choice)Format type: Legibility; Small copy & Title with varying text size. Theme word(s)Select good quality images

    Process: I began my process by selecting an image and doing the basic Photoshop edit techniques we learned in class. I then found the map image online and selected a rectangular portion of it that would fit over the horizon of my image. I then copied over the selection to my lake image and applied a mask to it. I blended the bottom of the imported image to follow the mountains and made the rest of the image blend softly across the sky. At first I had the top of the map blended heavily with the sky but decided to let it stretch out to cover the top of the image because it made the image balance out better. I had to use the stamp tool on the logs at the bottom to make a spot for the words. I then noticed that the color of the logs and the map clashed a little. So I added another layer and applied the color match tool to the logs and the map and it turned out just the way I wanted.

  • FlierDiscription: Black and White promotional flier to promote a graduate leadership conference.

    Programs Used: InDesign

    Date: Friday May 9, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    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.

    Process: First did sketches on paper. After choosing the layout I felt got my message across the best I worked in InDesign. I learned how to make multiple repeating circles and used that as part of my theme. I also had to learn how to use the gradient tool efficiently. I was very sparing with my title font. I left the top left hand corner open for white space. All images were provided by the class.

  • 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 skills in the workplace.

    During this dynamic three-day seminar,attendees will meet with top executives ofVouant Communcations to discuss breakthroughleadership tecniques, 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

    LeadershipConfrence

    Graduate

    Lead Excel Inspire

    October 21

    8 a.m. - 5 p.m.

    Lincon Convention

    Center

  • LogosDiscription: Three logo variations for the same company.

    Programs Used: Adobe Illustrator

    Date: Saturday June 7, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives: Create three completely different, original logos to fit a company or personal image that will appeal to the audience. Do not imitate existing logos or use previous designs.Use only the Illustrator tools to create and draw your logos. (No Illustrator pre-fabricated flares, symbols, etc.. No photos or live-tracing. You may use an image or drawing as a guide to trace it with the pen/pencil, but delete the image before submitting.)Gather opinions from at least ten people about which logo appeals most to them.

    Process: This was probably my favorite project so far. I first sat down with a pen and paper and drew out what a few things that I thought might look good. I then started learning how illustrator worked and started experimenting with it. My first logo I traced with the pen tool from an image I found of some roots. THen I applied a filter to it to give it that raindrop look and put the text over top. The second one I traced and was going to leave it black and white first. After showing the design to several people I decided to add some color to it to make it look more like an oil bottle. My third design changed a lot form what I initially had on paper. At first I wanted a gradient to go across it but I decided to go straight black and white to show more contrast.

  • Blackroot Bistro

    Bistro

    lackRootistro

    BlackRoot Bistro

  • BrochureDiscription: A 2 sided folding brochure.

    Programs Used: Adobe Illustrator, InDesign & Photoshop

    Date: Tuesday July 15, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives: 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.Trim for a full bleed and print in duplex (two-sided) color.

    Process: I first was trying to decide on a logo. I didnt like the ones I had previously used so I made another simple one in illustrator. I then created a simple layout and transferred it to illustrator. I wanted to give it a very clean look but still make it interesting. I used a lot of repetition in my design. I repeated elements like circles and squares to create it. I then picked a color scheme that fit my logo and found high quality images that I felt would best fit it. I used a filter from photoshop on the images of the stone lion and the stone face to give them more of a cartoony feel. I then placed the background image in. I wanted the side of the image with the warmer colors to stick out on the lip to create contrast. the other side i stretched to the other end of the brochure and applied a gradient that slowly faded to white.I made sure the image was a full bleed then continued with some of the text. I wrote my body copy and then edited my image of the little girl to be just a selection. I placed the image of the girl in the brochure and applied a text wrap. I then worked on my paragraph and heading styles until I could find fonts and sizes that fit my design.

  • Event AdDiscription: A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner.

    Programs Used: Microsoft Word

    Date: Saturday May 18, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives: Comprehend image sizing (how pixels and inches work together)Find, scan and import a high-quality image.Create a full-bleed design.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.

    Process: I started with a few sketches and picked one I liked best. I then created a template in Microsoft Word matching my favorite sketch. I then chose an image and built my color scheme around that. I scanned the image and cropped it to just the portion I needed. I then placed it into my template and tilted it. I aligned the body text with the image to create flow. I also inverted the image so that the hands were pointed towards the text. The title was tilted a bit to break out of its box to make it a bit more interesting and contrast it more from the sub-title.

  • [Grab your readers attention with a great quote from the document or use this space to emphasize a

    key point. To place this text box anywhere on the page, just drag it.]

    save the world

  • Web PageDiscription: A web page designed to showcase a personally created logo..

    Programs Used: Adobe Illustrator & NetBeans 8.0

    Date: Friday June 27, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    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. (Minimum of 200 words. Include rationale for colors, appeal to target audience, design skills, etc,)Design a web page using HTML to display the logo and content.

    Process: I began deciding what I wanted my layout to be. I already knew that I was going to have a black and white color scheme. I wanted my fonts to be simple and easy to distinguish title from body copy. I decided I wanted a tree silhouette on the left edge taking up a third of the page. I used illustrator to create a gradient going from black to white behind the tree image to balance out my design. I used css to align the tree image and the actual web page. I Made the web page take up about the other 2 thirds of my page. I used netbeans as my text editor so I could keep all my style sheets separate. I used one style-sheet (Screen.css) to do the styling and I used another style-sheet that someone had put together online (gridism.css) to help me make my elements shrink with screen size. (Ex. if the user was to have a smaller screen the tree image and my other elements would stack to increase readability.). At the end I included a fun little javascript code to make my logo animate to create more contrast and draw eyes to the logo itself.

  • Extra ProjectDiscription: A montage and business ad combination.

    Programs Used: Photoshop

    Date: Friday July 18, 2014

    Course: Communications 130, Visual Media

    Teacher: Julie Peterson

    Objectives:

    Process: I started with an idea of a client that wanted to promote his theme park. I came up with a few designs and decided on one I wanted. I first edited the background picture in photoshop using the basic photoshop techniques. I lightened the image and gave it more saturation to make it look more pleasing to the eye. I then started working on the face pictures. I selected them in photoshop and created a mask and then moved them over to my background image. I applied a feather and used the paintbrush to get the fade I wanted on them. I then used liquify on a square to create the shape in the corner and applied an emboss on it to make it pop out more. I then added opacity to make it blend in with the background more. Finally I selected my fonts and then took one more look at everything to make sure everything was alligned and a size that worked with my message.