14:55
16.11.2018
2356 +0
зарегистрировано
491
файлов на сайте
213/662
ответов на форуме
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Форум » Photoshop » Уроки Photoshop'а » Рисуем социальную иконку в Фотошоп
Рисуем социальную иконку в Фотошоп
devil_kiss
Дата: Пятница, 23.08.2013, 01:00 | Сообщение # 1

В настоящее время социальных сетей становится все больше. Так почему бы не создать какие-нибудь элементы в своем стиле.
В этом уроке Вы узнаете, как создать простую социальную иконку в виде вертикальной ленточки.
Итоговый результат:

Шаг 1 - Создание ленточной формы
Создайте новый документ (Ctrl + N) 600 х 400 пикселей и придумайте любой стиль фона на ваш вкус.

Выберите инструмент Прямоугольник ("Rectangle Tool" (U)) и нарисуйте небольшой вертикальный прямоугольник в центре холста.

Выберите миниатюру векторной маски в окне слоев, как показано ниже.
Черные линии вокруг фигуры показывают, что векторная маска выбрана.

Теперь выберите инструмент Перо ("Pen Tool" (P)) и измените его тип на «Вычесть из области фигуры (-)".

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

Шаг 2 - Добавление стилей
Добавьте следующие стили слоя к вашей форме ленточки.
Тень:

Внутренняя тень:

Обводка:

Наложение градиента:

У Вас должно получиться что-то вроде этого:

Теперь щелкните правой кнопкой мыши на слое с лентой и выберите пункт "Преобразовать в смарт-объект". После преобразования перейдите в меню «Фильтр>Шум>Добавить шум» (Filter> Noise> Add Noise).


Шаг 3 - Добавление прошивки нитью
Выберите инструмент Горизонтальный текст ("Type Tool" (T)), установите цвет переднего плана на #2e81c6. Итак, напишем нашу нить. Просто нажмите и удерживайте клавишу минус (-) на клавиатуре до тех пор, пока длина «шва» не будет соответствовать прямоугольнику. Не старайтесь сделать это точно, так как Вы с легкостью можете обрезать лишнее. Выберите инструмент Трансформирование (Free Transform (Ctrl + T)), после чего поверните линию в вертикальное положение.

Продублируйте слой со швом, затем переместите его на 1 пиксель вправо и измените цвет на #7dc2e7.

Продублируйте эти два слоя со швами и переместите на противоположную сторону ленты.

Шаг 4 - Добавляем социальные элементы к ленточке
Выберите инструмент Прямоугольник "Rectangle Tool" (U) и нарисуйте небольшой прямоугольник внизу ленты. Затем, как и в самом начале урока, добавьте маленький треугольник в нижней части, только измените тип пера. Используйте тип "Добавить к области фигуры (+)" вместо "Вычесть из области фигуры (-)".

Используя социальные иконки из списка ресурсов, добавьте иконку Twitter на полученную фигурку.

И, наконец, добавьте какой-нибудь текст, например - Follow Me).


Форум » Photoshop » Уроки Photoshop'а » Рисуем социальную иконку в Фотошоп
  • Страница 1 из 1
  • 1
Поиск:

Интересное на форуме Люди выбирают Информация о сайте