Урок 2(3 часть)
Рамка "Шаблон"
И так что такое Рамка "Шаблон"для фотошопа - это, по сути, картинка с отверстием (одним или несколькими), через которое видна часть вашей фотографии.Как правило, это картинка формата PNG или PSD (собственный формат фотошопа),
иногда может быть в формате JPG, GIF, BMP. 1.1.Идём : Панель Меню – Файл – Создать…
Имя: Рамкашаблон
Ширина: 600 Пикселей
Высота: 450 Пикселей
Разрешение: 300 Пиксель/дюйм
Цветовой режим: Цвета RGB
Содержимое фона: Прозрачный
1.2.Открываем ранее сделанный нами фон или любой другой как вам нравится.
Идём : Панель Меню – Файл – Открыть, и ищите нужный документ.
1.3.Теперь нам нужно повернуть наш фон
Идём : Панель Меню – Изображение – Вращение изображения –
90° против ( или по ) часовой
![](http://filed9-29.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9836%2F126366274.6%2F0_ecfbc_c701758d_L.jpg&mw=&mh=&sig=8da4d57dd53a52b2436cb1a29f63fdb8)
1.3.Инструмент "Перемещение" активный.Нам нужно перетянуть фон на наш документ. В панели открытых документов мышкой захватываем документ с фоном и тянем чуть ниже чтобы получилась плавающее окно.Теперь захватываем мышкой фон и перетягиваем на наш документ.
![](http://filed7-22.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F6731%2F126366274.6%2F0_ecfbe_d35fb39f_L.png&mw=&mh=&sig=72f4ad7725fa962febb60fc49262cb44)
1.4.Фон больше чем наш документ.Мы должны обязательно избавится от лишнего (лишних пиксель).
1.5.Берём Инструмент "Рамка" вокруг документа появилась рамка.
В панели настройки инструмента ставим галочку
Удалить отсеч.пикс. Затем два раза щёлкаем по клавише Enter.
Или Панель Меню – Изображение – Кадрировать
![](http://filed5-26.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9811%2F126366274.6%2F0_ecfbd_eb7c610a_L.jpg&mw=&mh=&sig=09b94ebf62c481163e57fa773799b7c4)
2.1.Добавляем новый слой.
В панели слоёв нажимаем значок листик.
2.2.Берём инструмент "Градиент" и делаем вот такие настройки
Цвет произвольный
Пропорция: 50% и жмём ОК!
![](http://filed6-29.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9765%2F126366274.6%2F0_ecfbf_e147f4a_L.jpg&mw=&mh=&sig=a7f3f38bc214a31100a80f5b342854e9)
В панели настройки инструмента выбираем "Линейный градиент" и ставим все галочки как на скрине.Или делаете свои настройки.
![](http://filed12-10.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9250%2F126366274.6%2F0_ed05f_46d290b_L.jpg&mw=&mh=&sig=9f99c6f0006996e9cd162c8d09dc2526)
2.3.Проводим инструментом градиент от верхнего к нижнему краю документа или как вы сами хотите.
2.4.Теперь сделаем размытие
Идём : Панель Меню – Фильтр – Размытие – Размытие по Гауссу... ставим такие настройки
Радиус : 75,0 Пикселы или свои настройки.
2.5.Меняем режим наложения.В панели слоёв ,с верху находим вкладку щёлкаем по треугольничку и меняем режим
с Обычного на Перекрытие.
![](http://filed8-27.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9113%2F126366274.6%2F0_ed147_38b5bb0f_L.jpg&mw=&mh=&sig=677fe1e2e11aa343b128c2672179c4dd)
2.6.Нам нужно объединить слой с фоном и градиентом.
Для этого щёлкаем по Слою 3,с градиентом,
правой стороной мышки.
И в открывшемся окне выбираем "Объединить с предыдущим"
![](http://filed15-19.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9264%2F126366274.6%2F0_ed169_8a942776_L.jpg&mw=&mh=&sig=5906839465876f5004ab7c73cdd7eaf5)
3.1.Теперь берём инструмент "Кисть"
Добавляем новый слой.Называем слой "Кисть 1".Выбираем цвет для кисти.Выбираем и настраиваем кисть.
И начинаем "рисовать".
3.2.Добавляем новый слой.Называем слой "Кисть 2"
Берём ещё одну кисть.И проводим так как нам нравится.
Меняем режим наложения
с Обычного на Яркий свет.
3.3.Встаём на слой "Кисть 1" и пожеланию добавляем эффекты.
Щёлкнув по значку "fx" какие вам нравятся.
У меня получилась вот так.
3.4.Объединяем слои.Встаём на Слой 2(фон),
зажимаем клавишу Shift, Левой стороной мышки
щёлкаем по слою"Кисть 2". Слои выделяются,
теперь Правой стороной мышки щёлкаем по
выделенным слоям и в открывшемся окне
выбираем "Объединить слои". Смотрите Рис.
![](http://filed12-15.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9113%2F126366274.6%2F0_ed877_42643b67_L.jpg&mw=&mh=&sig=bd1152560628c8eec84a891f9a7cbff0)
3.5.Снова избавляемся от лишних пиксель.Как я уже писала в пункте 1.5.
3.6.Не забудьте сохранить работу в формате PSD.
4.1.Теперь сделаем рамку "Обводку" для всего документа.
Идём : Панель Меню – Выделение – Загрузить выделенную область... Добавляем новый слой и называем его "Рамка"
И на новом слое делаем обводку.
Идём : Панель Меню – Редактирование – Выполнить обводку...
Вот такие настройки
Ширина : 4пикс.
Цвет: Белый
Расположение Внутри жмём ОК.
4.2.Добавляем эффект "Тиснение". В панели слоёв меняем режим с Обычного на Перекрытие, ставим Непрозрачность 50%.
Вы можете по желанию делать свои настройки.
![](http://filed3-10.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9306%2F126366274.6%2F0_ed253_de546e32_L.jpg&mw=&mh=&sig=dab0ff19d6244bc792de8b50e0da015f)
5.1.Добавим "Новую направляющею". Инструмент "Перемещение" активный.У кого ещё не добавлена Линейка,нужно добавить.
Идём : Панель Меню – Просмотр – Линейка
Подводите курсор мышки, с левой стороны, к вертикальной линейки.Зажав левой стороной мышки тянем в право.
И отпускаем там где нам нравится.Например так
![](http://filed15-22.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F6731%2F126366274.6%2F0_ed25e_df127775_L.gif&mw=&mh=&sig=2640dbcc70a6b2e790c48121b34b6b34)
5.2.В панели инструментов берём инструмент "Линия" он спрятан вот тут как показано на рис.
![](http://filed12-17.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F6709%2F126366274.6%2F0_ed297_17a040c1_L.jpg&mw=&mh=&sig=470a8c4cf56d730a0bb5399c97c710c8)
В панели настройки инструмента выставляем вот такие настройки смотри рис.
![](http://filed14-16.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F6709%2F126366274.6%2F0_ed2a7_81f86e25_L.jpg&mw=&mh=&sig=40f900f2850d479fbdf698b5260872ef)
В панели слоёв добавляем новый слой. Курсор выглядит как крестик.Подводим его к направляющей,зажимаем левой стороной мышки и проводим прямо по направляющей в низ и отпускаем.Получилась прямая линия с заданной нами шириной.
5.3.Теперь нужно растрировать слой с Фигурой 1.Щёлкнув правой стороной мышки по слою Фигура 1
и в открывшемся окне выбираем " Растрировать слой"
5.4.Идём в панель инструментов и выбираем Инструмент "Произвольная фигура". Выставляем вот такие настройки.Смотрите рис.
Как работать с Произвольными фигурами можно.Видео
Скачать можно тут
![](http://filed15-1.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9166%2F126366274.5%2F0_ec26b_f4c70410_S.png&mw=&mh=&sig=e55b53a507a2d34eead2c5544fe26f34)
![](http://filed15-29.my.mail.ru/pic?url=http%3A%2F%2Fmy.mail.ru%2Fcommunity%2Fjaplusti%2F%26lt%3Ba%20href%3D&mw=&mh=&sig=cfe1cad343f05ba09b7e891d8de3622b)
5.5.Зажав Левой стороной мышки,а на клавиатуре клавишу Shift , что бы фигура не деформировалась,рисуем нужного размера.
Если получилась чуть больше или меньше всегда можно исправить при помощи команды Свободного трансформирования.
Идём : Панель Меню – Редактирование – Свободное трансформирование контура
5.6.Растрировать слой Фигура 2.Взяв инструмент перемещение мы можем перетянуть эту фигуру на нашу Линию.
Если мы хотим ещё раз добавить эту фигуру просто копируем этот слой Любым известным вам способом.Или щёлкнуть по слою Правой стороной мышки и в открытом окне выбрать "Создать дубликат слоя..."
5.7.Если хотите можно добавить ещё разных фигур.Затем объединить их в Группу и назвать "Группа фигур".
Можно создать дубликат Группы.Это делается так же как мы дублировали слой. Теперь с каждой группой можно работать как с готовым клипартом.
Увеличивать,уменьшать,перемещать...со всеми частями, что находятся в этой группе.У меня получилась вот так.
![](http://filed9-21.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9749%2F126366274.6%2F0_ed321_5ecba81a_M.jpg&mw=&mh=&sig=9f52d0e7614b6ebedeb616dd554cf3a7)
5.8.Если результат устраивает можно объединить все части нашей новой полу рамке.
Делается это так: Щелкните по белому трех угольнику с лева от папки (Слой Группа фигур копия) Группа откроется.
Выделите все слои в этой группе.Теперь зажав клавишу Alt (видим что в панели меню под словом СЛОЙ появилась чёрточка.Значит мы всё правельно сделали.) и не отпуская её Идём : Панель Меню – Слои (нажимаем левой стороной мышки "Слои" и удерживая кнопку мышки заходим в окошко) и выбираем – Объединить слои.Если вы всё правильно сделали то над слоями появится "Слой 12 (объединенное)", а остальные слои останутся необъединённые.С ними можно дальше работать.Смотрите рис.
![](http://filed9-11.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F6721%2F126366274.6%2F0_ed32b_1bca980c_XL.gif&mw=&mh=&sig=902c5277b7bb4f69977bfea42312e002)
5.9.Наш новый слой, в моей работе он называется "Слой 12 (объединенное)",
у вас может называться по другому главное что в конце будет дописано (объединенное),захватываем мышкой и ставим его над всеми слоями.
5.10.Дальше с Слоем "Группа фигур" делаем то же самое как описано в пунктах от 5.8 по пункт 5.9.
6.1.Слои "Группа фигур" и "Группа фигур копия" сворачиваем (нажав на трёх угольник) закрываем глазик.А слои "Слой 12 (объединенное)" объединяем.
У меня получилась так смотрите рис.
![](http://filed17-5.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9314%2F126366274.6%2F0_ed3c7_afecb94c_L.jpg&mw=&mh=&sig=e039138dad0a530a68dde759c8a76f17)
6.11.Не забудьте сохранить свою работу в формате PSD.
6.12.У слоя "Слой 12 (объединенное)" меняем название на " Декор.рамка" и добавляем стиль.
Я выбрала "Золотой". Скачать стили можно скачать
Как установить новые стили можно посмотреть
7.1.Это у нас рамка Шаблон,значит нужно сделать элегантный вырез для вставки на пример фото.
Для этого мы делаем вспомогательную фигур.
Идём в панель инструментов и выбираем Инструмент "Прямоугольник со скруглёнными углами"
или другой инструмент из этой группы он спрятан там же где и инструмент "Произвольная фигура". Начинаем рисовать им там, где будет наш вырез.
Если сразу не получилась нерастраивайтесь растрируйте слой и при помощи "Свободное трансформирование" можно всё исправить.
Если всё устраивает захватываем слой и тянем его в самый низ всех слоёв.
Этот слой у нас вспомогательный.
7.2.Стоим на вспомогательном слое Идём : Панель Меню – Выделение – Загрузить выделенную область... жмём ОК.
На документе видим "бегающее мурашки" в форме нашей фигуры.У слоя "Кисть 2" меняем название на "Фон".
Слой "Фон" активный и щёлкаем по клавише Enter.Или Идём : Панель Меню – Редактировать – Очистить
7.3.Можно на этом остановиться но мы любопытные хотим знать больше...
Добавляем новый слой и выполняем обводку.
Идём : Панель Меню – Редактирование – Выполнить обводку...
Вот такие настройки
Ширина : 6пикс.
Цвет: Любой
Расположение Снаружи жмём ОК. Отменяем выделение.
7.4.Слою даём название "Внутренняя рамка". Добавим эффект слою.Я хочу добавить тот же эффект что и у слоя "Рамка"
Нужно встать на слой "Рамка" щёлкнуть правой стороной мышки по слою и в открывшемся окне выбрать "Скопировать стиль слоя".
7.5.Возвращаемся на слой "Внутренняя рамка" щёлкаем по слою правой стороной мышки
и в открывшемся окне выбрать "Вклеить стиль слоя" смотрите рис.
7.6.Добавим парочку клипартов.Рамка готова. У меня получилась вот так.
![](http://filed16-24.my.mail.ru/pic?url=http%3A%2F%2Fimg-fotki.yandex.ru%2Fget%2F9314%2F126366274.6%2F0_ed48d_9665c75f_L.jpg&mw=&mh=&sig=4da49b886475ad7109a3c0219d8bbb91)
7.7.Не забудьте сохранить в формате PSD.
Теперь сохраним рамку в формате PNG
Идём : Панель Меню – Файл – Сохранить для Web..
Вот и всё рамка готова.
Желаю вам удачи.
Irina Hochweis
|