Урок для новичков, которые только начинают знакомство с веб-дизайном: автор научит создавать фоны, а точнее — 5 изящных узоров для фона в Photoshop. фоновые рисунки — один из наиболее важных элементов в дизайне сайта. При этом качественные фоны создаются не за две минуты и даже не за двадцать! Тонкие красивые узоры используются для дизайна в печати, для оформления интерфейса и многих других видах дизайна.
Существуют разные веб-сайты и сервисы, которые сегодня предлагают бесплатные шаблоны фона Photoshop, но иногда, создавая собственный шаблон фона, вы сделаете то, что никогда не сможете найти в готовых коллекциях. Сегодня сделаем именно такие изящные фоны, которые будут уникальными. Потому что сделаны вашими собственными руками.
Эти короткие уроки по созданию тонких узоров для фона в Photoshop прекрасно подходят для начинающих и опытных пользователей, они представлены с помощью простых пошаговых инструкций, поэтому разобраться с уроками будет тоже несложно.
Шаблон 1
1. Наша первая картина — тонкий эффект гранжа, для которого надо создать новый документ в Фотошопе с размером около 100 на 100 пикселей.
2. Заполните фон светло-серым цветом.
3. Теперь, чтобы добавить текстуру, перейдите в Filter> Noise> Add Noise. Нажмите на Гаусса и выберите 3% эффекта размытия. Это добавит в текстуру немного нужного нам «шума».
4. Теперь добавим наш фон в текстуры Photoshop (в набор текстур): перейдите в Edit> Define Pattern. Во всплывающем окне появится предложение назвать вашу картинку-текстуру.
Переводим рисунок — возьмите инструмент Paint Bucket Tool и установите его в режиме паттерна, выберите наш шаблон и заполнить им холст. Второе решение задачи — правой кнопкой мыши по слою и идем в Blending Options> Pattern Overlay, выберите шаблон, которым заполним (сплошным цветом) наш документ.
Шаблон 2
1. Наша вторая картинка-фон будет темным тонким узором. Создайте новый документ с размерами 50 на 50 пикселей.
2. Заполните фон темно-серым цветом.
3. Выберите Line Tool, выберите Mode, а «вес» укажите — 1px. Нажмите на верхнем левом углу и потяните вниз до нижнего правого угла — заливка темно-серым цветом. Удерживайте нажатой клавишу, чтобы убедиться, что всё готово. Нарисуем вторую линию от верхнего правого угла в центре первой линии, удерживая нажатой клавишу Shift.
4. Теперь добавляем шаблон в текстуры-паттерны: перейдите в Edit> Define Pattern. Придумываем имя для нашего шаблона, нажимаем «ОК».
Снова возьмите инструмент Paint Bucket Tool и установите его в режим паттерна, выберите шаблон и заполнить ваш холст. Второе решение — правой кнопкой мыши по слою, идем в Blending Options> Pattern Overlay, выберите шаблон, который заполнит документ (слой). В Pattern Overlay у вас также есть возможность изменять размер узора, чтобы сделать его меньше или крупнее.
Шаблон-паттерн 3
1. Наша следующая картинка — с тонким эффектом гранж, для создания шаблона создайте новый документ размером около 100 на 100 пикселей.
2. Заполните фон светлым цветом на ваш вкус.
3. Выберите Line Tool, Mode, 1px. Нажмите на верхнем левом углу и потяните вниз-вправо, заливая всё темно-серым. Удерживайте нажатой клавишу, чтобы убедиться, что всё ровно. Нарисуем вторую линию от верхнего правого угла в центре первой линии, удерживая нажатой клавишу Shift.
4. Выберите два слоя, удерживая нажатой клавишу Ctrl и перетащите на иконку нового слоя для дублирования. Выберите скопированные слои с нажатой Ctrl и нажмите нижнюю клавишу со стрелкой, чтобы переместить 2 слоя вниз. Измените основной цвет на белый и сделайте Непрозрачность 82%. Установите непрозрачность темных слоев до 20%.
3. Возвращаемся на фоновый слой и идем в Filter> Noise> Add Noise. Добавить размытие Гаусса — 3%. Это добавит в наш нежный паттерн-текстуру шума.
4. Теперь, чтобы добавить шаблон в коллекцию, перейдите в Edit> Define Pattern. Называем наш фон.
Возьмите инструмент Paint Bucket Tool и установите его в режим паттерна, выберите шаблон и заполните ваш холст. Второй вариант задивки — так же, как написано в предыдущих примерах.
Шаблон 4
1. Наша следующая картина — еще один шаблон с гранж-эффектом, для которого создайте новый документ 100 на 100 пикселей.
2. Заполните фон светлым цветом.
2. Создайте новый слой, залейте его белым, режим смешивания установите на Multiply. Перейдите в Filter> Stylize> Sketch. Настройте как указано на картинке ниже, нажмите «ОК», установите непрозрачность до 60%, чтобы сделать слой более «тонким».
4. Теперь переходим в Edit> Define Pattern для уже знакомого добавления шаблона. Как использовать паттерн, также написано в примерах выше.
Схема-паттерн 5
1. Наша следующая «заливка» — тонкий шаблон для рамки, для нее создайте документ с размером около 50 на 50 пикселей.
2. Заполните фон — светлый цвет по вашему выбору.
2. Выберите инструмент Прямоугольник и выделите небольшой участок в верхнем левом углу холста, используя цвет #аааааа. Затем выберите Line Tool, Mode, 1px, удерживая нажатой клавишу Shift проведите горизонтальную линию в верхней части холста и вертикальную линию с левой стороны, используя цвет #dfdddd. Теперь, удерживая нажатой клавишу Shift, надо провести диагональную линию, идущую из верхнего левого угла холста к нижнему правому углу, используя цвет #e9e8e8.
3. Добавляем паттерн в коллекцию — Edit> Define Pattern. Заливаем холст или слои новым паттерном, как уже описывалось в примерах выше.
Источник: artusia.ru / Дата: 18.09.2013 18:49
P.S. К сожалению, сайт Tutorials Share с этим и другими замечательными уроками, уже удален.