Скачать бесплатно: Пошаговый урок - Как создать иконки соцсетей в фотошопе  

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Добро пожаловать в урок Как создать иконки социальных сетей в Adobe Photoshop с помощью стилей слоя.

Для начала откройте новый документ из 800x600 пикселей , разрешением 72 dpi , цвета RGB 8bits и заполните фон с серым #cdcdcd помощью инструмента Заливка (G)

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Затем добавьте градиентной заливки слой, перейдя в Меню> Слои> Новый слой заливка> Градиент.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Измените его режим смешивания на Overlay и уменьшите его непрозрачность до 30%

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Затем возьмите закругленный Прямоугольник (U) с радиусом от 50px и нарисуйте синий прямоугольник #407bcc по центру.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Затем дублируем его три раза нажав ярлык Ctrl + J , и вы получите четыре слоя синего прямоугольника.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Выделите первый слой и зайдите в Параметры наложения и установите следующие настройки.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Выделите второй слой и увеличьте его на несколько пикселей, зайдя в Меню> Выделение> Трансформировать выделенную область ( Ctrl + T ), при преобразовании форму удерживайте клавишу Alt + Shift , чтобы трансформация была равномерной.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Идем опять в Параметры наложения

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Выделите третий слой и примените к нему размытие по Гауссу , зайдя в Меню> Фильтр> Размытие> Размытие по гаусу

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Теперь идем на четвертый слой и повторяем операцию как со вторым слоем.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Установите тень в Параметрах наложения как на картинке.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Затем нарисуйте еще ​​один прямоугольник с закругленными углами и того же размера, как последний слой, используя закругленный закругленный Прямоугольник (U) и цвет # 175e7c .

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Затем переместите его вниз, как на картинке.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

К слою примените внутреннюю тень.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Нарисуйте еще один ​​прямоугольник с закругленными углами с цветом # 58a1cf или просто дублируйте ваш последний слой, переместить его вверх и измените цвет.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Затем перейдите к Параметрам наложения.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Это даст вам следующий результат.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Теперь нарисуете логотип Twitter или Facebook или Google+ ; Возьмите на Перо (P) в режиме слой-фигура и нарисуйте эмблемы.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Продублируйте форму дважды с помощью комбинации клавиш ( Ctrl + J ) поставьте слой первым и применить к нему Параметр наложения Тень.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Выделите второй слой и примените следующие настройки наложения.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Аналогичным образом примените внутреннюю тень на третьем слое.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

А вот конечный результат.

Пошаговый урок - Как создать иконки соцсетей в фотошопе

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

Пошаговый урок - Как создать иконки соцсетей в фотошопе

Результаты своих работ оставляйте в комментариях.

Скачать бесплатно "Пошаговый урок - Как создать иконки соцсетей в фотошопе" с Letitbit.net

 



Пожалуйста, внесите свой вклад в развитие проекта, пожертвовав любую сумму. Ваши средства пойдут на оплату сервера и на улучшение и развитие сайта.
WebMoney: R361718140329
Яндекс.Деньги: 41001219323522

К вашему вниманию представлена работа Пошаговый урок - Как создать иконки соцсетей в фотошопе только для ознакомительных целей. На момент публикации все ссылки для скачивания работы Пошаговый урок - Как создать иконки соцсетей в фотошопе были рабочие. Если вы обнаружили битую ссылку, просьба отписать в комментариях или сообщить об ошибке нажав на соответствующую иконку

Другие новости по теме:

 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Дата: 17-05-2014, 13:46   |  Опубликовал: admin  |   Просмотров: 5 583   |   Комментарии (0)
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Проверить тИЦ и PR Яндекс.Метрика