Кнопка на сайт
Кнопка на сайт
Хотите научиться рисовать такую мощную кнопку на сайт? Тогда "GO"!Сложность урока: Средний
Создаём новый документ размером 300x300 пикселей.
Создаём новый слой, с помощью инструмента овальная форма делаем выделение в форме круга, и заливаем его тёмно-серым цветом.
Используя инструмент осветлитель рисуем горизонтальные полосы как показано ниже, потом с помощью затемнителя добавляем ещё несколько полос как на рисунке:
На новом слое с помощью овального выделения рисуем окружность как на рисунке, и заливаем её красным цветом.
Делаем двойной клик на слое с красной окружностью, чтобы перейти к панели Стиль Слоя. Здесь добавим стиль "внутренняя тень" к нашему кругу:
Вот результат:
Создаём новый слой, в нём снова с помощью делаем выделение и заливаем его тем же красным цветом, который использовали для предыдущей окружности:
Возвращаемся к первой красной окружности, с помощью и рисуем вертикальные полосы как показано ниже:
Теми же инструментами работаем с верхней окружностью:
Выбираем инструмент , рисуем круг на кнопке, затем ставим настройку "вычитание из выделенной области" и рисуем круг меньшего радиуса, который должен "откусить" большую часть выделения и оставить только полумесяц:
Создаём новый слой и заливаем наше новое выделение белым цветом и снижаем прозрачность слоя до 30%.
И в заключение нам осталось лишь добавить текст.
До встречи на www.creativo.one!
Источник: www.tutorialsubmitter.com
Комментарии 82
Спасибо!
В этом уроке чуть более сложные манипуляции с стилями слоев, заменили на топорную ручную работу. Выход после которой выглядит чуть лучше чем ужасно...
Благодарю.
Спасибо за интересный урок
спасибо
Спасибо!
Спасибо=)
Спасибо за урок!!!
Спасибо за урок. Пришлось немного повозиться с инструментами "затемнитель" и "осветлитель", но благо добрые люди на форуме помогли.
Спасибо!
Кнопка на сайт "GO"! Спасибо.
Спасибо за урок!
Спасибо вам!
Спасибо за урок было интересно.
Спасибо за урок. Ух ты, сколько троек наставлено...
спс. хороший урок!!!
Спасибо за урок.
svladi как сделал искру?
вот *-*
Спасибо! Вроде получилась кнопка!
спасибо за урок
Спасибо:*
Спасибо большое !
Спасибо!
Спасибо! Отличный урок!
Спасибо Классный урок!!
Я правда немного сделала не так :)) у меня получилось вот что!!
Спасибо за урок) Легко и просто, и кнопка выглядит натурально)
спс за урок
Спасибо!
Спасибо за урок!!!