Рамки для текста для в фотошопе: Тонкие рамки для текста и фотошопа

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

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

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

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

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

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

Работа 18+

Отключить комментарии

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

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

Автоматически перейти в портфолио
Остаться на текущей странице

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

{{pub_dates[pub_date] || pub_dates[0]}}

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

Запланировать

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

Как сделать рамку в «Фотошопе»: инструкция и рекомендации

Обрамление изображения, отделение его от фона традиционно и для оформления живописных полотен, и для издательского дела, и – с появлением компьютерных технологий – в веб-дизайне. Живописное полотно вставляют в раму не только для того, чтобы укрепить его, но и в декоративных целях – для придания ему законченности, для большей определенности геометрии полотна. Цвет рамы, наличие паспарту часто составляет единое целое с картиной, от них во многом зависит подача и восприятие произведения. При подготовке изображений к печати или публикации в Интернете часто также возникает необходимость заключить их в рамки, и наиболее эффективно использовать для этого не текстовые редакторы (например, «Ворд»), а графические, в частности, «Фотошоп». Тому, как сделать рамку в «Фотошопе», и посвящена эта статья.

Обрамление всего изображения

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

Откройте файл в программе, в меню «Изображение» найдите пункт «Размер холста» и кликните по нему. В открывшемся окне будет предоставлена возможность уменьшить или увеличить размер площади файла за счет обрезания или добавления новых пикселей. Если в поля «Длина» и «Ширина» вписать положительные числа, холст будет увеличен, если отрицательные – уменьшен. Для создания рамки необходимо прописать положительные числа. Ниже в поле «Расположение» нужно отметить, где именно будет увеличен холст: со всех сторон либо только с трех. Для этого нужно отметить соответствующий квадрат.

Ниже необходимо выбрать цвет будущей рамки и подтвердить действие.

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

Внутренняя рамка при помощи эффектов

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

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

Рамку для фотографии в «Фотошопе» можно сделать, например, при помощи эффектов «Обводка», «Внутреннее свечение» или «Внутренняя тень». Чтобы экспериментировать с ними, нужно открыть окно «Эффекты». Первый путь его открытия – через основное меню (Слой – Стиль слоя – далее можно выбрать любой, откроется общее окно). Второй путь – через окно «Слои». Внизу этого окна нужно найти кнопку «Эффекты». Можно использовать любой из эффектов, главное – везде выбирать опцию «Внутри», так как иначе эффект не отразится – ведь все «внешние» эффекты и рамки окажутся за границами холста и просто не будут видны.

Пример создания рамки при помощи эффекта

Пример того, как сделать рамку в «Фотошопе» декоративной и привлекательной, — это использование эффекта свечения. Откройте файл и создайте дубликат слоя. Откройте окно «Эффекты слоя». Выберите закладку «Внутреннее свечение», справа отметьте галочкой опцию «Предпросмотр» ­– тогда все изменения будут сразу отражаться в открытом изображении. Далее можно экспериментировать с настройками рамки. В первую очередь подвиньте вправо бегунок «Размер», чтобы свечение (рамка) стало видным. Затем можно выбрать цвет свечения, отрегулировать его прозрачность и тип (лучше начинать с «Нормального»), степень растушевки, обычно такая рамка создается путем многократного регулирования всех опций для достижения того результата, который бы вам хотелось увидеть.

Если вы планируете затем возвращаться к редактированию рамки, файл нужно сохранить в том формате, который сохраняет слои – например, в формате psd.

Копирование рамки, созданной при помощи эффектов

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

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

Хранение созданных рамок для дальнейшего использования

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

Использование инструмента «Рамка»

В целом, инструмент «Рамка» в «Фотошопе» нужен, прежде всего, для кадрирования (вырезания фрагмента изображения), его использование в создании декоративной рамки может быть только косвенным – он потребуется вам, если возникнет необходимость обрамления фрагмента изображения.

Выберите инструмент «Рамка», поставьте мышь на область изображения, нажмите левую кнопку мыши, проведите диагональную линию и отпустите мышь. Фрагмент изображения будет выделен. Выделенную область можно редактировать – увеличивать, уменьшать, поворачивать (наведите указатель мыши на стороны прямоугольника и потяните в нужную сторону) и перемещать (поставьте указатель внутри выделенной области, нажмите левую кнопку и переместите область). Чтобы подтвердить команду вырезания, нажмите клавишу «Энтер» либо щелкните по галочке в правом верхнем углу панели инструментов. Чтобы отменить кадрирование, нажмите на значок перечеркнутого круга.

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

Круглые рамки

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

В окне «Слои» выберите слой с изображением. На панели инструментов найдите инструмент «Выделение», нажмите левую кнопку мыши и не отпускайте – откроется подменю вариантов выделения. Выберите «Эллиптическое выделение». Выделите этим инструментом тот фрагмент изображения, который необходимо заключить в рамку. Копируйте его (Редактирование – Копировать) и вставьте (Редактирование – Вставить). В окне «Слои» появится новый слой. Удалите или отключите основной слой. Теперь вы видите изображение круглой (эллиптической формы) на прозрачном фоне.

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

Рамка вокруг текста

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

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

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

Фотомастеринг с помощью Photoshop CS2 | Мир ПК

Когда рядом с вами у пяти человек такие же сапоги — это не мода.
Это — армия.
                                                            Армейская мудрость

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

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

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

Композиционная правка. Художественное оформление предоставляет широкий арсенал возможностей по улучшению композиции снимка, помогает одни участки скрыть, а к другим, наоборот, привлечь внимание.
Цветовая схема. Подбирайте для оформления контрастные цвета, чтобы оно не сливалось с изображением. Однако следите за гармоничным сочетанием цветов, не забивайте фото слишком яркими красками.
Размеры. Не существует оптимальных размеров обрамления снимков, для каждого из них он свой. Если для одной фотографии любое вмешательство противопоказано, то для другой оно может стать спасением.
Стиль. Помните, что оформление должно быть ненавязчивым и не должно спорить со снимком, выясняя, что первично. Оно призвано лишь оттенить и интереснее преподнести фото.

Помещаем джинна в бутылку, или Создаем обтравочную маску
Давайте поместим изображение в заранее заданную форму, например в текст. Возьмем фотографию, сделанную в Никитском ботаническом саду (рис. 1, а), и выполним на ней надпись, сквозь которую будет просматриваться основное изображение (рис. 1, b). Используем для этого маску еще одного вида — обтравочную. (Подробнее о масках см. в «Мире ПК», №10/06, с. 124.) Чем же она лучше обычной? Преимущество такой маски заключается в том, что сквозь нее можно увидеть не один слой, а все лежащие выше.
После создания обтравочной маски различимыми остаются лишь те части изображений, которые входят в контур, задаваемый прозрачными областями нижнего слоя в группе. Если же в обтравочную маску добавить слои, то они будут видимы только по маске, общей для всех слоев, входящих в группу.
1. Откройте изображение и создайте копию базового слоя.
2. На новом слое воспользуйтесь  инструментом Text (Текст) и наберите произвольный текст, например Nikita Garden.
Примечание. Разнообразьте рисунок и размер шрифта, величину межбуквенных интервалов. Подробнее о работе с текстом читайте в следующей статье.
3. Расположите слои так: сверху слой-рисунок, под ним текстовый, а самый нижний сделайте невидимым (рис. 2).
4. Перейдите на верхний слой палитры Layers (Слои) и нажмите правую кнопку мыши. В контекстном меню отметьте пункт Create Clipping Mask (Создать обтравочную  маску).
5. Теперь «джинн-изображение» помещен в «бутылку-текст». В результате останутся только те части фото, которые находились под текстом. Обратите внимание, что на панели Layers появилась стрелка, указывающая со слоя «джинна» на слой его «бутылки».
Совет. Когда будете работать с несколькими обтравочными масками одного изображения, то не забывайте блокировать слой с фотографией, нажимая значок замка на панели Layers, дабы оградить ее от случайного редактирования.
6. Чтобы задать цвет фона, создайте новый слой, расположенный под группой текста с изображением, и назначьте ему однотонную или градиентную заливку, гармонирующую с основными цветами фотографии.
Примечание. Если вы намерены выпустить «джинна» из «бутылки» и разбить слои, то выберите в контекстном меню слоя пункт Release Clipping Mask (Удалить обтравочную маску) или же установите указатель мыши на линию, разделяющую слои. Когда указатель примет вид двух пересекающихся окружностей, щелкните на этой линии при нажатой клавише .

Создаем стильные рамки, или Настраиваем панель Layer Style (Стиль слоя)
Рамка — это оправа для фото. Конечно, не для каждого она нужна, но если рамка хорошо подобрана, то способна преобразить снимок. А кроме того, с ее помощью можно объединить набор фотографий в серию.
Посему рассмотрим различные способы создания рамки и ее близкой родственницы — виньетки. Можно добавить рамку, самостоятельно прорисовав ее, или использовав стили слоя, или применив шаблоны и заготовки панели Actions (Операции).
Выразительные средства, помогающие в прорисовке, рассмотрим во второй части урока, сейчас же познакомимся со стилями слоев. Стили позволят значительно ускорить создание наиболее популярных эффектов: теней, свечения, обводки. Но прежде чем применить их, нужно провести подготовительную работу.

1. Создайте новый слой, расположенный под изображением (для этого предварительно скопируйте базовый снимок на новый слой и сделайте нижний слой невидимым).
2. Настройте параметры Canvas Size (Размер холста) в меню Image (Изображение) так, чтобы по размерам холст превышал фотографию. Отметьте средний квадрат, чтобы площадь по всем сторонам увеличивалась равномерно. В результате появится рамка.
3. Перейдите на слой с изображением и нажмите правую кнопку мыши. В контекстном меню выберите пункт Blending Options (Параметры наложения). С появившейся панелью Layer Style (Стиль слоя) мы и продолжим работу (рис. 3).

Панель Layer Style условно разбита на две части. В левой располагается список доступных эффектов, а включенный флажок означает, что стиль задействован. Правая же предназначена для настройки этих эффектов. Об их характере во многом можно судить по названиям: Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение), Inner Glow (Внутреннее свечение), Bevel and Emboss (Тиснение), Contour (Обводка) и т.д. К одному и тому же слою можно применять одновременно несколько эффектов, которые будут вместе с ним перемещаться.
Для создания рамки были выбраны и настроены следующие эффекты.

• Inner Shadow (Внутренняя тень). Настройки располагаются в двух разделах: Structure (Структура) задает все основные параметры тени; Quality (Качество) определяет внешний вид контура тени Contour (Обводка), и степень ее зернистости Noise (Шум). В первом разделе для цвета тени задайте синий, в режиме наложения на лежащий ниже слой Blend Mode (Режим) укажите Normal (Обычный). Степень интенсивности Opacity (Непрозрачность) задайте 75%, угол Angle — 300, расстояние от объекта Distance (Смещение) — 16 пикселов, мягкость тени Choke (Стянуть) — 75%, размер Size — 7.
• Outer Glow (Внешнее свечение) и Inner Glow (Внутреннее свечение). Кроме разделов Structure (Структура) и Quality (Качество) здесь присутствует раздел Elements (Элементы), в котором можно настроить алгоритм свечения Technique (Метод), размер Size и характер распределения Spread (Размах), у которого чем больше значение, тем четче граница. Экспериментируйте с интенсивностью свечения, алгоритмами, размерами, цветами градиента свечения.
• Stroke (Обводка). Произведем заливку контура градиентом. В разделе Fill Type (Тип обводки) выберите пункты Gradient (Градиент), для Style (Cтиль) задайте Linear (Линейный) и настройте цвета, участвующие в градиентной заливке. Кроме того, в разделе Structure (Структура) можно изменять толщину обводки Size (Размер), указав 18 пикселов, прозрачность Opacity, режим наложения Blend Mode (Режим) и направление Position (Положение) от границы области, установив Outside (Наружу).

Примечание. В правой части панели Layer Style в окне Preview (Просмотр) отображаются все изменения, внесенные в стиль.
После того как все настройки стиля выполнены, нажмите OK. Щелкая на значке  рядом со слоем панели Layers, можно раскрывать и закрывать перечень примененных эффектов (рис. 4). Кроме того, двойным щелчком на стиле вызывается панель Layer Style, где его можно снова редактировать.
Некоторые настройки данных эффектов сохранены и доступны на панели Styles, которую можно вызвать, выбрав одноименный пункт в меню Window (Окно). Чтобы применить стиль к слою, необходимо сначала выделить нужный, а потом выбрать желаемый эффект.
Не обязательно пользоваться стандартным стилем, допускается создавать и запоминать свои стили для оформления фотографий или же редактировать стандартные. Если вы удачно настроили стиль, сохраните его, нажав кнопку New Style (Новый стиль) на панели Layer Style. После этого, обратившись к палитре Styles, вы увидите его в списке доступных стилей.

Сделайте образцовую рамку, или выполните заливку с помощью Pattern (Образец)
Когда вы определитесь с перечнем используемых стилей и их настройкой, перейдите на пустой слой, расположенный под слоем с эффектами и выберите для него «рамочную» заливку. Интересно будет выглядеть заливка одним из образцов текстур. Чтобы воспользоваться ею, поступите следующим образом.
1. При включенном инструменте Paint Bucket (Ведро краски) на панели свойств в раскрывающемся списке вместо Foreground (Основной цвет) выберите Pattern (Узор).
2. В расположенном рядом перечне образцов текстур отметьте понравившийся.
3. Если нужно, расширьте этот перечень, нажав на значок  справа от образцов текстур. В появившемся меню выберите один из пунктов последней группы: от Artist Surfaces до Texture Fill (все они содержат наборы текстур).
Совет. Впрочем, в ваших силах создать собственную текстуру и добавить ее в набор. Инструментом Rectangle Marquee (Прямоугольное выделение) определите участок изображения, который вы хотели бы использовать в качестве текстуры. Затем воспользуйтесь меню Edit • Define Pattern (Редактировать • Определить узор) и в диалоговом окне Pattern Name (Имя узора) введите название.
4. Экспериментируйте с применением нескольких текстур, подчас это может дать очень интересные результаты.
В итоге у фото появилась новая рамка (рис. 5).

Делаем виньетки, или Работаем с панелью Actions (Операции)
Красивая виньетка способна придать особый шарм портретной фотографии. Конечно, в несколько этапов удастся сделать виньетку самостоятельно: создать новый слой, залить его и, применив выделение с большими параметрами Feather (Растушевка), «вырезать» дырку с размытыми краями. Но не обязательно самим изобретать велосипед. Можно воспользоваться заготовками разнообразных эффектов на панели Actions и в диалоговом режиме настроить эффекты, в том числе и виньетки. Что же представляют собой такие «операции»? Они не что иное, как определенная последовательность команд, которая сохранена и вызывается нажатием на значок . Давайте добавим виньетку к фото. Для этого проделайте следующее.
Откройте палитру Actions нажатием клавиш + или с помощью меню Window (Окно). В правой верхней части панели нажмите на значок  и в раскрывающемся списке выберите пункт Frames (Рамки) (рис. 6).
В появившемся списке можно включить любой из эффектов. В данном случае выберем операцию создания эффекта виньетки.
1. Воспользуйтесь инструментом Elliptical Marquee (Овальное выделение) и захватите в овал ту часть изображения, которую хотите поместить в виньетку.
2. На панели Actions отметьте пункт Vignette (Виньетка) и запустите выполнение команды, нажав на значок  в нижней части панели.
3. Укажите имя для Snapshot (Снимок) в диалоговом окне (см. «Мир ПК», №12/06, с. 124).
4. В диалоговом окне Feather Selection (Растушевка выделенной области) укажите степень размытия виньетки, например, сделайте Feather Radius (Радиус растушевки) равным 30 пикселам.
5. В окне настройки параметров слоя New Layer (Новый слой) выберите цветовой режим Mode (Режим), а также укажите степень прозрачности виньетки Opacity (Прозрачность).
6. В диалоговом окне Fill (Заливка) определите цвет заливки самой виньетки. Можете выбрать как однородную заливку, так и текстуру — Pattern (Образец).

Подождите секунды две — и виньетка готова (рис. 7). Как она устроена, вы увидите на панели Layers, а какие операции выполнялись при ее создании — на панели History (История).

Автоматизация, или Чем нас радует панель Actions (Операции)
Кроме возможности автоматизированного создания виньетки на панели Actions находится масса других не менее интересных примеров сохраненных последовательностей. Все они объединены в разные группы — Sets (Наборы).
Default Actions (Операции по умолчанию) — располагает самыми, по мнению разработчиков, популярными операциями из всех наборов.
Text Effects (Текстовые эффекты) — собраны последовательности действий, обычно применяемые к тексту: эффект падающей тени Cast Shadow, эффект матового стекла Frosted Glass, металла Brushed Metal и проч.
Image Effects (Эффекты изображения) — набор, позволяющий имитировать старую фотографию Aged Photo, перенести действие фото в снежную метель (Blizzard), в накрапывающий дождь (Light Rain), в неоновую ночь (Neon Nights) и т.д.
Больше всего внимания уделено разнообразным рамочным эффектам, располагающимся в пункте Frames (Рамки). Можно сделать волнистую рамку (Waves Frame) — рис. 8, а, либо из различных материалов — например, деревянную Wood Frame — рис. 8, b, или алюминиевую Brushed Aluminum Frame,  а также имитировать «уголки», как в старых фотоальбомах, — Photo corners (Фотоуголки) — рис. 8, c. Все они запускаются нажатием на значок  и не требуют настройки.

Познакомьтесь с представленными здесь различными операциями. Даже если данная рамка не подойдет для вашей фотографии, вы сможете детально изучить на панели History (История), с помощью какой последовательности команд она создавалась, а если на панели Actions щелкнете на треугольной стрелке слева от названия операции или набора, то увидите, какие вложенные действия в нее входят. Галочкой отмечены доступные операции. Если ее снять, то данная операция выполняться не будет. Так на основе любой операции можно создать свою, дополнив ее необходимыми действиями, но об этом в следующий раз.

*  *  *

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

ОБ АВТОРЕ
Ксения Свиридова — менеджер и дизайнер Координационного центра программы ECDL на Украине (Европейский стандарт компьютерной грамотности), e-mail: [email protected].

(Архив) InDesign CS3: работа с текстовыми фреймами

Последнее обновление Понедельник, 31 августа 2020 г., 10:26

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

InDesign позволяет гибко определять область текста. Для определения границ и размещения текста используется инструмент Selection .

Работа с Selection Инструмент позволяет работать с текстовыми фреймами, а не с самим текстом. Текстовый фрейм можно изменять, перемещать, удалять, копировать и т. д. Дополнительные сведения о создании текста и текстовых фреймов см. в разделе Добавление текста.

Использование текстовых фреймов

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

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

Индикаторы текстовых фреймов

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

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

Для просмотра текстовых тем:

1. В меню View выберите Показать текстовые темы .
   ИЛИ
   Нажмите [Ctrl] + [Alt] + [Y].

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

Выбор текстовых фреймов

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

Выбор одного текстового фрейма

1. Из Toolbox выберите инструмент Selection .

2. Щелкните в текстовом фрейме, который хотите выделить.

Выбор нескольких текстовых фреймов

1. Из Toolbox выберите инструмент Selection .

2. Щелкните в первом текстовом фрейме, который хотите выделить.

3. Удерживая нажатой клавишу [Shift], щелкните каждый дополнительный текстовый фрейм.

Выбор всех элементов на странице

1. В меню Редактировать выберите Выбрать все .
   ИЛИ
   Нажмите [Ctrl] + [A].
   Все элементы на текущей странице выбраны и могут быть перемещены, скопированы или удалены как группа.
   ПРИМЕЧАНИЕ. Если история занимает более одной страницы, будут выбраны только элементы на текущей странице.

Управление текстовыми фреймами

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

Перемещение текстового фрейма

1. Из набора инструментов выберите инструмент выделения .

2. Выберите текстовый фрейм, который хотите переместить.

3. Переместите указатель внутрь текстового фрейма.
   Стебель стрелки указателя исчезнет.

4. Нажмите и перетащите мышь, чтобы переместить текстовую рамку.

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

Удаление текстового фрейма

1. Из Toolbox выберите инструмент Selection .

2. Выберите текстовый фрейм, который вы хотите удалить.

3. Нажмите [Удалить].
   ИЛИ
   В меню Edit выберите Clear .
   Будет удален только выбранный текстовый фрейм.

Изменение размера текстового фрейма

1. Из набора инструментов выберите инструмент выделения .

2. Выберите текстовый фрейм, размер которого вы хотите изменить.

3. Поместите кончик указателя на один из маркеров изменения размера объекта.
   Появится двунаправленная стрелка.

4. Щелкните и перетащите маркер изменения размера, чтобы изменить размер текстового фрейма.
   СОВЕТ. Чтобы одновременно настроить высоту и ширину, перетащите угловой маркер.

5. Отпустите кнопку мыши.
   Размер объекта изменен.

Расширение текста за границы столбцов

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

1. Из Toolbox выберите инструмент Selection .

2. Выберите нужный текстовый фрейм.
   Маркеры изменения размера появляются вокруг границы фрейма.

3. Поместите кончик указки на калибровочную рукоятку.
   Появится двунаправленная стрелка.

4. Щелкните и перетащите стрелку по столбцам, пока рамка не достигнет нужного размера.

5. Отпустите кнопку мыши.
   Текст перестраивается соответственно.

Связывание и разъединение текстовых фреймов

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

Размещение дополнительного текста (связывание текстовых фреймов)

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

Чтобы поместить скрытый текст в другой текстовый фрейм:

1. Из набора инструментов выберите инструмент выделения .

2. Поместите кончик инструмента Selection на знак плюс и щелкните один раз.
   Если вы расположили инструмент правильно, указатель должен превратиться в значок Place .

3. Поместите значок Поместите туда, где вы хотите продолжить историю.
   Если вы поместите значок поверх уже существующего текстового фрейма, значок Place превратится в значок Link .

4. Чтобы разместить текст, щелкните один раз.
   Любой избыточный текст помещается в новый фрейм и теперь связан с остальной частью вашей истории.

Отключение текстовых фреймов

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

1. На панели инструментов выберите инструмент Selection .

2. Выберите текстовые фреймы, которые необходимо разъединить.
   СОВЕТ: Чтобы выбрать более одного кадра, нажмите и удерживайте [Shift], щелкая.

3. В меню Редактировать выберите Вырезать.

4. Текстовый фрейм исчезает.
   Текст из фрейма автоматически перетекает в следующий фрейм в истории.
   ПРИМЕЧАНИЕ. Если вы вырезаете последний кадр в материале, текст сохраняется в виде переполнения в предыдущем кадре.

Эта статья была полезной? Да Нет

заполнителей с рамками | Холст заказчика

• 3-4 минуты на чтение

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

Вы можете реализовать эти рамки в шаблонах Photoshop.

Чтобы создать заполнитель с рамкой в ​​шаблоне PSD, вам необходимо выполнить следующее:

1. Добавьте в шаблон один или несколько растровых слоев, представляющих кадры. Добавьте маркер к именам этих слоев.
2. Добавьте один растровый слой, представляющий содержимое этого заполнителя. Оставьте его без маркеров.
3. Сгруппируйте эти слои вместе и добавьте в группу маркер .

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

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

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

Пример заполнителей с фреймами

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

1. Создать новый шаблон . В меню File щелкните New .
2. Добавить фото . Например, перетащите его из проводника Windows.
3. Добавьте слой-фигуру . Об инструментах , щелкните инструмент Shape Tool или нажмите U на клавиатуре, переключитесь на инструмент пользовательской формы и нарисуйте форму штампа с помощью мыши.
4. Добавить прямоугольник . Добавьте форму прямоугольника так же, как вы добавили форму штампа на предыдущем шаге.
5. Растрируйте слой прямоугольника . Щелкните правой кнопкой мыши этот слой и выберите Растрировать слой .
6. Добавьте маркер . Дважды щелкните имя слоя и введите .
7. Добавить фото уголки . Перетащите изображение уголков крепления фотографий из проводника Windows.
8. Добавьте маркер . Дважды щелкните имя слоя и введите .
9. Сгруппировать все слои вместе . Выберите слои, щелкните их правой кнопкой мыши и выберите «Группировать из слоев».
10. Добавьте маркер . Дважды щелкните имя группы на Layers и добавьте маркер к его названию. Слои должны выглядеть следующим образом:

 ![Кадры, определенные в Photoshop.](images/FramePsdLayers.png)
 

Поместите полученный PSD-файл в папку ~\assets\designs\ и откройте его. Обратите внимание, что Редактор дизайна отображает такую ​​группу слоев как один элемент.

Кадры из галереи

В предыдущем примере показано, как можно создавать заполнители с рамками в шаблоне PSD и открывать эти шаблоны как продукты в редакторе. Кроме того, вы можете подготовить коллекцию фреймов и разрешить своим пользователям применять их к своим продуктам. Чтобы подготовить кадры для коллекции, создайте PSD-файлы, как описано в предыдущем примере, и расположите эти файлы в одной папке галереи. После этого настройте виджеты AssetManager и Toolbox в файл clientConfig.json :

1. Настройка PublicSource из кадров .

    "Источники ресурсов": {
       «Кадры»: {
           "тип": "Общий источник",
           "разрешенные расширения": [ "psd" ],
           "rootCategory": { "имя": "Кадры" }
       }
   }
    

2. Добавьте вкладку Frames в AssetManager.

    «Менеджер активов»: {
       "вкладки": [{
           "имя": "Кадры",
           "assetSourceInstance": "Кадры"
       }]
   }
    

3. Добавьте кнопку Frames на панель инструментов.

    "Набор инструментов": {
       "кнопки": [{
           "translationKey": "Toolbox.FRAMES",
           "translationKeyTitle": "Toolbox.TITLE_FRAMES",
           "iconClass": "cc-icon-frames",
           "действие": "Изображение",
           "вкладки": [ "Рамки" ]
       }]
   }
    

В источнике ресурса вы устанавливаете имя rootCategory на «Кадры» , что означает, что ваши шаблоны фреймов находятся в . .\assets\images\Frame\ папка.

Как добавить рамку в Photoshop (простой способ)

Инструмент «Рамка» в Photoshop делает невероятно простым добавление рамок в ваш проект. Хотя вы можете выполнить аналогичный трюк с масками слоев, смарт-объектами и т. д., инструмент «Рамка» делает это в 10 раз быстрее.

Эй-о! Это снова Кара. Если вы читали другие мои уроки на Photoshop Buzz, возможно, вы уже знаете, что я ненавижу терять время. Вот что делает инструмент Frame таким потрясающим! Это один из тех инструментов быстрого доступа, которые делают проект очень простым.

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

Позвольте мне показать вам, что я имею в виду!

Примечание: приведенные ниже снимки экрана взяты из Photoshop CC для Windows, Mac или других версий, которые могут немного отличаться.

Содержание

• Создание рамки для размещения изображения
  • Шаг 1. Выберите инструмент «Рамка»
  • Шаг 2. Поместите второе изображение
• Добавьте рамку к изображению
  • Внесите корректировки
• Добавьте слой-заливку
• Создайте рамку из формы

Давайте создадим рамку для размещения изображения 90-е начните с круглой рамки. Я получил это изображение с Pexels.com. Допустим, мы хотим заменить сцену через это круглое окно другим изображением.

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

Шаг 1: Выберите инструмент «Рамка»

Выберите инструмент «Рамка» на панели инструментов слева.

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

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

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

Шаг 2. Поместите второе изображение

Теперь мы поместим в рамку это изображение «марсианского пейзажа», также предоставленное Pexels.com.

Перейдите к File и выберите Place Embedded.

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

Photoshop поместит изображение в рамку, легко!

Обратите внимание, что на панели «Слои» изображение автоматически размещается как смарт-объект.

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

Вы также можете нажать Ctrl + T или Command + T на клавиатуре, чтобы изменить размер изображения по мере необходимости.

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

Теперь давайте посмотрим, что еще можно сделать с помощью инструмента «Рамка»!

Добавление рамки к изображению

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

Выберите инструмент Frame на панели инструментов или нажмите K на клавиатуре.

На этот раз выберем квадратную ориентацию.

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

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

Обратите внимание, как изображение превращается в смарт-объект? Благодаря этому вы можете легко заменить содержимое фрейма другим изображением. Значок новой рамки также появляется слева от миниатюры изображения на том же слое.

Внести корректировки

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

Удерживая Shift , щелкните, чтобы выбрать и рамку, и изображение.

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

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

Добавить слой-заливку

Чтобы заполнить изображение, просто добавьте слой заливки сплошным цветом. Щелкните значок полузаполненного круга в нижней части панели «Слои» и выберите Solid Color .

Выберите нужный цвет в палитре цветов и нажмите OK . Затем перетащите слой сплошного цвета под слой с рамкой и изображением. Отрегулируйте размер холста по мере необходимости.

Вуаля!

Сделать рамку из формы

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

Проверьте это.

Откройте новый документ и выберите инструмент Custom Shape на панели инструментов.

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

Теперь перейдите к Layer в строке меню, наведите указатель мыши на New и выберите Convert to Frame.

В открывшемся окне назовите свою рамку и нажмите ОК .