Memories

 

This video was created using Adobe Spark Video and made solely on my iPhone.  Adobe Spark Video allows you to combine icons, pictures, video, text, and your voice to make attention grabbing videos.  The app includes pre-made layouts, themes, and music which make designing a story easy and fun! I was able to add my own selection of music that I purchased on iTunes.  When adding your own music, it is ok to add music you have purchased as long as the video is for personal use only.  If you intend on making a video for a client, you must use music that is on the app to avoid using anything with a copyright.  The app saves the video in an mp4 format.  I enjoyed using this app and would recommend it!!

Advertisements

Volleyball Infographic

Shockwave18u

 

The infographic above details the 2017 season statistics for the travel volleyball team NC Shockwave’s 18U Elite team.  This could be used on the NC Shockwave website or distributed as a promotional tool for recruitment.  The colors used in the design of the infographic are Black #000000, Red #ff0000, and White #ffffff which are the official colors of the team.  The fonts chosen for the design are Aileron Heavy for the title, Aileron Regular for all subtitles and Arimo was used as the text for the team roster to give the infographic a cohesive feel.  Two graphic elements of a volleyball were also added to support the them of the design.  The infographic was designed using an internet based graphic design program, Canva.  Canva would be a good choice to use for someone who owned Apple computers because it allows you to create multiple types of graphs directly in the program, eliminating the need for Microsoft Excel and Access (which do not come standard on a mac.)  The information in the graph included in the design, show the total games and sets played this year along with the wins and losses for both.  The attention bar points out that the team brought home 3 tournament wins for the season.

Printmaking for Web Design

printmaking

Crane Print

The crane print was designed during a workshop taught by visiting artist, Elise Ferguson.  It was made by carving the design into a linoleum block.  Once completed, the carving was covered using a rainbow roll of blue, black, and gold ink and was then pressed onto rice paper to create the print seen above.  While my print is fully representational of a crane, Ferguson’s work is abstract in nature.

While I make abstract images – things often begin to resemble “something.” Occasionally creating illusionistic space or a composition that appears representational.                      –Elise Ferguson

Prints like these can be displayed as works of art or can be used as backgrounds or patterning for logo work or web design. I have taken a pattern from this print and used it to create a background for a previously designed logo used in the dreamweaver assignment.

The pattern was taken from the moon seen on the crane print.  I first layered it behind my original logo “Eat More Cake” but the background was white and did not fit with the theme colors of the website created in dreamweaver.  Using color “eeeee” I filled the background of the pattern to match the background on the website and I brought the opacity of the print down to 64% to make the logo more pronounced.  Then the complete logo work was imported into the index file using dreamweaver and is shown in the images below.

Screen Shot 2017-04-05 at 4.27.34 PMScreen Shot 2017-04-05 at 4.29.09 PM

HTML

Shockwave CodeShockwave Gallerygallery_codeShockwave featured photo

The above screenshots are of the html work that I have done for my professional client’s website, NCShockwave.  The top image shows the html code used to write the overview page that appears below in the second image.  Multiple codes were used to make each of the headers a different size, color, and in some cases underlined as the client stated they wanted.  The html code used to underline a section of text is <u>  and the code to make that text bold is <strong>, these are just a few examples of the code that I used on the overview page.

The images that follow are of the before and after screenshots of the homepage and featured photo in the gallery file that were also updated by altering the html code.  Also additional images were added to the gallery as well.

Additionally the “Harrell Pressure Washing” logo sponsorship was added by using html code in the widgets section of wordpress and appears on each of the 9 website pages.

Dreamweaver

Screen Shot 2017-03-16 at 2.26.52 PM

Working with HTML

The website template above was created using Dreamweaver.  By experimenting with html I was able to add a logo, upload an image, and add a line.  Additionally using code, I was able to change the headers to #c53f3e color and the text underneath to #432418. The line below this text was also created using html on wordpress.


 

illustrator_exam1a  ghj
 ghj  ghj

Midterm Exercises

The design exercises below were created using Adobe Illustrator and Adobe Photoshop following the steps listed on our midterm assignment.

illustrator_exam1

Illustrator Exercise 1  (lines and shape)

 

illustrator_exam1a

Illustrator Exercise 1a  (curved line and shapes)

illustrator_exam2

Illustrator Exercise 2  (pathfinder tool and curve on a text)

photoshop_exam

Photoshop Exercise

Business Set Brand Identity

hpw_brand_identity

Branding identity shown as a business set and was created using Adobe Illustrator for my client.  The business set includes letterhead, an envelope, and business cards for the company, Harrell Pressure Washing.  The fonts included within the set and logo are Acumin Pro and Adobe Garamond Pro.  A band of water was added along the bottom of the letterhead and the business card to add interest and to create a more cohesive look that ties into the client’s use of water to make things clean again.  Also the band of water appears beneath the logo as if the water droplets in the logo are accumulating at the bottom of the stationary/business cards.

 

Photo Logos

It is important to attach a photo logo on business websites or emails to inform the client who you are.  Photo logos make your brand easily identifiable and enable potential clients to form a connection between you and your brand.  The first photo logo shown is a photo logo gmail signature block that was created in Canva by following the tutorial linked below the image.  The two colors that were used in the signature block are Rose Blush (f3d1c8) and Midnight Blue (191348).  The script font used as the signature is Freeland, and the fonts used in the main logo are Futurist Regular and Carpenter Script.  The second photo logo was created in Photoshop using an image of the client.  The tutorial for the galaxy logo design is linked below the logo.  This photo logo can be used on the client’s website, in his email signature like the one shown above it, or as his Facebook profile photo. The font used is Arial Rounded MT Bold Regular and is filled with same galaxy background to correspond with the background of the image.  Using this design sets the image apart from a regular photograph making the logo more memorable.

Text Heavy Banner

homicidehunter_1homicidehunter_2fullsizerenderresearch_id

After living for several years in Colorado Springs Co. my favorite investigative show to watch is Homicide Hunter with Lt. Joe Kenda.  It is one of the true crime shows that is featured on the Investigation Discovery channel.  Lt. Kenda has solved over 400 murders that have occurred in Colorado Springs.

Included in this post are several images taken from the Investigation Discovery website that were used as research.  The main colors used on the website and in their logo are black, grey, white, blue, yellow and sometimes a contrast of orange.  I imagine that the blue and yellow color choices are included to correspond and identify with investigative police colors.  The website has a clean easy to navigate layout and is predominately done in a san serif style font. The logo almost always appears in the lower right hand corner of the screen and is a tilted box with the initials inside of the box.

Preliminary hand-drawn sketches are seen located about the research images. These were done in order to best decide where the text should appear in the banners. The size selected for the banners is 720 x 300 pixels to be the size of a standard pop up ad.  The first banner above the sketches is done in the color blue (20287d), yellow (edf605), and black that appears on the channel’s website.  While the yellow gives the banner some pop, it still seems to need more.  The final banner appears at the top of the post.  The blue background has been replaced with an image of Pike’s Peak which is located in the center of Colorado Springs and shows the viewer what town is Joe Kenda’s “town” as referred to in the quote. The font selected for “Homicide” is Consolas Bold, “Hunter” is Geneva Regular, and “Lt. Joe Kenda” is Futura Condensed Medium which has a level of opacity added to it.  The main  logo is in a black box which has been rotated to the right and has the letters “CI” in white inside of it, these are done in the Charter Bold font.  Directly underneath the logo appears the words “Criminal Investigation” which is in the Futura Medium font and corresponds with the Futura Condensed Medium font selected for other areas of the banner.  The logo has had some opacity added to it in order to see the image underneath it and to be recognizable but not in your face like the main title of the show.  The last line of the banner is a quote that Joe Kenda says in the opening of every show “If you murder in my town, I will find you” and is a combination of the Futura Condensed Medium font and the Charter Bold font.