Pozitive Girl | Форум для девочек и девушек всех возрастов

Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

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

    Cerulean
    Cerulean
    Salvatore


     Рисуем кнопку в Фотошоп 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

      Текущее время Ср Ноя 27, 2024 3:43 am