21
Portfolio Grecia Figueroa
PortfolioGrecia Figueroa
Table of Contents
BrochureLogosMontageStationeryBusiness CardWeb PageImagingEvent AdFlier
Description:A two-sided (duplex), trifold brochure.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe Photoshop and Indesign
Objectives:Set up and align a two-sided, folded document.Learn how to wrap text around an image.Use paragraph style in InDesign.
Process: OnInDesign,Isetupregularmarginsandgutterstocreateadocument.Becauseoneflapwasgoingtobebiggerin size than the other two, I set up my ruler or guide lines by dragging straight from the ruler and setting them at certain inches. I then created the back of the brochure as well. Once I was done with that, I went to Illustrator to create my logo. I used the pen tool to create some straight lines for my SandHouse logo. I then used the selection tool to drag some curves and create the shape for both the house and bottom. I added a sand yellow to the house, and a light sand brown for the bottom lines. I added text and put it together. I dragged my logo directly into InDesign and placed it in the front panel of the back. I used the free transform tool and Shift,andresizedmylogotofitinthefrontpanel.Iaddedabeachpicturefortheothertwopanelsandsentittotheback. Forthetext-wrappicture,Iusedapictureof asandarrow,andplaceditinthefirstpanelof thefrontbrochure.IfirstpreparedtheimageinPhotoshopbyusingthelassotool,thenusingthefeather,radius,andsmoothbuttons.Ithenplaced it through InDesign.
I then selected the text-wrap option, and clicked on the wrap around object button. I selected an alpha channel, and my text wrapped around my picture.
brochure
Description:Logo for an organization
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe Illustrator
Objectives:Create three logos with different color schemes: black and white, monochromatic, white on colored background.
Process: Creatinglogoswasmyfavoriteprojectsbyfar,sincethisiswhatIwanttodo.Ihadalotof funwithmyfinallogo,whichdid take a lot of detail to accomplish.
I started out with a rectangular shape from the shapes menu. I drew out the shape that I wanted for the background of the mountains, then changed the color to a black.I then grabbed the pen tool and started to draw points in order to create the mountain shape on top of my rectangle. I connectedtheshape,thenselectedboththerectangleandmyshape.Inthepathfindermenu,Iselectedtheminusfrontoption, which deleted the rest of the rectangle, leaving behind the really cool outline of the mountains.I created a half circle at the bottom to outline the shape. I expanded it to the outer edges of the logo, and adjusted the mountainpointsinorderforittofitbetterwiththelogos.Ilookedforafontthatwouldbestrongandsimple,butthatwould match what the company was about.In order to get a clean white space between the half circle and the bottom of the mountains, I drew another oval that matched the shape of the half circle, turned it white and sent it to the back. This helped to create a clean circle shape under the mountains, getting rid of any trapped white space. I decided on a monochromatic color scheme, and changed the colors in the text and rectangle.In order to add more detail to the logo, I drew some of the “shade” of the mountain by using the pen tool. Once I drew them, I gave different colors in order to create more interest to it.I reshaped the logo, then grouped it in order to keep it together. I changed the color schemes to an all white background and then to a gray scale one.
Logos
Description:A spiritual montage made by the blending of two or more images, and the use of typography.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe Photoshop
Objectives:Learn to manage photoshop layers.Learn to blend images together smoothly, using masks.Usefilters.Apply appropriate typography.
Process:
I wanted to show that we have to let our faith sometimes take direction in our lives. In order to convey this, I used an image of awoman,andbutterfliesrepresentingthatfaith.Itransferredthebutterfliesimageintotheimagewiththewoman.I added a layer and blended into the image, so the edges around weren’t all rough and blended quietly into the image.Iwentaroundtheedgestoblendeverythingwell.Ichangedthecolortored,andblendedintothemaskeachbutterfly.Iaddedthesecondimageof thebutterflycageandchangedtheopacityandblendedintothetorsoof thewoman.I added the text and changed a little bit of the opacity in order for it to blend into the background.
Montage
Description:Create a letterhead and business card for a business.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe IIllustrator and Indesign
Objectives:Createanewlogotofitacompanyorpersonalimage.Design consistent layouts for a business card and letterhead.Use the basic tools of Illustrator and InDesign.
Process:
Thelogoisforaoutdoorsoutfittingcompany.Thelogoismountains,andthelayoutof theletterheadandbusinesscardis semi-formal. I then created my business card. I added my logo with white contrast and then placed it in the back with the website. I added the rest of the info on the front, and added a watermark of my white logo. I made the background a light gray in order for it to stand out.
Letterhead
Description:A two-sided (duplex), trifold brochure.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe Illustrator and Indesign
Objectives:Createanewlogotofitacompanyorpersonalimage.Design consistent layouts for a business card and letterhead.Use the basic tools of Illustrator and InDesign.
Process:
I created my logo using Illustrator. I added the points of the mountain using the pen tool. In order to create the jagged lines, I used the line tool to create a jagged style. I moved my font down, and aligned it with the mountains.
I created a document for my letterhead. I placed my logo at the left corner, and added the rectangle tools at the bottom to match the color of my logo, which is monochromatic. I added my website at the bottom small rectangle, and my information at the bottom, aligned to the edge of the website. I then placed a watermark in the middle, and added an opacity of 15%.
I updated my business card and added a dark gray background, after removing the water mark. I added an accent rectangle togounderthename,andsomefillonthewordstomakethemstandout.I then aligned the rest of the info in the card. This updating took about 35 minutes.
Business card
Description:Create a webpage for the Mt.Co logo created earlier.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe Photoshop and NotePad++.
Objectives:Size and optomize an original logo as a .png for a web page.Write content to describe the logo creating process 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 and basic understanding of CSS.Identify hex colors for web design.Compressmultiplefilesinazippedfoldertoattachasonefile.
Process:
Those who love the outdoors and want adventure. Those who are serious about their gear, and need their supplies made from a company that knows outdoors.
I created this website using the coding program Notepad++. It was really interesting and fun to play around with HTML and CSS coding and come up with a website, since I’ve never worked with a coding program. I was able to use the website http://www.W3.org which validated the HTML code I was working with, which was very helpful.
I used a pre-made CSS document and attached my HTML to it. I was able to insert my logo and match the background and border colors to my logo using photoshop and the eyedropper tool. I used Arial Black and Georgia as my fonts, and thenaddedsomesimilarfontsincasetheuserwasunabletoopenthefirstfontsontheircomputer.Icenteredthelogousing the CSS program.
WEbsite
Description:A personally taken photograph that has been edited/formatted using Photoshop.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Adobe Photoshop.HTC One camera.
Objectives:Learn basic photography skills, and use digital camera for quality image.Size and crop the image.Adjust image brightness, contrast, hue and saturation levels.Use a selection tool to isolate a portion of the image.Useafilterorcolorizeaportionof theimage.
Process:
1.Theprocessconsistedof uploadingthepicture inphotoshopandchangingthesize.OnceIfinishedthat,Iwasableto start adding rectangles into the image. I changed the colors, and started moving them around. I made the image more transparent. I added the quote and changed the font type and color. I adjusted the monochromatic color rectangles.
2. I used an original picture I took while I was aboard a plane. I placed it into Photoshop, and began my work. I used the brightness toggle to turn it down, while also adjusting the contrast and saturation levels. Once my image was prepared, I used thelassotooltoselectasmallportionof myoriginalpicture,andusedthe‘refineedges’tooltosoftenmyedgeswithabitof feathering, smoothing, and radius. I set up my page in another tab of Photoshop, and created the design for my page. I did 3 textboxes, one a thinner stripe, and the other two big rectangles. I created layers so that my document was protected. I used a monochrome color scheme, and used orange to get the brown hues. I selected 3 different color hues that matched with my image, and aligned them according to my vision. I brought over my prepared image from the tab next to it, and placed it in the right hand corner. I brought the image to the front, and adjusted the way it was set up. I then added my quote at the upper left-hand corner, and made the font white. I aligned it between the image and left-side of the page.
Since I chose to redo my project, it took about 3 hours and 20 minutes to get it all accomplished.
Imaging
Description:A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Microsoft Word processor.
Objectives:Apply the design principles and use appropriate typography.IncorporatebasicInDesignskillstoimprovebasicflierlayout.Create a project folder with image, logo and InDesign documents to keep links intact.
Process:
I started off by creating sketches on a white piece of paper, and creating a layout for my desgins. After the process was made, I chose the best layout that I liked.Istartedoff bycreatingboxesandfillingthemwithagraybackgroundinorderforthewhitetostandout.Iaddedtheinformationfortheflier,andthepicturetobeinthecenter.Iaddedaccentsbyusingrectangleboxesandaddingthemaround the picture.I created a nother box at the bottom to contain the time and date of the actual event. I placed the logo next to that box to create symmetry.I created the larget font on the top and added smaller body copy to contrast the headings.
Flier
Description:A color full-bleed event ad to promote a fundraiser using only Microsoft Word and a scanner.
Date: 12/12/15
Course/Instructor:Comm 130 Section 13Jason Stucki
Program(s)/Tools: Microsoft Word processor
Objectives: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:
I copied my image from a magazine. I inserted the image into Word. I made the image smaller using the mouse, and arranging it how I wanted it. I tried putting it as centered as possible. After the image was placed, I created some text boxes with the text box tool. I applied a color to the text box, and tried to match it to the color of the painting as much as possible. I ended up using a sort of nude/coral color, as it applied to the undertone of the image.Once the color was set, I copied and pasted two other boxes with the same background color. I used Garamond as the font, at 14 pt. size, and used bold. I changed the font color to white so that it would pop out more. I put in my content, whichwasforafictitiousfundraiserconcerningthearts.After the text was in, I decided that the boxes should blend with the image a little bit more, and the perfect way for that was to reduce the transparency of the text boxes so it would look like a part of the image. I changed the transparency to 65%,anditfitwell.
I created this project in about 1 hour, after I scanned the document.
Event Ad
