Tanner Fugal's Design Portfolio

8/10/2019 Tanner Fugal's Design Portfolio

1/21

Portfolio Tanner Fugal


2/21

Tanner Fugal371 Goode St

Burnt Hills, NY 12027

518.682.7529

[email protected]

CONTACT


3/21

TABLE OF CONTENTSBusiness Card

Brochure Web PageStationery FlierLogo

MontagePhotodesignEvent Advertisement


4/21

BUSINESS CARDDescription:Matching letterhead and business card designed using a personally created logo.

Date:November 9th 2014

Course/InstructorComm 130, Ben Pingel

ObjectivesMy goal for the business card design was to incorporate the logo in an interesting

way and to tie into the stationery and web page.

Programs/Tools Used:Adobe Illustrator & InDesign

Process (Programs, Tools, Skills):I designed the logo in Adobe InDesign. I used the pen tool. I sampled the atcolors from an image. It took a bit of tweaking to make it look perfect. I made it arainbow iris to communicate that the company does the full spectrum of visualmedia. Once I had the iris logo I saved it and then created a three new InDesign

documents and imported the le. I designed the business card and the stationery atthe same time with the same visual style and themes.

On the business card I put more personal information. I kept the design style ofthe stationery and kept the black. For the front I just placed the logo on a blackbackground. The back was a challenge because I wanted to incorporate the logo inan interesting and effective way. I decided to have it run through the document andI rotated the logo to the side with the bright colors. With this design style, I couldgive new employees different parts of the logo ring to add some personalization. Imade sure to use the exact same spacing between the logo image and the text onboth the stationery and the business cards. I designed many different versions andvariations of the card and showed many people to get their opinions on what wasthe best one.


5/21

[email protected] Goode StreetBurnt Hills, NY 12027

www.IrisVisual.com

Tanner FugalCEO and Founder

Iris VisualProductions


6/21

DescriptionA brochure that is for my fathers business, Jan P. Fugal DDS. This brochure tellsall the basic information that they want their current and future patients to know.

DateDecember 6, 2014


Programs/ToolsInDesign, Illustrator, Photoshop

ObjectivesMy goal was to make a professional looking ier that shows off what thecompanys values and services are.

ProcessThe rst thing I did was work to create the logo for the company. I knew that thelogo colors and style would inform my design choices for the rest of the document.I designed a logo in Illustrator and then showed it to my parents (the business

owners). They wanted a logo where I worked in their slogan somehow. Thereslogan is We shine a light on your smile. I redesigned the logo and combineda lighthouse and a tooth. This works especially well because it goes with thelighthouse design themes that they also have in their of ce. Once I nishedtweaking the design I started to work on the brochure. I set up the brochure designin InDesign and set up the guides for the sections. I set up a three fold document.I kept a at design style with slight gradients to give it a little contrast. I workedin different saturations of the colors from the logo. I removed the backgroundsfrom the photos in Photoshop using the quick selection tool. I then used the re nedialogue to feather and adjust the selection. I placed the edited PSD les into thedocument and for the photo of Dr. Fugal, then I wrapped the text around him. Iused the wrap to alpha channel option. I placed a subtle watermark on one of thepages to give it some branding and character. After endless tweaking and over 13versions of the document I nally came up with a document that folds accuratelyand looks professional.

BROCHURE


7/21


8/21

DescriptionA web page designed to showcase a personally created logo and company.

DateNovember 22, 2014


Programs/ToolsDreamweaver, Photoshop, Illustrator

ObjectivesMy goal was to create a professional looking website that was organized andconcise. Another design goal was for it to look good at any size. My pageautomatically resizes itself based on the screen and window size.

ProcessI created this webpage in a variety of programs, but I mostly used AdobeDreamweaver because thats what I am the best in and what I was originallytaught. I wanted to create a modular design that adjusted dynamically no matter

what the width of the browser was. To achieve this I created containers in CSSwith rules so that they would re-size proportionally so all the elements will stilllook good no matter how you have the window. I created a navigation bar withbuttons that subtly get darker when you mouse over them. These links would takeyou to their respective pages once they are designed. I also made myself a faviconthat shows up in the top of the tab. This helps brand your page and makes it easyto pick out among many tabs. I have a contact us button with a working hyperlinkthat opens up your email client with the correct email in the to eld. I wanted tokeep it simple and elegant. In the future I would want to make this page a littlemore fun, but I stayed basic for now.

WEB PAGE


9/21


10/21

Description:Matching letterhead and business card designed using a personally createdlogo.

Date:November 9th 2014


ObjectivesWords will come soon!

Programs/Tools Used:Adobe Illustrator & InDesign

ProcessFor the stationery I knew I wanted a bold look. I put the logo on a black barbackground for the header. I placed the contact info in a different contrastingfont. I then added the watermark in the lower left and gave it an opacity of 10%.I added the black bar on the bottom to tie the design together. I tried the design

without the black header but it just didnt have the impact I was going for. After alot of tweaking the elements so that they t comfortably in the margins, I placedin sample body text to make sure the document would look good with real content.Additional information about the logo design is on the Business Card page.

STATIONERY


11/21


12/21

DescriptionBlack & White promotional ier to promote a graduate leadership conference.

DateOctober 5, 2014


Programs/ToolsInDesign

ObjectivesMy objectives for this project were to learn the features of InDesign and to create aunique ier design that was a balance of professional and fun.

ProcessI started by drawing up potential layouts to generate ideas on how to design this

ier. I then used Adobe InDesign to draw out the design. I used two large ovals tocreate a soft design with a owing white space right through the middle. I useda subtle gradient on the lower oval. The Vouant logo inspired me to go with the

circular design. I was given the image, logo, and content for this ier. At the end Idid some retouching in Photoshop where I painted out the edge on the photo whereit stopped.

FLIER


13/21


14/21

DescriptionThree different logo designs for the same company.

DateNovember 2, 2014

Course/InstructorComm 130

Ben Pingel

Programs/ToolsIllustrator

ObjectivesI wanted to create different logo designs that would communicate a similar overallmessage.

ProcessThis project was very challenging because I had to gure out how to use manyfeatures to pull of my designs. I actually started by spending over an hour comingup with a company name and related words and objects that I could use in mydesigns. I started with the bottom logo. I imported a photo of a light stand andthen traced certain parts of it. I Incorporated it into the I. I used adobe font

nder to get some ideas on good typefaces.

The middle logo was very complicated. I wanted to incorporate a lm strip, eye,lm reel, and iris into the design to tie it all together. I created my own custom

pattern brush to do the outside of the eye and the brow. I adjusted the points andcurves to give the eye a distinctive feel. It was amazing to see how much characteryou could give the eye by adjusting the curve of the brow. I used contrasting colorsin that logo with the blue and the dark orange. I custom drew the eye with manyellipses. I also custom drew the iris with the pen tool and curves.

For the top logo I wanted to make it like just a reel. I used three additive colors torelate it to the lm process. I wanted to keep it simple and bold. In reality the logowould be used as a thumbnail because of its nice circular shape. It would show upin YouTube or other social media sites as the pro le photo.

LOGO


15/21

I VIris Visual

PRODUCTIONS

RISV IS UAL P RO DUCTI ONS


16/21

MONTAGEDescriptionAn inspirational montage made by the blending of two or more images, and the useof typography.

DateOctober 26, 2014


Programs/ToolsPhotoshop

ObjectivesMy objective was to create a beautiful photo that communicates a message ofeternal perspective.

ProcessI found a beautiful picture of the Boise Idaho temple of Lds.org and then croppedit to an 8.5 X 11 page. I used the lter tab and inserted a subtle lens are with thelight coming from the statue/the sun. I inserted the Christ statue and used a layer

mask to take out the background. I feathered the edges and then tweaked theoverall opacity. I then found a spacey texture and overlaid it on the temple. I usedthe overlay blending mode and then a layer mask so that the picture wouldnt beapplied to the actual temple. I went Online and found a quote that was meaningfulto me, then went about tting it on the image. I then went into the text settingsand added a subtle drop shadow to make it pop out and separate it from thebackground. I used special fonts and sizes to emphasize certain words. I added abox with a gradient on the upper half of the image. I used a gradient overlay effectand this brought out the color in the upper half. This created more contrast andreally made the image pop and you would never know it was there. I critiqued withmany people and made many tweaks along the way. By the time I was done, I had10 versions of the document. It evolved over time.


17/21


18/21

DescriptionDemonstrate good photography and image editing skills. Incorporating color into aposter layout with an original photo.



Programs/ToolsPhotoshop

ObjectivesMy goal for this project was to show my skill in photography as well with editing inPhotoshop.

ProcessI started this project by thinking about a color scheme. I wanted to go with acomplementary color scheme. I then went out and took over 200 photos with theCanon 7D with a 50mm f1.4 prime lens. I like that lens for portraits because of

the beautiful depth of eld and I like the camera because I have control over allthe settings and can get the image to look just how I want it. I selected this photobecause of the frame that the wood makes in the photo. I liked the colors and thenarrow depth of eld. I took the photo into Photoshop and adjusted the exposure,contrast, rotation, sharpness, and saturation. Once I got the photo looking howI wanted it I began to create a color palate. I sampled colors from the photo andcompared them to a color wheel to make sure that they were complementary andworked together. I did a lot of masking and cutting out parts of the image so thatthe design elements ran behind the Gazebo. I really improved my skill at this andI think that the lines and bars running behind the person gives it depth and makeshim pop out more.

PHOTODESIGN


19/21


20/21

DescriptionA full bleed color advertisement made entirely in Microsoft word and only using ascanner.



Programs/ToolsMicrosoft Word

ObjectivesMy goal for this project was to create an advertisement that was visually appealingwith the challenge of only using Word.

ProcessI scanned the image of the bikers out of a biking magazine. I then analyzed thecolors in the photo and decided to go with the earthy tones that were in the photo.I used a triadic color scheme. I used these colors to create boxes for the text. I

learned a bit about the gradient tool in word because that was one of the fewfeatures that I had not really used before. I chose two types of contrasting fonts inmy design. I then had multiple people critique my design and made some changesto improve the balance and polish of the design. I printed out the design to verifythat it looked good on paper. I then exported the le to a PDF and then a JPG forthis post.

EVENT ADVERTISEMENT


21/21

5 AnnualCyclocross Classic

Friday,October 17 th

9:00 A.M. to3:00 P.M.

Jenkins Park

Come on a wonderfulscenic bike ride for agood cause. The route

will be 35 miles long. Allproceeds from this event

will be donated to theGoode Street SeniorCenter to help pay for

much neededrenovations. Participantsof all ages are welcomeat this event.

$8 Ent ra nceFee

$20 Ent ra nceFee a nd T-Sh irt

Documents

Tanner Fugal's Design Portfolio