Xguiden

In this short tutorial, let’s see how we can print the content of our swf files using the PrintJob class with actionscript 3.

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

2. Rename “layer1″ to “Content” and here create the content that you want to print (images, text …). Convert the whole content into a movie clip and give it an instance name of “content_mc”.

3. Create a new layer at the top named “button” and create the print button. Give it an instance of print_btn.

In this tutorial you will learn how to create text on fire, also I will explain all the techniques how to transform the text in right format.

First of all you’ll have to start by finding some appropriate picture. I prefer to use this one which you can see below:

Ok, now we need to add the text to the canvas to work with. Get out the Horizontal Type Tool and write out something like ‘Fire’ with any color you want.

In this tutorial we’ll use a combination of craft and Illustrator’s 3D tools to create a first aid icon. You can use the techniques you learn in this tutorial to create realistic rounded box icons of your choice. This works well for complex icons at large sizes and scales down nicely.

Final Image Preview

Below is the final image we will be working towards.

Tutorial Details

• Program: Adobe Illustrator CS4
• Difficulty: Beginner to Intermediate
• Estimated Completion Time: 1 hour

Step 1

Open up a new document and select the Rectangle Tool (M). Create a rectangle and fill it with red.

I have posted about how to create the neon effect in Photoshop a couple of times, however I still get emails from readers asking me how I did the light effect I use on the Abduzeedo logo. So I decided to simplify the process and show you how to create the this effect in very simple steps using basically Layer Styles and a few brushes.

Step 1

Open Photoshop and create a new document. I’m using 1920×1200 pixels. Fill the background with black.

Step 2

Import your logo and duplicate it. We will use 2 layers to achieve the effect, one will be the glow and the other the neon light.

In this tutorial you will learn how to make a simple Image Rotator from scratch using Flash, XML and ActionScript 3.0.

Step 1: Brief Overview

This image rotator is created almost entirely out of code alone.

During the first steps we will set up the Fla file properties and embed some fonts to make the image information look better. We also add a preloader to indicate the automatic transition of the images.

Step 2: Set Up

Open Flash and create a new Flash File (ActionScript 3.0).

Set the stage size to 600 x 300 px and the frame speed to 24fps.

It has been a while since we’ve done a proper PHP & MySQL tutorial here, So today we are creating a simple, yet robust, file download tracker.

Each file will have a corresponding row in the database, where the total number of downloads is saved. PHP will update the MySQL database and redirect the visitors to the appropriate files.

To track the number of downloads, you just need to upload your files to the files folder, and use a special URL to access them.

As CSS3 rolls out around the web, it is bringing some interesting new presentational techniques along with it. Today, we’ll review the basics of using CSS3 transitions and animations to add an extra layer of polish.

Tutorial Details

• Program: A web browser that can utilise CSS3 transistions (Chrome or Safari)
• Language: CSS
• Difficulty: Easy
• Estimated Completion Time: 30 min

Step 1 – Link Transitions

To begin, we’ll work with some basic techniques – firstly a simple change of text color when a user hovers over a specified element.

Today we will be making a 2010 Olympic Gold Medal similar in style to those used in the current Vancouver Winter Games. In this tutorial, you’ll learn how to create an interesting warped metal effect using the Gradient Mesh Tool. You’ll also learn some interesting ways to create and use masks while we construct this gold medal.

Final Image Preview

Below is the final image we will be working towards.

Tutorial Details

• Program: Adobe Illustrator CS4
• Difficulty: Beginner
• Estimated Completion Time: 1 hour

This snippet presupposed an HTML form with and ID of “age-form” and three inputs (text or select) with the IDs “day”, “month”, and “year” respectively.

$("#age-form").submit(function(){ var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").val(); var age = 18; var mydate = new Date(); mydate.setFullYear(year, month-1, day); var currdate = new Date(); currdate.setFullYear(currdate.getFullYear() - age); if ((currdate - mydate) < 0){ alert("Sorry, only persons over the age of " + age + " may enter this site"); return false; } return true;
});

You may wish to do something more elegant than an alert, and should also probably validate the form with server side code or else this protection only works for users with JavaScript enabled.

This Quick Tip tutorial will guide you through the process of making a vector portrait rapidly. A picture will be used as a guide for black and gray paths. We’ll review some shortcuts that will allow you to achieve good quality results with few steps and minimum fuss.

Final Image Preview

Below is the final image we will be working towards.

Tutorial Details

• Program: Photoshop CS4 and Illustrator CS4
• Difficulty: Beginner
• Estimated Completion Time: 1-2 hours

Step 1

Take a picture of yourself or of an other person.