How to create 3D Love text composition

tors, feb 25, 2010

Kommentarer slået fra

In this tutorial, I will show you how to make a stunning 3D text effect using different textures to give it a unique look with Xsara3D & Photoshop.

Final Image Preview

How to create 3D Love text composition in Adobe Photoshop CS4

Start by creating each letter separately in a 3D program, I use Xara3D (download the Xara3D 6 trial to your Desktop, run the installer file and follow the on-screen instructions), and import them into a Photoshop document.

Create a new file in Xara3D and represent here by turn the letters composing LOVE word.

How to create 3D Love text composition in Adobe Photoshop CS4
Select for the beginning the text options by clicking on the Text Options icon:

Tags: , , , , , , , , , , , , , , , , , , ,

The jQuery Hover Method

tors, feb 25, 2010

Kommentarer slået fra

When building a navigation menu, or any other jQuery script, it is often necessary to have a robust method with which to define a mouse over and mouse out state. This is where the hover() method comes along. Here is how it is used:

$('.selectorClass').hover(
function(){
	$(this).stop().fadeTo('slow',0.4);
},
function(){
	$(this).stop().fadeTo('slow',1);
});

This assigns the first function to be executed when the mouse moves above the elements on the page, which share the selectorClass class name, and the second one is executed when the mouse moves away.

You can use “this” inside of the functions, to access the element that triggered the event.

Tags: , , ,

Mailto Links

tors, feb 25, 2010

Kommentarer slået fra

Basic

Open default mail program, create new message with the TO field already filled out.

<a href="mailto:someone@yoursite.com">Email Us</a> 

Adding a subject

Open default mail program, create new message with the TO and SUBJECT field already filled out. Essentially we are adding the parameter subject to the href value.

Spaces in the subject will probably work OK, but to be super-extra sure, you can replace spaces with “%20″.

<a href="mailto:someone@yoursite.com?subject=Mail from Our Site">Email Us</a> 

Adding CC and BCC

Open default mail program, create new message with the TO, SUBJECT, CC, and BCC field already filled out. Essentially we are adding the parameters cc and bcc to the href value.

Tags: , , ,

Display Data With Funky Animated Needle Gauges

tors, feb 25, 2010

Kommentarer slået fra

Creating appealing data visualization has always been one of Flash’s key features. It allows you to achieve eye candy results with real dynamic data; be it in a preloader, a game, or an office presentation.

This simple tutorial will show you how to build a needle gauge meter. You’ll learn how to apply a “gloss” effect, communicate with XML, and apply a tween engine to rotations.

Step 1: Folder Setup

Create three files: gauge.fla, gauge.xml, and Main.as.

Step 2: XML Structure

Open gauge.xml. This file will contain the data that populates the meters; edit them however you like based on the following structure:

Tags: , , , , , , , , , , , , , , , , , , , , ,

Create an Abstract, Textured Artwork in Illustrator

tors, feb 25, 2010

Kommentarer slået fra

Ever wondered how to create a textured, abstract piece of art only using Illustrator. Well, here your challenge is to learn how to do it! We’ll be using mostly the Blend Tool, Paintbrush Tool and textures to enhance the image. A basic understanding of each and every tool is advised.

Final Image Preview

Below is the final image we will be working towards.

Tutorial Details

  • Program: Adobe Illustrator CS4
  • Difficulty: Basic
  • Estimated Completion Time: 30-60 minutes
Tags: , , , , , , , , , , , , , , , , , , , , , , , ,

Coding your First jQuery UI Plugin

tors, feb 25, 2010

Kommentarer slået fra

jQuery contains the fn.extend() method, which makes authoring jQuery plugins quite easy, allowing us to write code that is used in exactly the same way as other jQuery methods. jQuery UI also contains structures that make authoring custom jQuery UI plugins easy. So that’s what we’ll be looking at over the course of this tutorial. The methods used differ from that of standard jQuery plugins, and there are stricter conventions that should be followed, which is why I feel the topic is deserving of an article.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , ,

Create a skippable and redirectable video intro for a website

tors, feb 25, 2010

Kommentarer slået fra

In the following actionscript 3 lesson, we are going to create a video intro that the user can skip to access the main site or that will automatically redirect to the main site when the video has finished playing.

View DemoDownload Source

1. Create a new flash file (Actionscript 3.0) and save it as video.fla.

2. Rename “layer1″ to “btn”. Create the “skip” button and give it an instance of skip_btn.

3. Create an “actions” layer and open the actions panel.
First, we need to set up the video and add to the NetStream instance a listener for the NET_STATUS event.

Tags: , , , , , , , , , , , ,

Make a Freezing Cold Snow-themed Abstract Piece

tors, feb 25, 2010

Kommentarer slået fra

In this tutorial, you’ll learn how to create a snow-themed large piece. You’ll learn how to plan the composition of the piece, to add elements into the composition, how to recycle the piece itself to generate more elements for the piece, how to incorporate pentools into a design and finally how to finish off and fine tune the piece to make it look great.

Put on a scarf, jacket and gloves, switch on your heater, make yourself some tea and let’s get started!

Final Image Preview

Let’s take a look at the image we’ll be creating. You can view the final image preview below or view a larger version here.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Quick Tip: Get a Random Number Within a Specified Range Using AS3

tors, feb 25, 2010

Kommentarer slået fra

We often need to use a randomly generated number for certain situations; using Math.random() * n will usually do the trick, but it will only calculate a number from 0 to n. What if we need a number that doesn’t give 0 as the minimum value? How can you generate a random number between 100 and 1000? I’ll show you how to do it in this Quick Tip.

Final Result

This example demonstrates the function we’ll be creating:

Input two numbers separated by a ‘,’ and press the random button.

Tags: , , , , , , , , , , , , , , , ,

Coding a CSS3 & HTML5 One-Page Website Template

tors, feb 18, 2010

Kommentarer slået fra

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game.  And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years.

But changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few years from now. One of these technologies is HTML5 – the new version of the fundamental language of the web.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,