Download presentation
Presentation is loading. Please wait.
Published byJewel Lang Modified over 8 years ago
1
Tabs with Rounded Corners (Sliding Doors)
2
Sliding Doors Tutorial http://www.alistapart.com/articles/sliding doors/
3
GIMP: Tab New Image (420x200) Select Rounded Rectangle (radius 15) Color rectangle Create Border Select Border (3px) Fill Border with Color Make corners transparent Layer Transparency Add Alpha Channel Select by color Edit Cut (Adjust color of corners) Save image as TabComplete.gif (gif or png support transparency)
4
GIMP: Create Tab Open complete image Cut left side (15x150) ○ Make sure you cut the whole corner Save as TabLeft.gif Open complete image Cut right side (405x150) Save as TabRight.gif
5
GIMP: Create Tab Open complete image Change color from indexed to RGB ○ Image Mode RGB Create lower border of tab (color of main page) ○ Select color for lower border ○ Use pencil tool to draw straight horizontal line (hold Shift Key) Cut lower border (20x45) Save as Border.gif Copy all three images and change color For current tab
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.