Make This Button in Just 5 Minutes With Photoshop

Start out by making a new file, press Cntrl + N and make it the default photoshop size.

Using the rounded rectangle tool with a radius of 30, drag out a rectangle the size you want you button.

Add a gradient style to it with the settings shown below

Gradient Settings:

And add a 2px stroke to it, I used the color #0e9800.

Then add an inner shadow to it with the settings shown below

Inner Shadow Settings:

Next use the rounded rectangle tool with the same size radius and drag out a rectangle so it looks like this

Cntrl + Click on the vector mask thumbnail in the layers pallet to select the layer. Then press Ctrl + Shift + N to create a new layer. Press D, and then Cntrl + Backspace to fill the new layer in white. Then press Cntrl + D to deselect the layer.

You can hide the vector shape we just made now or delete it.

Now to make the layer look glossy, press Q to make a qiuck mask, and then G to use the Gradient tool. And use the Foreground to Background gradient. Drag the gradient from top to bottom on the white layer and it should look like this

Quick Mask

Then press Q again to make the selection and hit Delete to make the fade to transparent. Then Cntrl + D to deselect the layer.

And thats it!

Your button should look something like what I have below.

CSS style sheets have made it easier to handle web pages during web development. CSS or Cascading Style Sheets as the name suggests is a style sheet that allows you to easily link to other documents in your website. It allows you to retain control over the various elements in different web pages of your website.

CSS only defines the structure and content presentation of a website it has nothing to do with the design of a website. A single CSS sheet can control the font, positioning, colour and style information of an entire website.

9 advantages of using CSS

* Web pages are easier to load and uses less bandwidth

CSS style sheets are preferred by web developers for website development because they are lighter than table layouts, which consumes lots of bandwidth. The style sheet is downloaded only once and stored in the cache memory, so subsequent pages load faster.

* A CSS style sheet compliments well with HTML

HTML is insufficient when used independently in website development, but when combined with CSS they can result in technically stronger web pages.

* CSS allows you to position your element anywhere in the webpage

Web developers love to use CSS because it allows them to position their element where ever they want in the web page. If during any phase of web development the developer feels that particular links or columns are not going well with the situation then it becomes easier for them to position them easily using CSS. CSS reduces the risks associated with maintenance of the website.

* CSS is compatible with all web browsers

CSS is combined with HTML or XHTML by web developers for web application development because it is compatible with all web browsers. The sites that use CSS appear similar in all the web browsers.

* CSS can be used to create print friendly web pages

Most of the web developers love to use CSS for building their HTML based web applications because they allow them to create print friendly web pages. These web pages can be easily printed. The colours, images and other things which are difficult to be printed can be eliminated and printed easily.

* CSS style sheets allows the user to customize the webpage

Nowadays many websites allow the user to change the layout of the website without affecting the content. The CSS style sheets which are stored externally allow the user to make requisite changes by themselves. Most of the modern browsers give user the liberty to define their own style sheets like changing some font properties etc.

* CSS style sheets makes it easier for your website to feature in search engines

The CSS style sheets are favoured by web developers because they allow them to position their elements as per their wish anywhere in web application. Positioning helps to project the main contents first, so that it is easily captured by web spiders. CSS also gives cleaner HTML codes thus cutting down the job of web spider to search the real content from junk code.

* CSS allows the web pages to have absolute consistency

One of the reasons for using CSS during web development is that they allow consistency to all web pages. All the expressions and texts will get their characteristics from external style sheet. Web developers need not to worry about the change in characteristics of the elements because they can be easily altered at any stage of web development by using CSS.

* CSS lends portability to content

By using CSS you can make separate style sheets for different media. This provides you the great flexibility in presenting your content. CSS allows you to redefine the characteristics of elements in a website to suit the need of the situation. For e.g.: A separate style sheet will allow you to redefine the characteristics of certain elements so that they are easier to be printed. Also the user will never come to know that you had restructured the characteristics for their benefit.

CSS is created to make the things easier for your website and also to give you control over different elements in your website. Utilising benefits of CSS will give you popular user friendly web pages.

Today I was bored at work, and I didn’t really know what else to do, nor did I really want to do anything. I’m sure everyone knows what that’s like. So This morning I decided to make a little Photoshop of the thing I was looking at, my computer screen. I think it came out looking pretty good. Do you agree? Leave me a comment if you have any questions, or feedback about this image. I don’t really know what else to say here, other than I am still bored. But I should be doing some work, I just don’t want to. So until next time…

Anyone who wants to request a tutorial on how to make something, please don’t hesitate to ask. Just post a comment or send me and email.
admin@tweeaks.com

Quality in materials, design and workmanship - this is the first and most important step to creating a showcase staircase in your new home. Since 1974 Creative Stairs and Woodworking, Inc. has been creating custom stairs in the old world craftsmanship and combining quality materials into an elegant work of art. Let us bid your next project.

read more | digg story

We’ve put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end.

Check this out!

read more | digg story