Happy-new-year-text

Creating Sparkly New Year Text in Photoshop

A beautiful Tutorial and a heartwarming congrats to the world, for the Happy New Year to come. Stay fine, everyone. More »

create-a-surreal-scene-with-a-cool-snail-that-flies

Create a Surreal Scene with a Cool Snail that Flies

Learn how to create a surreal mother nature photo manipulation. This Tutorial will show you how to create a completely surreal scene by combining stock photos and blending them seamlessly. You’ll also More »

design-people-stars-web-layout

How To Design A People & Stars Web Layout

This new Tutorial for Photoshop is useful once again to help you to create a layout for your website. This template is dedicated to websites regarding stars and showbiz. You are now More »

how-to-create-a-mysterious-floating-box-in-a-desolate-land

How to Create a Mysterious Floating Box in a Desolate Land

Create a mysterious floating box in the middle of a desolate land. This though-provoking image can be created using a variety of texture photos and a few Photoshop brushes – and we’ll More »

create-an-amazing-surreal-style-treehouse-in-photoshop

Create an Amazing Surreal-Style Treehouse in Photoshop

Create this beautiful treehouse artwork using a combination of photo manipulation and painting techniques. Find out how to easily draw a surreal-looking tree easily using the Brush tool, clouds from scratch, and More »

How to Draw a Colorful Fantasy Dragon Battle Scene in Photoshop

how-to-draw-a-colorful-fantasy-dragon-battle-scene-in-photoshop

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

CSS3FilterFunctionality

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

AnimatedWebBanners

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

cssbuttons_main1

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.

Quick Tip: How to Create a Quick and Easy Diagonal Pattern

quick-tip-how-to-create-a-quick-and-easy-diagonal-pattern

In this Tutorial you will learn how to easily create a diagonal pattern in Adobe Illustrator. Creating seamless patterns is a challenge in itself, but it is even harder if the pattern is supposed to be at an angle. But there is an easy trick to do so by creating a simple straight pattern first.

Design a Space Themed Portfolio Landing Page

spacewebdesign23

In Tutorial, how to Design a Space Themed Portfolio Landing Page

Create a Detailed Vector Chalkboard Icon

vector-chalkboard-icon

In the following Illustrator Tutorial you will learn how to create a detailed vector chalkboard icon. This classic school, blackboard illustration is composed using vector shape building techniques, pixel perfect highlighting, as well as brushes and textures for adding interest to the work.

Quick Tip: How to Create a Futuristic Scarlet Eclipse Effect

quick-tip-how-to-create-a-futuristic-scarlet-eclipse-effect

In this Tutorial, you will learn how to create a dark eclipse design which could be a perfect base for a poster or a flyer. We will use blends, effects, various transformations and spice up the effect by adding texture to the final design.

Create a Scalable Widget Using YUI3: Part 3

create-a-scalable-widget-using-yui3-part-3

In the last part of this series, we looked at the life-cycle methods, automatic methods and the custom methods that our widget requires or can make use of. In this part, we’re going to finish defining the widget’s class by adding the attribute change-handling methods that we attached in the bindUI() life-cycle method.

Let’s get started right away!