Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Кто вы?
Всего ответов: 313
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Модная кнопка

1. Создайте новый документ размером 120х50 пикселей. Цвет фона - #144E56. Создайте новый слой (Create New Layer) и приблизьте изображение на 400%. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), настройте, как показано ниже (Стиль – Заданный размер) и создайте выделение в центре холста.

2. Не снимая выделения залейте его цветом #FFA900, используя инструмент Заливка
(Paint Bucket Tool):

3. Примените стиль Отбрасывание тени (Layer Style - Drop Shadow) и настройте так:

4. Перейдите в меню Редактировать»Установки»Направляющие, сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices), настройте так:

5. Теперь выберите инструмент Прямоугольное выделение (Rectangular Marquee Tool), установите значения ширины и высоты – 1 пиксель. Сделайте 4 маленьких квадратика в углах, как показано ниже:

6. Сделайте выделение слоя с основным прямоугольником (Ctrl+Click):

7. Создайте новый слой (Create New Layer) и примените Сжатие (Modify - Contract), введите значение 1 пиксель. Залейте сжатый прямоугольник цветом #FF6C00.

8. Создайте ещё один слой (Create New Layer) и опять примените 1 пиксельное Сжатие
(Modify - Contract). Залейте новый прямоугольник цветмо # FE8300. Вы должны иметь 3 слоя:

9. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите текст на кнопке. Photoshop автоматически создаст новый слой. Я использовал шрифт Verdana.

10. Примените стиль Отбрасывание тени (Layer Style - Drop Shadow) к тексту и настройте так:

11. Приблизьте документ до 500% или больше. Нарисуйте стрелку в квадрате. Здесь вы можете посмотреть урок по рисованию такой стрелки.

12. Создайте новый слой (Create New Layer). Нарисуем линии разделения текста и иконки. Инструментом Линия (Line Tool) на слое с верхним прямоугольником нарисуйте линию цветом #FFA900 или #FFAD00. Потом нарисуйте ещё одну линию цветом #FF6C00.


Похожие материалы:


Просмотров: 1883 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz