jordan stevens portfolio

7/23/2019 Jordan Stevens Portfolio

http://slidepdf.com/reader/full/jordan-stevens-portfolio 1/11

Jordan StevensPortfolio



Contact

Jordan Stevens1232 Pleasant View Dr.

Rexburg, ID 83440208.709.7315 [email protected]

Tableof Contents

Brochure

Logos

Flier

Event Ad

Business Card

Letterhead

Montage

Web Page

Photodesign



Brochure

Description:An offset (two-sided) brochure.

Date:12/05/2015.

Course/Instructor:Comm 130 Section 03Ben Pingel.

Program(s)/Tools:Adobe Illustrator, Adobe Photoshop, Adobe InDesign

Objectives:I wanted people to feel a sense of urgency by showing the post apocalypticpictures and to realize they will be doomed without a bomb shelter. I wantedmy text to captivate anyone interested in survival and to make them feel likethey had a chance.

Processes:I designed my logo in Adobe Illustrator. I Googled a vault shape to trace outthe shape I wanted. I used Adobe Photoshop to create that same shape andadded a concrete texture to it for my vault shape on the inside. I then wentinto Adobe InDesign and organized my logo, images, and text into a nice format for my brochure. I placed all of my images where I wanted them,making some larger than others and positioning them in the appropriateplaces for the offset design I was going for. I created several text boxes andcolored boxes to put my text into. I then found an image of a helicopter for

the back of my design and clipped it to wrap my text around it. I added dropshadow to the text on the back of my brochure to give it more contrast.



Description:A logo I made for personal branding of myself, a videographer and editor.

Date:10/31/2015.


Program(s)/Tools:Adobe Illustrator

Objectives:I wanted the logo to have a unique and sleek design, because that is how Ilike to do my videos. I thought keeping the design sharp and cleandemonstrates professionalism and style.

Processes:I first drew out the letters of my name because I wanted to figure out a coolway to use my initials in a design. I came up with a design that I liked formy initials and then opened up Adobe Illustrator to translate it from paperto software. I used the pen tool to draw the initials. I added a 5 point basicstroke with pointed edges to make for a cool sharp design. I then added acurve on the J so I could line up the edge of the J with the slanted S’s. Afterthat I added a rectangular box to the design and placed it to the right of myinitials on the J. I wrote out “Jordan S. Stevens” with a cool downloaded fontand put it in the middle of the box. I used the select tool to alter the anchors

and made the corners of the rectangle come out for the sharp look to matchthe initials. I then created a smaller box with the same shape rectangle andplaced it below the big box with the “videographer/ editor” text in it. I thenchose my favorite color which is cyan and made one of the S’s that color. Ithen found a cool monochromatic color from Adobe color and used it for theother S and the lower text box. I then created a grayscale copy and a copywith the design mostly white and I put a red rounded rectangle behind it.

Logos



Description:Black and White promotional flier intended to promote a graduate leader-

ship conference.

Date:10/3/2015.


Program(s)/Tools:Adobe InDesign.

Objectives:I am trying to reach recent graduates who want to improve their leadershipskills and who would be interested in a conference to host this. I was tryingto create imagery that would advertise the conference spirit to my audienceby showing multiple graduates in the picture, and silhouettes of peopleinvolved as well at the bottom of the design.

Processes:Once I had heard what the flier was going to promote I instantly startedimagining how I wanted my flier to look. I visualized it and then sketched iton paper to see if it translated from my mind to paper. I liked the layout insketch form and then created it in Adobe InDesign. I used black boxes andwhite boxes for contrast as well as black and white text. I kept the flier in ahorizontal alignment and aligned the title with the location information/logo and then centered the body text between those two. I left plenty ofwhite space in all of the text areas. I created some shapes at the bottom toresemble people by repeating varied ellipse shapes, adding some repetitionand irregular rhythm. The image I used makes it look like the people in theimage are looking down at the people, thus creating a conference vibe to it.I chose the image that showed multiple students because it illustrates thatmany people are involved. I also thought this image best reflected theprofessionalism I was aiming for in the design. I was given the logo, image,content for this flier.

Flier



Description:An ad designed for a local fund-raiser event to raise money for the Aviary

Preservation Society.

Date:10/10/2015.


Program(s)/Tools:Microsoft Word.

Objectives:I wanted this design to be very interesting and to have an image that emphasized the event visually. By showing the feathers, I felt it would makepeople curious about the event. Part of my message was to also explain whatthe event is for and who it will benefit. The details of how it will benefit theAviary Preservation Society is very evident in my ad which is what I wantedpeople to see.

Processes:I first scanned the image, which I found in a magazine. After that, I usedAdobe Photoshop to verify the size of the image. I then scaled the image forthe right margins in Microsoft Word and added the rest of the content in thisprogram as well. I underlined the title with a lime green color to contributeto the color scheme I wanted to achieve. I aligned the description of theevent with the place and time at the bottom. I think the feathers are a goodexample of repetition. I wanted to organize the text in a simple, yet elegantway. There is kerning on the date below the title which I thought added somevariety to the design. I feel like I have a lot of white space throughout thedesign as well that works nicely with it.

Event Ad



Description:A business card designed to promote my video business and provide poten-

tial clients with the company’s information.

Date:11/07/2015.


Program(s)/Tools:Adobe Illustrator, Adobe InDesign.

Objectives:I wanted the logo to reflect professionalism and creativity. Potential cilentsare interested in a skilled and unique style for videos they want and Ithought this logo and design would reflect that. I wanted to emphasizesimplicity and used cerulean blue because it reflects things like stability,wisdom, confidence, and it is calming.

Processes:I created my logo in Adobe Indesign and then imported it into AdobeInDesign to organize my business card layout. I created a square shape andapplied some color and effects to it for an appealing design. I added a lineshape to the back of it to tie it into my color scheme. I then added all of mytext to the design. I put my logo on the back with 50% opacity and put somerelative clip art to the left of my contact info rmation.

Business Card



Description:A letterhead designed to promote my video business and provide potential

clients with the company’s information.

Date:11/07/2015.


Program(s)/Tools:Adobe Illustrator, Adobe InDesign.

Objectives:To showcase my Logo/company in an appealing letterhead for anyoneinvolved. I wanted to incorporate all of the same elements that werepresent in my business card to this letterhead. I used the same graphics,color scheme, and logos to accomplish that.

Processes:I placed the logo in the middle of the page with a very light opacity for awatermark. I then drew a large rectangle with the same inner glow effect asthe background to my business card, making it more subtle. I placed the logoonce more in the top left of the letterhead inside the rectangle I drew. I leftroom for a white rectangle towards the top right of the letterhead where Icould put the company member’s names and the information. I then drew 2blue thinner rectangles to separate everything at the top of the letterhead.That was my entire process to create the stationery.

Letterhead



Description:A motivational montage poster created by blending two images together,

accompanied by some relative typography.

Date:10/24/2015.


Program(s)/Tools:Adobe Photoshop.

Objectives:To motivate people to remember to always pray, as it will help God to be onyour side. I wanted to show God with his arms open above willing to listen tous praying below, and positioned my images in such a manner to deliver thatmessage.

Processes:I found some images on Google and imported them into Adobe Photoshop.I made the heaven image my background. I added the image of the handspraying to the heaven picture. I then resized the praying image and applieda mask. I used the brush tool with soft edges to blur the images together for a nice montage. I applied a difference clouds filter to the hands image tocreate a cool look on the praying hands picture. I positioned the images howI wanted them and then added my text with some blue drop shadow to addcontrast. I applied a bevel and emboss effect to the prayer title.

Montage



Description:A web page I created to showcase an original logo design of mine, and to

promote myself professionally.

Date:11/21/2015.


Program(s)/Tools:Notepad ++.

Objectives:I am sending a message of elegance and professionalism by implementingdesign elements that were in my logo into my web page. I wanted to ensurethat my web site reflected the functionality that I have to offer.

Processes:I used Notepad ++ to edit the HTML and CSS. I first off copied the codes fromthe example assignments into Notepad ++. I then used Photoshop to find thehex-codes for all the colors in my logo. I applied all of these colors throughout the CSS to make everything match up nicely together. I changed the font families of the text within my web page as well within CSS. Once I had thisdone, I centered my image using the div tag attributes and applied a link tomy Facebook profile when it is clicked on. After this I created some buttonsin the HTML that would link to my blog and some of the videos I have made.I centered these using the div tags as well and then applied color and style to

these buttons in CSS and made it so they fade to a cyan color when hoveredover. Finally, I revised my code to make sure the indentation was right,adding ing several page breaks where I desired. I then uploaded my CSS andHTML documents to a validating site and had to fix a few things. I got thesuccess from the validating sites eventually and then my web site was com-plete.

Web Page



Description:A poster showing off puppies and pumpkins with an evident color scheme

implemented throughout the entire design.

Date:10/17/2015.


Program(s)/Tools:Adobe Photoshop.

Objectives:My message was to show how adorable my dog looked next to thesepumpkins that were at my house, through a playful and fun color scheme.

Processes:I first chose this color scheme because I noticed a lot of pumpkins around myhouse and I loved the color. I then found my dog and her color which wentperfectly with the pumpkins and gave me all three colors I wanted for thesplit complementary scheme. I took the picture then imported it intoPhotoshop. I adjusted the levels, vibrancy, saturation, selective color, andsharpness of the image. I first used the ellipse tool to make a shape aroundthe image, I then selected the inverse and deleted everything else. I created 3more ellipse shapes to match the roundness of the pumpkins and put thembehind my image. I added the title and then used the text warp option togive it the arc so it follows the ellipse shapes in my design. I then added some

more ellipses for the top of the design, I left the fill blank and then gave themvarying strokes for a more stylistic look. I created 3 more small ellipses to fillthem with the colors I used in the design. I then added the remaining textto label the colors and color scheme. I put the labels underneath the ellipseswith the colors in them, and arced the “split complementary” text aroundone of the ellipses in the design.

Photodesign

jordan stevens portfolio

Documents