Tutorial ImageDraw  
HOME THEMES TUTORIALS GALLERY LINKS OTHER
Round Cornered Buttons - Image Composer
This button can be made in just a few minutes in Image Composer.  
     
Make a 19 pixel circle.
Make a rectangle that is 66 pixels wide and 27 pixels high.
Move these to the side.
 
     
Make 4 copies of the circle.
Move them to these x, y coordinates:
x 80 y 28, x 80 y 51, 
x 143 y 28, x 143 y 51
 
     
Make 4 copies of the rectangle.
Move them to: x 89 y 29, x 81 y 36, x 89 y 42, x 95 y 36
 
     
Select these sprites and flatten them.
Use the Crop Tool to reduce the size by one pixel from the top, left, right and bottom.
 
     
Click on Effects > Gradient > Details.
Set the top 2 colors to: R 202, G 202, B 202.
Set the bottom 2 colors to: R 255, G 255, B 255.
Click on Apply.
 
     
Make a larger rectangle. Place it behind the filled sprite.
Select both sprites and center them.
Re-select both sprites and press the Tab key to move the solid handles to the smaller sprite.
Click on Texture Transfer > Snip > Apply.
 
         
  De-Select the sprites.
Select the large rectangle.
Click on Effects > Blur > Details.
Set the horizontal and Vertical to 3.
Click Apply.
   
         
  Select both sprites.
Press the Tab key to move the solid handles to the larger sprite. Click on Texture Transfer > Transfer Shape > Apply.
Click Apply again to make it a little darker.
   
         
  Move the large sprite away.    
         
  Make 2 copies of the small circle.
Move one to x 84, y 36.
Move the other to x 137, y 36.
Make a 58 by 27 rectangle.
Move it to x 92, y 37.
Select all 3 sprites and flatten.
   
         
  Select the flattened sprite.
Crop it by 1 pixel each from the top, the left and the right.
Crop it from the bottom until the sprite is 9 pixels high.
   
         
  Click on Effects > Gradient > Details.
Set the top 2 colors to: R 250, G 250, B 250.
Set the bottom 2 colors to: R 234, G 234, B 234.
Click on Apply.
   
     
Arrange the 2 filled sprites to look about like this.