Login Password
Menu
 
 
Friends
   
Calendar
 
«    December 2006    »
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
 
Top News
  » Safari 3.1
» RunMe 0.9.2 (Update)
» Cyrillic Pixelfonts
» Клипарт: "СердеШное настроение"
» Мотоциклы
» EasyBCD 1.72
» Pictomio 1.0 Final
» Summertime Wallpaper pack
» Plexis Box by ~Aerotox
» Эти глаза напротив...
 
Forum News
 
  • Service Pack 3 для WinXP досту ...
  • Бантики. Вектор
  • Old Paper Vector Scrolls
  • Обои. Срочно. Чьи?
  • Десктопы 2008
  • Photoshop Styles. Buttons Styl ...
  • Photoshop Styles: Glass
  • TrueTransparency - настоящая п ...
  • CPU Icon (.PSD FILE) by Beater ...
  • Восстановление ссылок - Судьба ...
  •  
    Random News
      » Rise Logon
    » The Matrix template for Photos ...
    » Photoshop Tutorial. Неоновый т ...
    » ART_кисти для Photoshop
    » Slantrast Visual Style
    » 12 тем для Nokia S40 3rd
    » MobyDock 0.87b
    » Folderico 3.7.2 NEW!
    » UberIcon 1.0.4 Released by Pun ...
    » PsychoSnapshots BT Edition
     

    Computer-Arts: Home Of Design » Photoshop » Tutorial » Photosop Tutorial. Стеклянная кнопка.
    Photosop Tutorial. Стеклянная кнопка.
     

    alt

     
     


     
     
    1. Создаем новый файл с белым или любым другим фоном. При помощи инструмента Rounded Rectangle Tool и нажатой клавиши Shift нарисуем прямоугольник со скругленными углами. Я поставила радиус 6 пикселей, но это не принципиально.

      alt

    2. Создаем градиент, который нам нужен. Я выбрала желтенькие цвета, но можно другие, синие, зеленые, главное чтобы они были яркими, насыщенными и правый значительно светлее левого.

      alt

    3. Создаем новый слой и заливаем выделение градиентом.

      alt

    4. Применяем к новому слою вот такие стили.

      alt

      alt

      alt

      alt

    5. Создаем новый слой и при помощи Paths рисуем кривую. Как это сделать, можно посмотреть здесь

      alt

    6. Создадим выделение.

      alt

    7. Нажмем сначала D, потом X и создадим вот такой градиент.

      alt

    8. Зальем выделение немного наискосок, как у меня.

      alt

    9. Инвертируем выделение и создадим новый слой. Вернемся к редактору градиентов и поменяем белый цвет на черный, все остальное оставим так же. Проведем наискосок, примерно как у меня.

      alt

    10. Загрузим выделение слоя с прямоугольником, сожмем его на 2 пикселя Select-Modify-Contraсt, инвертируем и отрежем лишнее сначала в слое с белым градиентом, а потом с черным. К слою с черным градиентом применим вот такой стиль

      alt

    11. Прозрачность слоя с черным градиентом поставим 50%

    12. Рисунок следует размещать ПОД слоями с градиентами. Вот такая кнопочка.

      alt

      Скачать PSD файл можно здесь.

    Автор Alisa ©.



    <!-- StartSdNewsForum --> <!-- EndSdNewsForum -->

     
     
    Dear user, you are not registered on this site. To post comments or write news you should register or login with your account.
     
    Information
      Members of Гости cannot leave comments.  
    © Computer-Arts.info 2006-2008 / Design by serEga.