Круглая кнопка web2.0 в PhotoshopНа днях я получила письмо от читателя с просьбой перевести урок в Photoshop Blue Circle Button Tutorial. Я посмотрела и меня этот урок заинтересовал. Такая вот кнопочка в стиле web 2.0 Кстати, вы, всегда, можете предложить мне тему для публикации, если меня она заинтересует, то обязательно появится здесь! Итак, приступим. 1. Создадим новый документ размером 150×150 pixel с белым фоном. Нарисуем круг инструментом Marquee Tool , удерживая Shift. Создадим новый слой на панеле слоев и зальем круг черным цветом. 2. В оригинальном уроке используются уже готовые градиенты web 2.0, которые можно скачать у создателя, а также у меня: скачать web 2.0 градиенты. (6.63 Kb) Установка: Edit > Present Manager > Выбираем Gradients > Load...
3. Сейчас займемся Layer Styles. Установите параметры как на картинках: 4. Вот, что у нас получилось 5. Выделим слой с кругом кликнув по нему в панели слоев удерживая Ctrl. Создаем новый слой и зальем выделенную часть белым цветом. 6. Идем в Select > Modify > Contract. Круг стал меньше.
7. Теперь опустим выделение как показано на рисунке: 8. Нажмем на Del, а затем слою установим Opacity 50%.
9. Получилось вот так: 10.Теперь стандартным инструментом Shapes нарисуем вот такую загогулину: 11. Щелкнем по слою с загогулиной и Rasterize Layer 12. Кликнем по слою с кругом удерживая CTRL, чтобы выделить его. Затем идем Select > Inverse. И удалим ненужную загогулину.
13. На панели слоев установим Blend Mode - Overlay и Opacity - 40%. Итоговое изображение: 14. Ну и напоследок нарисуем рамочку, используя опять Shapes. 15. Теперь добавим Stroke в Blending Options.
16. Я также поменяла Opacity этого слоя на 60%. Добавив на кнопку свою надпись получаем финальный результат! Поиграв с расцветкой градиента можно получить любой результат: Постовой: 10 красивых рукописных шрифтов, которые вы можете использовать в оформлении кнопок! |
Мне очень понравился урок! Просто, а главное так свежо, и эффектно!Спасибо!
Отправить комментарий