Как можно изменить порядок расположения элементов рисунка зачем это нужно

Изменение порядка графических объектов

В
рисованном изображении каждый объект
располагается в отдельном слое. При
этом содержимое верхних слоев заслоняет
содержимое нижних. При «потере»
объекта между слоями следует нажать
клавишу [Tab]
для последовательного выделения объектов
сверху вниз (или клавиши [Shift+Tab]
для последовательного выделения объектов
снизу вверх).

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

Выравнивание и распределение графических объектов

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

Группировка и разгруппировка объектов

Группировка
рисованных объектов превращает их в
один объект. Чтобы сгруппировать объекты,
следует либо выделить их все при нажатой
клавише [Shift], либо охватить все объекты
прямоугольником с помощью инструмента

(Выбор
объектов).
Затем выбрать команду Группировать
(в меню Действия
или в
контекстном меню).
Сгруппированные графические объекты
перемещаются, вращаются, отражаются, а
также пропорционально или непропорционально
изменяют свои размеры точно так же, как
отдельный объект.

При
необходимости редактирования отдельного
объекта из группы следует воспользоваться
командой Разгруппировать
меню Действия
или контекстного
меню.

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

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

Привязка объектов к сетке

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

Привязку
к сетке при необходимости можно временно
отключить, если при перемещении объекта
удерживать нажатой кнопку [Alt].
С помощью окна настройки сетки ее можно
сделать видимой.

Установка положения объекта в тексте

Существует
возможность перемещения выделенного
объекта в точно заданную позицию, а
также «привязки» или прикрепления
объекта к абзацу таким образом, чтобы
при перемещении абзаца объект перемещался
автоматически (Формат→Автофигура
или команда Формат Автофигуры
в контекстном меню или кнопка Обтекание
текстом на панели Настройка
изображения).

Работа с
таблицами

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

Общие
правила оформления таблиц, принятые в
полиграфии, приведены в Приложении 3.

Таблица
состоит из столбцов и строк. Основной
структурный элемент таблицы – ячейка,
стоящая на пересечении строки и столбца.

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

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

• #
• #
• #
• #
• #
• #
• #
• #
• #
• #
• #

По окончании урока вы сможете:

1. Дать характеристику каждому виду обтекания объекта текстом
2. Менять положение рисунка и назначить направляющие выравнивания
3. Изменять рисунок

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

1. Обтекание рисунка текстом

На Уроке 69 мы работали с рисунком в текстовом режиме. Но представьте себе, что текст – это река, в который бросили валун, и вода валун обтекает. Рисунок мы тоже можем бросить в текст.

Шаг 1. При выделении рисунка справа верху от рисунка появляется кнопка. При щелчке ЛМ по этой кнопке появляется окно «Параметры разметки» с командами. Самая первая команда активна – рисунок помещен в текстовом режиме.

1. Квадрат, то есть валун-рисунок обтекает текстовая река по области выделения рисунка. Почему «квадрат» для меня загадка, ведь рисунок может иметь прямоугольную форму.
2. По контуру. Область выделения любого рисунка – прямоугольник. Но можно вставить рисунок с прозрачными областями. В этом режиме текстовая река будет обтекать рисунок по непрозрачным областям. Можно получить очень интересный дизайнерский эффект.
3. Сквозное. Смесь двух предыдущих режимов. Действует почти так же, как режим «Квадрат», за исключением того, что можно изменить точки обтекания таким образом, чтобы текст заполнял прозрачность между элементами изображения.
4. Сверху и снизу. По сути, аналог текстового режима. Я никогда не пользуюсь этим режимом.
5. За текстом. Текст свободно проходит через рисунок. Очень полезный режим, если вам необходимо сделать водяной знак при создании колонтитулов.
6. Перед текстом. Рисунок полностью перекрывает текст. Практического применения этому режиму я не нашла.

Шаг 2. Предлагаю выбрать обтекание «Квадрат»:

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

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

Подвигайте рисунок, и вы увидите, как текст послушно обтекает его со всех сторон. Но, как правило рисунок располагается справа или слева от текста.

В окне «Параметры разметки есть ещё две команды:

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

2. Положение рисунка

Чтобы грамотно работать с рисунком, надо научиться общаться с диалоговым окном «Макет».

Диалоговое окно «Макет» можно вызвать тремя способами.

1 способ. Команда «СМ. далее…» в нижней части диалогового окна «Параметры разметки».

2 способ. Лента Формат → группа команд Упорядочить → команда Положение → команда Дополнительные параметры разметки:

3 способ. Лента Формат → группа команд Упорядочить → команда Обтекание текстом → команда Дополнительные параметры разметки:

4 способ. Контекстное меню (щелчок ПМ по рисунку → контекстное меню → команда Отекание текстом → команда Дополнительные параметры разметки):

При всех трех способах мы увидим диалоговое окно «Макет»:

Шаг 1. Закладка «Положение» позволит нам точно позиционировать положение рисунка в документе относительно. Я не вижу необходимости подробно останавливаться и расписывать команды, так как все лежит на поверхности. Обращу ваше внимание на нижнюю часть закладки – Параметры:

1. Перемещать вместе с текстом. Перемещаем рисунок с абзацем, к которому привязан рисунок.
2. Установить привязку. Блокирует рисунок абзацем. Если переместить абзацы на странице, рисунок с текстом останется в абзаце. Однако если вы выберете и перетащите абзац на другую страницу, изображение может переключиться на другую страницу. Это предупреждает такое неприятное явление, как «улет» рисунка за пределы страницы. Отмечаем галочкой «установить привязку».
3. Разрешить перекрытие. Позволяет перетаскивать рисунки, чтобы перекрывать друг друга. Чтобы изменить порядок рисунков, используйте кнопки «Переместить назад» или «Переместить вперед» в группе команд Упорядочить.
4. Разметка в ячейке таблицы. Чтобы команда стала активной, надо вставить таблицу и в ячейках установить один или несколько рисунков в текстовом режиме.

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

А вам я предлагаю установить выравнивание по горизонтали и вертикали относительно Поля

Шаг 2. Закладка «Обтекание»

С обтеканием все понятно. Посмотрим на нижнюю часть закладки. Здесь мы можем установить, на каком расстоянии от рисунка будет располагаться текст. Иногда бывает нужно поиграться с этими размерами. Если вы не хотите устанавливать новые размеры для каждого рисунка, то посмотрите на способ 3 вызова диалогового окна «Макет»:

Команда «Сделать макетом по умолчанию» позволит сделать ваши изменения установками по умолчанию. Согласитесь, очень удобно!

А про закладку «Размер» немного позже.

А теперь мой способ позиционирования рисунков:

Шаг 3. Назначаем режим «Направляющие» (лента Формат → группа команд Упорядочить → команда Использовать направляющие):

Теперь подвигайте рисунок по странице:

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

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

3. Изменение рисунка

А сейчас перейдите на страницу 4 (если вы работаете с моим учебным файлом). Там фотография девушки с очаровательной фигурой на белом фоне.

Шаг 1. Выделяем рисунок – оказывается рисунок имеет много лишнего фона. Обрезаем лишние участки рисунка (лента Формат → группа команд Размер → команда Обрезать):

Маркеры границы рисунка меняют внешний вид. Если вы подведете курсор к этим маркерам, то курсор изменит свой вид на перевернутую «Т».

Шаг 2. Обрезаем ненужные части рисунка. Просто нажимаем ЛМ и тащим.

Не путайте обрезку с ножницами – вся информация о рисунке сохраняется. Просто мы её не видим, но программа прекрасно видит.

Шаг 3. Удаляем фон (лента Формат → группа команд Изменение → команда Цвет → команда Установить прозрачный цвет из выпадающего меню

Курсор будет напоминать карандашик (не придирайтесь – как смогла нарисовала):

Шаг 4. Щелкаем на белом фоне (был бы фон синий – щелкнули бы на синем), то есть этим карандашиком мы выбираем цвет, который будет прозрачным.

Шаг 5. Задаем обтекание «По контуру»:

Получилось очень эффектно!

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

Шаг 6. Вырезаем рисунок в буфер обмена

Шаг 7. Вставляем рисунок из буфера обмена специальной вставкой (лента Главная → группа команд Буфер обмена → команда Вставить → команда Специальная вставка…):

Появляется диалоговое окно «Специальная вставка».

Шаг 8. Выбираем «Рисунок PNG». (В статье «Д4. Формат графического файла» я рассказала, что этот формат поддерживает прозрачность). ОК

Рисунок вставился с прозрачностью и удаленными областями. То есть информация об удаленных пикселах не сохранилась, как следствие, рисунок занимает меньше места в памяти, документ заметно «легче», а при 20 вставленных рисунках документ значительно уменьшить свой объем. Мне удавалась 30-тимегабайтные документы уменьшать до 10 МБт

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

1. Кадрировать рисунок
2. Установить прозрачный цвет
3. Вырезать в буфер обмена
4. Вставить специальной вставкой «Рисунок PNG»
5. Назначить обтекание
6. Позиционировать рисунок при помощи направляющих.

Теперь вы сможете:

1. Дать характеристику каждому виду обтекания объекта текстом
2. Менять положение рисунка и назначить направляющие выравнивания
3. Изменять рисунок

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

Все примеры я буду показывать в Adobe Photoshop 2020 для Windows.

Слои в Photoshop: первое знакомство

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

Давайте для начала откроем панель «Слои» (Layers). Чтобы их увидеть, нужно выбрать в верхней части экрана вкладку «Окно» – «Слои» или нажать F7 на клавиатуре. Если вы создали новый документ, то у вас просто отобразится пустой фон. Это наш чистый лист бумаги. Давайте теперь посмотрим, что мы можем с ним сделать.

Как создать новый слой

Новый слой создается двумя способами: можно нажать кнопку «Создать новый слой» прямо на панели слоев (значок с плюсом) либо использовать сочетание клавиш Shift + Ctrl + N. В первом случае слой создается с параметрами по умолчанию, а во втором – появляется окно настроек, где вы можете задать имя, выбрать цвет, прозрачность или режим наложения. Можно использовать любой из этих способов: даже если вы просто создадите новый слой с параметрами по умолчанию, все настройки можно будет выставить позже. 

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

Итак, мы перетащили картинки в окно, и теперь они отображаются на панели «Слои» в том порядке, в котором я их добавляла.

Как выделить слой

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

В таком случае можно просто нажать на интересующее вас изображение в самом документе: сперва убедитесь, что у вас стоит галочка возле пункта «Автовыбор», а затем с помощью инструмента «Перемещение» (V) щелкайте на нужное изображение.

Как скрыть слой

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

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

Как скопировать слой

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

1. Выберите один или несколько слоев, которые вы хотите скопировать. Зажмите клавишу Alt и потяните выбранные слои вверх или вниз на панели. Таким же образом с зажатым Alt можно потянуть картинку на рабочем поле в сторону – она скопируется, а дубликат слоя отобразится на панели.
2. Нажмите правой кнопкой мыши на нужный слой, затем в выпадающем меню выберите «Создать дубликат слоя».
3. Выберите слой, который вы хотите скопировать, а затем нажмите Ctrl +C и Ctrl + V.

Как объединить слои

Объединить два или несколько слоев в Фотошопе очень просто: щелкните по тем слоям, которые вы хотите свести в один, и нажмите Ctrl + E.

Как заблокировать слой

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

Как переместить слой

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

Горячие клавиши для работы со слоями в Photoshop

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

Сочетания клавиш для Фотошопа на Windows:

• Показать или скрыть панель «Слои»: F7
• Создание нового слоя: Shift + Ctrl + N
• Скопировать выделение на новый слой: Ctrl + J
• Объединить все слои в один: Shift + Ctrl + E
• Объединить выделенные слои: Ctrl + E
• Сделать выбранный слой самым верхним: Shift + Ctrl + ]
• Сделать выбранный слой самым нижним: Shift + Ctrl + [
• Переместить на один уровень вверх: Ctrl + ]
• Переместить на один уровень вниз: Ctrl + [

Создаем коллаж

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

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

Я удалила небо, и теперь мне нужно вырезать котика с фона, чтобы поместить его за домами. Я нажимаю на значок с глазом, чтобы снова сделать картинку видимой, аккуратно выделяю кота инструментом «Быстрое выделение» и нажимаю Ctrl + J, чтобы кот оказался на новом слое. Затем я удаляю старого кота, просто щелкнув по нему, а потом на клавишу Delete.

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

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

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

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

Как сделать корректирующий слой

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

Чтобы создать корректирующий слой, я выбираю слой с городом и нажимаю на черно-белый кружок внизу панели слоев. В выпадающем меню можно выбрать, какую корректировку вы хотите сделать. Я выбираю «Кривые», чтобы немного изменить контраст. В появившемся окошке я выставляю нужные настройки и закрываю его. Если вы захотите изменить настройку позднее – щелкните два раза по черно-белому кружочку слева от корректирующего слоя, и окно коррекции снова появится.

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

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

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

Стили

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

Я хочу применить к коту «Внешнее свечение». В этом окне можно изменять параметры наложения свечения, настроить прозрачность и интенсивность света. Как только вас устроит результат, нажимайте ОК.

Если вы хотите применить одинаковый стиль к нескольким слоям одновременно:

1. Нажмите на этот слой правой кнопкой мыши, затем «Скопировать стиль слоя»
2. Выберите те слои, к которым нужно применить этот эффект
3. Нажмите правой кнопкой мыши на «Вклеить стиль слоя»

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

Мои поздравления! С этими знаниями вы можете создать собственный коллаж, состоящий из нескольких фотографий, и даже наложить простой эффект. Все оказалось не так сложно, правда? 

Заключение

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

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