Search Results For: photo effects

CSS / 3 Jun 2011

Mastering CSS Reflections in Webkit

The box-reflect property is just one of many awesome new CSS3 effects that Webkit brings to the table. Unfortunately, it’s not the easiest to use. There’s a lot of syntax that can be confusing and today we’re going to sift through it and explain it in detail so you can get the hang of it.

It’s important to note that, at this point, box-reflect is only supported by Webkit browsers. It’s a superfluous visual effect so you can use it as long as you accept that it’s not going to render in anything but Chrome and Safari.

Graphics / 28 Apr 2011

Dribbble, Philosophy and the Art vs. Design Debate

Always eager to jump into a debate, today I tackle the concept that artsy eye candy is currently too prevalent in design. Design inspiration galleries and communities are constantly critiqued for displaying art when their focus should be on design.

Can we cut through the biases and assumptions of the common rhetoric and discover the proper place for artistic talent in relation to functional design? Let’s find out.

Software / 31 Mar 2011

Apply Graphics to Textured Surfaces With Displacement Maps

Do you ever wonder how Photoshop masters create such realistic compositions? Seemingly simple tasks such as throwing some text onto a brick wall can easily lead to lackluster results if you don’t know what you’re doing.

So what sets you apart from the pros? Why are their final results so believable while yours reek of Photoshop? The simple answer is that they know more tricks than you! Let’s fix that.

Graphics / 24 Mar 2011

Pepsi vs Coke: The Power of a Brand

Today we’re going to jump into an age old rivalry between the two biggest soft drink companies on the planet and their flagship products: Pepsi and Coca-Cola.

The main theme will be brand evolution. We’ll take a look at how both brands have changed over the years and which seems to have the better strategy.

Business / 25 Feb 2011

10 Expert Tips for Selling Your Designs on Etsy

Etsy is a community that fascinates me. Thinking it was limited to scrapbooks and crafts I paid little attention to the site for years, but recently I discovered that there’s a lot more to this group than meets the eye. It turns out there are several very talented designers on Etsy making a decent amount of cash selling stock designs.

Today we’re going to take a closer look at some of the successful sellers of graphic design templates on Etsy to see if we can glean any trends and tips from them.

Graphics / 17 Feb 2011

How to Make Slicing Suck Less: Tips and Tricks for Slicing a PSD

I have a dirty little secret, I hate slicing Photoshop files. By that I don’t mean that I hate turning PSD comps into websites, I mean that I hate Photoshop’s slicing tools. The whole process makes my PSD look busy, cluttered and overly complicated so I usually skip it altogether and instead opt to manually crop and save out images individually as needed.

In order to fight this tendency and attempt to see the true usefulness of Photoshop’s slicing tools, I embarked on a mission to learn all the intricacies of how slicing works. Below is a collection of tips and tricks that resulted from this journey. Hopefully, you’ll learn a thing or two you never knew!

Graphics / 20 Jan 2011

Best and Worst Design: 50 University Websites From 50 States

If you hail from the U.S., which state are you from and how would you rate the level of design from the schools there? Today we’re going to jump into this topic by examining 50 website home pages, one from a university in each of the fifty states.

We’ve divided the schools up into the best and worst and didn’t pull any punches when it comes to calling out bad design practices. Let’s see how your state fared!

HTML / 22 Oct 2010

How to Build a Website With Flux 3: A Coder’s WYSIWYG

Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.

Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.

Graphics / 14 Oct 2010

5 Super Easy Illustrator Typography Tricks

Beautiful typography goes much further than finding the right font.

Today’s post will help you break out of the nasty habit of simply typing out a headline and calling it a day by showing you how to craft standard text in Illustrator into something more interesting and unique.

Below you’ll find a fairly random collection of tricks that I’ve picked up in the last few years. Each method is highly open to interpretation and you should definitely try to tweak and customize them to your own preferences.

Accessibility / 28 Jul 2010

Tips for Designing for Colorblind Users

It’s estimated that about 8% of males and 0.5% of females are born colorblind. That may seem like a low number but if you’re designing for a large audience, having a site that’s unusable for eight out of every hundred males is definitely less than desirable.

Fortunately, you can fairly easily make sure that your site is colorblind friendly by always keeping in mind the information below. We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles.

Graphics / 2 Jun 2010

Create Stunning 3D Text Free With SketchUp

Everyone loves 3D text.

Unfortunately, not everyone can afford the 3D modeling software necessary to build it. Today I’ll teach you how to create some awesome 3D text using only Photoshop and a free app from Google. Intrigued? Read on!

JavaScript / 27 May 2010

Create an Awesome 3D Slideshow With Cu3er: Part 1

Today we’re going to build a simple web page with an amazing and free tool: Cu3er.

Cu3er is a really neat 3D image slider with crazy visual transitions and lots of customization options. Though it’s built with Flash and JavaScript, you don’t really need to know either of these to use it.

In this article, we’ll get the page built and the slideshow up and running. Next time we’ll return and see how to customize some of Cu3er’s many features and variables.