Рубрика: Photoshop Уроки | Урок прочитали: 460
 (голосов: 0)

Рисуем кнопку в Фотошоп

В этом уроке вы узнаете, как создать универсальный значок, который можно создать с различным уровнем подготовки. Это простой процесс, но вы можете многому научиться.
Финальное изображение.

Шаг 1.Начните с создания нового документа с 600 × 400 пикселей. Заполните слой любым цветом фона который вы бы хотели. В моем случае я использовал цвет # b90010.

Шаг 2.Выберите Ellipse Tool  (эллипс), чтобы создать основу  нашего значка.Создайте круглую форму в середине полотна  любого цвета какого хотите.

Шаг 3.После этого растрируем фигуру. Перейдя в Layer> Rasterize> Shape (слои> растрировать> фигура), применить следующие стили слоя, выбрав Layer> Layer Style (слои> стиль слоя).

Шаг 4. Дублируйте текущий слой с помощью Ctrl + J. Открыть новый стиль слоя Layer> Layer Style> Clear Layer Style (слои> стиль слоя> очистить стиль слоя).
Перейдите в Edit> Free Transform (редактирование> свободное трансформирование) и преобразуйте фигуру, как вы видите на изображении ниже. Удерживая нажатой клавишу Shift, пропорционально измените размер.

Шаг 5.Теперь займемся прозрачностью. Установите заливку около 0% и примените стиля слоя Stroke (обводка).

Шаг 6.Выберите жесткую круглую  кисть (Brush Tool) размером около 10 пикселей, чтобы сделать вертикальную линию любого цвета.

Шаг 7.Примените для этого слоя стиль слоя Gradient Overlay (наложение градиента):

Шаг 8.После этого слить этот слой с предыдущим (убедитесь, что вы получили все стили слоя в один слой) и изменить прозрачность этого слоя до 35%.

Шаг 9.Затем загрузить выделение этого слоя с пощью Select> Load Selection (выделение> загрузить выделение), а затем перейти к слою с большой формой круга и нажмите кнопку Удалить, чтобы очистить выделенную область.

Снимаем выделение с помощью Ctrl + D и объединяем все слои, кроме фонового слоя. Хорошо, теперь переходим к следующему шагу.

Шаг 10.Последнее, что нам нужно сделать, это добавить прозрачности в некоторых местах. После добавления прозрачности мы получим реалистичное отражение объекта от фона. Для этого выберите Polygonal Lasso Tool (лассо) и сделайте выделение похожее на картинке ниже.

Шаг 11.Затем, удерживая Shift, добавить еще несколько отдельных выделений на значке.

Шаг 12.После этого мы должны немного смягчить границы выделенной области. Используйте Select> Modify (выделение> растушевка), радиус растушевки выберите около 5 пикселей.

Шаг 13.Хорошо, а затем возьмем ластик с мягкой круглой кистью примерно 50 пикселей и выставим Opacity (непрозрачность):30%, чтобы немного подчистить  работу. Но будьте очень осторожны с ластиком, иначе иконка будет выглядеть ненатурально.

Шаг 14.Теперь снимаем выделение с помощью Ctrl + D. Вот и все!
Финальное изображение.

Давайте проверим, как это будет выглядеть на другом фоне.

Автор: PhotoshopStar.
Перевод: Пихтелькова Анна.
Ссылка на источник

           

Похожие файлы и публикации:

Рисуем кнопку в Фотошоп
Хорошо, начнем с создания нового документа в Photoshop. Я создал новый документ размером 800 × 400 пикселей. Затем выберите подходящие цвета, например, # 161515, # 71777b и залейте документ линейным градиентом.
Рисуем кнопку в Фотошоп
Вы хотите сделать необычную креативную рекламу? Тогда этот урок для вас.
Рисуем кнопку в Фотошоп
В этом Photoshop уроке мы будем учиться создавать баннер с простым, но эффектным дизайном.
Рисуем кнопку в Фотошоп
Несколько недель назад  мой друг поинтересовался, как создать 3D сферу в Фотошоп.  Я не знал, как это сделать, но это меня заинтриговало, так что я решил попробовать.  Я знал, что нужно использовать фильтр Сферизация, но не знал, как это сделать. Так что в этом уроке я покажу вам, как создать красивую 3D сферу в фотошопе используя основные инструменты и фильтр Сферизация.  Весь этот урок не займет более 30 минут, но техника действительно полезна, особенно для создания значков и логотипов.
Рисуем кнопку в Фотошоп
В этом Фотошоп-уроке я покажу вам как нарисовать увеличительное стекло и сделать правильное отражение в нем. Сначала вы должны найти соответствующую картинку для работы с ней. Я использовал эту фотографию газеты. Свободно используйте ее, если хотите. Ок, после того как мы нашли правильное изображение для работы, можем приступать к уроку. Создайте новый документ около 500х500 пикселей и копируйте наше изображение в него.
Рисуем кнопку в Фотошоп
В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта.
Рисуем кнопку в Фотошоп
Сегодня мы рассмотрим хороший и простой урок, с помощью которого вы узнаете, как создать абстрактную открытку с красочными формами, используя простые методы и инструменты
Рисуем кнопку в Фотошоп
В данном уроке мы будем учиться создавать информационный блок для сайта.
Рисуем кнопку в Фотошоп
В этом уроке я дам Вам несколько советов о том, как создать праздничную открытку для Дня святого Валентина.  Вы узнаете, как добавить стиль слоя, нарисовать сердце инструментом Перо, применять Кисти и т.д. Так давайте начнем!
Рисуем кнопку в Фотошоп
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.
Рисуем кнопку в Фотошоп
В этом уроке вы узнаете, как создать чарующий эффект, используя узоры и маски. Давайте начнем!
Рисуем кнопку в Фотошоп
Вот один из множества туториалов, как сделать красивую новогоднюю открытку для ваших лучших друзей и родственников. Надеюсь, они обрадуются, получив открытку, подобную этой. Итак, начнем!
Рисуем кнопку в Фотошоп
Прежде всего, создайте новый документ, размером 1900 × 1200 пикселей, и заполните холст с черным цветом.
Рисуем кнопку в Фотошоп
В этом уроке я покажу вам, как создать флаер в векторном стиле средствами Фотошоп.
Рисуем кнопку в Фотошоп
Заключительный результат:
Рисуем кнопку в Фотошоп
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Рисуем кнопку в Фотошоп
В этом уроке я собираюсь рассказать вам, как сделать элегантный текст. Итог урока:
Рисуем кнопку в Фотошоп
В этом уроке я объясню, как сделать очень красивую абстракцию. Каждый раз, когда вы будете следовать этому уроку, результаты будут совершенно разными, но всегда очень красивыми.
Рисуем кнопку в Фотошоп
В этом уроке мы будем рисовать прикольный текст в фотошопе.