Приколы > Web > Создаем текстуру карбонового волокна (Carbon fiber)

Создаем текстуру карбонового волокна (Carbon fiber)


20-08-2007, 19:50. Разместил: LuLu
В этом уроке я расскажу как можно создать текстуру карбонового волокна. Она вылядит очень привлекательно в различных элементах, применяется также часто в создании элементов для веб-сайтов, многие не знают на сколько это легко и просто сделать.
1. Создадим новый документ 4х4px с прозрачным фоном.

 
Возьмите инструмент Pencil Tool (И) и выставьте такие настройки:

 
2. Установите цвет переднего плана в #131313 и закрасте 2 верхинх правых пикселя, вот так:

 
3. Теперь установите цвет переднего плана в #B7B7B7 и закрасьте 2 верхних левых пикселя, вот так:

 
4. Далее цвет переднего плана - #2E2E2E, закрашиваем левые 2 пикселя ниже:

 
Продолжайте закрашивать по образцу:

 
5. Теперь идем Edit > Define Pattern, называем Carbon Fiber:

Создаем текстуру карбонового волокна (Carbon fiber)

6. Теперь можем применить его. Берем инструмент Paint Bucket (П) (Заливка), выбираем тип заливки - Pattern и в выпадающем списке выбираем наш узор Carbon Fiber.

 
Вот так выглядит в виде заливки:

 
7. Приведу еще один вариант карбоновой текстуры, она немного по сложнее, но и эффект интересней. Создайте документ 18х18px и в соответсвии с примером зарисуйте квадрат:

 
Вот так выглядит в виде заливки:

 


Вернуться назад