Cascading Style Sheets Syntax » Photoshop Tutorials http://csssyntax.com CSS BASIC REFERENCE Sat, 31 Jul 2010 08:26:13 +0000 en hourly 1 http://wordpress.org/?v=3.0 How to make Button Emboss using CSS 3 http://csssyntax.com/how-to-make-button-emboss-using-css-3.html http://csssyntax.com/how-to-make-button-emboss-using-css-3.html#comments Sat, 31 Jul 2010 08:02:35 +0000 gusdwi http://csssyntax.com/?p=634 Usually, the web developer or web designer to make buttons embossed with ways to use background image.
But with technological advances in the field of web development, has born a new way to create embossed button without using the background image again.

CSS 3 is able to make it easier and not have to bother with useless waste of your time.

Demo

With the syntax below will get a beautiful embossed button:

.button{
margin: 0.1em;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
width:140px;
padding:0.3em;
}

#b1 {
background:#ddd;
border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;}

#b1 a {
text-decoration:none;
color:#888;}

#b1 a:hover {
color:#555;}

Note: This Way is not support in IE
Example

]]> http://csssyntax.com/how-to-make-button-emboss-using-css-3.html/feed 0 Design a Ready to Print Brochure http://csssyntax.com/design-a-ready-to-print-brochure-in-photoshop.html http://csssyntax.com/design-a-ready-to-print-brochure-in-photoshop.html#comments Tue, 27 Oct 2009 04:51:26 +0000 gusdwi http://csssyntax.com/?p=214 This time I’ll help you to create a ready to print three-fold brochure from scratch using only Photoshop. This tutorial is ideal for beginners and for people who want to know more about print design. Let’s get it started!

Author: Alvaro Guzman

I’m Alvaro Guzman from Bolivia, Web developer and Graphic designer. For me digital design is a modern form of art, which allows me to explore innovative techniques, and helps to deliver a clear message to the public.My work covers advertising, corporate image, print design, and web design areas. I am currently the Design Team Leader of SouthMakers. And you can find me on Twitter @alvarocker.

Final Image Preview


Read the full tutorial at Phothosop Tutorials…!

]]> http://csssyntax.com/design-a-ready-to-print-brochure-in-photoshop.html/feed 0 Improve the quality of Photo http://csssyntax.com/how-to-improve-the-quality-of-hoto-with-brush-tool.html http://csssyntax.com/how-to-improve-the-quality-of-hoto-with-brush-tool.html#comments Tue, 27 Oct 2009 04:14:11 +0000 gusdwi http://csssyntax.com/?p=201 Have you ever come across a photo where all the highlights and shadows seem just too good to be true? If it’s not HDR processing, it’s pen tablet magic. Find out in this tutorial how to give a regular image a subtle, artistic feel with some clever brush work. Read more after the jump!

Author: Alex Beltechi

Digital Illustrator and graphic design student Alex Beltechi is based in Romania and currently writing tutorials based on personal projects. He also works as a freelancer, enjoys composing piano based music in his non-existent free time and thinks that talking about yourself in 3rd person narrative is pretty cheesy.

Final Image Preview:

Read the full tutorial at Photoshop Tutorials…!

]]> http://csssyntax.com/how-to-improve-the-quality-of-hoto-with-brush-tool.html/feed 0