Latest Entries »

Free Fonts

Happy Freebie Friday everyone.  Techsnoop has rounded up some great looking script fonts to spice up your website, print projects or headlines.  They all have open, rounded shapes and are easy to read at all sizes.  Best of all, they are free.  A big thank you to the creators for providing excellent design resources.

Windsong

Windsong font

Simply Glamorous

Simply Glamorous font

Jenna Sue

Jenna Sue font

 

As with all free resources, be sure to read the license information.  These fonts are all free for personal use, but some may charge for commercial use.  Let us know in the comments how you used these fonts.  And come back next week for a great tutorial.

Happy Designing!

Techsnoop loves to share free stuff and this week we found a great new font for headlines and other bold use.  But best of all, it comes in both a static .tff file and an animated AE file for motion and video work!

franchise font

Franchise is a collaboration of one type designer and 110 animators who each animated one element.  Every letter, punctuation and numerical character has a unique animation.  The color palette is limited to 4 colors and the animations are 25 frames each.  If you want to get started animating fonts in AE, this is a great download.

All for the low, low cost of a Tweet or FB post!

typogami

While you’re on the site, pick up Typogami, another great font with both animated and static versions for free.  Typogami’s static font is an .otf file.

Free fonts means you have plenty of moolah left over for coffee or Coca-Cola!  So pick up your free fonts, caffeine rush and get to designing.

If you use these in a project, let us know in the comments so we can see!

Credit: Mashable

Credit: Mashable

Web and Graphic Designers almost always work in teams.  From creating layouts and user interfaces to elaborate games and app development, the designer needs to collaborate frequently.  E-mail tag just doesn’t cut it as a method for rapid feedback and updates.

Thankfully, there are many tools to make collaboration easier and many are FREE!  Mashable.com has been kind enough to round up 14 free tools that are easy to use and free of charge.  From Red Pen to Redmark, these tools have robust features that let you share work, take notes, save client notes and reiterate.  Take a tour and find the one that works best for your needs.

Let us know in the comments if your favorite tool isn’t listed and we’ll take it on a test drive.

DKemp DesignsGreat design requires commitment and continuous education on trends and techniques.  Alone, it is an impossible task to keep current and revelant in this business.  Fortunately, the Web Design community is the most generous industry ever.  There is no shortage of professionals and geeks sharing their answers on time saving techniques.  DKemp Designs uses many sites and tools to meet customer needs.

Techsnoop has rounded up some great free resources available;

Give n GoGive ‘n’ Go

A wonderful site with great resources like animated menus, CSS animations, glowing buttons, all reworked from shots on Dribble.com.  Copy the HTML, CSS, javascript and you’re ready to go!

SVGenerator

This site generates SVG background code to create effects without large background images.  There are subtle patterns, stripes, even gradients and a starfield.  So, select one you like and edit the settings and colors.  Then download the code and paste into your site.  Easy just got a new home.

CSS3 Animation Cheat Sheet

Looking to spice up your site with some fast loading animations?  This is the site for you.

Select the animation effect you want, download the code, add to your project and away you go.  There are helpful hints to incorporating the effects into your code and any jQuery needed is posted with instructions.

So now you can concentrate on designing the fun elements and animate away.

Just For Fun

If you have been pondering whether to use parallax in a project, check out Cyclemon a site with a great example of parallax effect being used well, with purpose and not annoying.  The site states you are what you ride and shows each type of cycle in a great graphic with catagories like “Night Rider” and “Hipster” among others.  If the graphics appeal to you, they are available for purchase.

Although a picture is worth a thousand words, most design requires words to convey an accurate message.  No matter how beautiful or compelling your graphics and pictures are, typography drives the message to your customers.  For both print and digital, the proper use of typography can make or break your design work.

Every designer loathes being stuck in a creative rut.  Fresh and creative use of typography and images requires a lot of work, and the frequent changes in the industry make it critical to stay on top of trends.

To keep things interesting, you need a warehouse of fonts.  Nothing says boring faster than using the same fonts on every project.  To help take some of the pain out of designing, Techsnoop is bringing you 3 fresh and modern fonts.  Although the fonts are free, consider donating to some of the creators if you are able.

So here are some great free fonts to keep your designs sharp;

Nexa;

A great headline font.

nexa01

 

 

 

 

 

 

 

 

 

Deco Neue;

An Art Deco based font.

deconeue

 

 

 

 

 

 

 

 

Source Sans Pro;

A clean all purpose open-source font from Adobe.

SourceSplash

Have a blog or website featuring WordPress that needs a refresh?  Here are some great free WordPress themes to spice up your website or blog for FREE.

And because we want you to be up to date with the latest, all of these themes are responsive, meaning they will display beautifully on all devices from PC to tablet to smartphone.

AccentBox-ThemeAccentBox A fully responsive and beautiful layout so that you can view it in different devices without any need of extra plugin.  It has unlimited color schemes.
basic-product-img

 

 

 

Basic.  If you are wanting to get your hands dirty in WordPress code, this may be the theme for you.  The purpose of the Basic theme is to give you a starter theme so you can be your own designer. It only contains the basic layout styling so you can customize the theme with your own perferences using the Themify option panel. The layout is completely responsive and works on any resolution of desktop and mobile devices.

 

 

 

esplanade-full

Esplanade  A modern and stylish theme with a responsive layout and slick, streamlined design with a flexible options page offering lots of features and control.  You can customize the layout, design elements, color schemes and typography along with traditional WordPress functionality like custom menus and post thumbnails.

 

The_Avengers_Movie_by_Alex4everdnThere have been many tries to recapture the magic of the original Hulk TV series in movies.  But, until The Avengers, no one had gotten it “just right”.

If you are into design or animation you may wonder just what creative mix made this version of the Hulk work when others fell short.

Well, first there was the casting of Mark Ruffalo as Dr. Bruce Banner.  A wonderfully understated presentation of the genius is absolutely necessary for this character.  At the same time, he needed to be humble enough to be believed as a genius.  Mark pulls this off effortlessly.  He plays a man who just wants to be left in peace, but with enough I.Q. that this will never be possible.

Second, ILM took the approach of not just creating a monster and throwing it at the screen.  They used facial molds and motion capture to create a Hulk that looks and acts as if it is Mark Ruffalo morphed into the monster.  Check out the video for inspiration with your design and animation.

FREEBIES!

Fear not, faithful fans, here is today’s freebie;

A set of grunge brushes and the beautiful and useful Rothenburg font.  Happy designing!

 

Here are some  great tutorials for maximizing the photo retouch tools in Photoshop.  It can be very frustrating to try to get rid of distracting objects in photos only to have the photo look smeared.

The first video shows how a little attention to set up and use of multiple tools can eliminate blurs and hard transitions.  Our second video is more advanced on skin softening and retaining details.

So, get out your preferred caffeine fix and let’s get learning!

[youtube http://www.youtube.com/watch?v=7Xtl7rrQV_w?rel=0]

[youtube http://www.youtube.com/watch?v=PNmP9s_A8VI?rel=0]

Thank you to envatopsd and Lightenupandshoot.