Делаем рамочку из ткани в Фотошоп
Делаем рамочку из ткани в Фотошоп
Сложность урока: Легкий
Будем делать не очень сложную рамку-оформление. Вариантов может быть множество: у каждого свой неповторимый.
Общая идея такая:
	
	(нажмите на изображение, чтобы увеличить)
Создадим документ размерами 1500 на 1500 пикселей и разрешением 300 пикс/дюйм. В этом документе мы будем рисовать все основные детали.
Этап первый: Ткань
	Здесь простор для фантазии неограничен. Для меня ориентиром стала пижама дочери (извините, ссылку приложить не имею возможности 
).
	Бело-серо-розовая гамма мне очень нравится. Для себя вы можете выбрать любой другой образец. Посмотрите какие-нибудь простенькие ткани у вас дома и попробуйте воспроизвести рисунок. Если вас устраивает мой вариант, то в путь.
	Для ткани нам необходимо текстура, и в уроке мы будем создавать ткань с имитацией полотняного переплетения.
	Сбросим цвета клавишей D - черный/белый.
	Затем Фильтр - Рендеринг - Волокна со следующими настройками:
	Отклонение - 20, Интенсивность - 50
	
Дублируем слой - Ctrl+J, поворачиваем его на 90 градусов и меняем режим наложения на Умножение. Объединяем слои.
	
Далее Фильтр - Стилизация - Тиснение:
	
	Наша текстура готова. Cлой так и назовем: "Текстура".
	Устанавливаем режим наложения Мягкий свет и непрозрачность 70% (можно и меньше).
	Все следующие "тканевые" слои создаем ниже слоя с текстурой (удерживая клавишу Ctrl)
	Создаем новый слой и заливаем его цветом #b2b4be.
	Создаем следующий слой (можно и по серому рисовать, но так лучше, если нужно что-то исправить).
	На новом слое жесткой круглой кистью 
 рисуем достаточно корявенькую бабочку (чем корявее, тем лучше).
	Крылья - #ffade1, брюшко и обводка - #454546, узорчики - #8b8e9b и #ffffff.
	Объединяем слои (серый, бабочка и текстурный) в один сочетанием клавиш Ctrl+Alt+Shift+E.
	Инструментом Полигональное лассо 
 выделяем (опять же криво) нашу бабочку, инвертируем выделение Ctrl+Shift+I и удаляем лишнее.
	Назовем слой "Корявая бабочка" и временно скроем его, кликнув на глазик в палитре слоев.
	
	
	
Переходим на слой с первой бабочкой. Уменьшаем ее, поворачиваем, "клонируем" любым удобным способом, чтобы результатом был вот такой рисунок (ниже). У нас включены слои "Текстура", серый и бабочки. Объединим в один и назовем "Ткань с бабочками".
	
Создадим еще два тканевых слоя с текстурой: розовый - #ffade1 и серый - #b2b4be.
	
И напоследок нарисуем сердечки. Новый слой зальем цветом #ffade1, для сердец выберем - #9a6888 и белая обводка. Не забываем про текстуру.
	
	
	Сердечки выделим так же, как и бабочку, инструментом Полигональное лассо 
 и удалим фон.
	Первый этап закончен, и в наличии у нас должно быть пять слоев:
	- "Корявая бабочка",
	- "Ткань с бабочками",
	- "Сердечки",
	- "Ткань розовая",
	- "Ткань серая".
	Две последние - на всякий случай: вдруг пригодятся во время работы)) Можно на будущее сохранить и слой с текстурой.
Этап второй: Примитивная пуговица
	Скрываем все слои и создаем новый. Для работы включаем направляющие: горизонтальную и вертикальную 50%.
	Выбираем для переднего плана цвет #ffade1 и заднего - #dc72b5.
	Инструментом Овальное выделение рисуем из центра круг (большой) и заливаем выделение градиентом сверху вниз, удерживая Shift.
	
Дублируем слой, уменьшаем немного и отражаем по вертикали, вот так:
	
Применяем к нижнему и верхнему слою следующий эффект:
	
Объединяем слои в один - это будет основа пуговицы.
	Создаем новый слой, на нем будем рисовать дырочки.
	Начиная от центра пересечения направляющих, удерживая Shift,  рисуем маленький кружок.
	Заливаем выделение черным, перемещаем чуть ближе к краю. Затем дублируем три раза.
	У нас теперь есть четыре заготовки для дырок; объединим в один слой.
	
	Выполняем обводку дырочек и удаляем черные кружки (выделяем Волшебной палочкой 
, удерживая Shift)
	
Дублируем слой с обводкой и поворачиваем на 45 градусов. Зачем это нужно? Затем, чтобы адекватно отобразить освещение пуговиц при повороте.
	
Добавляем слоям с обводкой следующие эффект:
	
	Один слой с дырочками скрываем. Первый объединяем с основой и "делаем" дырочки))
	Идентично повторяем для вторых дырочек. В результате у нас будет две таких пуговицы.
	
Слои с пуговицами скрываем, лишние удаляем
Этап третий: Форма рамочки и буквы
	Форму для рамки можно придумать любую: кружочек, квадратик, звездочка, да хоть собачка.
	Я воспользуюсь приемом создания рамки из фигуры с помощью фильтра Скручивание (пример использования данного фильтра  - Рамка).
Рисую с помощью инструмента Многоугольник фигуру с пятью углами. От величины фигуры (и размера документа) напрямую зависят настройки фильтра. Мой пятиугольничек немного не доходит до краев изображения. Вот так (ткань ниже для сравнения размеров):
	
Применяем Фильтр - Искажение – Скручивание, Угол - 999 и немного увеличиваем рамку:
	
	
	Ctrl+клик на иконке слоя - выделяем фигуру.
	Переходим на слой тканью, Ctrl+J - "вырезаем" рамку из ткани на новый слой. Слой с фигурой удаляем, а в тканевой рамке прорезаем отверстие для личика 
	
	
Теперь будем делать буквочки. Для вырезания из ткани наиболее подходящим шрифтом, на мой взгляд, будет AGCrownStyle. Поддерживает и английский, и русский язык.
Инструментом Горизонтальный текст-маска я вырезаю из слоя "Ткань с бабочками" по одной буковке, подбираю наиболее понравившийся мне участок рисунка. (Хотя можно вырезать и все слово целиком на один слой). Вот так:
	
Ну что вот, основная работа закончена. Все детальки для будущей рамки готовы.
Этап четвертый и последний: Компоновка и доработка
Размер изображения можете выбрать сами. Я хочу фото 15 на 21, поэтому увеличиваю размер холста: по горизонтали 210 мм, по вертикали 152 мм.
	Ниже всех слоев создаем новый слой и преобразуем его в "Задний план".
	Выполняем заливку цветом #ffade1.
	Выше слоя "Задний план" располагаем дубликат "Ткани с бабочками":
	
Растягиваем (масштабируем) слой с "тканью" до размера документа или больше, и меняем режим наложения на Осветление и выставляем непрозрачность слоя 80%.
	
Теперь у нас есть вот такой набор:
	
	Пуговицы надо будет размножить до желаемого количества (у меня их пять).
	Чтобы поменять цвета используем Цветовой тон - Насыщенность.
	Дублируем бабочку дважды.
	В принципе, на этом можно и заканчивать, но я хочу сделать края рамочки и буковок слегка оборванными. Способов для обрывания много, но я воспользуюсь фильтром Штрихи.
	Можно имитировать и "мохрушки", но ладно, достаточно .
	Копирую слой "Рамка" и буквы, объединяю в один и заливаю черным цветом.
	(Чтобы залить не слой, а только изображения на нем цветом переднего плана, сохранив прозрачные области,  есть три способа:
	- Выделить и выполнить заливку,
	- Включить в палитре "Слои" кнопочку "Сохраняет прозрачность пикселов" и залить,
	- Использовать сочетание клавиш Alt+Shift+Delete (Backspace) )
	
	
	Выделяем черную рамку и буквы и переходим в режим быстрой маски 
.
	(Делаю заливку черным, чтобы видеть силу фильтра и регулировать по желанию)
	Затем Фильтр - Штрихи - Разбрызгивание с параметрами:
	- Радиус - 2
	- Смягчение - 14
	Применяем фильтр, выходим из режима "Быстрая маска" и инвертируем выделение. Не снимая выделения, проходим по слоям с рамкой и буквами и удаляем лишнее клавишей Delete.
	Выделение снимаем, слой с черными буквами удаляем.
Результат фильтра:
	
Добавляем дырочек ластиком (жесткая круглая кисть) слою с рамкой и буквам. Можно, но не обязательно.
	
Добавляем фото и располагаем все детали нашего изображения по вкусу, например, так:
	
Свет у нас будет падать слева, поэтому пуговицы поворачиваю так, как на скриншоте.
	Я посмотрела-посмотрела и все-таки решила перекомпоновать. Увеличила рамочку и изменила расположение. На задний план (ниже слоя с фото) добавила Розовую ткань и обрезала по рамке.
	Уменьшила прозрачность слоев с сердечками да 80%.
	Если уже ВСЕ устраивает, то слои с рамкой и буквами можно объединить в один. Добавить стиль слоя – Обводка:
	Цвет - белый, положение - внутри, размер - 7 пикселей.
	Можно добавить и тиснение, но все-таки ткань у нас тонковата...
	Теперь нужны тени.
	Слоям с рамкой и буквами и сердечкам тень:
	
Тень для пуговиц и бабочек должна быть "длиннее", то есть нужно увеличить размер тени и смещение. Более реалистичные тени можно сделать с помощью рисования на отдельном слое и фильтра Размытие по Гауссу, но меня устраивает и такой вариант.
Вот, что у меня получилось:
	
	(нажмите на изображение, чтобы увеличить)
	И еще один момент для новичков в ФШ: 
	На фото, которое вы хотите поместить в рамку, можно не удалять фон. Но если вы все-таки решили это сделать, то нужно окончательно доработать края после обрезки, чтобы картинка не смотрелась чужеродным объектом.
	Итак, что мы делаем:
	Удаляем фон, кто как любит и как умеет.
	Применяем растушевку краев радиусом от 2 до 5 пикселей в зависимости от размеров изображения (выделить фото, далее Выделение - Растушевка, затем инвертировать выделение и нажать Delete).
	Слегка осветлить инструментом Осветлитель края фото, если «родной»  фон был темным, а фон, на который помещаете - светлый. И наоборот.
	Создать некое подобие рефлексов - отсветов. Допустим, новый фон у вас желтого цвета, тогда берем пипеткой образец цвета фона и на новом слое аккуратно мягкой кистью с очень высокой прозрачностью 7-20% проходим по краям фото, лишнее подтираем ластиком.
Для примера выложила фото до и после обработки:
	
	Автор: JAIRA
	Урок на форуме
Источник: creativo.one
Комментарии 267
Работы, особенно рамки, храните в PSD-формате со слоями (если Вам позволяет объем дискового пространства компьютера), тогда Вы в любой момент можете заменить одно фото на другое, что-то добавить или убрать. В jpeg или png сохраняйте только для просмотра, публикации в веб. Удачи!
Спасибо за интересный урок!
Спасибо за урок
Спасибо за интересный урок!
Спасибо за урок, пуговицы конечно самое интересное и сложное.
Почему-то цвет в программе один, а когда сюда выложила совсем другой. В чем может быть причина?
Спасибо за урок!
Спасибо! А сыну уже 10 лет.))
Спасибо за красивый урок!
еще одна работа, только пуговицы опять не получилось
спасибо
Мне больше всего понравились пуговицы, спасибо за урок!
Спасибо! =)
Спасибо!
Спасибо
Ох, как жалко, что я не знала об этом сайте во время декрета))), но зато теперь есть повод просмотреть старые фотографии))). Спасибо большое за несложный, но очень кропотливый урок!!!
Огромное спасибо!
Спасибо - интересный урок!
спасибо за урок
Спасибо! Очень красиво
Бабочка не получилась и еще немного с цветами запуталась, но будем стараться!
красиво и просто
Рамочка вышла может и не такая веселая, как в этом уроке, но смысл уловила. Спасибо.
Спасибо большое за урок. Подчерпнула очень многое из урока, правда выполняла полдня.
Спасибо за урок!
спасибо за урок)))
Вот, что у меня получилось.
Спасибо за урок!
Обожаю этот урок!!! Еще раз спасибо сайту!!!
рамочка из ткани моя
Здорово :)