Web elements with sewing lines: examples and lessons

Elements with sewing lines are widely used in web design.They are present on all kinds of ribbons, navigation bars, logos, banners, everywhere will fancy designer. Today we look at examples of their use and do learn how to create similar effects.

Examples

Stitched Web Elements (set of Web-paid items)

Let's look at some good examples of the use of sewing lines for web-components.

Ebridal

Stylapps


Rodesk


Sakesweetcake


Run do to-do


designkindle (free source site)



oliveandtwist


Ghost Horses


Lessons for the creation of such an effect

To implement such an effect is quite simple. You need to know a few simple techniques.

Here are some lessons that will help you with this:

Video Tutorial on creating stezhek with text in Photoshop


Visit the lesson

Tutorial for creating icons tapes in Illustrator

Visit the lesson

Social tape with Photoshop

Visit the lesson

Lateral tape with sewing lines with Photoshop

Visit the lesson

Editable text is stitched with stitches using Illustrator

Visit the lesson

Making items from sewing lines with Photoshop

Visit the lesson

Block with sewing stitches using css3

Visit the lesson