13 a joselopez2

PORTFOLIOJOSE LOPEZ

1

Magazine Cover..................................................................p2

Brochure.............................................................................p4

Web Page Mockup.............................................................p6

Montage.............................................................................p8

PhotoDesign.....................................................................p10

Coding..............................................................................p12

Infographic........................................................................p14

Prezi..................................................................................p16

Business Identity...............................................................p18

Jose Lopez7801 Langdon St Apt 105Philadelphia, PA [email protected]

TabLe OF COnTenTsCOnTaCT

32

Description:Design a magazine cover that showcases a self-portrait as well as articles about yourself.

Date: April 18, 2016

Course/Instructor:Comm 130 Section 13Sara Tranberg

Program(s)/Tools: Adobe PhotoshopAdobe InDesign

Objectives:Learn how to design a magazine cover.

Process: First thing I did was make sketches about possible magazine covers. Using InDesign I created the outline for the cover. . I searched in my computer for a photo to use.4. Using Photoshop, I deleted the background of my picture so I could use a different background on it.5. I searched on google for a Samsung Galaxy S7 background so I could use it as my background. I used InDesign to create the document based on my outline that I created earlier.6. Then I put my picture in the middle in on layer and in a different layer I added the background that way I could manipulate either image without affecting the other one.8. Afterwards I added the articles that I wanted.9. Then I exported the image as a JPEG.

magazIne

54

bROChuReDescription:Design a Brochure for a company.

Date: July 8, 2016


Program(s)/Tools: Adobe PhotoshopAdobe InDesignAdobe Illustrator

Objectives:Create a brochure that includes a new logo. Use Photoshop, Illustrator and InDesign.

Process: The first thing I did was to create the logo. I wanted my logo to be with a digital camera, so I googled some digital cameras ideas and came up with the logo that I created.In InDesign I created two pages and added guidelines so I would be able to align everything and have things organized. This process of adding guidelines helped me a lot.Then I edited all the pictures that I was going to use in Photoshop. This process took hours to finish, but it was worth it. Afterwards I added all my pictures in the InDesign document and added the body copy.This was the most fun part, printing. I printed my project around 10 or more times to be able to achieve the colors and “bleed” that I needed.

76

web sITe mOCkuPDescription:Design a website project using a grid.

Date: June 23, 2016


Program(s)/Tools: Adobe PhotoshopAdobe InDesignAdobe Illustrator

Objectives:Create a website with a logo of your own.

Process: The first thing I did was to choose an idea on what I wanted my project to be about. I first chose one idea, but then changed it to the printshop.Afterwards I did some sketches about how I wanted my mockup website to look like. This step is very important because without it I would have made something that would lead nowhere.I used the 16 column grid on Photoshop for my project. I used a lot of guidelines for my creation. I then created the wireframe using those guidelines. They helped a lot.Afterwards I edited the images that I was going to use in order to make them smaller for the website.Then I added my pictures and created a clipping mask on all my pictures and logo.

98

mOnTageDescription:Using montage design a spiritual poster.

Date: May 26, 2016


Program(s)/Tools: Adobe Photoshop

Objectives:Learn how to montage images in Photoshop

Process: I first added the pictures that I wanted to use for my montage, which were two. One of them was the clouds (pic1) and I used it as the background, and the second one was the two people climbing the mountain (pic2).I used a mask on pic2 to be able to blend the picture with the background.On pic1 I went to color balance and added more yellow and magenta to make it look more like cloud color.I wanted to add more cloud effect, so I added another picture between pic1 and pic2 and set the opacity to 32%.I added a border that I got from the internet to make the montage look betterLast but not least, I a wanted to add good effect on my font, so I Google a good way to do so. I found this online.

1110

PhOTOdesIgnDescription:Taking a new picture to create this project. Using Photoshop to create a project using the color scheme.

Date: May 18, 2016


Program(s)/Tools: Adobe Photoshop

Objectives:Learn how to work with color schemes.

Process: I decided to create a Monochromatic design on gold, but changed my mind to orange. After deciding what my scheme would be about, I looked around at things that could fit my profile. I realized that my Yu-Gi-Oh! box had what I was looking for, so I took a picture of it.I created my 11 x 8.5 document in Photoshop. I did many changes there. I used Vibrance to make the colors look more alive. I also used Treshold which made a huge change in my photo. It changed the color to black and white in a way that made it look like it was sketched. I also added Hue/Saturation which gave color to my photo and made it look great!I added my quote in all caps because I felt that it was going to get attention.

1312

COdIngDescription:Code a custom webpage with HTML and CSS.

Date: June 15, 2016


Program(s)/Tools: Adobe IllustratorNotepad++

Objectives:Design a webpage that describes how your logo was designed.

Process: I created my logo in Adobe Illustrator. I based it on a rooster because my boss’ nickname is “El Gallo.” I thought it would be funny.I resized my logo and made sure to erase any excessive space. I also made the background transparent.I started creating my HTML file in Notepad++. I did the coding and wrote all the information needed.After I was done with my HTML, I created my CSS file. This was a bit hard since I had to make many choices. I decided to use red, teal and orange (split complementary) colors for my website, because I know those colors would work great together.After I was done I validated my HTML and CSS, both passed.

1514

InFOgRaPhICsDescription:Create an infographic that organizes data in a visually pleasing way.

Date: June 9, 2016


Program(s)/Tools: Adobe IllustratorExcel

Objectives:Research in order to create the infographic.

Process: The first thing I did was brainstorm topics that were interesting to me. This step took me a couple of days, for some reason it was very difficult. I finally came up with the topic of where the names of the characters from Dragonball come from.I did some research online and found many websites, but one seemed to have accurate information.I did some sketches to help me see how my infographic would look like before doing it digital.I used Illustrator to create a my icons. After I was done, I did my big layout and added the title, information and icons.I did the math to find out the percentage of each of my three types. I used Excel to show me a graph and then recreated it in Illustrator.

1716

PRezI Description:Create an instructional presentation using the Prezi software to demonstrate it’s features and capabilities.

Date: May 5, 2016


Program(s)/Tools: Adobe IllustratorPrezi software

Objectives:Learn how to use the features of Prezi.

Process: I first sketched out how I wanted my Prezi to look like. I searched the internet for good pictures about coca-cola to use it as a background.Based on my sketch, I used Adobe InDesign to make the background and it worked great.In Illustrator I made the little red circles to put words inside.I went to the Prezi website and started doing the project.I added the background, then the pictures that I wanted and added a frame to them to look a little more organized. Then I added the little red circles that I created in Illustrator and added text inside the circles. Then I added the transition effect of Prezi.

Link: http://prezi.com/860jhl7njamj/?utm_campaign=share&utm_medium=copy&rc=ex0share

1918

busIness IdenTITyDescription:Create a logo for a company/service/organization and establish a visual identity across documents.

Date: June 1, 2016


Program(s)/Tools: Adobe InDesignAdobe Illustrator

Objectives:Create a business logo and stationary.

Process: The first thing I did was come up with an idea to create a logo. After deciding to call “My company” El Gallo bookstore I started doing some sketches.

I did my three Brand marks on Illustrator.Afterwards I started creating the logos and checking which one looked betterI wasn’t sure which one to use so I asked a couple of friends and also on Facebook. Surprisingly the one that I liked the least was the one that everyone seem to like.

13 a joselopez2

Design

Transcript of 13 a joselopez2