Tag Archive | "Transparent"
How to Make an Attractive Vector Butterfly
In this tutorial I will show you how to make a vector butterfly using the blending mode from transparency box and the gradient mesh. The techniques shown in this tutorial will help you make shades on objects and liquid transition of colors. Believe me it is very easy. Step 1 Let’s start with creating a butterfly wing. [...]
Continue reading...Awesome CSS+JS form styling
onsdag, marts 10, 2010
Kommentarer slået fra
Sexy CSS+JS Form I was working on our new open source project that i think you will like and I was working on the registration page. This is what I got in the end and i will walk you trough the process with me. This new tutorial is about styling the forms of your website, I [...]
Continue reading...How To Design a 3D Glass Icon in Photoshop
onsdag, marts 3, 2010
Kommentarer slået fra
Learn How To Design a translucent 3D Frosted Glass Box based on the Safari Icon in Adobe Photoshop. Step 1: Setting Up Make a new document with these settings: Next, select the fill tool (G) and fill it with #626262. Now, we need to make a new adjustment layer. Make a brightness/contrast layer (Layer > New Adjustment Layer [...]
Continue reading...How We’ll be Building Websites in 5 years: HTML5 and CSS3 layout
onsdag, marts 3, 2010
Kommentarer slået fra
Graceful Degradation Since HTML5 and CSS3 aren’t going to be supported in all the browsers, especially not older ones like IE6, we can try and make it work in everything, but it won’t look the same in all of the browsers. For instance, rounded corners wont work in IE or Opera, but it wont affect the [...]
Continue reading...Displaced Text
onsdag, marts 3, 2010
Kommentarer slået fra
In this Photoshop tutorial I would like to show you creative way how to displace the text and get an interesting effect on it. To start create a new document sized 1000×500 pixels and fill it with color of #f4f4f4. After that add some dark line to divide the floor from the wall. Get out the Elliptical [...]
Continue reading...Create an Image Rotator in Flash Using XML and ActionScript 3.0
torsdag, februar 25, 2010
Kommentarer slået fra
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 [...]
Continue reading...Exporting Code-Driven Flash as a QuickTime Movie
tirsdag, februar 16, 2010
Kommentarer slået fra
In the days of Macromedia, working between Flash and QuickTime was rough territory for designers and animators. Then in 2007, when Adobe took the helm and released Flash CS3, a lot of compatibility issues were resolved. In this exercise, I am going to show you how a purely code-driven animation can be exported as a QuickTime [...]
Continue reading...How to Code up a Web Design from PSD to HTML
mandag, februar 15, 2010
Kommentarer slået fra
A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and [...]
Continue reading...How to Create a Stylish Media Player in Photoshop
lørdag, februar 13, 2010
Kommentarer slået fra
In this tutorial, we’re going to teach you how to replicate Apple’s iPod Nano. Not only will we recreate it’s signature body form, but also the headphones and put them in a unique setting that makes it pop. This an easy to follow step-by-step tutorial, and altering the final appearance should be a piece of [...]
Continue reading...How to Create a Somber Composition in Photoshop
lørdag, februar 13, 2010
Kommentarer slået fra
This one’s another collaboration with my good friend Toma Alin Gabriel. In this tutorial you will learn how to manipulate stock images and turn them into your puppets to express your desired feelings. Final Image Preview Take a look at the final result first. Want access to the full PSD files and downloadable copies of every tutorial, [...]
Continue reading...
onsdag, marts 10, 2010
Kommentarer slået fra