Кнопка для сайта в мечтательном стиле
Опубликовано 1 июля 2008 года в рубрике Уроки Photoshop
694 раз(а)Очередной урок в программе Adobe Photoshop, который поможет Вам научиться делать красивые элементы своего Веб-сайта.
Не знаю почему, но я решил, что это «мечтательная» кнопка. С этим суждением Вы можете и не согласиться, но надеюсь, тот факт, что это очень красивая кнопочка, Вы оспаривать не будете.
Ну, думаю с вступительной демагогией можно подвязывать. Быстренько открываем наш любимый Фотошоп и приступаем к делу.
1. Создаем новый документ. Задаем ему фон нужного цвета, в моем примере это #0c425d
2. Выбираем инструмент Rounded Rectangle Tool [U]
c радиусом округления 7px
И удерживая Shift, чтобы фигура получилась равносторонней, создаем такую вот форму
3. А теперь к этой форме применяем стили:
В итоге получаем форму вот такого вида
4. Внутри формы рисуем необходимое изображение и применяем к нему эффект тени
5. Создаем новый слой. Мягкой кистью цвета #7acce0 зарисовываем на нем нижние «углы»
Вот как выглядит этот слой сам по себе
6. Удерживая Ctrl кликаем на слой с фигурой, которую создали первой, чтобы выделить ее контуры. Создаем новый слой поверх всех остальных и заливаем выделенную область белым цветом.
7. С помощью инструмента Elliptical Marquee Tool [M]
выделяем зону, как показано на рисунке ниже
жмем клавишу Delete, дабы удалить ненужную часть, которая находится внутри выделенной зоны. Непрозрачность (Opacity) уменьшаем до 30%. Результат:
8. Как и в шаге №6, выделяем первую фигуру, создаем новый слой, заливаем выделенную зону градиентом 
[G] от белого к прозрачному. Непрозрачность (Opacity) уменьшаем до 80%. На рисунке показано, как выглядит эта заливка сама по себе и в целом на кнопке.
9. В довершение я поставил пару бликов мягкой кистью небольшого диаметра и все, наша кнопка в мечтательном стиле готова
Автор: Найкрис Кроули.
При использовании материала ссылка на сайт обязательна
Похожие материалы:
4 Комментариев к теме
“Кнопка для сайта в мечтательном стиле”
Невероятно простой урок_!!
Thank you very much_!!
Всегда пожалуйста
Рад, если понравилось
Во блин все так просто
спосибо
Ха… просто , говорите?
Я вспомнила высказывание небезизвестного Шерлока Холмса , как раз по такому вот поводу :
«И заметьте, Ватсон – просто стало только после того, как я Вам это подробно объяснил….»
Спасибо за Ваши уроки!