Tutorials

CSS Buttons with Pseudo-Elements

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… Continue reading CSS Buttons with Pseudo-Elements

How to Create a Professional Web Layout in Photoshop

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started! Tutorial Details Program: Adobe Photoshop CS5… Continue reading How to Create a Professional Web Layout in Photoshop

Ice Text Effects

Hello dear visitor, and Welcome to Ice Text Effects Tutorial. Today, we’re going to practice a dozen methods of: how to archive a frozen look on a desired text in Photoshop. So let’s get started, right away! First of all, create New Document with sizes of: 720×700 px and color the Background in #434343. Grab… Continue reading Ice Text Effects

Create an Unique Surreal Photo Manipulation with Nebula Effect in Photoshop

Tutorial Details Program: Adobe Photoshop CS5 Difficulty: Intermediate Estimated Completetion Time: 1- 2 hours In this Photoshop tutorial, I will show you the steps I took to Create an Unique, Dark Surreal Photo Manipulation with Nebula Effect in Photoshop. This is an intermediate level tutorial so some steps can be a bit tricky, but why… Continue reading Create an Unique Surreal Photo Manipulation with Nebula Effect in Photoshop

Creating an iOS-like Home Screen with CoffeeScript

Today we are going to create an iOS-like home screen using CoffeeScript – a new JavaScript based language, and the jQuery library. CoffeScript has a clean syntax that lies somewhere in between Ruby and Python. If you haven’t used any of them, don’t worry – it is not required. However you will need to be… Continue reading Creating an iOS-like Home Screen with CoffeeScript

Design a Contemporary Poster

Create this simple poster created with layers of photos and shapes. In this Photoshop tutorial, you will learn how to use a combination of Photoshop brushes, images, and custom shapes to create this contemporary poster. What you will need Architectural ornaments brush set A few splatter brushes Step 1 Create a new document with… Continue reading Design a Contemporary Poster

Making a jQuery Countdown Timer

When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newsletter. Today we are going to build a neat jQuery plugin for displaying a countdown timer.… Continue reading Making a jQuery Countdown Timer

Create a Web Hosting Landing Page in Adobe Photoshop

In this First of the Year 2012 tutorial we are going to create a Web Hosting Landing Page layout for Besthost as an example. The template will have a simple logo, navigation, slider gallery, package, about us, services, testimonials and footer. Let’s combine these all together to make an awesome template. I will try my… Continue reading Create a Web Hosting Landing Page in Adobe Photoshop