ФорумГлавнаяКалендарьЧаВоПоискПользователиГруппыРазноеРегистрацияВход

Поделиться | 
 

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

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение
ТигрёнокЧо
♫Melomanka♫
ТигрёнокЧо


Награды
Рисуем кнопку в Фотошоп Medal125Рисуем кнопку в Фотошоп 13141ol0Рисуем кнопку в Фотошоп 02187651a7e4Рисуем кнопку в Фотошоп Medal114Рисуем кнопку в Фотошоп 78af0ede7af3Рисуем кнопку в Фотошоп Cd99274faf79Рисуем кнопку в Фотошоп B40bb55f25bfРисуем кнопку в Фотошоп Aw-33
Рисуем кнопку в Фотошоп 8db1697e53ec
Сообщения : 1226
Репутация : 1135
Дата регистрации : 2011-10-16
Возраст : 21
Откуда : Люберцы
Настроение : Загораю

Рисуем кнопку в Фотошоп Empty
СообщениеТема: Рисуем кнопку в Фотошоп   Рисуем кнопку в Фотошоп EmptyЧт Окт 20, 2011 5:59 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
Вернуться к началу Перейти вниз
Посмотреть профиль http://morepositiva.forum2x2.ru
 

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

Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

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