Очень простой, но привлекательный кнопки и иконки учебник создании почти всех, с минимальным или почти нет опыта Photoshop. Цель этого урока не просто показать трюк и технику создания кнопки, но и побуждает вас к творчеству и творческим, чтобы сделать свои собственные кнопки в будущем.


Одним из важных секрет любого творчества является способность видеть результат задолго до того, как вы приступили к реализации. Есть много подход для достижения этой цели, для меня лучше всего закрыть глаза и попытаться увидеть, что я собираюсь создать. Как только у меня есть что-то интересное попытаться сделать снимок в моей памяти, прежде чем я открываю глаза и тут же нарисовать его на бумаге, прежде чем я забыл. Это упражнение можно делать и делать регулярно увеличит вашу способность видеть ясно.

Допустим, это то, что я видел, когда я закрыл глаза, теперь, как я могу выполнить его в Photoshop?

Иконка упражнения нарисовать на бумаге

Шаг 2: Вы можете оставить фон белым или использовать сглаживание текстур, если хотите, я просто быстро создали текстуру, используя структуру библиотеки.

Создание текстур в фотошопе

Шаг 3: Создайте новый слой и указать имя, создать закругленный угол квадрат окна выбора (135px X135px) и сделать угловой радиус на 20 пикселей. Есть много способов создать округлый квадрат, одна из простой способ: возьмите квадрат первый и выберите пункт "Select -> Modify -> Smooth" в верхнем меню и выберите 20px радиуса.

создать закругленные окна углу квадратной

Шаг 5: Теперь время его изучить некоторый эффект,
Нажмите на ссылку "Добавить стиль слоя" иконку в нижней части слоя окна, а в слое стиль окна проверить флажок только «Тень». Следуйте образцу изображении ниже.

Шаг 6: Теперь флажок "Outer Glow" чек. Делай, как показано на рисунке ниже.

Добавить стиль слоя Outer Glow

Шаг 7: "Inner Glow" флажок флажок. Делай, как показано на рисунке ниже.

Добавить стиль слоя Inner Glow

И вот окончательный эффект стиля.

Добавить новый эффект слоя в фотошопе

Шаг 8: Создайте новый слой и выберите "Stroke" из меню "Edit" в верхней и дать зеленый цвет, 6px внутри границ. Следуйте образец изображения.

Использование штрих для создания границы из меню редактирования.

Шаг 9: Теперь у вас есть изображение, как это. Изменение стиля из верхней панели слоя "Экран" даст эффект прозрачности.

Используйте акции для создания границы из меню редактирования.

Шаг 10: Добавьте новый слой и нарисуйте прямоугольник с закругленными углами окно, как показано на рисунке ниже. Это же, как "Шаг 3" я описал ранее.

Нарисуйте прямоугольник с закругленными углами окне

Шаг 11: Выберите пункт "Добавить маску слоя" из нижней панели иконок в слое окно, и "Градиент значок« Выбрать из окна "Инструменты". Теперь нажмите и перетащите мышкой на прямоугольник с закругленными углами окна применяются сверху вниз, и вы должны увидеть подобный результат, как это.

Добавить слой-маску и Градиент значок эффекта освещения

Шаг 12: Теперь добавьте еще один слой и нарисуйте круг, как на картинке ниже, и измените "Opecity" из панели слоев, чтобы около 50%.

Opecity использовать эффект освещения

Шаг 13: Пришло время нарисовать иконку вы хотите, вы разместите, или вы можете использовать любую существующую иконку из вашей коллекции. Я просто нарисовать камера быстро.

Нарисуйте камеры в фотошопе

эффект освещения на кнопку

Если у вас есть кнопка готова, пришло время создать столько вы хотите всего за несколько минут. У меня сейчас, звук играть, слушать, Audio Device, эквалайзер, DVD, CD, микрофона, записи, видео, ленты, регулировки громкости и камеры.

Звук играть, слушать, Audio Device, эквалайзер, DVD, CD, микрофона, записи, видео, ленты, регулировки громкости и камеры