С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Простые вертикальные социальные закладки в Фотошопе

Простые вертикальные социальные закладки в Фотошопе

В этом уроке мы будем создавать простые вертикальные закладки для социальных сетей в Фотошопе

 

Предварительный просмотр

 

 

Ресурсы, используемые в этом уроке

 

Иконки

 

Создание формы ленты

 

Создайте новый (Ctrl + N) документ  размером  600 на 400 пикселей с любым стилем фона.

 


 

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

 

 

Щёлкните по миниатюре слоя в панели слоёв, чтобы создать векторную маску. Черная линия на форме показывает, выбрана ли векторная  маска.

 

 

Выберите инструмент Перо (Pen Tool (P)), затем установите параметр контура  Вычесть переднюю фигуру (Subtract From Shape Area).

 

 

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

 

 

Добавление стилей

 


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

 

 

 

 

 

Вот, что должно у вас получиться на данный момент.

 

 

Теперь щелкните правой кнопкой мыши по слою и в контекстном меню выберите команду Преобразовать в смарт-объект (Convert To Smart Object). После преобразования перейдите в меню Фильтр> Шум> Добавить шум (Filter> Noise> Add Noise). Используйте настройки, как показано на изображении ниже.

 

 

 

Добавление строчки

 

Выберите инструмент Горизонтальный текст (Type Tool (T)), измените цвет переднего плана на # 2e81c6 и просто нажмите и удерживайте клавишу минус (-) на клавиатуре. Когда размер строчки будет, сопоставим размерам прямоугольника, остановитесь. Точность тут не обязательна, вы можете легко удалить излишки. Выберите инструмент Свободная трансформация (Free Transform Tool (Ctrl + T)) и поверните линию так, чтобы она находилась в вертикальном положении.

 

 

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

 

 

Теперь дублируйте оба слоя с пунктирной линией и переместите их на противоположную сторону, как показано на изображении ниже.

 

 

Социальные иконки

 

Выберите инструмент Прямоугольник (Rectangle Tool (U)) и создайте  небольшой квадрат в  нижней части ленты, затем добавьте маленький треугольник в нижней части квадрата. Используйте настройку Объединить фигуры (Add To Shape Layer).

 

 

Добавьте иконку для Твиттера из ресурсов к этому уроку. Вы также можете использовать свои собственные иконки или найденные в интернете.

 

 

Добавьте текст на ленту.

 

 

Вот и всё. Наша закладка готова.

 

 

Урок по теме – Создание красивой постраничной навигации в Фотошопе.

 

Источник

 



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 10.03.2014
  •   Просмотров: 4270
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
kewra (28.04.2014 | 10:27)
А как отстрочить загибы?
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки