Элементы со швейными строчками широко применяются в веб-дизайне. Они присутствуют на всевозможных ленточках, панелях навигации, логотипах, баннерах,—везде, где позволит фантазия дизайнера. Сегодня мы рассмотрим примеры их использования и сами научимся создавать подобные эффекты.

Примеры

Давайте сначала рассмотрим несколько удачных примеров использования швейных строчек для веб-элементов.

Ebridal

Stylapps

Rodesk

Сakesweetcake

Run do to-do

designkindle (бесплатный исходник сайта)

oliveandtwist

Stitched web elements (платный набор веб-элементов)

Ghost Horses

Уроки для создания такого эффекта

Реализовать такой эффект довольно просто. Необходимо знать несколько простых техник.

Вот несколько уроков, которые помогут вам в этом:

Видеоурок по созданию стёжек при помощи текста в Фотошоп

Посетить урок

Урок по созданию иконки ленты в Illustrator

Посетить урок

Социальные ленты при помощи Photoshop

Посетить урок

Боковая лента со швейными строчками при помощи Photoshop

Посетить урок

Редактируемый прошитый текст со стежками при помощи Illustrator

Посетить урок

Делаем элементы со швейными строчками при помощи Photoshop

Посетить урок

Блок со швейными строчками при помощи css3

Посетить урок

Автор—Дежурка



Комментарии