-Рубрики


Как сделать разрезную рамочку в фотошопе

Понедельник, 25 Июня 2012 г. 01:17 + в цитатник
Цитата сообщения Novichok56

(500x7)

Все мои уроки здесь

Разрезная рамочка в фотошоп


Меня попросили рассказать как я делаю рамочки в фотошоп. О всех нюансах рассказать в одном уроке, конечно, невозможно, но об основных моментах попробую рассказать.
Итак, открываем новый прозрачный документ, я выставляю всегда размеры ширину - 700 пк., высоту 900 пк. (потом всегда можно уменьшить при необходимости).
1. Загружаю маску. В интернете есть много различных масок для фотошоп - рамочки, окантовки для рамочек, торцовые окантовки, всевозможные рисунки, фигуры и т.д.
Я выбрала торцовую окантовку:


2. Захожу в свой прозрачный документ, активирую инструмент ВЫДЕЛЕНИЕ, беру инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и выделяю на документе прямоугольник:


3. Мне очень нравится использовать для основного фона ГРАДИЕНТ, поэтому я активирую инструмент ГРАДИЕНТ, захожу в палитру градиентов, выбираю нужный и заливаю им выделенный прямоугольник ( я заливаю всегда по горизонтали, т.е. провожу курсором от левой границы, выделенного прямоугольника, к правой):


Снимаю выделение - Ctrl+D.
4. Активирую инструмент ПЕРЕМЕЩЕНИЕ и переношу торцовую маску на фон с градиентом:

Как видите, маска большая, поэтому, чтобы уменьшить ее ширину до ширины основного фона, идем РЕДАКТИРОВАНИЕ/СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ:

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

Посмотрите на маску - она как негатив, там где маска белого цвета, там будет цвет, где черного цвета, там будет прозрачный слой. Поэтому нам нужно ее перевернуть по вертикали. Щелкаем правой кнопкой мышки внутри сетки трансформирования и выбираем операцию ПОВЕРНУТЬ ПО ВЕРТИКАЛИ:

Все, наша маска стоит в нужном месте и в правильном положении, подтверждаем трансформирование:

5. Давайте посмотрим на окно слоев, закрываем глазик на основном градиентном слое и заходим в КАНАЛЫ:

6. В окне КАНАЛЫ все слои выделены голубым цветом, щелкаем по каналу, на котором написано СИНИЙ. На всех слоях кроме синего закрылись глазки:

7. Щелкаем правой кнопкой по слою синего канала, в выпавшем окошке, выбираем операцию СОЗДАТЬ ДУБЛИКАТ КАНАЛА и, в появившемся окошке, СОЗДАТЬ ДУБЛИКАТ КАНАЛА, щелкайте ОК:


У нас появился новый канал - СИНИЙ копия. Закрываем глазик на канале СИНИЙ и включаем глазик на канале СИНИЙ копия:

8. Зажимаем клавишу Ctrl и щелкаем по иконке в слое СИНИЙ копия, вся наша маска выделилась мелким бегущим пунктиром:


9. Не снимая выделения, переходим в окно СЛОИ, активируем основной слой с фоном, включаем на нем глазик, а на слое с маской закрываем глазик:

10. Идем ВЫДЕЛЕНИЕ/ИНВЕРСИЯ, затем нажимаем Delete и Ctrl+D. Вот такая получилась у нас маска:

Маска получилось полу-прозрачная, поэтому мы уплотним слой - продублируем его - Ctrl+j и объединим эти два слоя:

Слой с маской нам уже не понадобится, его можно удалить:

11. При желании можно загрузить еще одну маску и проделать те же операции для нижней части рамочки:


Добавим к нашему фону СТИЛЬ СЛОЯ:

И поставим такие значения:


Теперь наш фон имеет ТИСНЕНИЕ И ТЕНЬ:

Кто-то может посчитать работу законченной, но я продолжу.
12. Активируем инструмент ПРОИЗВОЛЬНАЯ ФИГУРА и берем инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ с таким значением РАДИУСА угла закругления:


С верхнего левого угла рисуем фигуру прямоугольника с закругленными углами. Не беда, если фигура получилась несимметрична относительно нашего документа, можно щелкнуть по ней правой кнопкой, выбрать операцию СВОБОДНОЕ ТРАНСПОНИРОВАНИЕ и подогнать стороны в нужном направлении.
13. Опускаем слой с фигурой под слой с нашим фоном:

Растрируем слой с фигурой - щелкаем правой кнопкой по слою с фигурой и выбираем операцию РАСТРИРОВАТЬ СЛОЙ:

Вот такая должна получится картинка:

14. Теперь мы можем к ней применить СТИЛЬ или залить однотонным цветом, я же применю ГРАДИЕНТ. Для этого зажимаю клавишу Ctrl и щелкаю по иконке нашей фигуры - она выделилась и также как и в первом случае накладываю на нее ГРАДИЕНТ:


Снимаем выделение Ctrl+D.
Если есть желание можно сделать обводку нашей внешней фигуры. Снова заходим fx,
выбираем операцию обводка, в окне обводки выбираем как мы ее будем обводить - цветом, градиентом или узором, а также толщину обводки и ее расположение:


Я выбрала такие значения:

Нажимаем ОК.
Все основную работу сделали, можно приступать к украшению нашей рамочки.
15. Загружаем клипарт (картинку на прозрачном слое) вуали со звездочками:

С помощью градиента придаем ей нужный цвет, с помощью СВОБОДНОГО ТРАНСПОНИРОВАНИЯ разворачиваем ее и устанавливаем в нужное место. Слой с вуалью должен находится между верхним и нижним фоновыми слоями:


16. Загружаем в фотошоп картинку, подходящую по оттенку и теме:

С помощью инструмента ПЕРЕМЕЩЕНИЕ, перетаскиваем ее на нашу рамочку, слой с этой картинкой должен стоять в самом верху слоев. С помощью инструмента СВОБОДНОГО ТРАНСПОНИРОВАНИЯ, редактируем размеры картинки и ее местоположение. Мягким ластиком стираем нижнюю кромку картинки для более плавного перехода картинки в фон. Также можно стереть лишнее и на верхней кромке картинки. Чтобы удобно было стирать, можно немного уменьшить непрозрачность картинки. Вот после всех этих действий получаем такую рамочку:

Я добавила внизу картинки еще одну вуаль, мне показалось так будет красивее.
16. Загружаем разделители и переносим их на рамочку:

17. Пишем свой логотип на рамочке и объединяем все слои. Теперь, что бы разместить рамочку в сообщении как разрезную, разрезаем ее на 3 части. Идем инструмент РАМКА и берем инструмент РАСКРОЙКА:

И, начиная с верхнего левого угла, обводим весь наш документ по периметру:

В углу появился синий квадратик. Подводим к нему курсор, вместо курсора появилась треугольная стрелочка, щелкаем правой кнопкой по этому синему квадратику и, в выпавшем окне, выбираем операцию РАЗДЕЛИТЬ ФРАГМЕНТ:

Щелкаем по этим словам и в новом окне и ставим галочку и цифру 3, как на скриншоте:

Наша рамочка разделилась на три части. Перетягиваем разделительные линии в места разреза рамочки:

Теперь нам осталось только сохранить рамочку. Идем ФАЙЛ/СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ:

Обязательно выставляем для всех частей рамочки формат PNG24 и нажимаем СОХРАНИТЬ, определяем в какую папку будет сохранятся рамочка и снова нажимаем СОХРАНИТЬ. Все, наша рамочка сохранилась по частям, которые мы потом будем вставлять в формулу для разрезной рамочки.
ФОРМУЛА РАЗРЕЗНОЙ РАМОЧКИ:

Каждую из частей рамочки вы загружаете в РАДИКАЛ и вставляете в формулу:
1. Адрес - ССЫЛКА №1
2. Ширину рамочки
3. Длину рамочки.
4. Код цвета шрифта.
Вот и все! Желаю вам удачи в вашем творчестве!



Nella solneshko
Рубрики:  ► УРОКИ В ФОТОШОПЕ/* Уроки 1 *
Beautiflash_
Метки:  
Понравилось: 2 пользователям

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку