Рамка в фотошопе cs3. Рамка для текста в фотошопе

Зачем вам знать, как сделать рамку в фотошопе? Что это вам даст?
Многие блогеры делают рамки для своих изображений в одном стиле — так дизайн блога выглядит более красивым.

Но есть многие блогеры, которые не владеют навыками работы в фотошопе. Для них я и написала эту статью и сняла подробное видео с использованием простенькой программы — экшена при создании рамок для ваших изображений на блоге.

Я предлагаю вам бесплатно два набора экшена для рамок:

• одна папка с файлами называется "Photographers Toolkit1 " — я о ней подробно рассказываю в видео уроке и показываю все виды рамок
• вторая папка "Рамки " — там более интересные рамки для ваших изображений, вы легко справитесь с ними сами

Те, кто уже немного умеют работать в фотошопе - сразу переходят к просмотру видео.

Для начинающих пользователей предлагаю подробную инструкцию со скриншотами внизу, сразу после видео.

Инструкция как сделать рамку в фотошопе, используя экшен

2. Переходим в фотошоп CS6 и находим значок панели «Операции», кликаем левой кнопкой мыши и откроется панель операций с нашими экшенами:

Если вдруг, вы такой значок не обнаружили на панели — переходим в верхнюю панель и кликаем на надпись «Окно». Выпадет длинный список. Находите в нём слово «Операции» и кликаете. То же самое можете сделать комбинацией клавиш Alt+F9.

3. В панели Операций находим надпись «Photographers Toolkit1» и кликаем по ней левой кнопкой мыши — она выделиться голубым цветом:

Рядом с папкой есть треугольник, кликнув на который (1), мы откроем наши экшены и будем с ними работать. Становимся на первый экшен, после того, как папка открылась и кликаем по нему левой кнопкой мыши(2):

Запускаем первый экшен, нажав на кнопку под цифрой 3.

4. У вас появится диалоговое окно:

Нажимаете на «Стоп». Идёте в панель слоёв, нажимаете значок «Добавить слой» (4) и добавляете его:

5. Опять нажимаете значок 3 — включаете работу экшена. Получаете картинку с чорной рамочкой рамочкой:

6.Делаем полупрозрачную рамку. Вы можете рамочку сделать не такой резкой, изменив прозрачность. Заходим в панель слоёв, становимся на первый слой сверху и меняем прозрачность ползунком. При чёрной рамке стояла непрозрачность 100%, я её поменяла ползунком на 12:

В результате наша траурная рамка стала очень даже ничего:

7. Аналогичным образом вы работаете со всеми остальными экшенами в папке.

Как изменить цвет рамки в фотошопе

После того, как вы получили готовую рамку благодаря экшену, вы на изображении можете сделать любой цвет рамочки. Для этого выделяем рамку Инструментом «Прямоугольное выделение» — находится слева на панели Инструментов (6).

Обводим им изображение по внешнему краю. После этого нажимаем на значок «Вычитание из выделенной области» (7) и делаем внутреннюю обводку.

Дальше смотрим на скриншот:

Сначала необходимо выбрать цвет рамочки. Кликаем на верхний четырёхугольник, как показано на скриншоте выше. Появится панель Цветов. С помощью ползунков (8) выбираем цвет, кликаем на поле с цветом и нажимаем «ОК» (9).

Берём Инструмент «Заливка»:

Становимся на наше изображение с рамкой и кликаем Инструментом заливка на поле, между выделениями рамки. У нас меняется цвет рамки на тот, что мы выбрали:

Если, вдруг, при нажатии Инструмента Заливка цвет не поменялся — значит идём в панель слоёв, становимся на верхний слой и кликаем по нему правой кнопкой мыши. В появившемся окне нажимаем левой кнопкой мыши на надпись «Растрировать слой» и после этого ещё раз кликаем Инструментом Заливка на чёрную рамку. Всё получилось! Ура!

Теперь убираем выделение. Заходим в верхней панели фотошопа в «Выделение и кликаем „Отменить выделение“:

Вот так мы поменяли цвет рамки. Сохраняйте изображение, нажав „Файл“ и так, как показано на скриншоте — если вы собираетесь его использовать на блоге:

Подошёл к концу наш детальный урок, где вы научились:

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

Если возникли вопросы — задавайте их в комментариях, а я пошла кофе выпить — 15 скриншотов — это всё-таки перебор!
Если было полезно — тискаем кнопочки соц.сетей.

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

Вот теперь — до следующих уроков. Если вам лень самим сделать рамочки — заказывайте! За небольшую цену я их вам наваяю, как пирожков с вишнями- быстро и качественно!

Скоро будут уроки по дизайну соц.сетей и оформлению страниц. А перед ними — создание логотипа. Так что можете подписаться — чтобы не пропустить пост. Если хотите...

Любимый экшен „Рамка с углублением“

Ладно, поделюсь своей любимой рамочкой

У вас тоже есть на неё экшен. Найдите папку „Рамки“. Откройте её (нажмите рядом треугольник). Откроются экшены. Кликните на надпись »Рамка с углублением".

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

Когда сделали выделение — включаем экшен. Получаем рамочку и в глубине картинку (смотрим самое первое изображение в посте) . Можете ещё раз провести контур и опять включить тот же экшен — получите эффект, как на моей картинке с собачкой.

Кстати, щенулька моя, настоящая! Уже пристроила в хорошие руки — оно с малолетства целоваться любит...

Вам нравится?

С уважением, Галина Нагорная

Если ты являешься новичком в изучении программы Adobe Photoshop,то даже простейшие вещи могут вызвать затруднение. И ладно бы написать текст, есть специальный инструмент для этой операции. Но порой приходится задействовать не только знания, но и логику. Для того чтобы сделать рамку для текста придется задействовать несколько операций. Давайте разберемся, какие именно.

Для начала создадим рабочий документ. Размер практически не имеет значения, лишь бы вам было удобно. И сразу же создадим новый слой при помощи комбинации клавиш ctrl+shift+n.

Напишем текст. Думаю, вы уже знаете, какой инструмент вам в этом поможет, но на всякий случай я напомню. Для написания нашей фразы используем инструмент «текст» на боковой панели.

Теперь давайте примемся за рамку. Я сделаю простенький монохромный вариант, но вам советую подключить фантазию и продвинуться немножко дальше.

Создаем новый слой, той же комбинацией клавиш ctrl+shift+n. А теперь выбираем инструмент прямоугольная область и «обводим» наш текст.

Не пытайтесь проделать эту операцию идеально ровно. Рамку для текста мы еще выровняем. Но позже.

Теперь обведем рамку. Для этого на верхней панели ищем «редактировать» - «выполнить обводку».

Как видите, вариаций настроек тут довольно много. Вы можете пофантазировать и украсить свою рамку для текста по всему усмотрению. Как видите, обводка может располагаться с разных сторон вашего выделения. Цвета и режим наложения тоже вполне можно заменить. Я выбрала вот такие настройки:

Теперь нам следует снять выделение с рамки. Вы можете воспользоваться как соответствующей командой на верхней панели во вкладке «выделение», так и комбинацией клавиш ctrl+d.

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

Итак, приступим к выравниванию. В окне слоев выбираем исходный слой - подложку. Он будет вторым по счету.

Вам следует расставить направляющие (линейки) по появившимся маркерам снизу и сверху. Если вы не знаете, как это сделать, здесь можете изучить .

А теперь в том же окне слове выбираем поочередно слой с надписью и рамкой и выравниваем их по направляющим.

Посмотрим, какая рамка для оформления текста в фотошопе у меня вышла.

Часто слышу вопрос, как вставить текст в рамку в фотошопе. Возможно, кто-то имеет ввиду уже готовую рамку. Думаю, вы уже догадываетесь, что для этого вам следует выполнить те же действия, но в несколько другом порядке.

• Создать рабочую область и новый слой.
• Вставить рамку на исходный документ
• Написать текст
• Выровнять их

Вот так все просто и незамысловато.

С помощью этого урока вы научитесь создавать несложные рамки для своих фотографий.

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

Рамка №1. Простая рамка-полоска.

Несмотря на свою простоту, данная рамка улучшает восприятие и придает работе законченный вид.

Шаг 1. Открываем наше изображение. Выделяем все изображение, нажав CTRL+A.

Вокруг изображения появится рамка выделения.

Шаг 2. Выбираем в меню Выделение - Модификация - Сжать (Selection - Modify - Contract). В диалоговом окне выбираем величину отступа в пикселях.

Применяем команду.

Шаг 3. Нажимаем ПКМ, удерживая курсор внутри выделенной области, и в появившемся меню выбираем Выполнить обводку .

В появившемся диалоговом окне настраиваем цвет и ширину нашей полоски.

Шаг 4. Применяем команду и получаем результат.

Не забудьте снять выделение, нажав CTRL+D.

Рамка№2. Рамка со скругленными углами внутри .

Шаг 1. На панели инструментов выберем инструмент Прямоугольник со скругленными углами.

Переключимся в режим создания контура (на верхней панели настроек инструмента)

Шаг 2. Введем необходимый радиус закругления углов.

Шаг 3. Создадим контур с нужными отступами от краев.

Шаг 4. Преобразуем контур в выделение. Нажимаем ПКМ, удерживая курсор внутри контура, и в появившемся меню выбираем Образовать выделенную область .

Шаг 5. Инвертируем выделение комбинацией клавиш SHIFT+CTRL+I и нажимаем CTRL+DEL, чтобы залить выделение цветом переднего плана или ALT+DEL для цвета заднего плана. Снимаем выделение, нажав CTRL+D.

Рамка №3 . Неровные края .

Шаг 1 . Выполняем шаги 1 и 2 Рамка №1.

Шаг 2. Быстрой маски (Quick Mask).

Шаг 3 . Применяем Фильтр - Штрихи - Аэрограф (Filter - Brush Strokes - Sprayed Strokes). Параметры настройки фильтра подбираются индивидуально, в зависимости от изображения.

Шаг 4. (необязательный). Применяем Фильтр - Искажение - Волна (Filter - Distort - Wave) Параметры также подбираются опытным путем.

Шаг 5. Выходим из режима Быстрой маски, нажав Q. Теперь у нас появилось выделение.

Шаг 6. Инвертируем выделение комбинацией клавиш SHIFT+CTRL+I и нажимаем CTRL+DEL, чтобы залить выделение цветом заднего плана (по умолчанию белый) или ALT+DEL для цвета переднего плана (по умолчанию черный). Снимаем выделение, нажав CTRL+D.

Рамка № 4. Ступенчатая

Шаг 1. Выполняем шаги 1 и 2 Рамка №1.

Шаг 2. Нажимаем Q, чтобы перейти в режим Быстрой маски (Quick Mask).

Шаг 3. Применяем Фильтр - Оформление - Фрагмент (Filter - Pixelate - Fragment).

Шаг 4. Применяем фильтр несколько раз, нажимая CTRL+F. Обычно для картинки размером 900х600 пикселей достаточно 4-5 раз.

Шаг 5. Повторяем шаги 5 и 6 Предыдущего раздела. Получаем результат. В этом случае я использовал цвет переднего плана по умолчанию - черный.

Желаю всем творческого вдохновения и успехов!
Автор : Евгений Карташов.

Достаточно часто нужно нарисовать рамку вокруг фото, иконки, аватарки или любого другого рисунка, чтобы визуально отделить его от окружающего текста или других фото. Очертить картинку тонкой линией можно в любом графическом редакторе, например, в стандартном Paint . Но лучше Фотошопа с обработкой фото пока никакая другая программа не справляется. Подходит Photoshop и для рисования рамок, причем способов ее нарисовать я насчитал около десятка. В этом уроке, подготовленном для новичков в Photoshop , я расскажу о двух наиболее простых способах.

Способ 1: Рамка вокруг рисунка в Photoshop как эффект фонового слоя

Допустим, у нас есть картинка, вокруг которой мы бы хотели видеть рамку толщиной в 2 пикселя. Самый простой способ сделать это – воспользоваться эффектом для фонового слоя, который рисует рамку нужного цвета и толщины. Если у картинки один слой (обычное фото или рисунок, которые не обрабатывались только что в Фотошопе), то он же и является фоновым. Для этого:

1. Открываем окно со слоями рисунка ( – F7 ) и кликаем дважды по фоновому (единственному) слою в этом окне:

По названию слоя (у нас – «клубника») кликать не нужно, если только мы не собираемся переименовывать слой.

2. Откроется окно Layer Style , в котором можно менять многие свойства текущего слоя. Нас интересует закладка Stroke окна Layer Style , с помощью которой мы сделаем рамку зеленого цвета толщиной в 2 пикселя:

Обратите внимание на поле Position , значение которого нужно установить в Inside (рамка показывается внутри рисунка, а не очерчивает его, как установлено по умолчанию). Чтобы сменить цвет рамки, кликните на прямоугольник возле поля Color и выберите нужный цвет в открывшемся окне.

3. Собственно, все. Осталось только нажать кнопку OK в правом верхнем углу окна Layer Style и сохранить рисунок в нужном формате.

Для того чтобы сменить цвет, толщину, прозрачность и другие характеристики нарисованной в Фотошопе рамки, повторите заново пункты 1 и 2 этого урока. Чтобы удалить рамку кликните правой кнопкой на слое в окне Layers и из появившегося контекстного меню выберите Clear Layer Style .

Способ 2: Рисуем рамку карандашом в Фотошопе

Чтобы нарисовать произвольную рамку, например, вокруг фрагмента рисунка или разной толщины и цвета с каждой стороны фотографии, можно воспользоваться инструментом Photoshop под названием Pensil Tool (горячая клавиша — B ). С помощью мыши нарисовать карандашом прямую линию сложно, но если удерживать нажатой клавишу Shift на клавиатуре, карандаш в Фотошопе рисует только прямую линию. Инструкция в данном случае очень простая, хоть и подробная, и не требует иллюстраций.

1. Выбираем инструмент карандаш (Pensil Tool ), нажав на клавиатуре латинскую букву B .

2. В появившемся сразу под главным меню Фотошопа списке свойств карандаша указываем нужную толщину рамки, которую вы планируете рисовать. Цветом линии будет активный цвет Фотошопа (верхний из цветных квадратиков в панели инструментов Photoshop ).

3. Создаем новый слой (Ctrl+Shift+N ), в котором будем рисовать рамку. Можно новый слой не создавать, но так мы рискуем испортить слой с основным рисунком и придется все начинать сначала.

4. Кликаем карандашом в том месте картинки, где будет начинаться рамка, затем нажимаем Shift и, не отпуская зажатую левую кнопку мыши, тянем курсор в нужную сторону.

5. Отпускаем левую кнопку мыши, но не отпускаем клавишу Shift . Теперь нужно покликать там, где должны быть оставшиеся углы рамки рисунка. Поскольку рамка нестандартная, углов может быть сколько угодно. Экспериментируйте, отменяя неудачные ходы с помощью крайне CTRL+Z и CTRL+ALT+Z.

В простейшем случае, когда нужно нарисовать прямоугольную рамку вокруг рисунка, картинка на вид не будет отличаться от той, которую мы получили первым способом этого урока:

(3), в открывшемся меню выбрать стиль "Обводка" (Stroke) (4), задать параметры: положение(внутри) и размер (5), непрозрачность (6) и тип обводки - цвет (7), узор или градиентная заливка. Последнее интереснее, можно выбрать рисунок заливки, кликнув на полоску, и поиграть параметрами, направлением и т.п., изменить цвета и прозрачность градиента:

Продвинутый способ

Если нет желания обрезать изображение на фотке, то надо увеличить величину холста. Вкладка главного меню Изображение --> Размер холста, в открывшимся окне поставить галку у опции "Относительно" и задать размер по длине и ширине. Можно выбрать цвет фона, хотя и не обязательно:

В окне "Размер холста" указаны значения ширины и высоты, их сумма равна 560+448=1008 пикс., поэтому в "новый размер" пишем ширину и высоту по 150 пикс.

Bот что получилось:

Теперь воспользуемся инструментом "Волшебная палочка" (клавиша W) и ткнём им по фону. Рамка выделится.

Да, перед этим допуск у волшебной палочки надо сделать 1, это окошко находится сверху под вкладкой "Изображение". затем жмём Ctrl+J (копирование выделения на новый слой). Теперь у нас активен новый слой с рамкой, на Панели слоёв он подсвечен синим.

Применяем эффекты стилей к рамке, кликнув на значок внизу Панели слоёв (см. рисунок), или можно выбрать готовый стили на панели Стили (вкладка Окно --> Стили):

Откроется окно стилей слоя, где надо подобрать стиль рамке, лучше всего применить универсальный метод тыка, начинать рекомендую со стиля "Тиснение" (Bevel and Emboss) :

Вот что получилось:

Круглая,овальная рамка

Берём инструмент "Выделение", выбираем "Овальное выделение" и выделяем нужный участок. Если выделили не точно, то тогда надо кликнуть сверху по вкладке "Выделение", в открывшемся списке выбрать "Трансформировать выделенную область", затем трансформировать и переместить эту область куда и как надо. Жмём Enter для завершения трансформации.

Затем также во вкладке главного меню "Выделение" выбираем "Уточнить край" либо Модификация --> Растушёвка и задаём значение. Тут уже выбор параметров делается эмпирическим (методом подбора) путём, так как зависит от размеров фотографии и цели фото, и, кроме того, это дело вкуса.

Растушёвка делается для того, чтоб у рамки края были размытыми и переход был плавным.

Далее нажимаем клавиши Ctrl+Shift+I, этим мы инвертируем выделение, и закрашиваем зону рамки. Можно на всякий случай клонировать зону рамки, нажав Ctrl+J, и работать в новом слое. Чтоб в этом слое в ненужном месте не навазюкать, выбираем инструмент "Волшебная палочка" и тыркаем в середине рабочего документа. Появится выделение, растушуем края, затем нажимаем клавиши Ctrl+Shift+I и вазюкаем уже в выделенной области. Лишнее можно стереть ластиком, снова нажав Ctrl+Shift+I.

Не стоит забывать об активности видимого слоя. Слой, с которым работаем, должен быть всегда подсвечен синим с палитре слоёв. Надо периодически проверять.
На фотке размытие 8 пикс, половину рамки обесцветил, половину закрасил.