В этом уроке в основном рассказывается, как создавать часто используемые кнопки. Идея: сначала нарисуйте форму кнопки, а затем соответствующим образом добавьте свет к нижней и верхней части кнопки. Создание подсветки более важно, и вам нужно выбрать различные эффекты подсветки в соответствии с фактическим цветом.
конечный эффект
1. Создайте новый файл размером 500 * 350 пикселей, залейте фон черным, установите цвет переднего плана: #570202, выберите инструмент «Прямоугольник со скругленными углами», установите параметры, как показано на рисунке 1, и нарисуйте прямоугольник со скругленными углами, как показано на рисунке. 2.
<Рисунок 1>
<Рисунок 2> 2. Вызовите выделение скругленного прямоугольника, создайте новый слой над фоновым слоем, залейте его цветом: #FBE39B, нажмите Ctrl+D, чтобы отменить выделение, выполните меню: Фильтр > Размытие > Движение. Размытие, настройки параметров Как показано на рисунке 3, эффект такой же, как показано на рисунке 4.
<Рисунок 3>
<Рисунок 4>
3. Вызовите выделение прямоугольника с закругленными углами, создайте новый слой сверху, выберите меню: Правка > Обводка, значение 1, цвет: ##FBE39B, эффект как показано на рисунке 5.
<Рисунок 5> 4. Создайте новый слой, используйте инструмент «Эллиптическая область», чтобы нарисовать идеальный круг, как показано на рисунке 6, нажмите Ctrl + Shift + D, чтобы растушевать значение до 15, затем выберите настройки цвета инструмента градиента, как показано на рисунке. Рисунок 7 и рисунок градиента, показанный на рисунке 8.
<Рисунок 6>
<Рисунок 7>
<Рисунок 8> 5. Нажмите Ctrl + J, чтобы создать копию изображения градиента. Сначала скройте копию. Нажмите Ctrl + T, чтобы преобразовать ее, как показано на рисунке 9. После подтверждения снова отобразите копию. показано на рисунке 10. Трансформируем и после подтверждения меняем режим наложения слоя на «Наложение», эффект такой, как показано на рисунке 11.
<Рисунок 9>
<Рисунок 10>
<Рисунок 11> 6. Вернитесь к слою с телом кнопки, с помощью инструмента эллиптическая область нарисуйте эллипс, показанный на рисунке 12, нажмите Ctrl + Shift + D, чтобы растушевать значение до 10, а затем нажмите Ctrl + M, чтобы соответствующим образом осветлить его. Эффект такой, как показано на рисунке 13.
<Рисунок 12>
<Рисунок 13>
![]()
<Рисунок 14>
<Рисунок 15>
