Search Results For: design

Graphics / 16 Sep 2010

Create Awesome Animations in Photoshop

After Effects is the go-to Adobe application for creating both simple and complex animations. However, for those users that either don’t have the time to learn an entire new application or simply don’t own a copy of After Effects, Photoshop has incorporated very similar, albeit scaled back, functionality.

Today we’ll go over the basics of how animation works in Photoshop and then build a basic animation from scratch. Let’s get started!

Software / 9 Sep 2010

Mastering Photoshop History and Layer Comps

Sometimes the key to moving ahead in Photoshop is to look back.

There are a number of different tools, features and methods in Photoshop that you can and should be using to track and manipulate the history of your designs as they progress.

Today we’ll take an in-depth look at the Photoshop history palette and how it can help you diversify your designs and keep track of various ideas. We’ll also learn how to use the History Brush and those incredibly handy but difficult to figure out Layer Comps.

JavaScript / 31 Aug 2010

Build an iPad-Themed Image Slider With jQuery

If you’re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.

Today we’ll teach you how you can create just such a project in mere minutes using some awesome free resources from around the web. We’ll walk you through ten super simple steps so even if you have little to no web experience, this project should be a breeze!

Navigation / 26 Aug 2010

Create a Fun Animated Navigation Menu With Pure CSS

In recent years jQuery has become the easiest and best supported way to implement simple animations online. JavaScript is exceptionally good at what it does and this article is in no way an argument against it.

However, CSS3 offers a glimpse into a possible future where basic animations are performed with straight CSS completely independent of scripting. Today we’ll take a look at how to use CSS3 to create a fun and unique navigation menu that uses @font-face, transforms and transitions.

CSS / 24 Aug 2010

715 Awesomely Simple and Free CSS Layouts

Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to customize lame pre-fab designs?

Today we bring you over seven hundred freely downloadable CSS templates that focus on providing you with only a basic layout to build upon. Using these cross-browser layouts you can avoid endless CSS positioning woes and focus on what you’re good at: design.

Graphics / 6 Aug 2010

An in-Depth Guide to Working With Typography in Illustrator

Adobe Illustrator is a fantastic application for crafting typographical masterpieces. However, whether you’re creating a simple paragraph for a print ad or a complex typographical piece of art for a website, there are several tips and techniques you should know for how to manipulate type within the program.

Below you’ll find a brief overview of some of the basic commands you should familiarize yourself with as well as some must-know keyboard shortcuts and even a few obscure features that you may not even know exist. Let’s get started!

Graphics / 23 Jul 2010

50 Fantastically Clever Logos

I know everybody and their brother does logo roundups so you’re probably sick of them, but I don’t believe I’ve ever done one and there is a particularly impressive brand of logo design that I wanted to point out.

Today we’ll look at 50 logos that are the result of going beyond the typical thought process and injecting a little wit and hidden symbolism into the design process.

Layouts / 13 Jul 2010

Rapid Blueprint CSS Layout With Boks

Today we’ll take a look at Boks, an awesome little tool that will help you spec out a basic site layout in no time flat.

We’ll go through what it is and how you can use it to speed up your development as well as what the limitations and downsides are that you’ll want to be aware of before you download the app.

HTML / 10 Jun 2010

HTML and CSS Debugging Tools

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.

Graphics / 8 Jun 2010

Create a Moveable Sticky Note With MooTools and CSS3

I recently came across a neat tutorial at Woorkup pointing out a MooTools feature that allows you to turn any item on a web page into a positionable element.

Today we’re going to use this technique to create a simple and fun sticky note that a user can play with and move anywhere on the page. Along the way will be using lots of CSS3 so make sure you’ve got a decent browser!

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.