Website Design & Development

Client Website image

Freelance – Client Website

The World Wide Web has been connecting people to the Internet for many years, and the concept of Website Development has become a part of everyday life for Graphic Designers. Websites contain informative content and can be created for just about anything such as, individuals, groups, organizations, or charities. Whether designing a personal portfolio of your work or promoting a product, websites are developed through the use of HTML code, scripts, and navigation which are combined together to create an interactive & dynamic website.

One of the earlier programs created for website development, Adobe Dreamweaver, uses a system of containers, div tags, & HTML code to place content at specific locations on a web page. To a novice web designer, this program can appear somewhat overwhelming because of its intricacies. Fortunately, Adobe Muse has since been developed, and makes website designing much simpler than before. This new software allows the designer to drag & drop images, buttons, forms, and several widgets that are stored in panels on the workspace. Hyperlinks & Anchors can be used for parallax scrolling effects, and videos & image galleries can be placed freely about the web page at will. Dedicated Header & Footer area can also be established to ensure uniformity across the site.

Website development is one of the most important skills that a designer can learn when contracting freelance clients or working for a full-time employer because the Internet is becoming the way of the future regarding the delivery of information to the world.

Concert Event Poster

Concert Event Poster

Concert Event Poster

Everyone enjoys music, and one of the best methods that musicians inform their fans of performances is through posting a Concert Event Poster. Graphic designers are tasked with creating printed advertising & marketing material that is informative, effective, and unique. A favorite program that designers’ employ when creating digitally produced media is Adobe Illustrator because of its functionality with vector graphics and their scalability factor. The Pen Tool can be used to draw shapes, which can then be filled & blended with surrounding shapes to create a smooth appearance. By using the Color-Picker Tool, a designer can select colors from original images to help create the shadows & shading effects depicted on the original, giving the design an almost identical, lifelike result. Another effect that designers can apply to shapes to enhance the smoothing of the image is the Gaussian Blur effect. By using a slight blur, lines and rough edges around individual shapes can be made to appear invisible. Adobe Illustrator is equipped with several brush libraries; however, by using the Pen Tool, designers can create original brushes in order to draw items such as animal fur or hair.

Content information such as who, what, when, where, & sometimes why should be placed strategically on the Concert Event Poster using distinct Typography to compliment the imagery on the poster. These same principles should be applied when designing CD covers and album art.

Interactive Magazine & Newspaper

Image of Interactive newspaper

Interactive Magazine & Newspaper

Can you remember the last time you stopped by a newsstand or bookstore to purchase a magazine or newspaper? Today, through the rapid advancement of technology, it is just as easy to read these types of periodicals on-line. Digital Interactive Magazines & Newspapers are increasing in popularity as the affordability of tablets and smaller media viewing devices has been made available. Digital magazines that engage the reader through interaction, have proven to keep the viewer interested and wanting to explore more of the magazines rich, bold, and vibrant content. This content is normally created & designed using Adobe Photoshop & Adobe Illustrator software programs.

On-line periodicals with clickable links that reveal more of a story, or YouTube videos of a corresponding event are just a few examples of user interaction. Videos and scrolling text boxes can also be embedded on individual pages to enhance the experience. Lightboxes or thumbnail galleries, as well as sound effects can be applied to all sorts of elements throughout the publication to add some extra flair. These elements, used sparingly, include text, images, motion-graphics, and pages, and should be placed strategically as not to distract from the content. Because of its extreme versatility in Digital Publishing, Adobe InDesign software is the recommended platform when designing interactive magazines & newspapers.

Logo Design

Logo Design

Logo Design for TwinEagles Club

Wherever you look, the Art of Logo Design surrounds us. From a single word, to a small phrase, to a picture or hand drawn object, a logo is a vital element to any method of packaging. Whether promoting your-self to a potential employer or client to selling a product to a consumer, the logo is the key symbol of identification to a particular person or product. Depending on the amount of detail in the composition, logos can be very simple or extremely complex. Images that are created for logos should always be drawn as vector art by using using the Adobe Illustrator software. As a designer, complexity has to be considered because a logo is designed to be scalable, and should retain its readability when viewed as a 1” X 1” image on smaller pieces of printed material, such as business cards or letterhead. As a general rule of thumb, “the simpler the better” is a good influence for creating memorable, symbolic imagery.

Color is another element a designer needs to consider, because printing can be a very costly expense. Logos designed using only 2-Color methods tends to be less expensive because of the amount of ink necessary to reproduce the image multiple times. As technology has improved over the years, 4-Color printing, or CMYK (Cyan, Magenta, Yellow, Black), has become more affordable and not as concerned about today. Because the logo is a vital piece of the branding process, it is usually the first item created by the designer. The color scheme of the logo normally sets the tone and theme for the remainder of the branding activity. A separate Black & White or Gray-Scale version of the logo should also be created for deliverables, such as inter-office memorandums or newspaper advertisements, where color is not a necessity.

Packaging Design

Packaging Design

Packaging Design

Everywhere you look today, the world of Packaging Design is all around. The key to designing containers to hold a product involves creating an image to appear seamless, as the package is rotated 360°. For the most part, containers are designed using vector graphics that have been created with Adobe Illustrator software. Another key feature of packaging design is the ability to use die-cut windows in order for the consumer to view inside the packaging. This approach can add a more visually appealing feel to the design that can improve the products likelihood of being chosen over a competitor. This type of graphic design usually starts from an original 2D template to match the product with custom folds that allow the design to be folded and sealed together to contain the product.

Packaging Design incorporates both sides of a designer’s brain, for not only does the designer have to consider creating an eye-catching design that sets it apart from other products, the designer also has to take into account the required legal information for the package. This information includes copyrights, nutritional values, ingredients, bar code, logo, manufacturer or company contact, & recycling icon if the package was made using recycled materials. A great designer needs to be equipped with the skills & knowledge to properly incorporate unique & informative design while placing all legal requirements at key locations throughout the packaging without distracting from the consumer.  

Stop Motion Full-Length Video

 

Stop Motion Animation, in its earliest form, can be traced back as far as the early black and white cartoons, where hand-drawn images that were changed ever so slightly from one drawing to the next were pieced together to create a feeling of motion. Today, with the assistance of a camera and a few friends, the feeling of motion can be accomplished using real-life objects and photography. Adobe Premiere Pro & After Effects are two very powerful design programs that make video production a breeze for the graphic designer.

Manipulating & cropping the numerous photographs to size in Adobe Photoshop is only a portion of the necessary components for a full-length feature video. Some other components needed in the design are an Animated Logo, an Opening Title Sequence, and a Rolling Credits Screen. One of the finest programs to employ in the design of these sections is Adobe After Effects.

This Stop Motion Animation was created using over 200 photos, and took over eight hours on location to shoot. This was one of my favorite projects I completed while attending Hodges University. A huge thank you goes out to my friends, Wade Lessard and Arin Mortinsen, for assisting me on location.

Novel Dust Cover

Book Jacket

Novel Dust Cover

Graphic Design has been around for many years, and has been presented in multiple shapes, sizes, and platforms. Years ago, books & novels that were printed and bound took a very long time to complete due to the nature of the typesetting process and the needed physical artistic expression from the designer. Today through the development of computer software such as Adobe Photoshop & Adobe InDesign, publication design and protective book jackets can be created much simpler than before. As with this new software development, the availability of many more typefaces has grown significantly, which can be used to portray the subject matter more cohesively.

Using multiple images and layering them on top of each other in different locations about the canvas can create a compelling, meaningful image. Applying different filters to each layer, such as hue, saturation, brightness, contrast, & blending controls for example, and changing a layer’s opacity, can create one-of-a-kind results. This method, paired with numerous typographical solutions, leaves the designer’s imagination open to endless possibilities!

Digital Illustration Advertisement

Digital Illustration Advertisement

Digital Illustration Advertisement

Designing in Adobe Illustrator is like getting ice cream with your cake to a graphic designer. The software has many built in tools & effects that allow the designer to draw images that can come across as cartoon like or stunningly lifelike. With the slightest blur & feather Effects on shapes that make up an image, the end result can produce an amazing, realistic comparison that seems almost identical to its original.

This technique of drawing, paired with appropriate, enhanced typography, can produce seamless, eye-catching imagery that can be used for many different types of projects.