Search Results For: 3d

CSS / 28 Sep 2011

CSS Button Tutorial: How to Code Buttons in 5 Simple Steps

Here at Design Shack we like to feature a full range of tutorials, from expert PHP projects to very simple CSS tips. Today’s tutorial is targeted at those still in the beginner stages of CSS.

One of the most frequent questions I get from CSS beginners is, “How do I create a button?” It’s a simple question with a complicated answer. There are quite a few ways to go about it and unfortunately there are also quite a few ways to go wrong. When I first started out in CSS, figuring out all the button syntax was one of the most persistent troubles I faced, it seemed like I was always doing it wrong. Today we’re going to walk through a very simple and flexible process that you can apply to any button you create. More important than the end result is the in-depth explanation at each point outlining why we do it that way.

Graphics / 20 Sep 2011

10 Tips for Designing Better Infographics

Infographics have been around for ages but in recent years they’ve really come into the spotlight as an almost irresistible way to communicate complex scenarios and information. We can’t help it, when we see a link for an infographic, we almost have to check it out!

If you’re at all interested in infographic design, read along as we take a look at some of our favorite examples and discuss some important do’s and don’ts for creating compelling and effective graphics.

Layouts / 20 Jul 2011

Ditching the Grid: Alternative Layout Strategies and Tips

Are you tired of creating building websites using the same old grid-based layouts for every project? Have you been itching to break away from the norm and attempt something a little more organic?

Today we’ll take a look at a few sites that have done just that to see what we can learn about alternative layout methods and how they can be successfully implemented.

CSS / 6 Jul 2011

Rolling Your Own Grid Layouts on the Fly Without a Framework

Do you hate CSS grid frameworks but love the rapid layout benefits that they provide? Do you struggle with the math and code necessary to create your own flexible multi-column layouts on the fly?

Today we’re going to walk you through creating your own basic, reusable system for creating multiple columns that you can implement anywhere any time with only a few lines of code. No bloated code or non-sematic class names required!

Inspiration / 17 Jun 2011

50 Creative and Clever Examples of Outdoor Advertising

Outdoor advertising is an incredibly rich and diverse medium that allows a very unique spectrum of creativity for designers to play with. Sometimes you have to catch someone’s attention in a split second, other times you can do something fun and interactive.

Today we’ve scoured Ads of the World and come up with fifty particularly creative billboards, bus stops, subway ceilings and more. If you need a fresh blast of creativity to boost your next project, take a look!

Typography / 2 Jun 2011

50 Examples of Beautiful Typographic Art

Everyone loves a good typography roundup. Type is the muse of so many extremely talented designers and the web is simply overflowing with beautiful examples just waiting to inspire you to create your own masterpiece.

Today we’ve got a collection of fifty of the most attractive typographic art pieces we could find from artists all over the world. Take a look!

Inspiration / 1 Apr 2011

20 Great Sign Up Form Examples to Learn From

Sign up forms come in many different shapes and sizes. Some are a single field, others are a multi-step process that stretch over several screens.

Today we’ll take a look at 20 attractive and functional forms to see if we can find any useful ideas that you can apply the next time you’re building a sign up form.

Graphics / 9 Mar 2011

5 Quick and Easy Photoshop Textures You Can Make From Scratch

The web is full of free texture resources. Unfortunately, we’ve all used them before and hate all the inherent restrictions that come as a result of using borrowed art. For your next project, why not just use textures that you make yourself from scratch? You skip the restrictions and the end product is much more unique because you’re not using the same resources used by everyone else.

Today we’re going to get you started by teaching you how to use a couple of basic Photoshop filters to create five completely different textures. Each texture should only take you anywhere from one to three minutes to bust out and can therefore be quickly applied without eating up your crucial design time. Let’s get started!

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.

Business Card Templates / 11 Feb 2011

50 Incredibly Clever Business Card Designs

Business cards are a constant point of creativity for designers. This little personalized piece of marketing holds an impressive amount of potential for capturing the attention of potential customers and many businesses are willing to spend plenty of money to make sure their cards make a lasting statement.

Today we’ve collected over fifty business card designs and concepts that not only have aesthetic appeal, but really go that extra mile to increase impact. Some pop up into 3D shapes, others glow in the dark or even serve a lasting useful purpose. All of them are sure to inspire you in your own endeavors to create amazing business cards.

Graphics / 19 Jan 2011

Photoshop Reflections 101

Today we’re going to learn all about how to make convincing reflections in Photoshop. Text reflections, 3D reflections, product shot reflections, all kinds of crazy reflections. We’ll discuss everything from custom transforms to blending modes and beyond. Whether you’re a beginner or a pro, you’ll probably learn a thing or two.

You might be thinking that reflections were all the rage a few years ago, but are currently losing a bit of steam, and you’d be right. However, you can still see plenty of them in practice on Apple.com and other sites. You should definitely beware of over-using them and adding to bad web 2.0 trends, but also know that once in a while they can add class to a boring item.

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.