Уроки Практика Creativo 25 ноября 2010

Делаем рамочку из ткани в Фотошоп

Сложность урока: Легкий

Будем делать не очень сложную рамку-оформление. Вариантов может быть множество: у каждого свой неповторимый.

Общая идея такая:


(нажмите на изображение, чтобы увеличить)

Создадим документ размерами 1500 на 1500 пикселей и разрешением 300 пикс/дюйм. В этом документе мы будем рисовать все основные детали.

Этап первый: Ткань

Здесь простор для фантазии неограничен. Для меня ориентиром стала пижама дочери (извините, ссылку приложить не имею возможности smiley).
Бело-серо-розовая гамма мне очень нравится. Для себя вы можете выбрать любой другой образец. Посмотрите какие-нибудь простенькие ткани у вас дома и попробуйте воспроизвести рисунок. Если вас устраивает мой вариант, то в путь.

Для ткани нам необходимо текстура, и в уроке мы будем создавать ткань с имитацией полотняного переплетения.
Сбросим цвета клавишей 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

133 тыс. 267
Печать Жалоба

Комментарии 267

Такие разные красивые рамочки)) Здорово! Спасибо огромное за отзывы))

Спасибо за интересный урок!

Спасибо за урок

Спасибо за интересный урок!

Спасибо за урок, пуговицы конечно самое интересное и сложное.

Почему-то цвет в программе один, а когда сюда выложила совсем другой. В чем может быть причина?

Спасибо за урок!

Спасибо! А сыну уже 10 лет.))

Спасибо за красивый урок!

еще одна работа, только пуговицы опять не получилось

Мне больше всего понравились пуговицы, спасибо за урок!

Ох, как жалко, что я не знала об этом сайте во время декрета))), но зато теперь есть повод просмотреть старые фотографии))). Спасибо большое за несложный, но очень кропотливый урок!!!

Огромное спасибо!

Спасибо - интересный урок!

спасибо за урок

Спасибо! Очень красиво

Бабочка не получилась и еще немного с цветами запуталась, но будем стараться!

красиво и просто

Рамочка вышла может и не такая веселая, как в этом уроке, но смысл уловила. Спасибо.

Спасибо большое за урок. Подчерпнула очень многое из урока, правда выполняла полдня.

Спасибо за урок!

спасибо за урок)))

Вот, что у меня получилось.

Спасибо за урок!

Обожаю этот урок!!! Еще раз спасибо сайту!!!

рамочка из ткани моя

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее