Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Веб-элементы со швейными строчками: примеры и уроки

26 апреля 2012 | Опубликовано в Уроки | 3 Комментариев »

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

Примеры

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

Ebridal

Stylapps

Rodesk

Сakesweetcake

Run do to-do

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

oliveandtwist

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

Ghost Horses

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




Комментарии

  1. Kate
    Thumb up Thumb down 0

    красота!

    Ответить

  2. Graver
    Thumb up Thumb down 0

    в мемориз

    Ответить

  3. Tutti
    Thumb up Thumb down 0

    спасибище огромное! ;)

    Ответить

Оставить ответ


два + 8 =

Вставить изображение