Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Создайте 5 утонченных паттернов

Урок для новичков, которые только начинают знакомство с веб-дизайном: автор научит создавать фоны, а точнее — 5 изящных узоров для фона в Photoshop. фоновые рисунки — один из наиболее важных элементов в дизайне сайта. При этом качественные фоны создаются не за две минуты и даже не за двадцать! Тонкие красивые узоры используются для дизайна в печати, для оформления интерфейса и многих других видах дизайна.

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

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

Шаблон 1

1. Наша первая картина — тонкий эффект гранжа, для которого надо создать новый документ в Фотошопе с размером около 100 на 100 пикселей.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

2. Заполните фон светло-серым цветом.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

3. Теперь, чтобы добавить текстуру, перейдите в Filter> Noise> Add Noise. Нажмите на Гаусса и выберите 3% эффекта размытия. Это добавит в текстуру немного нужного нам «шума».

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

4. Теперь добавим наш фон в текстуры Photoshop (в набор текстур): перейдите в Edit> Define Pattern. Во всплывающем окне появится предложение назвать вашу картинку-текстуру.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Переводим рисунок — возьмите инструмент Paint Bucket Tool и установите его в режиме паттерна, выберите наш шаблон и заполнить им холст. Второе решение задачи — правой кнопкой мыши по слою и идем в Blending Options> Pattern Overlay, выберите шаблон, которым заполним (сплошным цветом) наш документ.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Шаблон 2

1. Наша вторая картинка-фон будет темным тонким узором. Создайте новый документ с размерами 50 на 50 пикселей.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

2. Заполните фон темно-серым цветом.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

3. Выберите Line Tool, выберите Mode, а «вес» укажите — 1px. Нажмите на верхнем левом углу и потяните вниз до нижнего правого угла — заливка темно-серым цветом. Удерживайте нажатой клавишу, чтобы убедиться, что всё готово. Нарисуем вторую линию от верхнего правого угла в центре первой линии, удерживая нажатой клавишу Shift.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

4. Теперь добавляем шаблон в текстуры-паттерны: перейдите в Edit> Define Pattern. Придумываем имя для нашего шаблона, нажимаем «ОК».

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Снова возьмите инструмент Paint Bucket Tool и установите его в режим паттерна, выберите шаблон и заполнить ваш холст. Второе решение — правой кнопкой мыши по слою, идем в Blending Options> Pattern Overlay, выберите шаблон, который заполнит документ (слой). В Pattern Overlay у вас также есть возможность изменять размер узора, чтобы сделать его меньше или крупнее.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Шаблон-паттерн 3

1. Наша следующая картинка — с тонким эффектом гранж, для создания шаблона создайте новый документ размером около 100 на 100 пикселей.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

2. Заполните фон светлым цветом на ваш вкус.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

3. Выберите Line Tool, Mode, 1px. Нажмите на верхнем левом углу и потяните вниз-вправо, заливая всё темно-серым. Удерживайте нажатой клавишу, чтобы убедиться, что всё ровно. Нарисуем вторую линию от верхнего правого угла в центре первой линии, удерживая нажатой клавишу Shift.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

4. Выберите два слоя, удерживая нажатой клавишу Ctrl и перетащите на иконку нового слоя для дублирования. Выберите скопированные слои с нажатой Ctrl и нажмите нижнюю клавишу со стрелкой, чтобы переместить 2 слоя вниз. Измените основной цвет на белый и сделайте Непрозрачность 82%. Установите непрозрачность темных слоев до 20%.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

3. Возвращаемся на фоновый слой и идем в Filter> Noise> Add Noise. Добавить размытие Гаусса — 3%. Это добавит в наш нежный паттерн-текстуру шума.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

4. Теперь, чтобы добавить шаблон в коллекцию, перейдите в Edit> Define Pattern. Называем наш фон.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Возьмите инструмент Paint Bucket Tool и установите его в режим паттерна, выберите шаблон и заполните ваш холст. Второй вариант задивки — так же, как написано в предыдущих примерах.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Шаблон 4

1. Наша следующая картина — еще один шаблон с гранж-эффектом, для которого создайте новый документ 100 на 100 пикселей.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

2. Заполните фон светлым цветом.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

2. Создайте новый слой, залейте его белым, режим смешивания установите на Multiply. Перейдите в Filter> Stylize> Sketch. Настройте как указано на картинке ниже, нажмите «ОК», установите непрозрачность до 60%, чтобы сделать слой более «тонким».

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

4. Теперь переходим в Edit> Define Pattern для уже знакомого добавления шаблона. Как использовать паттерн, также написано в примерах выше.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Схема-паттерн 5

1. Наша следующая «заливка» — тонкий шаблон для рамки, для нее создайте документ с размером около 50 на 50 пикселей.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop/5389543_subtletexturephotoshoptutorials013 (539x401, 68Kb)

2. Заполните фон — светлый цвет по вашему выбору.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

2. Выберите инструмент Прямоугольник и выделите небольшой участок в верхнем левом углу холста, используя цвет #аааааа. Затем выберите Line Tool, Mode, 1px, удерживая нажатой клавишу Shift проведите горизонтальную линию в верхней части холста и вертикальную линию с левой стороны, используя цвет #dfdddd. Теперь, удерживая нажатой клавишу Shift, надо провести диагональную линию, идущую из верхнего левого угла холста к нижнему правому углу, используя цвет #e9e8e8.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

3. Добавляем паттерн в коллекцию — Edit> Define Pattern. Заливаем холст или слои новым паттерном, как уже описывалось в примерах выше.

Создайте 5 утонченных паттернов (узоров фона) в Photoshop

Источник: artusia.ru / Дата: 18.09.2013 18:49

P.S. К сожалению, сайт Tutorials Share с этим и другими замечательными уроками, уже удален.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.