Tag Archive | "Transparent"
Designing Loox Pocket PC
I have prepared for you a nice tutorial that will show you guys how to create an interesting Pocket PC using only Photoshop. Step 1 Start with a new white document. Mine is 669×669. Step 2 Using the Pen Tool draw a shape as I did. Also the color I used is: #303030. The shape will automatically create [...]
Continue reading...Designing a war movie poster
lørdag, februar 13, 2010
Kommentarer slået fra
In this tutorial I will show you guys some simple but efficient techniques that will help you make great movie posters. Step 1 In this tutorial we are going to use only 2 stock images that I found on SXC. Here are the links: http://www.sxc.hu/browse.phtml?f=view&id=912717 http://www.sxc.hu/browse.phtml?f=view&id=1047566 Step 2 First thing you need to do is to cut the soldier out of [...]
Continue reading...Perfect CSS Sprite / Sliding Doors Button
lørdag, februar 13, 2010
Kommentarer slået fra
Demo View Demo Download Files HTML <a class=”GlobalOrangeButton” href=”http://yourwebsite.com”><span>So Neat!</span></a> CSS a.GlobalOrangeButton span { background: transparent url(’http://media-sprout.com/tutorials/web/CSSSprit-SlideButton/images/button_left_orange.png’) no-repeat 0 0; display: block; line-height: 22px; padding: 7px 0 5px 18px; color: #fff; } a.GlobalOrangeButton { background: transparent url(’http://media-sprout.com/tutorials/web/CSSSprit-SlideButton/images/button_right_orange.png’) no-repeat top right; display: block; float: left; height: 34px; margin-right: 6px; padding-right: 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } a.GlobalOrangeButton:hover span { background-position: 0 -34px; color: #fff; } a.GlobalOrangeButton:hover { background-position: right -34px; } Link til artiklen (Læse tid 18 [...]
Continue reading...Shiny Green Button
lørdag, februar 13, 2010
Kommentarer slået fra
Step 1 Create a new document (File > New) 100 by 100 pixels and fill the background (Edit > Fill) with white. Step 2 Make a new layer (Layer > New > Layer) and select the Elliptical Marquee Tool. Make a fixed sized selection of 75 by 75 pixels in the middle of the document and fill it [...]
Continue reading...addFreak Logo
lørdag, februar 13, 2010
Kommentarer slået fra
Step 1 First up we are going to be creating a new document (the size that I have chosen is 500 by 200 pixels). Select the gradient tool and select the radial gradient style. Now fill the document with a gradient from the left to the right (start about 100 pixels or so inwards from the left [...]
Continue reading...Blue Poll Box
lørdag, februar 13, 2010
Kommentarer slået fra
Step 1 Create a new document (I’ve chosen 540 by 440 pixels). Set your foreground colour to #134c72 and your background colour to #0a3567. Select the gradient tool and set it to radial (you can do this at the top left of your window). Left click in the middle of your document and drag to a [...]
Continue reading...Making a Photoshoot Effect With jQuery and CSS
lørdag, februar 13, 2010
Kommentarer slået fra
Often, in your design or development tasks, you are presented with challenges that require a different approach than just plunging head over heels in coding. Research and experiments are a vital part of this process. This is why this week’s tutorial is structured in a slightly different manner than usual. First we are presented with the [...]
Continue reading...Everything you need to know about shorthand CSS
lørdag, februar 13, 2010
Kommentarer slået fra
The Benefits of Using Shorthand CSS Most CSS bugs and problems are caused by an over bloated, over developed CSS file and messy HTML, so rewriting your CSS file can help squish those bugs. Shorthand CSS will load faster It’s tidier, so it’s easier to read. That way you can make alterations to it later on. Shorter, Easier, Better There [...]
Continue reading...Creating Avatar Movie Wallpaper
lørdag, februar 13, 2010
Kommentarer slået fra
Here is an interesting tutorial how to create Avatar movie wallpaper. A lot of people were impressed by watching this movie and I’m not an exception. I am insanely obsessed with it. That’s why I decided to make the tutorial how to create wallpaper on this great movie. In the beginning you should create a [...]
Continue reading...Glamorous Stylized Photo Effect
lørdag, februar 13, 2010
Kommentarer slået fra
Hey, I prepared for you one interesting glamorous stylized professional photo effect. This tutorial can be useful both for professionals and for beginners. Ok, to begin it you should find some appropriate picture to work with. You can search some pictures on the Google Images or also can use mine. Open up the picture in [...]
Continue reading...
lørdag, februar 13, 2010
Kommentarer slået fra