Tutorial Blog

Create a Serene Fantasy Photo Manipulation

January 16, 2012 Tutorial Blog No comments

In this Tutorial you’ll learn how to compose magical scene from different stock images, how to create strong atmosphere and add interesting lights and shadows. You’ll also learn many different ways of color adjustments to get the exact images you’ve always wished. Let’s get started!

How to Create a Conceptual Image of a Couple Jumping from High Cliffs in Photoshop

January 16, 2012 Tutorial Blog No comments

Learn how to create an retro styled image inspired by Surrealism. You will learn how to combine stock photos, Photoshop brushes, and textures to create a scene of a couple jumping to each other from two very high cliffs. You’ll also learn how to blend texture and adjust the colors to give it the old photo look.

How to Design a Beautiful Google Calendar Icon

January 15, 2012 Tutorial Blog No comments

I recently created some icons and released them to the public for free (and hope to be able to release some more soon), one of which was the icon I’ll be showing you to make in this tut. Feel free to go and pick up those icons here. I can also recommend free printable calendars

Quick Tip: Collision Detection Between a Circle and a Line Segment

January 15, 2012 Tutorial Blog No comments

We covered collision detection between an infinite line and circle in our previous Quick Tip. However, the issue that arose was that the line extends further than the visible line segment; in fact, it extends into a hyperplane. In this Quick Tip, we shall limit our collision detection to that of a line segment only.

How to Create a Photo Manipulation of an Assassin with a Flaming Arrow in Photoshop

January 13, 2012 Tutorial Blog No comments

Learn how to create an assassin wielding a deadly flaming arrow! This Photoshop Tutorial will show you how to create an out-of-focus background, create a realistic flaming arrow using brushes and color combinations, and finish it off with a vignette and texture overlay.

How to Draw a Colorful Fantasy Dragon Battle Scene in Photoshop

January 13, 2012 Tutorial Blog No comments

Learn how to take a drawing of a dragon and turn it into an amazing painting. This Tutorial will show you how to use Photoshop to create shapes from a hand-drawn sketch, apply shading, then finish it by applying color and texture. After creating the dragon, you will learn learn how to create the starry background scene and create a fiery dragon breath.

Filter Functionality with CSS3

January 12, 2012 Tutorial Blog No comments

Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this Tutorial we will be exploring those CSS3 properties by creating a experimental portfolio filter that will toggle the states of items of a specific type.

Animated Web Banners With CSS3

January 12, 2012 Tutorial Blog No comments

Hey there folks! Today we’re going to take a look at spicing up our web banners, ads or any content for that matter, with CSS3 animations.

Firefox and WebKit browsers are currently the only browsers that support CSS animation, but we’ll take a look at how we can easily make these ads also function in other browsers (which I’ll affectionately refer to as 18th century browsers). However, don’t expect perfect support for all browsers (specifically IE 7 and lower) when experimenting with modern CSS techniques.

CSS Buttons with Pseudo-elements

January 12, 2012 Tutorial Blog No comments

Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past.

In this Tutorial, I’ll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS.