Рисуем кнопку в Фотошоп Hitskin_logo Hitskin.com

Это предпросмотр стиля с Hitskin.com
Установить стильВернуться к информации о стиле

Pozitive Girl | Форум для девочек и девушек всех возрастов
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

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

Перейти вниз

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

Сообщение автор Cerulean Сб Сен 24, 2011 4:28 pm

В этом уроке вы узнаете, как создать универсальный значок, который можно создать с различным уровнем подготовки. Это простой процесс, но вы можете многому научиться.
Финальное изображение.
 Рисуем кнопку в Фотошоп 1
Шаг 1.Начните с создания нового документа с 600 × 400 пикселей. Заполните слой любым цветом фона который вы бы хотели. В моем случае я использовал цвет # b90010.
 Рисуем кнопку в Фотошоп 2
Шаг 2.Выберите Ellipse Tool (эллипс), чтобы создать основу нашего значка.Создайте круглую форму в середине полотна любого цвета какого хотите.
 Рисуем кнопку в Фотошоп 3
Шаг 3.После этого растрируем фигуру. Перейдя в Layer> Rasterize> Shape (слои> растрировать> фигура), применить следующие стили слоя, выбрав Layer> Layer Style (слои> стиль слоя).
 Рисуем кнопку в Фотошоп 4
 Рисуем кнопку в Фотошоп 5
 Рисуем кнопку в Фотошоп 6
 Рисуем кнопку в Фотошоп 7
Шаг 4. Дублируйте текущий слой с помощью Ctrl + J. Открыть новый стиль слоя Layer> Layer Style> Clear Layer Style (слои> стиль слоя> очистить стиль слоя).
Перейдите в Edit> Free Transform (редактирование> свободное трансформирование) и преобразуйте фигуру, как вы видите на изображении ниже. Удерживая нажатой клавишу Shift, пропорционально измените размер.
 Рисуем кнопку в Фотошоп 8
Шаг 5.Теперь займемся прозрачностью. Установите заливку около 0% и примените стиля слоя Stroke (обводка).
 Рисуем кнопку в Фотошоп 9
 Рисуем кнопку в Фотошоп 10
Шаг 6.Выберите жесткую круглую кисть (Brush Tool) размером около 10 пикселей, чтобы сделать вертикальную линию любого цвета.
 Рисуем кнопку в Фотошоп 11
Шаг 7.Примените для этого слоя стиль слоя Gradient Overlay (наложение градиента):
 Рисуем кнопку в Фотошоп 12
 Рисуем кнопку в Фотошоп 13
Шаг 8.После этого слить этот слой с предыдущим (убедитесь, что вы получили все стили слоя в один слой) и изменить прозрачность этого слоя до 35%.
 Рисуем кнопку в Фотошоп 14
Шаг 9.Затем загрузить выделение этого слоя с пощью Select> Load Selection (выделение> загрузить выделение), а затем перейти к слою с большой формой круга и нажмите кнопку Удалить, чтобы очистить выделенную область.
 Рисуем кнопку в Фотошоп 15
Снимаем выделение с помощью Ctrl + D и объединяем все слои, кроме фонового слоя. Хорошо, теперь переходим к следующему шагу.

Шаг 10.Последнее, что нам нужно сделать, это добавить прозрачности в некоторых местах. После добавления прозрачности мы получим реалистичное отражение объекта от фона. Для этого выберите Polygonal Lasso Tool (лассо) и сделайте выделение похожее на картинке ниже.
 Рисуем кнопку в Фотошоп 16
Шаг 11.Затем, удерживая Shift, добавить еще несколько отдельных выделений на значке.
 Рисуем кнопку в Фотошоп 17
Шаг 12.После этого мы должны немного смягчить границы выделенной области. Используйте Select> Modify (выделение> растушевка), радиус растушевки выберите около 5 пикселей.
 Рисуем кнопку в Фотошоп 18
Шаг 13.Хорошо, а затем возьмем ластик с мягкой круглой кистью примерно 50 пикселей и выставим Opacity (непрозрачность):30%, чтобы немного подчистить работу. Но будьте очень осторожны с ластиком, иначе иконка будет выглядеть ненатурально.
 Рисуем кнопку в Фотошоп 19
Шаг 14.Теперь снимаем выделение с помощью Ctrl + D. Вот и все!
Финальное изображение.
 Рисуем кнопку в Фотошоп 20
Давайте проверим, как это будет выглядеть на другом фоне.
 Рисуем кнопку в Фотошоп 1

По всем вопросам в эту тему!
Источник:photoshop-master.ru
Cerulean
Cerulean
Salvatore


Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения