ÔñéóäéÜóôáôá ÊïõìðéÜ óå Ôñßá ÂÞìáôá

 
Buttons Image Áò öôéÜîïõìå Ýíá êïõìðß 

Åßíáé ç ðáëÝôá Ó÷çìÜôùí ôïõ Corel. Áò áêïëïõèÞóïõìå ôá ðáñáêÜôù ôñßá âÞìáôá


    • Ðñþôï ÂÞìá: Äçìéïýñãçóå ôá âáóéêÜ óôïé÷åßá 
    • 1. Üíïéîå ôï Corel Draw "Ó÷Þìá ÐáëÝôáò TIF" óôï Photoshop. 
      ÎaíáâÜëå åôéêÝôåò óôï õðüâáèñï óôï Ó÷Þìá ÐáëÝôáò (Palette Shape). 
       

      2. Äçìéïýñãçóå ôï óôñþìá ôïõ ãêñé õðüâáèñïõ (Óôñþìá 1). 
      ÊÜíå êëéê óôï åéêïíßäéï"Create New Layer".  ÍÝá åôéêÝôá óôï "Layer 1" óå ãêñé õðüâáèñï.ÅðÝëåîå ôï åéóåñ÷üìåíï óôñþìá (Ctrl + A).ÃÝìéóå ôçí åðéëïãÞ ìå 50% ãêñégray (Edit > Fill... > ×ñçóéìïðïßçóå: 50% ãêñé) 
       

      3.Äçìéïýñãçóå ôï äåýôåñï óôñþìá 
      ÁíôéãñÜöù ôï ó÷Þìá ôçò ðáëÝôáò ("Êëéê, óýñå êáé Üöçóå" ôï õðüâáèñï áðü ôï ó÷Þìá ôçò ðáëÝôáò óôï åéêïíßäéï "Create New Layer").Ìåôáêßíçóå ôç êüðéá áðü ôï ó÷Þìá ôçò ðáëÝôáò óôç ðÜíù ðÜíù åðéëïãÞ óôñþìáôïò (êëéê, óýñå, êáé Üöçóå).ÁëëáãÞ åôéêÝôáò óôï "layer 2" óå Button Face (Äéðëü êëéê óôï "layer 2" ãéá íá áíïßîåé ôï "Layers Option" ôïõ Dialog Box). 
       

      4.Äçìéïýñãçóå ôï ÷ñþìá ôïõ Button Face. 

      5.ÊÜíå êëéê óôï ìðñïóôéíü ìÝñïò "Color Patch" ìÝóá óôï Toolbox ãéá íá áíïßîåé ôï "Color Picker" êáé êÜíå reset óôéò ôéìÝò HSB üðùò ðáñáêÜôù: 
      H: ôéìÞ óôï 262 •S: ôéìÞ óôï 100 •B: ôéìÞ óôï 90 
       

      6.ÃÝìéóå ôï Button Face ìå ôï íÝï ÷ñþìá ôïõ Foreground. 
      ÅðÝëåîå ôï åñãáëåßï "Paint Bucket Tool" (ìå ôï êïõìðß K). ÊÜíå êëéê óôéò óõìâïõëÝò ìÝóá óôï ó÷Þìá ôïõ Button Face. 
       
       

Ïé ðáëÝôåò ôùí óôñùìÜôùí óïõ ðñÝðåé íá åßíáé üìïéåò ìå ôï äåßãìá äåîéÜ. 

      • Äåýôåñï ÂÞìá: Ðñüóèåóå ôá 3D óôïé÷åßá 
      • 1.ÁíôÝãñáøå ôï óôñþìá ôïõ Button Face äýï öïñÝò (Óýñå ôï óôñþìá ôïõ Button Face óôï åéêïíßäéï "Create New Layer" äýï öïñÝò). 

        2.Ìåôáêßíçóå ôï óôñþìá ôïõ Button Face ðÜíù áðü ôéò äýï êüðéåò (êëéê, óýñå êáé Üöçóå). 

        3.ÎáíáâÜëå åôéêÝôá óôç ðÜíù êüðéá Highlight (Äéðëü êëéê óôï óôñþìá ãéá íá áíïßîåé ç åðéëïãÞ "Layers Options"). 

        4.ÎáíáâÜëå åôéêÝôá óôçí Üëëç êüðéá Shadow (Äéðëü êëéê óôï óôñþìá ãéá íá áíïßîåé ç åðéëïãÞ "Layers Options"). 

        5.×ñùìÜôéóå êáèåìéÜ áðü áõôÝò óôéò êáôÜëëçëåò ôéìÝò. 
        Êëéê óôï óôñþìá Highlighter.×ñùìÜôéóôï óå Üóðñï (Image > Adjust > Hue/Saturation...). 
        ¸ëåãîå ôçí åðéëåãìÝíç Åðéóêüðçóç/Preview). Ñýèìéóå ôçí ôéìÞ öùôåéíüôçôáò óôï +100. ÊÜíå êëéê óôï óôñþìá Shadow. ×ñùìÜôéóå ôç óêéÜ óå ìáýñï(Image > Adjust > Hue/Saturation....) 
        ¸ëåãîå ôçí åðéëåãìÝíç Åðéóêüðçóç/Preview). Ñýèìéóå ôç öùôåéíüôçôá(Lightness) óôçí ôéìÞ -100 
         
         

      6.ÔïðïèÝôçóå ôá Highlight êáé Shadow. 
      Åíåñãïðïßçóå ôï óôñþìá Highlight. ÐÜôá ðÜíù êáé áñéóôåñÜ êÜíïíôáò 1 êëéê ôç öïñÜ. (ÐÜíù âåëÜêé êáé áñéóôåñü âåëÜêé áðü Ýíá êëéê åíþ êñáôÜò ðáôçìÝíï ôï êïõìðß Ctrl). Åíåñãïðïßçóå ôï óôñþìá Shadow. ÐÜôá êÜôù êáé äåîéÜ êÜíïíôáò 1 êëéê ôç öïñÜ. (ÊÜôù âÝëïò êáé äåîß âÝëïò áðü Ýíá êëéê åíþ êñáôÜò ðáôçìÝíï ôï êïõìðß Ctrl). 
       

      7.ÌáëÜêùóå ôá Highlight êáé Shadow ãéá íá ãßíïõí ðéï ñåáëéóôéêÜ. 
      Åíåñãïðïßçóå ôï óôñþìá Highlight . Ðñüóèåóå ìéá ìéêñÞ óêéÜ (Filter > Blur > Gaussian Blur > Radius: ôéìÞ .03 åéêïíïóôïé÷åßï). 

      Åíåñãïðïßçóå ôï óôñþìá Shadow. Ðñüóèåóå ìéá ìéêñÞ óêéÜ  (Filter > Blur > Gaussian Blur > Radius: ôéìÞ .03 åéêïíïóôïé÷åßï). 
       

    • Åðáíá÷ñùìÜôéóå ôï Highlight ãéá áñìïíßá

    • Üëëáîå ôï ÷ñþìá ôïõ ìðñïóôéíïý ìÝñïõò (foreground) óå H:247, S: 42, êáé B: 100. ÅðÝëåîå ôï "Paint Bucket" áðü ôï Toolbox. ÅðÝëåîå ôï óôñþìá Highlight. Êëéê óôï åñãáëåßï óõìâïõëÞò "Paint Bucket" ìÝóá óôï "button shape". 
       
Ôá óôñþìáôÜ óïõ ðñÝðåé íá åßíáé ßäéá ìå ôï äåßãìá óôá äåîéÜ Bonus Image

Ôñßôï ÂÞìá 

Äçìéïýñãçóå Ýíá åíäéÜìåóï óôñþìá Shadow êáé Highlight ãéá íá ãßíïõí ðéï ñåáëéóôéêÜ.

Ç ðáëÝôá ôùí ôåëéêþí óôñùìÜôùí ðñÝðåé íá ìïéÜæåé ìå ôï äåßãìá ðïëëáðëïý óôñþìáôïò óôá äåîéÜ.

Óýãêñéíå áõôü ìå ôï ðñïçãïýìåíï äåßãìá
 

        1.ÁíôÝãñáøå ôï óôñþìá ôïõ Button Face äýï öïñÝò (Óýñå ôï óôñþìá ôïõ Button Face óôï åéêïíßäéï "Create New Layer" äýï öïñÝò). 

        2.Ìåôáêßíçóå ôï óôñþìá Button Face ðÜíù áðü ôéò äýï êüðéåò ôùí óôñùìÜôùí (êëéê, óýñå êáé Üöçóå). 

        3. ÎáíáâÜëå åôéêÝôá ôçí ðÜíù ðÜíù êüðéá Inter-Highlight (ÊÜíå äéðëü êëéê óôï óôñþìá "Layers Options"). 

        4. ÎáíáâÜëå åôéêÝôá óôçí Üëëç åôéêÝôá Inter-Shadow (ÊÜíå äéðëü êëéê óôï óôñþìá ãéá íá áíïßîåé ôï "Layers Options"). 

        5. ×ñùìÜôéóå êáèåìéÜ áðü áõôÝò óôéò êáôÜëëçëåò ôéìÝò. 
        ÊÜíå êëéê óôï óôñþìá Inter-Highlight. ×ñùìÜôéóå ôï highlight óå Üóðñï (Image > Adjust > Hue/Saturation...). 
        ¸ëåãîå ôçí åðéëåãìÝíç Åðéóêüðçóç/Preview). Ñýèìéóå ôç Lightness óôçí ôéìÞ +100. 
        ÊÜíå êëéê óôï óôñþìá Inter-Shadow. ×ñùìÜôéóå ôç óêéÜ óå ìáýñï (Image > Adjust > Hue/Saturation....) 
        ¸ëåãîå ôçí åðéëåãìÝíç Åðéóêüðçóç/Preview). Ñýèìéóå ôç Lightness óôçí ôéìÞ -100 
         

      6.Êáèüñéóå èÝóç óôï Inter-Highlight êáé óôï Inter-Shadow. 
      Åíåñãïðïßçóå ôï óôñþìá Inter-Highlight. ÐÜôá ðÜíù êáôÜ 1 êëéê (ÊáìéÜ ìåñéÜ äå ìåôáêéíåßôáé). Åíåñãïðïßçóå ôï óôñþìá Inter-Shadow. ÐÜôá êÜôù êáôÜ 1 êëéê (ÊáìéÜ ìåñéÜ äå ìåôáêéíåßôáé). 
       

      7.Éäéáßôåñïò ÷åéñéóìüò ôïõ óôñþìáôïò Inter-Highlight. 
      ÊÜíå êëéê ãéá íá åðéëÝîåéò ôï óôñþìá Inter-Highlight. ÐÜíå ðÜíù óôï ôÝ÷íáóìá Opacity êáé ìåôÝôñåøå ôéò ñõèìßóåéò áðü 100% óå 39%. Áí ÷ñåéáóôåß, äåò óôï óôñþìá "Layers Palette" áðü êÜôù). 


Óçìåéþóåéò ãéá ôéò ðéï ðÜíù åíÝñãåéåò.
Ôá ÷ñþìáôá ðïõ áíáìéãíýïíôáé êáé ÷ñçóéìïðïéïýí ìåôáôñåðüìåíç Opacity åßíáé Ýíáò óßãïõñïò ôñüðïò íá öôéÜîåéò ÷ñþìáôá êáé åéêüíåò áñìïíéêÜ ìáæß. Bonus Image



Ìïñöïðïßçóç áñ÷åßïõ

ÅéóáãùãÞ óôï Adobe Photoshop | Ðßíáêáò ðåñéå÷ïìÝíùí