![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4c0aC5mSN_yo_nMi9X-o7xXybCYjTXEyRhBZfCFaIkuB58a1K53-385YzRDQ94JwmH44Xx36BVRZXCRETsnuk-KAmPW7C1s2ULU1kA-XKMDyNUSRtTMsqzv4N-RxOwHD6OftpDpfNsE_R/s1600/origin.gif)
വെബ്സൈറ്റുകളില് കാണുന്നതു പോലുള്ള ഇത്തരം ബട്ടണുകള് നമുക്ക് ബ്ലോഗുലകത്തിലും ഒന്നു പരീക്ഷികണ്ടേ, അതിന്റെ ആദ്യ പടിയായി നമ്മള് ആദ്യം ഇങ്ങനൊരു ബട്ടണ് ക്രിയേറ്റണം. അതിനായി ഫോട്ടോഷോപ്പില് ചെറിയൊരു പരിക്ഷീണം ആണിവിടെ , എങ്കി തുടങ്ങാം .
പുതിയ ഒരു വിന്റോ ഉണ്ടാക്കുക. Rounded Rectangle ടൂള് സെലെക്റ്റ് ചെയ്യുക. ചിത്രത്തില് ചുവന്ന കളറില് മാര്ക്ക് ചെയ്ത ഭാഗങ്ങള് ശ്രദ്ധിച്ചാല് മതി. റൌണ്ട് ചെയ്യേണ്ടത് 5 പിക്സ് ആക്കി യിട്ട് വേണം Rounded Rectangle പ്രയോഗിക്കാന് . അതും ചിത്രത്തില് മാര്ക്ക് ചെയ്തിട്ടുണ്ട്.
ഏകദേശം ബോഡി ഇപ്പം റെഡി. ഇനിയിതിനൊരു പുത്തന് കുപ്പായം ഇടീക്കണം, അതിനായി ലയര് പാലറ്റില് Rectangle ലയറില് റൈറ്റ് ക്ലിക്ക് ചെയ്ത് blending options ഓപണ് ചെയ്യുക. gradient overlay ഓപണ് ചെയ്യുക. ചിത്രത്തില് കാണുന്നത് പോലെ കളര് ഡാര്ക്ക് ബ്ലൂ #0d3079 ടു #557bc9 സെലെക്റ്റ് ചെയ്യുക. ചിത്രത്തില് കാണുന്ന പോലെ സ്റ്റൈല് ലൈനര് എന്നും സെലെക്റ്റുക.
ഇനി stroke കൂടി സെറ്റ് ചെയ്യുക ചിത്രത്തില്കാണുന്ന പോലെ
inner glow കൂടി സെറ്റ് ചെയ്യാം നമുക്ക് .അതിനായി ചിത്രത്തിലേതു പോലെ കളര് വൈറ്റ് സെറ്റ് ചെയ്യുക. ഒപ്പം ഒപാസിറ്റി 30 ആയി കുറക്കുക. ചുവന്ന കളറില്മാര്ക്ക് ചെയ്ത ഭാഗങ്ങള് ശ്രദ്ധിക്കുമല്ലോ.
ഇനി ഇവനെ അല്പം പൌഡറൊക്കെയിട്ട് അല്പം ഭംഗി വരുത്തണ്ടേ. അതിനായി ആദ്യം നമുക്ക് അല്പം നോയിസ് ആഡ് ചെയ്യാം, അതിനു ആദ്യം നമ്മളൊരു പുതിയ ലയര് ഉണ്ടാക്കണം. ചിത്രത്തില് പച്ച നിറത്തില് മാര്ക്ക് ചെയ്ത താണു നമ്മള് ക്രിയേറ്റിയ പുതിയ ലയര്. ഇനി നമ്മുടെ കീ ബോര്ഡിലെ Ctrl ഞെക്കിപിടിച്ച് ചുവന്ന മഷിയില് അടയാളപ്പെടുത്തിയിരിക്കുന്ന ഷേപ് ലയറില് ചുമ്മാ ഒന്നു ക്ലിക്കുക.ഇപ്പം നമ്മുടെ പുതിയ ലയര് നമുക്ക് വേണ്ട വിധത്തില് സെലെക്റ്റ് ആയിരിക്കുന്നു.
ശേഷം Paint bucket tool ഉപയോഗിച്ച് ബ്ലാക്ക് കളര് ഫില് ചെയ്യുക. കീ ബോര്ഡില് ctrl+D പ്രസ്സ് ചെയ്ത് ഡിസെലെക്റ്റ് ചെയ്യുക. Filter > Noise > Add noise പോകുക ചിത്രത്തില് കാണുന്നത് പോലെ സെറ്റ് ചെയ്യുക.
ഇനി നോയിസിന്റെ പണി പൂര്ത്തിയാവാന് ഒരല്പം പണികൂടിയുണ്ട്. ചിത്രത്തില് ചുവന്ന കളറില് കാണിച്ചിരിക്കുന്നത് നോക്കു. ലയര് പാലറ്റിലെ ബ്ലന്റിംഗ് മോഡ് സ്ക്രീന് എന്നാക്കുക, ഒപ്പം ഒപാസിറ്റി 15 ഓ അതില് താഴെയോ ആയി സെറ്റ് ചെയ്യുക.
പുതിയ ഒരു ലയര് കൂടി ഉണ്ടാക്കണം. എന്നിട്ട് നമ്മള് നേരത്തെ നോയിസ് ആഡ് ചെയ്യാന് ചെയ്തതു പോലെ ഒന്നു കൂടി സെലെക്റ്റ് ചെയ്യുക. ഇപ്രാവശ്യം വെള്ളനിറം പെയിന്റ് ബക്കറ്റ് ടൂള് ഉപയോഗിച്ച് ഫില് ചെയ്യുക. ചിത്രം ശ്രദ്ധിച്ചാല് കാര്യം മനസിലാവും.
ഇനി ചിത്രത്തിലേതു പോലെ Rectangular Marquee Tool ഉപയോഗിച്ച് നമ്മുടെ ബട്ടണിന്റെ പകുതി വെച്ച് പ്രയോഗിക്കുക. ശേഷം ഇറേസര് ടൂള് ഉപയോഗിച്ച് റെക്ടാങ്കുലറിനുള്ളിലുള്ള ഭാഗം മായ്ച്ച് കളയുക.
ചിത്രത്തില് ചുവന്ന നിറത്തില് മാര്ക്ക് ചെയ്തിരിക്കുന്ന ഭാഗം ശ്രദ്ധിക്കുക, ലയര്പാലറ്റില് opacity 10 എന്നു സെറ്റ് ചെയ്യുക.ഇനി നിങ്ങള്ക്ക് വേണ്ടിയ ടെക്സ്റ്റ് അവിടെ ടൈപ് ചെയ്യുക വൈറ്റ് കളറില്. ഏരിയല് പോലുള്ള ഫോണ്ടുകള് ഉപയോഗിച്ചാല് ഒന്നുകൂടിഭംഗിയാവും. ശേഷം നമ്മുടെ ടെക്സ്റ്റ് ലയറിന്റെ ഡ്യൂപ്ലിക്കേറ്റ് ലയര് ഉണ്ടാക്കുക.
ഡ്യൂപ്ലിക്കേറ്റ് ലയറിനെ ഒറിജിനല് ടെക്സ്റ്റ് ലയറിന്റെ താഴേക്ക് വലിച്ചിടുക. ശേഷം റൈറ്റ് ക്ലിക്ക് ചെയ്ത് Blending options ഓപണ് ചെയ്യുക. Color overlay എടുത്ത് #124d89 ഈ കളര് സെലെക്റ്റുക. ഓകെ നല്കുക. ഇനി കീ ബോര്ഡില് റൈറ്റ് ആരോയും അപ് ആരോയും ഓരോ പ്രാവശ്യം ഞെക്കുക. ഇതു നമ്മുടെ ടെക്സ്റ്റ് ലയറിനു ഒരല്പം ചന്തം കിട്ടാന് വേണ്ടിയാണ്. ഇതില്ലെങ്കിലും നൊ പ്രശ്നം, ടെക്സ്റ്റ് ലയറിന്റെ ഒപാസിറ്റി ഒരു 90-95 ആക്കി സെറ്റിയാലും മതി.
ഇനി നമ്മുടെ ബട്ടണില് ഒരല്പം ലൈറ്റിംഗ് ഇഫക്റ്റ് നല്കണം, അതിന്റെ ആദ്യ പടിയായി ചിത്രത്തില് താഴെ ചുവന്ന നിറത്തില് മാര്ക്ക് ചെയ്തിരിക്കുന്ന ഫോള്ഡര് ഐകണില് ക്ലിക്ക് ചെയ്ത് ഗ്രൂപ്പ് ഉണ്ടാക്കുക. ബ്ലെന്റിംഗ് മോഡ് കളര് ഡോഡ്ജ് എന്നാക്കുക. പേരു ലൈറ്റിംഗ് ഇഫക്റ്റ് എന്നാക്കുക.
ഇനി ലൈറ്റിംഗ് ഇഫക്റ്റ് നല്കാം. അതിനായി ചിത്രത്തില് 1 എന്ന് ചുവന്ന നിറത്തില് മാര്ക്ക് ചെയ്തിരിക്കുന്ന അവിടെ ക്ലിക്ക് ചെയ്ത് മാസ്ക് ഇടുക.
ഇനി ബ്രഷ് ടൂള് സെലെക്റ്റ് ചെയ്യുക. ചിത്രത്തില് കാണുന്ന പോലെ ഹാര്ഡ്നെസ് കുറഞ്ഞ ബ്രഷ് സെലെക്റ്റുക. സൈസ് 80 പിക്സ് ആക്കുക. ഇനി നമ്മള് ഉണ്ടാക്കിയ ഗ്രൂപ്പില് ഒരു പുതിയ ലയര് ഉണ്ടാക്കുക. തൊട്ടു മുകളില് ഉള്ള ചിത്രം ശ്രദ്ധിക്കുക. 2 എന്നു മാര്ക്ക് ചെയ്തിരിക്കുന്നത് കണ്ടില്ലെ. അതു പോലെ ലൈറ്റിംഗ് വ്യത്യസ്ത സ്ഥലങ്ങളില് പുതിയ പുതിയ ലയറില് പ്രയോഗിക്കുക. ശേഷം ലയറിന്റെ ഒപാസിറ്റി 50 ഓ അതില് കുറവോ ആയി സെറ്റ് ചെയ്യുക.
ശേഷം നമ്മുടെ ബട്ടണ് ന്റെ ഭാഗം അല്ലാത്ത ബാക്കി ഭാഗം ക്രോപ് ചെയ്ത് കളയുക. ചിത്രം ശ്രദ്ധിക്കുക.
ഇനി ചിത്രത്തില് നോക്കു. ചുവന്ന കളറില് മാര്ക്ക് ചെയ്തിരിക്കുന്ന ബാക്ക്ഗ്രൌണ്ട് ലയര് കണ്ണില് ക്ലിക്ക് ചെയ്ത് ഇന്വിസിബിള് ആക്കുക. ശേഷം save for web and devices എന്നതില് ക്ലിക്ക് ചെയ്ത് gif ഫയലായി സേവ് ചെയ്യുക.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguTrAdCNW4n2JXLKpdP39_PAYYDHRh5UPFIDQZb7HdAGwSa4_FOiWvgs4SCelYstvTgPNQ0WrUKpSlrRvzCqceoNBiyY5AR6B-65gtxI38kAZnh1c44UkxVXowiSogEEprXYbBS6nryYJO/s1600/origin.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOoKghhNROwcnPSY-MNAGJOt4gh4bSZN0TFQXzsk_158P3X6YmmG1ttbe8qDHOvdn7qEMMeUQgBVxPvc-RjH9TlNdEnUE6gpiytqBoUW2cZDtvD__WsWK4g8ZfgFATlCctJ2JjykWqgcK/s1600/green.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixYFSiDGRhoI1Fw80BhcXMDDD6vIdoAKiU2lCUWO4pfk63RrZdB43CC6vQ8M5TbNTOBWIfPbZ4pEImlXCG3Or62Eot4waVfkCk7h8uZc-NE0gv9bWIe2IO1e5WXvsGLhkM9kwtfkvpbHuA/s1600/red.gif)