Create Simple Glossy Button
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDtWgQedD1_vjalOU5JaF6nvIRDHuKjXVuAta47sXF6IVcWfB2HHMlDN8zcVMKdAvN5VsQPI34ILbx1pIuOJS8iiEbJqELNrLOyuczlUJzw9Wjr_laB3O48z3JWyeBeIte4SsamZH2SOoA/s1600/Create+Simple+Glossy+Button.jpg)
This tutorial is very easy and simple how to create a glossy button. And you can create yourself about the color that you will use. Oke..Let's get started !.
Step 1
Create a new document Ctrl + N set the height 500px width 500px. Use Rounded Rectangel tool and set the height 110px width 35px.
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmOJgY49fsk8HgYETvMEQnSe7PUysXIwGNWEQONAN4m1j7F0fjsGwsU_WnKfG8LMUye2ge6-BLNV_XVLKbjRoXBF3Pk5-LmmLM_qpY_DzBhf9ARVNYQ09TrWzJupN7UW_1JfAvGSNa65o/s1600/Create+Simple+Glossy+Button+(1).jpg)
Step 2
Add layers style on Shape1 : Gradient Overlay, Bevel and Emboss, Stroke, and Drop Shadow
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjbF9YOqqYcOKzofcPHGBqetxROxZomM1AW7gGUHKzEVBSPYAsdfBPKPsoHyifwjKJtVrTUTWe3YT3A36AjztQmHOuvF65eVewFh06fYeE4tpMQ1qraZGPKV-VN-dOztCCS_7OV3jo5HA/s1600/Create+Simple+Glossy+Button+(2).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8X2McrVpwSQDHyNYPRyMxMO-RYlCkhDd_9Tv7V7sFW797MC2n4Dy5wYRR9qVFw4i3OH46ee6urhAq9BMePxESkpNHnGGS2Z_ZrcDNRFGr3dhXQGmi74QRD-zxa1_i765C5IhfpN2GjNA5/s1600/Create+Simple+Glossy+Button+(3).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9zXXDILjel9GupeNzgtw9PgCcOPO9g9SoL-YN_ZmH1ApKq75LeMEBu6GzEhYo0yAAp9HCacLvrx1i54gMZRI9azO9fTnLH8o7qng3rXMamf_AQetBqogpVZ6Xf-fCAH07CONrlwoGQ8v/s1600/Create+Simple+Glossy+Button+(4).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84NvF6Poq8LHtzTlyYH7QiLgtbx-89wTNMYhQZ3dVac9KNt7KaNgqzL1D3PTMQW6C0QELXkqc2FSe4NxNjMf5eLXo96XFCEp2pwUWhZZCnROQU-TvVBfNa0CPhih-FqizgLhYzjEIfLI1/s1600/Create+Simple+Glossy+Button+(5).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHT0YHP7eZTkk4jA4gdD8EkVyxV9vNa3KAZv3Mjb7JHYH7rV2U9KhNovmLyc7BtN7m-367z6aFXauG5Uwr37lq-N0-rB7AZKmpJJM8_t5sNUv7AHZvNX8Vdja65IlDOHobeOQ9WZBkXkM9/s1600/Create+Simple+Glossy+Button+(6).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RdTPlX0pquEEgwO6jp20S81zbOW7w8e1uiBt5qvthYbHXhFTNg0k9JQqqen5sggQgobhJq1bal_IyBsh90Z3XPXNBYv12V9YeBMZEWby9b2MljsuWOW9WxfeSDgSzPiP3t3SDoORHjUe/s1600/Create+Simple+Glossy+Button+(7).jpg)
Now we will do the selection Shape1 Ctrl + alt click Shape1
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUHxcja_4aIPRBfOgyR5EfxDoySM0JEnby_l16LmkS1nbGeESD3W0r4wcGYS4atik0Agyn2W047qWuDXv_FXbKPeI01gDa7oYdT-vX4D1FSoyoDvPx5TFG3ux1zT7pduluzmh7hO70aQDr/s1600/Create+Simple+Glossy+Button+(8).jpg)
Use the Rectangular Marque Tool to Intersect with selection
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTGNPaYPYqQMLAhwwQXUMkFPqHtL9GsewTWNhMKReg3sHNmQ7phNPbPWiKicJnnp5jzWQq4W2c_DOQ-vTH3v1hJBqW8ww8E5GjxrJwTk4W04raqN5uG6-mC-6AGiKp4sikqtMEJoPZmaJa/s1600/Create+Simple+Glossy+Button+(9).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHCkStZDv6X6_7AL8D-npyg0t3D-A1rQjxTijVerhEYleLpn_Yi4XPeKqw4lHqhkd4AMKQa_fPztpxX9ZyjxuYjNLAyskTCmGlyJjy_26gr4Yq19om4FaYohmRp9SW6_-vfA8GjrZMK-ta/s1600/Create+Simple+Glossy+Button+(10).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkg0pxLfYFcMMUa24CuQgrVy5xFMqSL-aOCqr1CBCtmPkDH2WGRC9HjvR_wpjrnGQmgvn0a8VhGoNUJYUPA9nqnTRC-bj43LoHPOljTocIF4ck4CfHTjf0XUsxHXbKxKvnln1zm5YnGRiN/s1600/Create+Simple+Glossy+Button+(11).jpg)
Create a new layer select menu Layer - New - Layer or Shift + Ctrl + N
Step 6
Give color gradation with the Gradient Tool, before you change the color Set Foreground Color white and black Set Background Color. Select the Foreground to Transparent
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOAUVH1HRFGHGaVOGn8tcqO57Ndc8qxSI8Lymoq6O_hv8wGs84Vq-WlvWwNHi8nVQuSQKk2TCA-tGX30Dnc8wfk_0wwM2oGTPQP9rndtKyxAasu4jpRBPlEUGqrsZGxVFuzc3PYZv9TIDQ/s1600/Create+Simple+Glossy+Button+(12).jpg)
Step 7
Click and drag from top to bottom
Step 8
And this is the final result. Now you can add text on it
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPmLYygnWvX2skTAXtD8ngsQSN7HrVAZwBbzsFtK3wz_grLoamcWinaUof-PdibgAGHH1K1Yx5BMebvKmWdlABk0yxhNGNR7Eyoh-vrUvjoW9bahyphenhyphen5I79xiHbACnJ_qj7nbEPrNQ7p599L/s1600/Create+Simple+Glossy+Button+(13).jpg)
![Create Simple Glossy Button Create Simple Glossy Button](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0XdJk3xp4oeJ6c_kY6HtWNyOFR1bCqq1eSsMiJH1yWltRZb_a1QONXDeYK4YsNemweCdKjWEPbvwvLtuAn37jA21C1UFxhwMVWkBGHUviNU1oEZvkzYkNosOdsHSr_oXRlG2I4-HUQXO7/s1600/Create+Simple+Glossy+Button.jpg)
Comments
Post a Comment