Рамка для текста фотошоп: Ограничительные рамки в Photoshop

Содержание

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

0 7 484 0

Умение делать рамки в фотошопе весьма полезное – таким незамысловатым способом можно украсить любое фото, придав ему необычности, и сделав более запоминающимся. Красивая рамка – это не только эстетический компонент, но и хороший способ сделать композицию завершенной.
О том, как сделать рамочку в фотошопе несколькими способами мы вам сегодня расскажем и наглядно продемонстрируем.

Самый простой способ – выполнить обводку изображения. Для этого открываем в графическом редакторе изображение. В меню «Редактирование» выбираем пункт «Выполнить обводку».

В появившемся окне выбираем расположение – внутри, а также указываем такие параметры, как толщина рамки, цвет, и непрозрачность. Также, можно выбрать один из режимов наложения.

Если выбрать расположение обводки – снаружи, то тогда размер фото можно уменьшать при помощи команды «Свободное трансформирование» (комбинация клавиш Ctrl+T), а для того, чтобы сохранить пропорции, удерживая клавишу Shift.


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

При помощи меню «Файл», «Создать», делаем новый документ с размерами, скажем, 10 на 15 см. Слой заливаем любым узором по собственному вкусу.
Готовую область выделяем, и очищаем содержимое при помощи клавиши Del. После этого снимаем выделение, дважды кликаем по этому слою, и выбираем любой понравившейся параметр наложения (обводка, тиснение, тень, и т.д.).

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

Нужный фрагмент выделяем. После этого меняем расположение слоев на панели, после чего, удерживая клавишу Alt, мышкой встаем между двумя слоями. Кликаем на значок, который появиться. После этого при помощи комбинации клавиш Ctrl+Eобъединяем слои, и в слое с фотографией или изображением добавляем эффекты наложения (также, как мы это делали в предыдущем способе).

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

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

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

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


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

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



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

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


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


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

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

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


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


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


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


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

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

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

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

Использование обводки

Откройте фотографию в программе. Фон будет заблокирован (рядом с изображением нарисован замочек). Чтобы разблокировать его нажмите дважды по значку. После этого он должен пропасть.

Выделяем фотографию Выделение Все (Ctrl+A). Затем на панели находим: Редактирование — .

Откроется меню, в котором можно установить размеры, непрозрачность, расположение и цвет.

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

После выбора параметров жмем «ОК », рамка в Фотошопе готова. Таким образом можно использовать любой цвет, в том числе сделать белую рамку в Фотошопе.


Параметры наложения

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

Там же выбираем два понравившихся цвета. У меня это будут синий и зеленый .

Проводим по фотографии с зажатой левой кнопкой мыши. Появляется градиент.

Выбираем один из инструментов выделения и выделяем область , где будет фотография.

На клавиатуре нажимаем клавишу Delete .

— Ctrl+D. Воспользуемся параметрами наложения. Для этого правой кнопкой мыши щелкаем по слою и выбираем «Параметры наложения ».

Попробуем изменять разные параметры для получения нужного результата.

Скругленные углы внутри

Первый способ

Скругленный края можно получить предыдущим способом, если использовать инструмент «».

Второй способ

Чтобы нарисовать рамку используйте инструмент «». Внутреннюю область прямоугольника сделайте пустой.

Растяните до нужного размера с помощью свободного трансформирования Ctrl+T.

Создание неровных краев

Откроем фотографию в графическом редакторе. Разблокируем слой, создадим новый и добавим быструю маску (Q). Для этого нажмем на панели инструментов по значку маски.

На панели инструментов выбираем кисть и зарисовываем область, где хотим сделать маску. Она станет красной.

Снова нажимаем на иконку быстрой маски или Q. Наша область будет показана пунктиром. Ее заливаем цветом или градиентом .

Ступенчатая маска

Для начала воспользуемся инструментом выделения «прямоугольная область » и нарисуем первую часть рамки. Инвертируем с помощью клавиш Ctrl+Shift+I.

Перейдем в (Q).

Применяем в верхней панели

фильтр оформление фрагмент до тех пор, пока результат нас не устроит.

Выходим из режима быстрой маски с помощью клавиши Q и инвертируем: Выделение Инверсия (или Shift+Ctrl+I). Теперь можно залить выделенную область любым цветом или градиентом.

Выделяем изображение: Выделение Все или Ctrl+A.

В верхней панели переходим Выделение Модификация Сжать . Выбираем каким будет отступ в пикселях и ставим галочку.

Точно так же, как в первом случае, выбираем в верхней панели Редактирование — . Задаем необходимую ширину и цвет.

Клавишами Ctrl+D и наша работа закончена. Осталось сохранить результат.

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

Чтобы сделать круглую рамку вокруг, открываем фотографию и с помощью инструмента выделения «» выделяем нужную область,

инвертируем (Shift+Ctrl+I) и клавишей Delete удаляем лишнее. Снова делаем инверсию , выделенным будет наш круг.

Преобразуем его в рабочий контур. Нажимаем на изображение правой кнопкой мыши — образовать рабочий контур . На панели инструментов выберем кисть и настроим ее по своему желанию.

Создаем новый слой , на нем и будем рисовать. Переходим в контуры и делаем обводку .

Фоторамка готова. При желании можно сделать еще несколько разных обводок. Таким был наш результат:

Размытые края

Открываем изображение и делаем три копии горячими клавишами Ctrl+J или перетаскиванием на иконку «создать новый слой ». Отключаем видимость двух верхних слоев (нажимаем на значок глаза так, чтобы он пропал).

Активируем вторую снизу копию и на верхней панели переходим Фильтр Размытие

Размытие по Гауссу .

Ползунком регулируем степень размытия .

Двумя щелчками по тому же слою вызываем стили слоя и щелкаем на «».

Делаем все слои видимыми и с зажатой кнопкой Alt нажимаем между первыми двумя слоями. Вот, то должно получиться:

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

Уменьшаем верхнее изображение. Получаем размытую рамку.

Также можно ознакомиться с видео.

Как вставить фотографию в рамку

В интернете можно найти много ресурсов с красивыми фоторамками в формате PNG. Разберемся, как вставить фотографию в рамку, скачанную из интернета.


Рамки в фотошопе-это красивое и уникальное оформление фотографий. Сделать рамку в фотошопе очень просто. Например, можно сделать рамку из фона фотографии или картинки. Получается очень интересный и красивый эффект.

Найдем картинку с красивым фоном или что-нибудь из собственных фотографий и попробуем сделать рамку , используя фон картинки.

1-Файл-открыть. В окне слоев разблокировать слой, кликнуть по нему два раза и ok.

3- На клавиатуре нажать «Delete», фон в рамке исчезнет. Выделение не снимать.

4-Выделение- трансформировать выделенную область. И потянув за маячки расширить выделение на нужную Вам ширину. Нажать на галочку «применить».

5-Слой-новый-скопировать на новый слой.

На фото ничего не будет видно, но если отключить глазок в окне слоев на нижнем слое,

то увидите рамочку.

6-В окне слоев верхний слой активен, окрашен синим, глазок на нижнем слое включить.

7-Слой-стиль слоя-внутренняя тень, параметры такие.

На фотографии получилась рамочка.

Теперь нужно нанести на нее узор из фона.

8-Выбрать инструмент «прямоугольная область» и на фото выделить кусочек фона. Я взяла часть фона с цветком.

9-Редактирование-определить узор. В появившемся окне «ok».

10-Слой стиль слоя-наложение узора. Здесь, в маленьком окошке «узор» , нажать на треугольник и, в появившейся палитре узоров, выбрать сохраненный узор. Он будет в самом конце.

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

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

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

  • одна папка с файлами называется «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. Руководство пользователя (2016 год)

Ввод типа абзаца

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

1. 

Выберите инструмент «Горизонтальный текст»   или «Вертикальный текст» 

.

2. 

Выполните одно из следующих действий.

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

При щелчке или перетаскивании удерживайте нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), чтобы вызвать
диалоговое окно «Размер текстового блока». Введите значения ширины и высоты и нажмите кнопку «ОК».

3. 

Выберите дополнительные параметры текста на панели параметров, панели «Символ», панели «Абзац» или в меню «Слой» >
«Текст».

4. 

Введите символы. Чтобы начать новый абзац, нажмите клавишу «Ввод» (Windows) или «Return» (Mac OS). Если введено больше
текста, чем может уместиться в ограничительной рамке, в ней появится значок переполнения  .

5. 

При желании измените размеры, поверните или наклоните ограничительную рамку.

6. 

Произведите выполнение текстового слоя одним из следующих действий.

Нажмите кнопку «Применить»   на панели параметров.

Нажмите кнопку «Ввод» в цифровой части клавиатуры.

Нажмите сочетание клавиш «Ctrl» и «Ввод» (Windows) или «Command» и «Return» (Mac OS).

Выберите на панели инструментов любой инструмент. Щелкните панель «Слои», «Каналы», «Контуры», «Операции», «История»
или «Стили» или же выберите любую доступную команду меню.

Вводимый текст появляется в новом текстовом слое.

Вставка шаблонного текста Lorem ipsum (CS6)

С помощью шаблонного текста Lorem ipsum можно быстро заполнить текстовый блок в целях создания макета.

1. 

Выберите инструмент «Текст» и щелкните для вставки курсора в существующую текстовую строку или поле.

2. 

Выберите «Текст» > «Вставить Lorem Ipsum».

Изменение размера или трансформация ограничительной рамки текста

 Отображение маркеров ограничительной рамки типа абзаца. При активном инструменте «Текст»   выберите текстовый слой на

панели «Слои» и щелкните в изображении область размещения текста.
Примечание.  Можно также трансформировать начало набора, находясь в режиме редактирования.  Удерживайте нажатой клавишу

«Ctrl» (Windows) или «Command» (Mac OS), и вокруг текста появится ограничительная рамка.

Чтобы изменить размеры ограничительной рамки, установите курсор на ее границу (курсор примет форму двойной стрелки  ) и
перетащите границу. Чтобы сохранить пропорции ограничительной рамки, удерживайте нажатой при этом клавишу «Shift».

Для вращения ограничительной рамки поместите курсор за ее пределами (курсор принимает форму изогнутой двунаправленной
стрелки  ) и перетащите рамку. Чтобы сделать поворот дискретным по 15°, удерживайте нажатой клавишу «Shift». Чтобы изменить
центр вращения, перетащите при нажатой клавише «Ctrl» (Windows) или «Command» (Mac OS) центр вращения на новое место.
Центр вращения может находиться и за пределами ограничительной рамки.

Чтобы наклонить ограничительную рамку, при нажатой клавише «Ctrl» (Windows) или «Command» (Mac OS) перетащите один из
средних маркеров. Курсор превращается в стрелку  .

626

 

Наклон текста с помощью ограничительной рамки

Чтобы изменить масштаб текста при изменении размеров ограничительной рамки, при перетаскивании углового маркера
удерживайте нажатой клавишу «Ctrl» (Windows) или «Command» (Mac OS).

Чтобы изменить размер ограничительной рамки из центральной точки, при перетаскивании углового маркера удерживайте нажатой
клавишу «Alt» (Windows) или «Option» (Mac OS).

Преобразование между началом набора и типом абзаца

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

1. 

Выберите текстовый слой на панели «Слои».

2. 

Выберите «Текст» > «Преобразовать в короткий текст» или «Текст» > «Преобразовать в блочный текст».  (В версии CS5 эти
команды находятся в меню «Слой» > «Текст».)
Примечание.  При преобразовании типа абзаца в начало набора все символы, выходящие за пределы ограничительной рамки,

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

Правовые уведомления

   |   

Как сделать рамку вокруг фотографии в Фотошопе

В данной статье мы рассмотрим, каким образом можно украсить фотографии и изображения в программе Photoshop, добавив вокруг них рамки разных видов.

Обычная рамка с прямыми линиями

  1. Для начала нужно открыть фотографию в программе, вокруг которой мы хотим добавить рамку. После этого нажимаем сочетание клавиш Ctrl+A, чтобы выделить фото.
  2. Заходим в меню “Выделение”, в котором требуется выбрать инструмент “Граница” (группа “Модификация”).
  3. В открывшемся окне указываем желаемый размер рамки и жмем OK.
  4. На боковой панели инструментов выбираем “Прямоугольную область”.
  5. Щелкаем правой кнопкой мыши по выделенной области и в раскрывшемся контекстном меню останавливаемся на варианте “Выполнить обводку”.
  6. В окне обводки выполняем настройки на свое усмотрение и щелкаем OK.
  7. Рамка добавлена. Теперь выделение можно снять, нажав комбинацию Ctrl+D.

Рамка с закругленными углами

  1. Чтобы скруглить края фото, на боковой панели инструментов выбираем “Прямоугольник со скругленными углами”.
  2. В левой части верхней панели выбираем “Контур”.
  3. На той же панели инструментов справа выбираем радиус скругления.
  4. Создаем контур, после чего щелкаем внутри него правой кнопкой мыши и раскрывшемся меню выбираем выделение области.
  5. В значении радиуса растушевки ставим цифру 0 и жмем OK.
  6. Получаем следующий результат.
  7. Теперь нужно инвертировать выделенную область. Для этого нажимаем комбинацию клавиш Ctrl+Shift+I.
  8. Создаем новый слой в палитре.
  9. Выбираем инструмент “Заливка” и окрашиваем выделенную область с помощью него в любой понравившийся цвет.
  10. Снимаем выделение (Ctrl+D) и можем оценить полученный результат.

Рамки с рваными краями

  1. Выполняем те же действия, что и при создании обычной рамки (шаги 1-3).
  2. Далее активируем режим быстрой маски нажатием клавиши Q (или можно нажать специальную кнопку внизу панели инструментов).
  3. Холст должен после этого выглядеть примерно так.
  4. Открываем меню “Фильтр”, где выбираем пункт “Галерея фильтров”.
  5. В группе “Штрихи” нам нужен фильтр под названием “Аэрограф”. Выставляем параметры (как нам нравится) и жмем OK.
  6. Должен получиться примерно следующий результат.
  7. Деактивируем режим маски (тем же способам, которым включили его).
  8. Не снимая выделение создаем новый слой.
  9. Выполняем заливку выделения любым цветом.
  10. Жмем Ctrl+D, чтобы снять выделение.

Рамка с многоступенчатым переходом

  1. Выбрав инструмент “Прямоугольная область” выполняем выделение, а затем инвертируем его нажатием клавиш Ctrl+Shift+I.
  2. Активируем режим быстрой маски (клавиша Q или специальный значок на панели инструментов).
  3. Заходим в меню “Фильтр” и выбираем “Фрагмент” (группа “Оформление”). Выполняем это действие несколько раз.
  4. Должно получиться примерно следующее.
  5. Отключаем режим быстрой маски (так же, как включили), создаем новый слой и заливаем (с помощью инструмент “Заливка”) выделенную область цветом, который считаем наиболее подходящим.
  6. Все готово, можно снять выделение (Ctrl+D) и оценить полученный результат.

Заключение

В программе Photoshop представлено огромное количество всевозможных инструментов, пользуясь которыми можно обрабатывать фотографии. Среди них нашлось место и тем, с помощью которых можно добавить рамки вокруг изображений – от обычных прямых линий и закругленных краев до рваных границ и рамок с многоступенчатыми переходами.

Как сделать рамку вокруг рисунка в Фотошопе

07.10.09    Уроки Photoshop

Достаточно часто нужно нарисовать рамку вокруг фото, иконки, аватарки или любого другого рисунка, чтобы визуально отделить его от окружающего текста или других фото. Очертить картинку тонкой линией можно в любом графическом редакторе, например, в стандартном 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.

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

 

Читайте также:

Frame (Рамка). Photoshop. Лучшие фильтры

Читайте также

Рамка вокруг изображения

Рамка вокруг изображения Кроме регулировки расстояния до текста, есть еще один способ отделить картинку от остального содержимого страницы.Отделить изображение от текста можно, поступив с ним, как с обычной картиной: поставив в рамку. Это делается с помощью атрибута border,

Рамка

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

Edges, Round (Круглая рамка) иEdges, Square (Прямоугольная рамка)

Edges, Round (Круглая рамка) иEdges, Square (Прямоугольная рамка) В эти две группы входят более 30 фильтров, создающих обрамляющие рамки для изображения. Фильтры группы Edges, Round (Круглая рамка) создают круглые рамки, а фильтры категории Edges, Square (Прямоугольная рамка) – прямоугольные.

Window (Рамка)

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

Window Polygon (Рамка-многоугольник)

Window Polygon (Рамка-многоугольник) Этот режим подобен Window (Рамка), но в отличие от него позволяет указывать область в виде многоугольника. Многоугольник формируется путем последовательного выбора точек около объектов, которые вы хотите выделить. Форма многоугольника может

3D-рамка для текстовых компонентов

3D-рамка для текстовых компонентов Один из примеров создания текстового компонента с трехмерной декоративной контурной рамкой (для создания компонента потребовалось около получаса. Он демонстрирует только принцип получения рамки. Я не стал колдовать над свойствами

18.2. Оригинальная рамка

18.2. Оригинальная рамка В данном разделе мы рассмотрим простой, но в то же время необычный способ создания рамки для фотографии. Для этого примера подойдет любое изображение, но желательно подобрать снимок, цвета и яркость которого заметно отличаются от цвета

18.4. Рамка из фотопленки

18.4. Рамка из фотопленки Рамка для фотографии не обязательно должна быть прямоугольной. Оформить фото можно, учитывая сюжет снимка. Например, если изображен осенний парк, то вполне уместно будет сделать в Photoshop рамку из пожелтевших листьев, а для фотографии со дня рождения

Как вырезать рамку в фотошопе

Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.

На просторах интернета есть множество приложений для создания рамок, однако сделать её можно и в практически любом графическом редакторе. Как сделать рамку в фотошопе?

Рассмотрим несколько простейших способов.

Способы создания рамки в Photoshop

Способ №1: обводка

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню « Редактирование » и кликнув по пункту « Выполнить обводку »:


Выберите цвет, толщину и расположение обводки:


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

Способ №2: рамка вокруг картинки как эффект фона

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7 , дважды кликните по фоновому слою, и, когда откроется окно « Стиль слоя », выберите панель « Обводка ». Селектор « Снаружи » обязательно необходимо поменять на « Внутри ». Указав все необходимые вам параметры, кликните на « ОК »:

Способ №3: использование кисти

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


Цветом рамки будет активный в данный момент цвет. Кликните кистью в том месте, откуда вы будете начинать рисование обводки, зажмите клавишу shift и, не отпуская кнопку, нарисуйте прямую линию.

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z . Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Способ №4: прозрачная рамка

Откройте изображение и продублируйте фоновый слой дважды с помощью сочетания клавиш ctrl+j . Отключите два верхних слоя, кликая на значок глаза напротив каждого:


Находясь на первом слое, выберите « Фильтр », « Размытие » и « Размытие по Гауссу » и размойте изображение:


Затем в окне « Фильтр » кликните на « Шум » — « Добавить шум ». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:


Экспериментируя с наложением слоёв и размытием, можно создать красивую и эффектную рамку для фото. Однако, иногда необходимо, чтобы фотография имела более сложную или тематическую рамку.

Для того чтобы не изобретать велосипед, в интернете без особых усилий можно найти множество различных бесплатных .psd или .png файлов, в которые остаётся лишь вставить изображение. Как это сделать?

Как вставить фотографию в готовую рамку?

Шаг №1

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop :

Шаг №2

С помощью инструмента « Перемещение » перетащите фотографию в окно с рамкой. Для того чтобы синхронизировать изображения, в меню « Редактирование » выберите « Свободное трансформирование » и, удерживая клавишу shift , подгоните размер изображения под размер рамки и поверните, если это необходимо:

Шаг №3

В окне « Слои » поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:


Теперь фотография находится под рамкой.

Шаг №4

Для создания дополнительного эффекта объёмности вы можете воспользоваться « Параметрами наложения » слоя с рамкой. Для этого кликните правой кнопкой мыши и выберите соответствующий пункт:


В разделе « Тиснение » поставьте галочки, руководствуясь своим вкусом и предпочтениями:


В результате у вас получится объёмное и реалистичное изображение в рамке.


Надеемся, что данный урок стал для вас полезен!

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

Обводка фотографии

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

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

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

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

Появившееся диалоговое окно немного пугает количеством пунктов, но нам из них нужны всего два.

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку». Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

  • Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
  • Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Ins >

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

В появившемся диалоговом окне задаём параметры обводки: толщину и цвет линии, её положение относительно выделения и параметры наложения.

В этом примере мы указали, что обводка должна быть толщиной в 3 пикселя и белого цвета. А располагаться должна по центру выделения. Это значит, что линия выделения в виде «бегущих муравьёв» будет проходить по центру будущей обводки.

А вот и результат.

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

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

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

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

Чтобы получить нужный эффект, нам потребуются фильтры из блока Brush Strokes/«Штрихи». Выбираем подходящий на свой вкус и задаём ему параметры. Чем больше разрешение фотографии, тем больше должны быть значения параметров, иначе эффект не будет заметен.

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

После этого нажимаем на клавишу Delete на клавиатуре для того, чтобы удалить выделенную область. При удалении Photoshop предложит сразу сделать заливку вместо удаляемой части фотографии. Указываем, какой цвет использовать для заливки.

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

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

После применения команды размер холста увеличится и новые области будут прозрачными. Осталось только заполнить их нужным цветом.

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

После этого просто заливаем новый слой нужным цветом.

Вставка фотографии в рамку

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

Итак, допустим вы нашли подходящую рамку и открыли ее в Adobe Photoshop. Вторым документом откройте фотографию, которую надо вставить в рамку.

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию. Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

В зависимости от размера и пропорций рамки и фотографии иногда удобнее бывает изменять размер именно фотографии. Это делается аналогично.

7 простых способов как делать свои рамки в фотошоп.
Приветствуем тебя, дорогой читатель сайта Гикфо!

Чтобы сделать рамку в фотошоп, совсем не обязательно хорошо знать программу.

Достаточно и минимальных знаний фотошопа.

Итак, начинаем от простого к более сложному.

Способ 1выполнить обводку.

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

Если необходимо сделать рамку для всего изображения, то лучше всего использовать сочетание клавиш CTRL+A, если же необходимо выделить часть изображения используем инструменты выделения.

После того, как выделение готово, идем в –

В появившемся окне выбираем указываем толщину, цвет, расположение обводки –внутри.

Если же будет выбрано расположение обводки –снаружи-, то тогда размер изображения можно уменьшить воспользовавшись командой –Свободное трансформирование – сочетание клавиш CTRL+T, удерживая клавишу Shift для сохранения пропорций.

Или же увеличить размер холста на необходимые размеры.

Из вышесказанного вытекает способ 2: с использованием подлежащего слоя:

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

При этом слой с изображением должен находиться выше цветного слоя или слоя с текстурой.

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

Способ 3. Используем стили.

Создаем новый слой над слоем с изображением и заливаем его любым стилем. Стили на любой вкус можно скачать в Интернет.

Выделяем, допустим, овальную область, ощищаем ее – нажимая клавишу Del.

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

Можно добавить текст, также применив к нему стиль.

Способ 4. Используем параметры наложения – стили слоя.

Создаем новый документ, допустим 10 см х15 см.

Заливаем слой понравившемся узором.

Выделяем область, ощищаем содержимое – клавиша Del

Снимаем выделение, Ctrl+D.

Дважды кликаем по слою, или же вызываем параметры наложения, кликнув по значку :

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

Под полученный слой помещаем изображение.

Способ 5. Маски в фотошоп.

Открываем изображение, добавляем новый слой.

На новом слое создаем быструю маску – клавиша Q.

Затем свободная трансформация – уменьшаем маску в размере.

Идем в Фильтр –Штрихи- Аэрограф.

Размеры устанавливаем по своему вкусу

Выходим из быстрой маски: еще раз нажимаем клавишу Q

Заливаем выделенную область (слой 1) цветом или градиентом.

Способ 6. Используем растровые фигуры.

Открываем изображение, разблокируем фоновый слой.

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

Выделяем нужный фрагмент

Меняем расположение слоев, и нажав клавишу Alt встаем мышкой между слоями.

Появится значок – кликаем.

Затем можно объединить слои Ctrl+E

Добавить новый слой ниже слоя с изображением

В слое с изображением добавить эффекты наложения

Нижний слой залить фоном переднего плана, и можно применить фильтр .

Или любой другой, поиграться – что больше всего будет по душе.

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

Способ 7. Делаем прозрачную рамку в фотошоп.

Открываем изображение, дублируем три раза фоновый слой – нажимая три раза сочетания клавиш Ctrl+J

Два верхних слоя отключаем, нажимая на значок глаза напротив слоя. И сразу переименуем слои, чтобы не путаться.

Находясь на слое 1 идем в – – .

Добавим шум. Идем в – –

Все в том же Слое 1 вызываем параметры наложения слоев

Включаем видимость слоев, и на активном верхнем слое уже знакомым способом создаем маски в фотошоп: кликая между Слоем 2 и Слоем 3 при нажатой клавише Alt.

На Слое 2 вызываем свободное трансформирование Ctrl+T, удерживая клавишу Shift, уменьшаем изображение.

В слое 2 вызываем параметры наложения слоев, выставляем примерно такие значения:

Получили вот такую славную рамочку:

Не бойтесь экспериментировать, включайте свою фантазию, и у вас обязательно все получится!

Простая рамка в фотошопе. Способ 1

Доброе время суток, друзья!

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

Поэтому боюсь, что последовательности, как таковой, не случится.

Теперь о рамках для фото вообще… Надеюсь, что вы понимаете, о чем идет речь.

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

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

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

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

При подготовке этого урока я немного «заигралась», и у меня получилось даже не одна, самая простая, а две рамочки, так что простите, если урок вам покажется длинным и скучным.

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

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

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

1. Открываем фотографию или картинку. Воспользуемся классическим способом, описанном в прошлом уроке. Для этого идем в меню — файл — открыть….

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

Я взяла фотографию из папки с фотками о моей поездке на парад тюльпанов в Балчике. Выбираем нужное фото, кликнув на него 1 раз левой кнопкой мыши и жмем на ОТКРЫТЬ.

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

4. Выскочит дополнительное окно, которое рекомендую сразу переименовать, если речь идет о большой и кропотливой работе с множеством слоев. Есть два способа это сделать: сразу или после. Сейчас мы переименуем слой сразу.

Поэтому в открывшемся дополнительном окне напишем вместо Слой 0 — Желтые тюльпаны и нажмем на кнопку ОК.

После этого вы увидите название своего первого слоя в палитре слов.

Сразу покажу второй способ переименования слоя. Для этого вернусь назад, кстати, это можно сделать, пройдя в меню — редактирование — назад. Так что не бойтесь чего-то испортить, так как всегда есть возможность вернуться назад и даже на несколько шагов вашей истории.

Итак, я вернулась на прежнюю позицию, когда дважды кликнув по замку фона. вышло дополнительное окно, жмем на ОК.

Справа в панели слоев видим, что вместо слова Фон появилось Слой 0.

Кликаем по активному слою (он всегда синий) правой кнопкой мыши и на дополнительной вкладке ищем ПАРАМЕТРЫ СЛОЯ и жмем на фразу левой кнопкой 1 раз. У вас снова появится дополнительное окно, как на предыдущем скриншоте, где вы Слой 0 переименуете в Желтые тюльпаны.

5. А теперь поучимся изменять размер фотографии. В моем случае она большая 4000 на 3000 рх.

Для этого топаем в Меню — Изображение— Размер изображения.

Видите размер моего фото огромный. Буду его уменьшать, чтобы его облегчить и чтобы картинка просматривалась удобно в 100% масштабе.

Для этого можно прописать размеры только длины или ширины. Эти параметры связаны, и при смене одного, автоматически меняется другое в нужных пропорциях. Я вместо 4000 рх пишу 700и высота фотографии тоже меняется, жмем ОК.

И ужас, нашу картинку почти не видно на рабочем поле, потому что масштаб оригинального фото был 16,67%. Оно ведь не помещалось в рабочем поле в натуральную величину. Что делать?

Топаем в строку состояния в левый нижний угол и вместо 16,67 пишем 100, проценты не стираем, и нажимаем клавишу Enter.

6. Теперь сделаем дубликат слоя, так сказать для верности, чтобы не испортить подлинник в случае чего, а мне в моей работе это потом пригодилось.  Для вас это просто навык, и чтобы создать дубликат жмем правой кнопкой по активному слою, и на открывшейся вкладке ищем фразу «Создать дубликат слоя». Кликаем по ней левой кнопкой мыши 1 раз.

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

И как вы видите на нижнем скриншоте в панели слоев появилась копия слоя желтые тюльпаны.

7. Теперь будем создавать самую простенькую рамку. Вот только сейчас мы добрались к теме урока.

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

Второй — там же: меню— выделение — загрузить выделенную область.

После этого вы увидите дополнительное окно «Загрузить выделенную область», жмем на ОК, оставляя все настройки по умолчанию.

И вы увидите, что и в первом и во втором случае возле картинки побежали прерывистые линии. Это и есть выделение.

Теперь нам нужно сделать нашу рамочку, но в данном уроке я хочу линии выделения несколько сместить. Для этого надо перейти в Меню — Выделение — Модификация — Сжать, но как видно из скриншота функция Сжать неактивна. Активизируем ее!  Кликнем на активную Граница.

Границу сделаем шириной 1 рх. ОК.

Для того чтобы сжатие прошло корректно нужно к выделению добавить еще и инверсию.  Топаем в Меню — Выделение — Инверсия.

А вот теперь повторяем Меню — Выделение — Модификация — Сжать.

В дополнительном окне пропишем сжатие, например, на 20 рх и ОК.

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

И переходим на пустой активный слой. Рамочка тоже выделена.

Давайте раскрасим нашу рамочку. Идем в меню — редактирование — выполнить обводку.

Откроется дополнительное окно «Выполнить обводку». Я решила сделать тоненькую обводку в 2 рх. Наружную. Желтый цвет в фото преобладает, поэтому я решила поменять основной цвет в панели инструментов на желтый. Для этого активизируем инструмент ПИПЕТКА.

При активном инструменте ПИПЕТКА и левой кнопкой мыши кликаем по выбранному цвету на фотографии. Открывается окно «Выбрать цвет обводки», там цвет меняется на желтый, ОК, и потом цвет обводки тоже сменится на желтый, снова ОК. Это и есть первая тонкая желтая рамочка на прозрачном активном слое.

Когда мы отменим выделение так, как показано на скриншоте, то

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

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

8. Сделала и вторую рамочку. Как мне кажется, что некоторые мои действия повторяются из первой части урока, пусть это будет для закрепления материала.

Для создания новой рамочки вернулась на шаг назад, и отменила «Отменить выделение». Выделение появилось снова.

В панели слоев перешла на слой «Желтые тюльпаны копия» и сделала его активным. Нажала на клавишу Удалить, на моем компьютере это Del. И середина фотографии стала прозрачной до выделения, при условии, если у слоя Желтые тюльпаны отключена видимость.

Отменила выделение в Меню — Выделение — Отменить выделение и включила видимостьпервого слоя «Желтые тюльпаны».

Слой 1 переименовала в  слой Рамка, вспоминайте из начала урока.

И этот слой стал активным. С зажатой клавишей Shift активизируем и второй слой под названием «Желтые тюльпаны копия» и объединяем их в один. Для этого топаем в Меню — Слои— Объединить слои и кликаем левой кнопкой мыши по вышеназванной фразе.

Справа в панели слоев остался первый слой «Желтые тюльпаны» и слой «Рамка». Создаем новый пустой слой. Смотрите скрин. Значок для создания нового прозрачного слоя в нижней части панели слоев.

Переходим на слой «Рамка» и делаем его активным. Идем в Меню — Выделение — Загрузить выделенную область. Почему так? Если мы применим Выделить — Все, то выделится только наружный край рамки.

В дополнительном окне жмем на ОК.  И при использовании функции Загрузить выделенную область, выделится вся рамка.

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

Основной цвет в панели инструментов у нас уже желтый, потому что мы его не меняли, так жмем ОК.

И видим в новом слое желтую рамочку. Если хотите, то можете оставить этот вариант рамки, но я пошла дальше.

Снимаем выделение в Меню — Выделение — Снять выделение. Устанавливаем непрозрачность слоя 1 (желтая рамка) на 40%. Смотри скриншот ниже.

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

Устанавливаем маркер в месте, где хотите написать свой текст, я сделала это на рамке, при чем не меняла цвет текста специально. Цвет запомнился программой фотошопCS5, когда я что-то делала раньше. Пишем свой текст и кликаем левой кнопкой мыши по слою с буквой Т, и после этого слой автоматически переименуется в вашу фразу. У меня это Ольга Коновалова.

Инструментом перемещения сдвинем текст в нужное место.

И, наконец, изменим цвет. Я решила голубой сменить на желтый. При активном инструменте ТЕКСТ в панели инструментов кликаем по голубому окошку с цветом текста в панели параметров. И выбираем нужный цвет с помощью пипетки (см. панель инструментов).

Мне показалось, что подпись слишком яркая, давайте ее немного приглушим. Делаем непрозрачностьслоя на 40 %. Надеюсь, что Вам это понятно уже. Смотрите нижний скриншот.

Ну вот и все.

9. Сохраняем свое «произведение» на компьютере. Для этого идем в Меню — Файл — Сохранить для Web и устройств.

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

У меня получилась вот такая картиночка! Нравится? Делайте свои рамочки, и желаю вам удачи.

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

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

P.S.: Все скриншоты можно рассмотреть в оригинальном размере. Для этого кликните по картинке левой кнопкой мыши.

пользовательских фигур в качестве текстовых рамок в Photoshop

Шаг 1. Выберите инструмент Custom Shape Tool

.

Выберите инструмент Photoshop Custom Shape Tool на панели инструментов. По умолчанию он скрывается за инструментом «Прямоугольник», поэтому щелкните значок инструмента «Прямоугольник» и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню со списком других инструментов, доступных в этом месте, затем выберите Инструмент Custom Shape Tool из списка:

Нажмите и удерживайте инструмент «Прямоугольник», затем выберите в меню инструмент «Пользовательская форма».

Шаг 2: Выберите форму

Выбрав инструмент Custom Shape Tool, щелкните эскиз формы для предварительного просмотра на панели параметров в верхней части экрана:

На эскизе предварительного просмотра отображается текущая выбранная форма.

Это открывает средство выбора формы Photoshop , которое отображает маленькие эскизы всех пользовательских форм, из которых мы можем выбирать. Чтобы выбрать фигуру, просто щелкните ее миниатюру. Я выберу форму сердца. После того, как вы выбрали форму, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора формы:

Выбор формы сердца, щелкнув по его миниатюре.

Шаг 3. Выберите опцию «Пути»

Рядом с крайним левым краем панели параметров находится ряд из трех значков, каждый из которых представляет различные типы фигур, которые мы можем нарисовать. Photoshop дает нам выбор рисования обычных форм, контуров или фигур на основе пикселей. Чтобы использовать фигуру в качестве контейнера для нашего текста, мы хотим нарисовать путь, который по сути является контуром фигуры. Мы разместим наш текст внутри контура. Щелкните по середине из трех значков, чтобы выбрать параметр Paths :

Щелкните параметр «Пути» (средний из трех значков).

Шаг 4: Нарисуйте свою форму

Выбрав параметр «Контуры» на панели параметров, щелкните внутри документа и вытяните фигуру. Вы увидите, что ваша фигура выглядит как тонкий контур при перетаскивании. Вы можете удерживать нажатой клавишу Shift во время перетаскивания, чтобы форма сохраняла свой первоначальный вид, пока вы ее рисуете. Если вам нужно изменить положение фигуры при ее рисовании, удерживайте нажатой клавишу пробела , перетащите фигуру в нужное место в документе, затем отпустите клавишу пробела и продолжайте перетаскивание.Здесь я нарисовал свое сердце в правой верхней части изображения:

Щелкните и перетащите фигуру в документ. Он появится в виде контура.

Шаг 5. Измените форму, поверните или переместите траекторию (необязательно)

Если вам нужно изменить форму или повернуть контур (контур формы) или переместить его в другое место, самый простой способ сделать это — перейти к меню Edit в строке меню в верхней части экрана. и выбрав Free Transform Path .Вы также можете нажать Ctrl + T (Win) / Command + T (Mac), чтобы быстро выбрать ту же команду с помощью сочетания клавиш:

Перейдите в Edit> Free Transform Path.

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

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

Вращение формы с помощью контура произвольного преобразования.

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять изменения и выйти из команды Free Transform Path:

Теперь контур выглядит повернутым.

Шаг 6. Выберите инструмент «Текст»

Теперь, когда у нас есть путь, мы готовы добавить текст! Выберите инструмент Type Tool на панели инструментов:

Выберите инструмент «Текст».

Шаг 7. Выберите шрифт

Выберите шрифт, который хотите использовать для текста, на панели параметров. В своем дизайне я буду использовать Palatino Italic, размер шрифта 12 pt:

.

Выберите шрифт на панели параметров.

Чтобы выбрать цвет для текста, я нажимаю образец цвета на панели параметров:

Щелкните образец цвета, чтобы выбрать цвет для текста.

Откроется палитра цветов Photoshop . Я выберу темно-зеленый цвет в палитре цветов, чтобы он соответствовал цвету цветов на моем изображении. После того, как вы выбрали цвет, нажмите OK, чтобы закрыть палитру цветов:

.

Выберите цвет текста в палитре цветов.

Шаг 8: Откройте панель абзацев

Нажмите на панели символов / абзацев, чтобы переключить значок справа от образца цвета на панели параметров:

Значок переключателя открывает и закрывает панели «Символ» и «Абзац».

Это открывает панели Photoshop Character и Paragraph , которые по умолчанию скрыты. Выберите панель Paragraph , щелкнув вкладку ее имени в верхней части группы панелей:

Щелкните вкладку панели «Абзац».

Шаг 9: Выберите вариант «Выровнять по центру»

Теперь, когда панель «Абзац» открыта, щелкните параметр Выровнять по центру , чтобы выбрать его. Это поможет тексту, который мы собираемся добавить, заполнить всю ширину фигуры.Когда вы закончите, снова щелкните значок переключения на панели параметров, чтобы скрыть панели символов и абзацев, поскольку они нам больше не нужны:

Выберите параметр «Выровнять по центру».

Шаг 10: Добавьте свой текст

На этом этапе все, что осталось сделать, это добавить наш текст. Переместите курсор инструмента «Текст» в любое место внутри фигуры. Вы увидите, что вокруг значка курсора появится пунктирный эллипс , который в Photoshop сообщает нам, что мы собираемся добавить текст внутри пути:

Пунктирный эллипс появляется вокруг значка курсора, когда вы перемещаете его внутри фигуры.

Щелкните в любом месте внутри фигуры и начните вводить текст. По мере ввода вы увидите, что текст ограничен областью внутри пути:

По мере ввода текст остается в границах фигуры.

Продолжайте добавлять текст, пока не заполните область фигуры:

Теперь фигура заполнена текстом.

Шаг 11. Нажмите на галочку, чтобы принять текст.

Когда вы закончите добавлять текст, щелкните галочку на панели параметров, чтобы принять его и выйти из режима редактирования текста Photoshop:

Щелкните галочку, чтобы принять текст.

Теперь текст добавлен и красиво заполняет область формы, но мы все еще можем видеть контур пути вокруг него:

Контур вокруг текста остается видимым.

Чтобы скрыть контур контура, просто щелкните другой слой на панели «Слои». В моем случае мой документ содержит только два слоя — текстовый слой, содержащий мой текст (который в данный момент выбран), и фоновый слой под ним, содержащий мое фоновое изображение, поэтому я нажимаю на фоновый слой, чтобы выбрать его:

Путь будет виден, когда текстовый слой активен.Чтобы скрыть это, выберите другой слой.

И на этом мы закончили! Добавленный мной текст, возможно, не принесет мне каких-либо литературных наград, но теперь мы увидели, насколько легко использовать пользовательские формы Photoshop в качестве контейнеров для текста:

Окончательный результат.

Photoshop: Создание текстового поля с цветом или рамкой. — Сообщество поддержки Adobe

Как заполнить текстовое поле в Photoshop?

Ответ: НЕЛЬЗЯ.

Решение. Вы МОЖЕТЕ делать в Photoshop все, что захотите — мы знаем, что это ПРЕКРАСНО, — но шаги не всегда так просты.См. Ниже решения, позволяющие создать впечатление, что текстовое поле заполнено цветом, имеет границы, полупрозрачно и т. Д.

В Photoshop текстовое поле в основном предназначено для текста внутри, а не для поля, которое его окружает. Другими словами, поле всегда прозрачно, и все эффекты применяются к шрифтам, набранным пользователем. Photoshop (CS4) может создавать невероятные, профессиональные, потрясающие текстовые изображения. Не сомневайся на этот счет!

Текстовое поле Photoshop может отображать один из двух типов ограничивающих рамок:

Его ограничивающая рамка ОБЪЕКТ используется для перемещения всего текстового слоя, его вращения, дублирования и искажения.Щелкнув один раз на палитре текстового слоя и выбрав инструмент перемещения (v), вы создадите эту ограничивающую рамку. Инструмент прямого выбора (а) его не распознает. Примечание. Если вы попытаетесь изменить размер поля как объекта, он также будет искажать / растягивать текст внутри. Это может создавать классные эффекты, но обычно вы хотите, чтобы текст оставался таким, каким был разработан шрифт. См. Слои> Текст> Деформация текста.

Ограничивающая рамка ТЕКСТ предназначена для выделения, повторного набора текста и выбора полей фактического текста / абзаца и т. Д.Выбор инструмента «Текст» и нажатие на существующий текст приведет к созданию этой ограничивающей рамки.

Некоторые функции доступны в любом режиме.

Текстовый инструмент Photoshop имеет два типа курсоров:

НОВЫЙ курсор текстового поля выглядит как курсор для вставки текста (часто встречается в текстовых редакторах) с пунктирной рамкой вокруг него.

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

Текстовый курсор EDIT очень похож на обычный курсор, знакомый людям (без пунктирной рамки).

Чтобы создать инструмент редактирования текста, наведите курсор на СУЩЕСТВУЮЩИЙ текст, и курсор примет форму простой вставки (без пунктирной рамки). Щелчок сейчас переведет вас в режим редактирования текста, а не в режим нового текстового поля. Это приводило меня в замешательство на некоторое время, потому что я привык щелкать в любом месте существующего текстового поля, и мигающий курсор появлялся автоматически — обычно в конце последней буквы. В Photoshop этого не происходит; если этот НОВЫЙ инструмент текстового поля активен, он попытается разместить новое поле в любом месте, где вы щелкаете, иногда перекрывая другое.

В этом режиме (редактировать существующий текст) вы можете осторожно навести стрелку на края текстового поля и изменить размер ограничивающего прямоугольника, не изменяя форму самого текста. Вот как вы увеличиваете или уменьшаете текстовое поле, чтобы оно соответствовало вашим потребностям. Вы также можете выделить текст, вставить между словами / буквами. Выделенный текст доступен для изменения его шрифта, цвета, размера, вырезания / вставки и т. Д.

Чтобы ВЫЙТИ из текстового режима РЕДАКТИРОВАТЬ, установите флажок в столбце инструментов выше или введите ввод (не возвращать) или введите cmd-return (MAC), Ctrl-возврат (WIN).Если вы хотите отменить какие-либо изменения в существующем текстовом поле, щелкните бывший кружок в столбце инструментов или нажмите клавишу esc (вверху слева от клавиши выхода с клавиатуры)

ОК, ГЛАВНАЯ ТОЧКА:

Чтобы добиться, чтобы выглядит как текстовое поле с заливкой, границами, полупрозрачным и т. д., вам нужно будет создать форму объекта (поле) и разместить ее сразу за (под) текстовым полем. Их соединение позволяет легко перемещать их. Недостатком является то, что, когда вам нужен блок большего размера, вам придется изменить размер обоих блоков и, возможно, перецентрировать их друг относительно друга (я знаю, что это своего рода тупо иметь так много шагов только для того, чтобы получить закрашенный текст. коробка или окаймленная.)

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

Теперь выберите инструмент «Текст» и щелкните один раз над этой формой. Текстовое поле создается точно такого же размера, что и прямоугольник (подойдет и любая форма).

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

Теперь свяжите два блока друг с другом. Удерживая нажатой клавишу «Shift» щелкните каждый слой в палитре слоев, чтобы выбрать оба, и нажмите кнопку ссылки в нижней части окна для слоев или перейдите в «Слои»> «Связать слои». Теперь, когда вы переместите одну, она переместит и другую!

Используя инструменты абзаца, вы можете центрировать текст, делать отступ в первой строке и добавлять пробелы между абзацами.За исключением того, что первый абзац кажется слишком близко к верху цветного прямоугольника; не так ли? Photoshop не добавляет дополнительных интерлиньяж (горизонтальный интервал) между текстовым полем и верхней частью первого абзаца.

Есть два способа исправить это:

1. Выберите инструмент «Текст» и щелкните внутри существующего текста, затем наведите указатель на маленькую рамку / вкладку в верхнем центре этого прямоугольника и немного опустите его.

2. Или вы можете разорвать связь между двумя слоями (чтобы разорвать связь, просто щелкните ссылку еще раз, когда в палитре выбран один из двух слоев) и немного переместите цветной прямоугольник вверх.

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

Хорошо, некоторые преимущества:

Теперь, когда вы это настроили вы можете использовать фоновое поле (цветной прямоугольник) для создания других эффектов. Выделите его как отдельный слой, но отключать его не нужно. Чтобы сделать коробку полупрозрачной, измените либо непрозрачность слоя, либо слой ЗАПОЛНЕНИЕ (находится в палитре слоев).

Чтобы создать рамку:

1. Выберите цветной прямоугольник и в меню «Слои»> «Стили»> «Параметры наложения» (или просто дважды щелкните в открытой области палитры слоев для этой формы).

2. Выберите «Обводка», изменить: Цвет заливки, Цвет черный, Размер 4, Положение внутри, Режим наложения нормальный, Непрозрачность 100%. Нажмите OK / Применить

3. Вернитесь в палитру слоев, измените Заливку на 0%, и у вас будет только граница с прикрепленным текстовым полем. Возможно, вам придется снова изменить внутреннее текстовое поле в зависимости от толщины этой границы, особенно если вы установили положение внутри, чтобы сохранить резкость прямоугольника.

4. Да, это будет работать с другими формами и даже с нестандартными формами. Не забудьте сначала нарисовать фигуру и сразу же поместить поверх нее новое текстовое поле ПЕРЕД любым другим изменением. Это гарантирует, что Photoshop создаст текстовое поле точно такого же размера / размера, что и выбранная вами форма. Он даже заставляет поля подходить к неправильным формам, таким как треугольники.

5. Попробуйте!

    Wire frame Текстовый эффект в Photoshop Tutorial

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

    Разнообразие с другим шрифтом
    Шаг 1

    Создайте какой-нибудь шрифт и примените стиль слоя, щелкнув маленькую букву «f» на панели слоев.Добавьте обводку, как показано здесь. Цвет штриха на данном этапе не имеет значения.

    Шаг 2

    Измените тип заливки на градиент для обводки

    Шаг 3

    Добавьте скос и тиснение. Выберите «Тиснение обводкой». Не забудьте отрегулировать размер, чтобы он хорошо смотрелся для вашего текста. Вы увидите, когда он выглядит правильно, он уродлив, когда он слишком большой. Измените контур глянца на показанный

    Шаг 4

    Уточните форму еще немного, добавив контур к скосу

    Шаг 5

    Если вы перейдете к параметрам наложения в верхней части панели стилей, вы увидите прозрачность и непрозрачность заливки.Уменьшите Непрозрачность заливки до 0. Придайте ей тень. Вы видите здесь проблему с тенью? Он добавляет тень для всего слова, а не только для контура. Мы должны быть хитрыми и придумать обходной путь.

    Шаг 6

    На данный момент скройте Drop Shadow, и это то, как должна выглядеть ваша панель с текстом и слоями. (Игнорируйте наложение градиента на снимке экрана)

    Step 7

    Вот кое-что, о чем многие люди не знают. Вы можете добавлять стили слоев в группы слоев, и они соблюдают прозрачность всех вложенных слоев вместе взятых.Что? Это означает, что вы можете заставить его делать то, что хотите. Выберите типовой слой и нажмите Ctrl / Cmd + G, чтобы поместить в группу слоев

    Шаг 8

    Теперь примените падающую тень к группе (группа 1) и обратите внимание, что теперь у вас есть полный контроль над ней как с каркасом. . Очень круто.

    Xtra Credit

    Если вы хотите немного оживить его, вы можете добавить луч света, используя эффекты освещения. Фильтр> Рендеринг> Эффекты освещения (Примечание. Эффекты освещения работают ТОЛЬКО в режиме RGB).

    Вот результат.

    Убедитесь, что вы отрегулировали тень так, чтобы она падала в правильном направлении, в сторону от источника света.

    Надеюсь, вам понравилось. Не забудьте подписаться на нас в социальных сетях и т. Д. @PhotoshopCAFE. Здесь вы найдете стиль слоя и инструкции по установке.

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

    CS6 Superguide

    Вся информация о CS6 и многое другое доступно в виде журнала в формате PDF под названием CS6 Superguide.Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.


    Как легко выделить текст в Photoshop — Medialoot

    Текстовые эффекты Photoshop

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

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

    Шаг 1

    Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Контурный текст», ширину 800 пикселей, высоту 360 пикселей и выберите «Белый» для содержимого фона.Щелкните ОК.


    Шаг 2

    Выберите инструмент «Текст» (T) и введите текст.


    Шаг 3

    Выделив текстовый слой, перейдите в Layer> Layer Style> Stroke и примените следующие настройки:


    Боковые примечания: Положение обводки может быть установлено на Внутри, По центру или Снаружи, режим наложения используется для определения того, как цвет обводки будет взаимодействовать с цветом под обводкой, а Непрозрачность используется для установки значения прозрачности обводки .В разделе «Тип заливки» вы можете выбрать «Цвет», «Градиент» или «Узор».

    Шаг 4

    Кроме того, вы можете просто оставить текст без заливки, просто уменьшив заливку слоя до 0%. Для этого выберите текстовый слой и на панели слоев установите значение Заливки на 0%.


    Заключительные записи

    Обведенный стиль слоя, который можно использовать с фигурами или текстом, может быть очень полезным ресурсом в вашем наборе инструментов. В следующем примере я использовал ту же процедуру, что и в этом быстром совете, но установил Заливку на 25%, изменил цвет обводки и добавил маску слоя к текстовому слою.


    (Архивы) Adobe Photoshop CS3: Добавление границ

    Эта статья основана на устаревшем программном обеспечении.

    В Photoshop можно указать цвет, расположение, размер и непрозрачность границ. В этом документе объясняется, как добавить настраиваемые границы к изображениям Photoshop.

  1. Щелкните правой кнопкой мыши инструмент Прямоугольная область и выберите желаемую форму для границы.

  2. Щелкните и перетащите мышь, пока область не приобретет желаемую форму для границы.
    Вокруг вашего выбора появится движущаяся пунктирная линия.

  3. В меню Edit выберите Stroke …
    Откроется диалоговое окно Stroke .

  4. В поле Stroke в текстовом поле Width введите желаемую ширину в пикселях.

  5. Чтобы выбрать цвет границы, щелкните образец Color .
    Откроется диалоговое окно Выберите цвет обводки .
  6. Выберите нужный цвет
    ПРИМЕЧАНИЕ. Для получения дополнительной помощи по выбору цвета см. Работа с цветами .
  7. Нажмите ОК
  8. В разделе Расположение сделайте желаемый выбор.
    Внутри: граница появляется внутри пунктирной линии выделения.
    Центр: граница появляется по центру пунктирной линии выбора.
    Снаружи: граница появляется за пределами пунктирной линии выделения.

  9. В разделе Blending из раскрывающегося списка Mode выберите нужный режим.

  10. (Необязательно) В разделе Blending в текстовом поле Opacity введите желаемый процент непрозрачности.
    ПРИМЕЧАНИЕ. 100% непрозрачность — это сплошная окраска. Уменьшение непрозрачности делает вашу границу прозрачной.

  11. Щелкните ОК .
    Граница нанесена.

  12. Чтобы удалить пунктирную линию внутри границы, нажмите [Ctrl] + [D].
    Пунктирная линия исчезнет.

  13. Как выделить текст в Photoshop, чтобы выделить текст

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

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

    К счастью, есть Photoshop. И вам не нужно прибегать к гораздо более сложному процессу изменения фона фотографии в приложении.

    Вы можете просто добавить контур к тексту в Adobe Photoshop CC 2020, чтобы сделать его читабельным, независимо от того, какое изображение вы выбрали для его обрамления.

    Вот как:

    Ознакомьтесь с продуктами, упомянутыми в этой статье:

    Adobe Photoshop (от $ 239.88 в Adobe)

    Как выделить текст в Adobe Photoshop CC 2020

    1. Загрузите фотографию в Photoshop, к которой вы хотите добавить текст, открыв Photoshop, нажав «Файл» в верхнем меню и «Открыть» из раскрывающегося списка. Вы также можете сделать это, нажав «command» + «O» на вашем Mac или «control» + «O» на вашем ПК.

    Начните с нажатия «Файл» в верхней строке меню.Эмма Уитман / Business Insider

    2. Выберите фотографию, которую вы хотите импортировать в Photoshop, и нажмите синюю кнопку «Открыть».

    3. Теперь вы можете добавить текст к своему изображению. Имейте в виду, что вам просто нужно, чтобы буквы были достаточно большого размера шрифта, чтобы соответствовать окружающему контуру.

    4. После добавления текста будет создан новый слой. Щелкните правой кнопкой мыши слой на панели «Слои» в правой части экрана. Выберите «Параметры наложения» в самом верху всплывающего меню.

    Поначалу удовлетворившись размером контура, я вернулся и попробовал немного более тонкий эффект контура, который я выбрал для окончательного изображения.Эмма Уитман / Business Insider

    5. Нажмите «Ход». Измените «Размер», перетащив стрелку через полосу справа от «Размер:» или вручную введя число в поле справа от полосы, пока не будете довольны внешним видом контура. Вы также можете настроить цвет и непрозрачность в том же окне.

    Вы можете настроить текст, чтобы он соответствовал видимости вашего изображения и эстетическим целям.Эмма Уитман / Business Insider

    Рамка для фото с текстовым действием (рамки и границы)

    • Название: Рамка для фото с текстовым действием

      Категория: Рамки и бордюры

      тип файла: ATN

      Размер файла: 6.5 КБ

      автор: цепочка

    • Описание:

      г. изменить цвет рамки). Это первый из серии наборов action , которые вы можете использовать для быстрого добавления красивых рамок к вашим изображениям.

      Они предназначены для использования с изображениями для экрана / Интернета, просматриваемыми со 100% увеличением.Создано в Photoshop CS4. Если вы хотите добавить текст к изображению, у меня есть для вас идеальный онлайн-инструмент: MockoFun.

      Эти действия Photoshop добавляют рамку / границу к вашему изображению с редактируемым текстом. Все сделано в слоях, поэтому его можно быстро и легко настроить (например, проверьте генератор изогнутого текста, в который вы можете добавлять свои собственные фотографии, изображения из Textures4Photoshop и сотни тысяч других фотографий и графических элементов. Это весело и это БЕСПЛАТНО!

    • доля

    Рейтинг: 3.56 ( 18 голосов) Ссылка на отчет:

    Теги: Рамка текст 3D текст

    .
Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *