PiticStyle

A couple of Days ago I was at my cousin’s home and I find out that she likes and practice Origami. These are some models that she made. Click on photos to enlarge!

(more…)

Today we learn how to Create Motion Tween Animation in Flash CS3. Here is the final
result!

The Animation Tween

If your animation follows some simple guidelines, you can save yourself lots of work (and reduce your file size, too) by using Flash to calculate the in-between frames for you automatically. You create just the first and last keyframes, and Flash figures out what should go in between. In animation technobabble, that’s called tweening — a quick, fun way to create great animations.

You can do a lot with Flash’s tweening capabilities, including:

• Motion tweening: This is definitely the most common type of tweening. With simple motion tweening, you can move your objects in a straight line from here to there. You can use motion tweening also to animate an object along any path that you create, even one with lots of curves.
• Shape tweening: This type of tweening gradually changes any shape to another shape. You create the first and last shapes. These days, kids call it morphing. The results may be quite unpredictable and require a lot of computer processing but are usually interesting. You can add shape hints to try to tell Flash exactly how you want your shape to morph.

And with both motion tweening and shape tweening, you can:

• Change an object’s size: For example, if you make an object smaller as you move it, the object often appears to be moving away from the viewer.
• Rotate an object: You specify the amount of the rotation. Flash combines the motion or shape tweening with the rotation so that you get both effects at one time.
• Change color or transparency or both: Flash creates a gradual change in color based on your starting and ending colors.

Note: Information from Flash CS3 for Dummies ebook. Let’s start the tutorial!

[1] Open Flash and create a new Flash File (ActionScript 3.0)

(more…)

PAGE CURL

Download

POLAROID

Download

(more…)

An action is a way of automatically applying a technique to an image using a prerecorded series of commands. Actions are triggered either by pressing one or a combination of keys or selecting the action from the Actions palette (1). Many actions
are already supplied with Photoshop and can be found at the bottom of the Actions menu (2) by clicking on the side-arrow at the top right of the Actions palette.

An action can be as simple as opening a new canvas or as advanced as creating a drop shadow on an existing picture or, as
in our example, making snow.

Ready-made actions can be downloaded from the internet, saved to your hard drive and then installed in Photoshop. Use the Load Actions command (3) in the Actions menu to search for and install the downloaded ATN or Photoshop Actions fi le.
(more…)

Today we learn how to create animations in Photoshop! My example is with text because i don’t have photos for this kind of tutorial! Let’s start!

[1] Open Adobe Photoshop and create a new page with the size 350px x 150px!

(more…)

Before

After

[1] Open the photo in Adobe Photoshop, click here (right click -> save target as) to download!

[2] Select Polygonal Lasso Tool and select the DJ place

(more…)

Today we learn about opacity in CSS! I made an example here and here you have the files.

Information about opacity in CSS:

The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent - anything below that element will show completely through. 1.0 is 100% opaque - nothing below the element will show through.

So to set an element to 50% transparent, you would write: opacity:0.5;

Neither IE 6 nor 7 support the CSS 3 opacity property. But you’re not out of luck. Instead, IE supports a Microsoft-only property “alpha filter”. Alpha filters in IE accept values from 0 (completely transparent) to 100 (completely opaque). So, to get your transparency in IE, you should multiply your opacity by 100 and add an alpha filter to your styles:

Alpha filter for IE:  filter: alpha(opacity=50);
Alpha filter for Mozilla:  -moz-opacity:0.5;

(more…)

Click on Photos to Enlarge
(more…)

Audi Q5, click on photos to enlarge

(more…)

Today we learn about Links and Pseudo-Classes in CSS. I have made tutorials about rollover’s here and here, but this is something different and we talk about links & elements where we can put Pseudo-Classe, on a div, text,etc…

Pseudo-Classes:

:link
:visited
:active
:hover
:focus

(more…)