С Вами Алексей и новый выпуск почтовой рассылки «Все о цифровой фотографии»
Сделайте первые шаги в освоении Photoshop Подпишитесь совершенно бесплатно на электронный курс
"Photoshop Путь от новичка до профессионала!" > Узнать Больше! <
Внимание!
Каждый
подписчик получает уникальный подарок!!!
Сегодня в выпуске:
Создание графических кнопок в программе photoshop
Создание графических кнопок в программе photoshop.
Внимание!!! Если у вас возникли трудности с просмотром иллюстраций используемых в данной статье, вы можете прочитать эту статью в блоге по адресу http://multiuroci.com/blog
Автор:
Максимов Алексей Сайт: http://MultiUroci.com
Создание графических кнопок в
программе photoshop достаточно легкая и быстрая
процедура.
Вот, что мы получим в конце нашего
урока:
Как вы видите, мы будем создавать
3 графические кнопки. Итак, начнем.
Первое, что нам нужно сделать – это
создать новый документ. Для этого нажимаем Файл/Создать. Затем в
появившемся окне вписываем параметры листа: Ширина 300пикс., Высота 100пикс,
нажимаем Да для создания файла.
Следующее, что нам нужно сделать,
это создать новых 3 слоя . Для этого нам нужно на палитре Слои нажать 3
раза (Создать новый слой ) После этого у вас появятся 3 новых слоя с именами Слой
1, Слой 2, Слой 3.
Далее нам нужно выбрать инструмент
Прямоугольник с закругленными краями , который находится на палитре основных инструментов
и возможно скрыт за инструментом Прямоугольник. Затем на палитре
параметров инструментов устанавливаем следующие параметры
Убеждаемся в том, что на палитре слои
выбран слой 1 и рисуем фигуру нашей кнопки. Затем открываем палитру контуры
и видим там новый «рабочий контур».
Далее нам нужно залить этой
появившийся рабочий контур. Для этого на палитре образцы выбираем
подходящий цвет (я выбрал красный). Затем нам нужно на палитре контуры
перетащить рабочий контур на значок «Выполнить заливку цвета основным цветом».
Обратите внимание, что наша фигура
кнопки зальется красным цветом. Далее мы зальем контур. Снова выбираем цвет из
палитры образцы (в нашем случае мы выбираем темно синий.)
Затем точно также мы производим
обводку. Единственное отличие состоит в том, что «Рабочий контур» переносим на
кнопку «Выполнить обводку контура»
Рабочий контур нам больше не
понадобится, поэтому мы можем его удалить «Удалить активный контур».
Далее будем применять эффекты к
этой графической кнопке. Для этого переходим на палитру слои и
убедившись в том, что «слой 1» активен, нажимаем на кнопочку «добавить стиль слоя» и в
появившемся контекстном меню выбираем «параметры наложения». Появляется дополнительное
окошко под названием «стиль слоя»
Выбраем стандартный стиль в
разделе «стили» или создать свой стиль.
Первое что мы сделаем, это создаем
тень
Для этого переходим на вкладку тень.
Устанавливаем цвет тени (я установил свой цвет, код которого #8ba0e5)
Устанавливаем угол 45.
Чтобы наша кнопка выглядела более
объемной, переходим во вкладку тиснение и здесь устанавливаем следующие
параметры:
И заключительным действием будет
создание градиента
Применив данный стиль, мы получили
вот такую симпатичную кнопку. Для того, чтобы нам не пришлось заново
настраивать стиль на других кнопках, мы сохраним настройки данного стиля для
того, чтобы использовать их в дальнейшем. Для сохранения выбираем кнопку «Новый
стиль», в появившемся окошке вводим имя «кнопка» и выставляем все
галочки. Теперь наш стиль будет доступен в приложении «Стандартные Стили»
(Это самая первая вкладка в окне стиль слоя).
Создание других двух кнопок выполняется
подобным образом. Единственное отличие заключается в том, что в данном случае применяются
инструменты Эллипс и прямоугольник вместо Прямоугольник с
кругленными углами. Также стоит помнить о том, что при применении нового стиля,
нам не нужно заново устанавливать все параметры стиля. Мы их сохранили и можем
вставить из вкладки «Стили».
Вот и подошел выпуск рассылки к концу. По вопросом рекламы обращайтесь на указанные адреса связи!
Предлагаю держателям рассылки обменяться информационными выпусками рассылок. Все подробности в ходе переписки. E-mail
Что толку от фотографий, которые "пылятся" позабыты-позаброшены на хард-драйве? Может, какой-нибудь дизайнер уже в лепёшку расшибся в поисках именно того сюжета, который прозябает в ваших архивах. Можно подарить этому незадачливому дизайнеру этот снимок: как говорится, вам всё равно, а ему приятно. А если за это ещё и деньги платят...
Предлагаю Вашему вниманию партнёрскую рассылку: