40种photoshop按钮设计教程[程序员不再为iphone app按钮烦愁]
很高兴开设ui板块,首先奉送自己收藏的一篇好教材。“术业有专攻”,但在创业的初期,不得不十八般武器,样样精通,所以photoshop还是需要学的。如下风格的按钮几乎可以满足大部分的需求了吧,哈哈。
Clean and Shining Button for Your Website in Photoshop
This tutorial will show you the method on how to create a stylish, clean and shining button for your website in Photoshop. Throughout the tutorial, you use shape tool, layer blending options, brush and eraser tool.
Photoshop tutorial website pill button icon design in photoshop
This tutorial will show you how to create Photoshop tutorial website pill button icon design in photoshop.
Vista Styled Button
In this tutorial, you will learn how to create a vista styled button by using lots of different layer styles, tools and techniques.
Creating buttons in Photoshop
This tutorial will teach you how to create a buttons in photoshop.
How to Create a Slick and Clean Button in Photoshop
In this Photoshop tutorial, it will show you how to create a simple and clean “Web 2.0 style” button sprite with a rollover state.
Designing Glossy (Web 2.0) Badges
This tutorial will teach you how to create a glossy “Web 2.0? badges in Photoshop. You will will start making the shape first then styling it using layer styles and additional separate glossy layers.
Glossy Button Tutorial
This tutorial will teach you how to create a professional glossy button effect.
How to Make Glossy Buttons in Photoshop
Another tutorial that will teach you how to create a glossy buttons in Photoshop.
Create Small Colorful Buttons in Photoshop
In this tutorial, you will learn how to create a Small Colorful Buttons in Photoshop.
iPhone-like button in Photoshop Tutorial
A Photoshop Tutorial where you will learn how to create an iPhone like button.
Create Glassy Button
Learn how to create a greenish glossy buttons in photoshop. This tutorial is for beginners level.
Orb Button Effect
This tutorial will teach you how to create an orb button in photoshop.
How to make a cool button
A beginner level of Photoshop tutorial where you will learn how to create a cool button in 10 steps.
Design panic button logo icon in photoshop
A useful tutorial where you will learn how to Create Photoshop design panic button logo icon in photoshop.
Photoshop Button Maker
In this simple photoshop tutorial, you will learn how to create your own button using blending modes. psd file is included on this tutorial.
Design a clean web button
This Photoshop Tutorial will teach you how to create a clean and attractable web button that will stand out and make your navigation much more interesting.
Cool Blue Buttons Tutorial
Learn how to create a Cool Blue Buttons in Photoshop.
Creating flexible buttons using Photoshop shapes and styles
In this tutorial, you will learn how to create a flexible buttons using Shape and Style.
How to Create a Glassy Button or Enamel Badge Effect in Photoshop
A photoshop tutorial where you will learn how to create a glassy effect badge.
Perfect Shine Button or Icon
In this tutorial, you will learn how to create a cool looking button.
Photoshop Calculater Button Logo Icon
This tutorial will teach you how to create a 3d look calculator button.
Nice ‘n’ Simple Subscribe Badges
In this Photoshop tutorial, you’ll be making those cool supermarket-style badges, then you’ll be turning them into subscribe buttons for your website.
Glossy-Style Carbon Fibre Navigation Buttons
A photoshop tutorial where you will learn how to create glossy carbon fiber navigation.
Photoshop Business Print Button Logo Icon
This tutorial will teach you how to create a 3d look a business print button.
Gel Button Tutorial
In this tutorial, you will learn how to create a gel button in photoshop.
Button Icons Tutorial
A beginner tutorial in photoshop where you will learn how to make a cool button in different color.
100% Satisfaction Guaranteed Seal/Badge Photoshop Tutorial
In this tutorial, you will learn how to design a sweet-lookin’ a golden badge in Photoshop.
Web2.0 Badges
A photoshop tutorial where you will learn how to create a web 2.0 badge in easy steps.
Making A Modern Looking Navigation Button
This tutorial will teach you some fundamental techniques when it comes to making cool looking buttons for a navigation bar easy to understand with plenty of detail and a nice looking outcome that can be used on any modern looking website.
Glossy web 2.0 badge with rounded corners
A photoshop tutorial that will teach you how to make a Glossy web 2.0 badge with rounded corners.
Web 2.0 style buttons
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button32.jpg[/img]
This tutorial will show you how to create Web 2.0 styled button using Adobe Photoshop CS2. You will create a glossy RSS buttons on this tutorial.
Industrial-Style Navigation Buttons
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button33.jpg[/img]
This photoshop tutorial will show you how to make an industrial-style navigation button that will surely fit on a clean template.
Trendy Sticker Tutorial
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button34.jpg[/img]
A photoshop tutorial where you will learn how to create a Trendy Sticker Design. Throughout this tutorial you will learn several basic and advanced Photoshop techniques.
Create Web 2.0 Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button35.jpg[/img]
In this tutorial, you will be doing a simple button that is suitable for any Web 2.0 application of websites.
RSS button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button36.jpg[/img]
This photoshop tutorial will teach you how to represent or create a RSS button.
Micro Bevel Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button37.jpg[/img]
In this Photoshop beginner tutorial, you will learn how to make a bevel button so easy.
Simple Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button38.jpg[/img]
A simple tutorial where you will make a buttons and add an icon to it.
Glowing Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button39.jpg[/img]
In this photoshop tutorial, you will learn how to create a glowing button.
Create a Call To Action Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button40.jpg[/img]
This tutorial will show you the basics on creating a Call to Action Button and learn you how to design one in Adobe Photoshop with some basic techniques you can put into practice in future projects.
Creating animated “click here” web button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button41.jpg[/img]
In this tutorial, you will learn how to create a glossy buttons and animate it.
Glossy buttons tutorial
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button42.jpg[/img]
Learn how to create your own glossy buttons in photoshop.
Professional Glossy “Download” Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button43.jpg[/img]
A step-by-step tutorial that will show you how to design a simple, professional & glossy “Download” button.
Fan Badge Tutorial
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button44.jpg[/img]
Clean and Shining Button for Your Website in Photoshop
This tutorial will show you the method on how to create a stylish, clean and shining button for your website in Photoshop. Throughout the tutorial, you use shape tool, layer blending options, brush and eraser tool.
Photoshop tutorial website pill button icon design in photoshop
This tutorial will show you how to create Photoshop tutorial website pill button icon design in photoshop.
Vista Styled Button
In this tutorial, you will learn how to create a vista styled button by using lots of different layer styles, tools and techniques.
Creating buttons in Photoshop
This tutorial will teach you how to create a buttons in photoshop.
How to Create a Slick and Clean Button in Photoshop
In this Photoshop tutorial, it will show you how to create a simple and clean “Web 2.0 style” button sprite with a rollover state.
Designing Glossy (Web 2.0) Badges
This tutorial will teach you how to create a glossy “Web 2.0? badges in Photoshop. You will will start making the shape first then styling it using layer styles and additional separate glossy layers.
Glossy Button Tutorial
This tutorial will teach you how to create a professional glossy button effect.
How to Make Glossy Buttons in Photoshop
Another tutorial that will teach you how to create a glossy buttons in Photoshop.
Create Small Colorful Buttons in Photoshop
In this tutorial, you will learn how to create a Small Colorful Buttons in Photoshop.
iPhone-like button in Photoshop Tutorial
A Photoshop Tutorial where you will learn how to create an iPhone like button.
Create Glassy Button
Learn how to create a greenish glossy buttons in photoshop. This tutorial is for beginners level.
Orb Button Effect
This tutorial will teach you how to create an orb button in photoshop.
How to make a cool button
A beginner level of Photoshop tutorial where you will learn how to create a cool button in 10 steps.
Design panic button logo icon in photoshop
A useful tutorial where you will learn how to Create Photoshop design panic button logo icon in photoshop.
Photoshop Button Maker
In this simple photoshop tutorial, you will learn how to create your own button using blending modes. psd file is included on this tutorial.
Design a clean web button
This Photoshop Tutorial will teach you how to create a clean and attractable web button that will stand out and make your navigation much more interesting.
Cool Blue Buttons Tutorial
Learn how to create a Cool Blue Buttons in Photoshop.
Creating flexible buttons using Photoshop shapes and styles
In this tutorial, you will learn how to create a flexible buttons using Shape and Style.
How to Create a Glassy Button or Enamel Badge Effect in Photoshop
A photoshop tutorial where you will learn how to create a glassy effect badge.
Perfect Shine Button or Icon
In this tutorial, you will learn how to create a cool looking button.
Photoshop Calculater Button Logo Icon
This tutorial will teach you how to create a 3d look calculator button.
Nice ‘n’ Simple Subscribe Badges
In this Photoshop tutorial, you’ll be making those cool supermarket-style badges, then you’ll be turning them into subscribe buttons for your website.
Glossy-Style Carbon Fibre Navigation Buttons
A photoshop tutorial where you will learn how to create glossy carbon fiber navigation.
Photoshop Business Print Button Logo Icon
This tutorial will teach you how to create a 3d look a business print button.
Gel Button Tutorial
In this tutorial, you will learn how to create a gel button in photoshop.
Button Icons Tutorial
A beginner tutorial in photoshop where you will learn how to make a cool button in different color.
100% Satisfaction Guaranteed Seal/Badge Photoshop Tutorial
In this tutorial, you will learn how to design a sweet-lookin’ a golden badge in Photoshop.
Web2.0 Badges
A photoshop tutorial where you will learn how to create a web 2.0 badge in easy steps.
Making A Modern Looking Navigation Button
This tutorial will teach you some fundamental techniques when it comes to making cool looking buttons for a navigation bar easy to understand with plenty of detail and a nice looking outcome that can be used on any modern looking website.
Glossy web 2.0 badge with rounded corners
A photoshop tutorial that will teach you how to make a Glossy web 2.0 badge with rounded corners.
Web 2.0 style buttons
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button32.jpg[/img]
This tutorial will show you how to create Web 2.0 styled button using Adobe Photoshop CS2. You will create a glossy RSS buttons on this tutorial.
Industrial-Style Navigation Buttons
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button33.jpg[/img]
This photoshop tutorial will show you how to make an industrial-style navigation button that will surely fit on a clean template.
Trendy Sticker Tutorial
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button34.jpg[/img]
A photoshop tutorial where you will learn how to create a Trendy Sticker Design. Throughout this tutorial you will learn several basic and advanced Photoshop techniques.
Create Web 2.0 Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button35.jpg[/img]
In this tutorial, you will be doing a simple button that is suitable for any Web 2.0 application of websites.
RSS button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button36.jpg[/img]
This photoshop tutorial will teach you how to represent or create a RSS button.
Micro Bevel Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button37.jpg[/img]
In this Photoshop beginner tutorial, you will learn how to make a bevel button so easy.
Simple Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button38.jpg[/img]
A simple tutorial where you will make a buttons and add an icon to it.
Glowing Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button39.jpg[/img]
In this photoshop tutorial, you will learn how to create a glowing button.
Create a Call To Action Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button40.jpg[/img]
This tutorial will show you the basics on creating a Call to Action Button and learn you how to design one in Adobe Photoshop with some basic techniques you can put into practice in future projects.
Creating animated “click here” web button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button41.jpg[/img]
In this tutorial, you will learn how to create a glossy buttons and animate it.
Glossy buttons tutorial
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button42.jpg[/img]
Learn how to create your own glossy buttons in photoshop.
Professional Glossy “Download” Button
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button43.jpg[/img]
A step-by-step tutorial that will show you how to design a simple, professional & glossy “Download” button.
Fan Badge Tutorial
[img]http://cdn.ak92.com/usr/uploads/2009/09/40button/button44.jpg[/img]