Как уменьшить скопированное изображение в фотошопе: Перемещение, копирование и удаление выделенных пикселей в Photoshop

Содержание

Дублирование объектов с перемещением на заданное расстояние, автоматизация

Фильтр «Сдвиг»

Применение фильтра очень простое. Допустим, у нас имеется документ, состоящий из двух слоёв, это фоновый рисунок размером 500 на 400 пикселей, а на другом слое находится квадрат размером 50 на 50 пикселей. Задача: дублировать квадрат и сдвинуть его вправо на 100 пикс.
Становимся на слой с квадратом, и дублируем его, нажав комбинацию клавиш Ctrl+J. Затем идём по вкладке Фильтры —> Другие —> Сдвиг (Filter —> Other —> Offset) и задаём нужные параметры смещения, т.е +50 пикселей по горизонтали, по вертикали 0.

Как видно на рисунке, смещение квадрата можно увидеть сразу, до окончательного применения фильтра (т.е. клика по ОК).

Если же надо получить несколько копий квадрата на таком же расстоянии, то дублируем его, нажав Ctrl+J, а затем применяем последний фильтр, т.е. «Сдвиг», нажав Ctrl+F. И эти действия нужно повторить столько раз, сколько копий объекта нам требуется.

Перемещение объектов на указанное расстояние с помощью инструмента «Свободное трансформирование»

Используя свободное трансформирование, можно задать не только расстояние, но и изменение размеров объекта. Дублируем квадрат. Нажимаем комбинацию клавиш Ctrl+T и видим, что вокруг квадрата появилась габаритная рамка, но для наших задач она не нужна.

Нам понадобятся настройки вверху рабочего окна Photoshop`а, в панели параметров. По умолчанию в параметрах X и Y будет указано расстояние центра объекта от начала координат, как показано на рисунке.

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

На рисунке видно, что для смещения квадрата введены значения X и Y, равные 100 пикселям, а также задан поворот объекта в 45 градусов. Можно изменить и размер объекта, если поставить свои значения вместо ширины и высоты 100%.
Для завершения трансформации надо нажать клавишу Enter.
Чтобы ещё раз сместить и дублировать объект, надо, как в первом примере, клонировать квадрат, нажав Ctrl+J, а затем повторить трансформацию, нажав комбинацию Ctrl+Shift+T.

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

Автоматизация перемещения с дублированием слоёв в Photoshop

В палитре слоёв выбираем слой, который хотим дублировать.
Открываем палитру Операций, или, как её называют по другому, палитру Действий или Экшенов. Я открываю её комбинацией Alt+F9.

В этой палитре кликаем по расположенной внизу иконке «Создать новый набор» (Create new Set), даём ему какое-нибудь имя. Далее кликаем по иконке «Создать новую операцию» (Create new Action), опять задаём имя. На палитре слоёв кнопка «Начать запись» (Begin Recording) подсветилась красным цветом. Дублируем слой (Ctrl+J), затем применяем фильтр «Сдвиг» или свободное трансформирование, как описано выше. Кликаем по кнопке Остановить «воспроизведение/запись» (stop playing/recording). Всё, действие создано. Палитра операций будет иметь следующий вид (набор я назвал «Сдвиг», а операцию -«Сдвиг на 50 пх) :

Вот, собственно, и всё, операция создана. Теперь, для клонирования объекта N раз, надо кликнуть по кнопке «Выполнить операцию» (Play Selection) N раз.

Как в фотошопе на шаблон наложить фото

❶ Как вставить фотографию в шаблон

Вам понадобится

  • — программа Photoshop;
  • — фотография.

Инструкция

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

В панели инструментов кликните по Move Tool, инструменту, который позволяет перемещать детали изображения. Используя Move Tool, перетащите свою фотографию в окно шаблона. Тот же результат получится, если вы выделите все изображение на своей фотографии командой All, которая находится в меню Select, скопируете его командой Copy из меню Edit, переключитесь на окно с шаблоном, кликнув по нему мышкой, и вставите скопированное изображение командой Paste из меню Edit.

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

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

Для изменения размера примените к выделенным слоям команду Scale, которую можно увидеть в группе Transform меню Edit. Вокруг изображения появится рамка, передвигая угловые маркеры которой, вы можете уменьшить выделенные изображения. Для того чтобы шаблон или фотография уменьшались без искажений, зажмите клавишу Shift. Уменьшив размер картинки, нажмите клавишу Enter.

Если шаблон состоит из одного слоя, переместите свое изображение под шаблон. Для этого выделите слой с фотографией и примените к нему команду Send Backward из группы Arrange, которую можно обнаружить в меню Layer. Если в шаблоне больше одного слоя, передвиньте свою картинку под тот слой шаблона, который должен ее частично закрывать.

Инструментом Move Tool передвиньте фотографию, чтобы в прозрачной части шаблона оказалась именно та ее часть, которая должна быть видна на итоговом изображении. Может оказаться, что фотографию надо повернуть. Это несложно сделать командой Free Transform из меню Edit. Поместив указатель курсора над любым угловым маркером появившейся рамки, вы заметите, что указатель изменил форму. Зажмите левую кнопку мыши и поверните изображение. Для применения трансформации снова нажмите на клавишу Enter.

Сохраните полученную картинку в файл jpg командой Save As из меню File.

Источники:

  • Описание процесса вставки фото в шаблон в 2018

Наложение изображений

Наложить картинку на картинку тремя способами: в онлайн фотошопе

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

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

Лучший способ для новичков

Любому начинающему дизайнеру хочется творить, создавать что-то свое. Это вполне логично и понятно. Именно для реализации своего собственного потенциала люди и подаются в творчество.  Хотя, сказать откровенно, это не совсем верный подход к делу.

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

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

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

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

Сейчас нас все это не интересует. Заходите на сайт и сразу же переходите в раздел «Инструменты» и находите в перечне коллаж.

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

В разделе Layout (макет, шаблон) вы можете выбрать метод расположения картинок. В зависимости от их количества.

При наведении на любой из квадратов на нем появляется синий крест. Щелкаете и добавляете иллюстрацию из файлов на компьютере.

При помощи настроек Spacing (расстояние) определяете ширину рамки вокруг картинки. Color (цвет) определяет ее оттенок. Для работы с цветом я предлагаю на первых порах пользоваться сервисом Color Scheme. Он поможет подобрать наиболее выгодные сочетания.

Roundness – скругление прямоугольных форм. Поможет сделать объект обтекаемым.

С такой настройкой как Proportions (пропорции) все и так понятно. Оно определяет ширину и высоту изображения.

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

Для усовершенствования помогут схемы сочетаний цвета.

Онлайн Фотошоп – сложный и не очень

Наложить картинку на картинку легко и просто можно в фотошопе (делаем коллаж своими руками). Про работу с программой я уже рассказывал, можете прочитать об этом мои предыдущие статьи в рубрике Веб дизайн и Photoshop. Сегодня просто поработаем в онлайн версии этой программы. Приложение есть и на ru.photofacefun.com, и на официальном сайте Pixlr.com. Обратите внимание, что если вы пользуетесь первым вариантом, нужно зайти в раздел «Редактор» и выбрать именно эту версию. Другие для создания коллажа не подойдут.

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

Первым делом открываете изображение. Можно выделить и загрузить сразу оба.

На передний план выставляете картинку, которую будете добавлять на другую. Далее пользуетесь сочетанием клавиш – Ctrl+A выделит изображение, а Ctrl+C скопирует в буфер обмена.

Теперь щелкаете по второй фотографии, на которую хотите добавить рисунок и нажимаете Ctrl+V — вставить.

В моем случае картинка перекрыла нижнюю. О том, что их две свидетельствует только вкладка «Слои».

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

К сожалению, в онлайн версии излюбленное сочетание клавиш Ctrl+T (трансформирование) не работает. Зайдите в раздел «Редактировать» и выберите Free transform.

Можете спокойно работать с размером.

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

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

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

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

Простой вариант — Paint

Если вам просто надо наложить одно фото на другое, то можно воспользоваться и стандартным приложением от windows — paint.net. Мне не очень нравится этот вариант, так как возможностей для работы и редактирования мало. Решение нужно принимать сразу, но зато все произойдет быстро и безболезненно.

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

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

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

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

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

Все проще, чем вы думаете. До новых встреч и удачи в ваших начинаниях.

❶ Как накладывать шаблон на фото

Инструкция

Подберите фотографию, которую вы хотели бы оформить при помощи шаблона. Скачайте подходящий к фотографии шаблон (как правило, они предоставляются в формате png или psd) с одного из бесплатных сайтов, предоставляющих материалы для оформления фото и дизайнерских работ. В данном примере используется шаблон-рамка.

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

Откройте шаблон и фотографию в графическом редакторе Аdobe Photoshop. Вам понадобится палитра «Layers». Она откроется, если нажать клавишу F7.Разместите в рабочем пространстве рядом два окна — с фотографией и с рамкой. Сделайте активным окно с рамкой, щелкнув по нему мышкой.

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

Посмотрите, устраивает ли вас результат. Может быть, вы хотите сделать фотографию меньше? Для этого, прежде чем масштабировать фото, нужно превратить фоновый слой (Background) в обычный. Для этого щелкните два раза мышью на названии слоя. Появится диалоговое окно, в которое вы можете ввести новое имя слоя — по умолчанию «Layer 0». Остальные параметры — цвет, которым будет обозначен слой в палитре, режим наложения слоя и прозрачность менять не нужно.

Измените, если нужно, размер фото под рамкой. Выберите в панели инструментов «Move Tool» (Перемещение). Иконка этого инструмента представляет собой маленькую черную стрелку с крестиком рядом. Она первая сверху в панели инструментов. Её также можно вызвать, нажав клавишу «V». Обратите внимание: в панели настройки инструмента, которая находится в верхней части рабочего пространства программы, должна быть выставлена галочка «Show transform controls» (Показать управляющие масштабом).

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

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

Если результат вас устраивает, сохраните фото под новым именем при помощи пункта меню «File — Save As» в формате jpg.

Обратите внимание

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

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

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

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

В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.

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

Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) >
Free Transform (Свободная трансформация) или нажимаете сочетание клавиш  CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.

Вставка в изображение фрагмента из другой картинки

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

Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.

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

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

Плавный переход одного изображения в другое

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

Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и  перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.

Если нужно сделать быстро и высокого качества не требуется,  можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.

Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите,  для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.

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

Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).

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

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

Напоследок два простых способа плавного перехода изображения в фон.

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

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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

как выйти в топ поиска по картинкам — SEO на vc.ru

Иллюстрации и фотографии, использованные с умом, полезны не только для пользователей, но и для SEO. При правильном подходе к оптимизации изображений вы можете получать качественный трафик из «Яндекс.Картинок» или «Google Картинок».

22 901

просмотров

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

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

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

1. Используйте качественные и релевантные изображения

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

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

Размещайте изображения рядом с текстом, который они иллюстрируют.

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

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

Качественная картинка иллюстрирует и дополняет заголовок новости

У изображения должна быть цель

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

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

Здесь показан конечный результат

А здесь — процесс работы

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

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

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

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

2. Используйте оригинальные изображения по возможности

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

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

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

  • С помощью сервиса TinyEye.

TinyEye — бесплатный сервис для проверки уникальности картинки

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

Если же картинка уже используется на каких-либо сайтах, то TinyEye покажет список этих сайтов.

  • Проверить, есть ли изображение в индексе поисковых систем.

Например, загрузите фотографию в «Яндекс.Картинках». Если в индексе поисковика ее нет, то вы увидите такое:

Если картинка есть в индексе, то «Яндекс» это покажет.

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

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

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

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

В «Google Картинках» вбейте поисковый запрос, а затем выберите «Инструменты» → «Право на использование» → «С лицензией на использование» (или «С лицензией на использование и изменение»).

Поиск картинок с открытой лицензией для коммерческого использования

О поиске бесплатных картинок можно почитать в справке Google.

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

Картинки с фотостоков можно улучшить

Картинку можно сделать более интересной и привлекательной с помощью несложной обработки и оформления.

Например, вот такая картинка:

…обретает новую жизнь в блоге Максима Ильяхова с его фирменной оранжевой рамкой.

Для такого оформления необязательно быть мастером «Фотошопа». Достаточно онлайн-сервисов, таких как Canva или Crello.

3. Названия файлов важны: замените «DSC1234.jpg» на понятное название

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

Помимо универсальных атрибутов title и alt (о которых мы еще поговорим) роботы «Яндекса» и Google обращают внимание на название загруженного файла. Название должно соответствовать содержимому картинки. Например, если на фотографии — шоколадный торт, то стоит заменить набор букв и цифр, автоматически сгенерированных камерой, на название:

Правильно: shokoladnyj_tort_s_kremom.jpg.

Неправильно: DSC4980.jpg.

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

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

«Яндекс» учитывает транслитерацию, поэтому смело можете называть файлы транслитом. Не стоит называть файлы кириллицей, так как роботы Google могут не распознать такое название. Плюс не все CMS корректно работают с кириллицей в названиях файлов и URL.

Хорошее название файла. Робот просканирует его и «поймет», что изображено на картинке

Такое название не дает никакой полезной информации поисковому роботу

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

Оптимизация фото для интернет-магазина

Если у вас интернет-магазин и вы размещаете много фотографий товаров, можно пойти еще дальше.

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

Подумайте о том, как пользователи ищут товары на вашем сайте. Какие шаблоны названий они используют при поиске? Люди, которые ищут «эйр максы», могут вбивать поисковый запрос по-разному:

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

Пропишите правила переименования картинок для контент-менеджера, если хотите оптимизировать их для продвижения интернет-магазина.

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

4. Выберите правильный формат изображения

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

Нет правильного или идеального формата для изображений. Все зависит от типа картинки и как вы планируете ее использовать.Чаще всего используются такие форматы: JPEG, PNG, GIF. Их поддерживают все браузеры и поисковые системы. Реже — SVG и WebP.

Вот несколько рекомендаций:

  • Для интернет-магазинов оптимальный вариант — JPEG. Этот формат дает лучшее качество при наименьшем размере файла. Также рекомендуется использовать JPEG для больших фотографий или иллюстраций.
  • PNG используйте, если нужно сохранить прозрачность фона. Остальные форматы не поддерживают эту возможность. Иногда PNG выигрывает у JPEG и по весу файла.
  • Для логотипов и иконок используйте векторный SVG. С помощью CSS или JavaScript вы можете управлять картинками в формате SVG. Например, менять их размер без потери качества.

Вместо JPEG и PNG можно использовать малоизвестный формат WebP. Этот формат сохраняет высокое качество при еще меньших размерах файла. Конвертировать фотографию в WebP можно с помощью Squoosh. Правда, есть нюанс — формат WebP не поддерживается браузером Safari.

5. Сжимайте изображения в меру: картинка не должна сильно терять в качестве

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

Можно пойти двумя путями:

  1. Уменьшить вес файлов изображений на сайте.
  2. Оптимизировать способ отображения картинки — показывать превью.

Насколько большими должны быть файлы изображений

Для интернет-магазинов, где на одной странице размещаются десятки (а то и сотни) изображений товаров, оптимальный размер изображения — до 70 КБ. Иллюстрации в статьях либо в других разделах сайтов (не каталоге) могут быть тяжелее, но не стоит заходить далеко и вывешивать картинки весом в десятки мегабайт.

Как уменьшить вес изображений

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

Вес изображения можно уменьшить при экспорте картинки в «Фотошопе» («Файл» → «Экспортировать» → «Сохранить для Web»), просто снизив качество.

Что здесь можно сделать:

  • Выбрать JPEG-формат.
  • Немного снизить качество (до 60-80%).
  • Изменить размеры изображения.

Для примера, картинка в формате PNG-8 и размером 3000 х 3000 пикселей занимает 2,18 МБ.

Неоптимизированная фотография

Сохраняем ее в JPEG, снижаем качество до 80%, а также уменьшаем размеры до 1500 х 1500 пикселей. Вес после оптимизации — 250,2 КБ.

Вес оптимизированной фотографии почти в девять раз меньше

Сервисы для сжатия картинок

Если вы не мастер «Фотошопа» (и не купили лицензионную версию), можно воспользоваться одним из сервисов для сжатия картинок.

JpegMini — позволяет уменьшать вес картинок до 80%.

ImageOptim — десктопная программа для Mac. Позволяет оптимизировать картинки без потери качества. Программа удаляет из файла картинки метаданные: местоположение GPS, серийный номер камеры, данные о снимке и так далее. Работает с форматами JPEG, SVG , GIF и PNG.

Compressor — бесплатный онлайн-сервис. Может сжимать до 90%. Правда, в сервис нельзя загружать картинки весом более 10 МБ.

TinyPNG и TinyJPG — онлайн-сервисы для сжатия PNG и JPEG-изображений. Бесплатно можно одновременно загружать до 20 файлов весом до 5 МБ каждый. Степень сжатия — более 70%.

Compressjpeg — сервис для пакетной загрузки и оптимизации изображений (до 20 файлов одновременно).

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

После оптимизации изображений проверьте скорость загрузки страницы с помощью Google PageSpeed Insights.

Повышаем скорость загрузки за счет превью

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

Уменьшенная версия изображения в карточке товара, размер — 245 х 245 пикселей. Вес файла — 6,5 КБ

Изображение можно посмотреть в большем размере — 500 х 500 пикселей. Вес этого файла — 26,1 КБ

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

Помните: каждая лишняя секунда загрузки обходится вам потерями трафика.

6. Загружайте на сайт изображения точно по размеру

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

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

Что с этим делать?

Создавайте изображения в том размере, в котором они должны отображаться на сайте. Размер можно изменить в «Фотошопе». Выберите «Изображение» → «Размер изображения».

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

Посмотрите, как много лишнего «веса» картинки мы можем убрать таким способом.

Изменение размеров позволяет в 130 раз уменьшить вес файла с картинкой

Если не можете использовать «Фотошоп», можно воспользоваться онлайн-редакторами (например, PIXLR) или сервисами по обработке картинок. Например, ресайз картинок от Slide.ly позволяет подогнать иллюстрацию под форматы соцсетей или произвольный размер.

Пример

В карточках новостей картинки отображаются в уменьшенном виде. Смотрим код — изображение меньшего размера:

На странице новости отображается полноразмерная картинка большего разрешения:

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

7. Используйте адаптивные картинки

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

Например, вы разместили фото в разрешении 800 х 400 пикселей:

  • Один пользователь зайдет на сайт со смартфона, и фотография будет смотреться нормально.
  • Другой пользователь использует iMac с retina-дисплеем. На таком дисплее картинка будет отображаться с существенной визуальной потерей качества.

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

Используйте для этого атрибут srcset. С его помощью можно указать в элементе <img> несколько версий одного изображения для экранов разных размеров.

Вот так выглядит HTML-код:

<img srcset=»example-320w.jpg 320w,
example-480w.jpg 480w,
example-800w.jpg 800w»

src=»example-800w.jpg» alt=»адаптивная страница»>

А так это реализовано у «Лайфхакера», например:

В исходном коде страницы указаны ссылки на картинки разного размера для адаптации под различные устройства

8. Заполните атрибуты title и alt

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

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

При наведении курсора на картинку всплывает текст из атрибута title

Вот так выглядит код, в котором заданы атрибуты title и alt:

<img alt=»Фото необычной островной кухни» src=»https://designmyhome.ru/sites/default/files/styles/large/public/inline/images/14/neobychnaya_ostrovnaya_kuhnya.jpg» title=»Необычная островная кухня»>

Атрибут alt — текстовая альтернатива для изображений. Используется для того, чтобы описать содержимое или суть картинки.

Если браузер по какой-то причине не может загрузить или отрисовать картинку — он покажет текст, который указан в этом атрибуте.

Картинка не грузится, но можно понять, о чем она

Нужно обязательно добавлять альтернативное описание картинки:

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

Вот несколько простых правил для атрибутов alt:

  • Заполняйте атрибуты alt для каждого изображения (особенно это касается фотографий товаров).
  • Описание должно быть коротким, написано простым языком.
  • Если вы продаете товары с номерами моделей или серийными номерами, используйте их в атрибутах alt.
  • Размещайте в alt только те ключевые слова, которые относятся к изображению.

Хороший пример того, как правильно заполнять атрибут alt, приводит Google в справке для вебмастеров:

9. Создайте Sitemap-файл для изображений

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

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

Для картинок можно создать отдельный XML-файл или обновить существующую карту сайта.

В Sitemap-файле для изображений (в отличие от обычных XML-файлов) можно указывать URL с других доменов. Это позволяет использовать CDN (Content Delivery Network — сеть доставки контента) для размещения графических файлов.

<?xml version=»1.0″ encoding=»UTF-8″?>
<urlset xmlns=»http://www.sitemaps.org/schemas/sitemap/0.9″
xmlns:image=»https://www.yandex.ru/schemas/sitemap-image/1.1″>
<url>
<loc>http://example.com/primer.html</loc>
<image:image>
<image:loc>http://example.com/image.png</image:loc>
<image:geo_location>Карелия</image:geo_location>
</image:image>
</url>
</urlset>

С помощью такого синтаксиса можно указать до 1000 изображений для одной страницы.

Для сайтов на WordPress есть специальный плагин Google XML Sitemap for Images, который автоматически создает Sitemap-файл для всех изображений, которые вы загружаете на сайт.

10. Добавьте подписи к изображениям

Подпись — это текст, сопровождающий изображение на странице. Например, так:

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

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

Что можно сделать в подписи:

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

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

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

Пример уточняющей подписи в статье о карте сайта

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

Специальный класс для картинок с подписью

11. Используйте микроразметку Open Graph и Twitter Card

Микроразметки Open Graph и Twitter Cards нужны для того, чтобы настроить внешний вид поста в социальных сетях при репосте статьи с сайта.

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

И когда пользователи захотят поделиться статьей у себя в соцсетях:

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

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

Open Graph

Разметка Open Graph — разработка Facebook. Кроме Facebook, ее также используют несколько других соцсетей: ВКонтакте, Google+, Twitter, LinkedIn, Pinterest.

Вот как выглядит пост в Фейсбуке, если мы размещаем ссылку на статью с разметкой Open Graph:

А так — если на странице нет микроразметки:

Код микроразметки Open Graph для изображений выглядит так:

Микроразметка Open Graph в исходном коде страницы

Twitter Cards

Twitter Cards отвечает за внешний вид постов в Twitter. Если этой разметки нет, Twitter использует Open Graph.

Так выглядит код с разметкой Twitter Cards:

Микроразметка Twitter Cards в исходном коде страницы

Как добавить

Для сайтов на WordPress микроразметку можно добавлять автоматически с помощью плагинов Yoast SEO или All In One Seo Pack.

Также есть плагины и для других CMS:

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

12. Структурированные данные Schema.org — для лучшего отображения в поиске

Еще один вид микроразметки, который стоит использовать — Schema.org. С ее помощью вы можете точно указать поисковым системам, какой тип контента представлен на странице.

В основном Schema.org влияет на внешний вид сниппетов в поисковой выдаче, но также может учитываться и в поиске по картинкам.

Например, в «Google Картинках» изображения из карточек товаров (размеченных с помощью Schema.org) будут отображаться со специальным значком «Продукт»:

В Google Картинках поддерживаются структурированные данные для нескольких типов контента:

  • товары,
  • видео,
  • рецепты.

Пример кода разметки для товара:

Разметка Schema.org для страницы товара

Подробнее о разметке можно почитать в справочных материалах Google:

13. Размещайте изображения на своем хостинге

Иногда изображения размещают на сторонних ресурсах (например, на хостингах для картинок Imgur, FactPic или других). Это делают для экономии места на собственном хостинге.

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

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

Сети доставки контента (CDN)

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

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

Рекомендации:

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

Несколько слов от поисковых систем

Google рекомендует:

  • Использовать только те изображения, которые вписываются в контекст страницы и дополняют остальное содержание по смыслу.
  • Не использовать неоригинальные изображения.
  • Размещать картинки рядом с релевантным текстом.
  • Заполнять атрибуты alt.
  • Уделять внимание качеству и содержанию страниц. Google учитывает качество информации с сайта при ранжировании картинок. А также может использовать фрагменты текста страницы в описаниях к изображению в Google Картинках.
  • Прорабатывать структуру URL для изображений, так как кроме названий файлов картинок Google также учитывает пути в URL.
  • Оптимизировать сайт под просмотр с мобильных устройств.

Яндекс рекомендует:

  • Размещать качественные изображения.
  • Уделять внимание качеству сайта в целом.
  • Всегда прописывать атрибуты title и alt.
  • Прилегающий к изображениям текст должен быть релевантным картинке.

Чек-лист: обязательные условия оптимизации картинок

  1. Размещайте только релевантные изображения. Они должны дополнять основной контент страницы или объяснять что-то быстрее и лучше, чем текст.
  2. Используйте оригинальные изображения или изображения с открытой лицензией. В России уже есть случаи, когда за использование чужих фотографий приходится выплачивать штрафы.
  3. Давайте файлам изображений понятные названия.
  4. Выбирайте оптимальный формат. Для большинства случаев подойдет JPEG.
  5. Сжимайте картинки, если визуально не будет заметно потерь качества.
  6. Загружайте изображения в тех размерах, в которых они будут отображаться на сайте.
  7. Для разных экранов — разные версии одного изображения.
  8. Обязательно прописывайте title и alt.
  9. Добавьте список изображений в Sitemap-файл.
  10. Подписывайте изображения, если это полезно для пользователей.
  11. Позаботьтесь о внешнем виде постов в соцсетях с ссылками на ваши статьи. Тут вам помогут OpenGraph и Twitter Cards.
  12. Используйте Schema.org.
  13. Лучше размещать медиаконтент на своем хостинге. Если его слишком много — используйте CDN.

Не могу создать новый слой в фотошопе. Как создать новый слой в фотошопе несколькими классными способами

Как создать новый слой в «Фотошопе»: наложение и соединение, как убрать и изменить размер

От обычного графического редактора (Paint и прочих) программа Adobe Photoshop отличается возможностью работы со слоями. Это позволяет в любой момент редактировать тот или иной нанесенный эффект. Также без слоев невозможно представить работу над созданием векторных логотипов.

Создать новый слой в «Фотошопе»

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже. Теперь же без этой функции не обходится ни один профессиональный редактор изображений. В Photoshop можно свободно создавать до тысячи слоев, на скорости работы это никак не отразится. Но это уже экстремальный случай, на практике фотографы задействуют не более 20-30 слоев.

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

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

Где слои в «Фотошопе»

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

Как сделать прозрачным слой в «Фотошопе»

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

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

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

Как убрать слой в «Фотошопе»

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

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

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

Некоторые слои по ходу создания изображения становятся нам ненужными. Их рекомендуется удалять. Для этого выделите слой и нажмите клавишу «Delete». Также для этого слой можно перетащить на кнопку с изображением корзины в нижней части панели. Можно убрать слой в «Фотошопе» и другим способом. Около каждого слоя присутствует кнопка с изображением глаза. Нажмите её — видимость слоя сразу отключится. Это своеобразный аналог нулевой непрозрачности. Сам слой из панели при этом никуда не денется, вы в любой момент способны включить его отображение.

Как соединить: наложение слоев в «Фотошопе»

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

Изменить размер слоя в «Фотошоп»

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

Заключение

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

Инструкция

Система слоев программы представляет собой подобие взятой из реальной жизни стопки плоских изображений, как если бы вы составляли коллаж из вырезанных откуда-то бумажных иллюстраций и кусочков разноцветной бумаги, раскладывали их на столе одну поверх другой – некоторые перекрывали бы друг друга, какие-то были видны частично, какие-то торчали бы за пределы рабочей поверхности. Если материал иллюстраций был бы полупрозрачным, сквозь него виделось бы лежащее снизу и т.п. Работа программы Adobe Photoshop реализована подобным же образом, только изображения и вырезанные фигуры – цифровые.
Слои программы фотошоп могут быть нескольких типов.
Во-первых, это могут быть, собственно, цифровые растровые изображения – фрагменты , рисунков и т.п.
Во-вторых, это могут быть слои, сгенерированные программой – однотонные и разноцветные геометрические фигуры, примитивы, линии, буквы и т.п.
В-третьих, это могут быть слои, не имеющие собственного изображения, но выполняющие служебные функции – как правило это слои, корректирующие цвет, яркость и др. параметры находящейся под ними ниже картинки.
В списке слоев, как правило, есть один особенный слой – он обозначен именем Background или Фон, – обладающий значительными ограничениями, по сравнению с прочими слоями: он имеет размер жестко привязанный к рабочему размеру композиции, он не может быть сдвинут со своего места, и не обладает прозрачностью/ Находясь при этом, на самой последней строчке в списке слоев, по умолчанию он является основой всей композиции, все прочие слои располагаются выше этого фонового слоя. Когда вы в первый раз открываете любое изображение в программе фотошоп, оно представляет собой минимальную композицию – то есть состоит из единственного слоя, имеющего тип Background.
Все прочие слои, создаваемые во время работы могут иметь более свободные параметры и использоваться более гибко.
— прежде всего, они могут иметь любые габариты – их высота и ширина может быть как меньше рабочего поля вашей композиции, так и больше него, в последнем случае, разумеется, края этих слоев будут скрываться за рамками картинки.
— во вторых, каждый слой может иметь один из свободно выбираемых режимов наложения – то есть, вы можете указать, каким образом он будет взаимодействовать с лежащим под ним изображением. Это в первую очередь общая степень его прозрачности, управляемая отдельным параметром. А также тот математический , по которому будет определяться взаимодействие – он может затемнять или высветлять подлежащее изображение, влиять на его теневые области или быть видимым только на светлых участках, оказывать воздействие на цвет, насыщенность, и т.п.
— в третьих, каждый слой может иметь маску прозрачности. Маска – это растровая карта, имеющая такие же геометрические размеры, как и слой, к которому она относится. Цвет каждого ее пикселя может находиться в диапазоне от черного до белого, что, соответственно, делает изображение информационного слоя на этом участке видимым, невидимым или полупрозрачным. То есть, например, у вас есть прямоугольная , а вам нужно, чтобы был виден лишь ее участок в форме овала, за пределами которого слой должен быть невидимым. Чтобы добиться этого вы можете в нужном месте на маске слоя изобразить белый овал, тогда края слоя станут прозрачными, а картинка внутри овала будет видна.

Так как слой типа Background, как уже говорилось выше, не может менять ни своей прозрачности, ни своих геометрических размеров, то чаще всего, самая необходимая операция – это избавление от этих ограничений, т.е. создание из слоя Background полноценного слоя.
Для этого, открываем в программе Adobe Photoshop . Делаем видимым панель со списком слоев (F7 или пункт меню Window>Layers). Видим, что в списке есть лишь один слой Background (Фон), наводим на него мышь и в контекстном меню (в системе Windows – это левая кнопка мыши) находим пункт Layer from Background (Слой из фона). Также эту команду можно найти в меню Layer>New> Layer from Background.
Теперь полученный слой можно передвигать, растягивать – увеличивать и уменьшать в размерах, относительно поля композиции, – стирать, удалять или маскировать в нем ненужные участки и т.п.

Вы можете продублировать слой, иногда это нужно для операций редактирования, когда некоторые участки необходимо модифицировать, но исходное изображение на всякий случай должно остаться нетронутым. Тогда, выбрав в списке слоев нужный слой, находим в главном меню команду Layer>New> Layer via Copy (Слой путем копирования). В панели слоев это можно сделать, просто перетащив мышкой строчку с нужным слоем на с иконкой «чистого листа» внизу панели.
На отдельный слой можно сдублировать не весь исходный слой, а какой-то его участок. Для этого можно сначала сделать на нем выделение – инструментами из комплекта Lasso, Marquee, Quick Selection и т.п. В этом случае, при выборе команды Layer via Copy на новый слой будет скопирован лишь фрагмент исходного.

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

Корректирующие слои, с помощью которых осуществляются операции цветокоррекции, можно создать как через меню Layer>New Adjustment Layer, или найдя внизу панели слоев значок с разделенным надвое черно-белым кружком. Далее у вас появляется возможность выбрать один из типов корректирующего слоя. Такой слои и будет создан. Напомним, что если перед началом операции по созданию нового слоя на изображении есть выделение – а об этом говорит наличие мерцающих пунктирных линий по контурам выделения, – то создаваемый слой будет наследовать это выделение в качестве маски. Таким образом, например, операция цветокоррекции с помощью нового слоя будет произведена не над всем изображением, а только над выделенной частью, то есть там, где маска слоя позволит ему быть непрозрачным.

Обратите внимание

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

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

Инструкция

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

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

3.
 3-й метод. На панели работы со слоями в самом низу есть несколько маленьких кнопок. Выберите значок в виде листа бумаги с загнутым уголком. Нажмите его, и новейший слой
 здесь же появится. Окна создания слоя не будет. Параметры установятся механически: прозрачный фон, обыкновенный режим наложения, имя «слой
 1,2,3» либо иной номер по порядку.

4.
 И конечный, четвертый метод, вероятно, самый стремительный. Нажмите сочетание клавиш Shift+Ctrl+N. Перед вами опять появится окно создания слоя. Выберите необходимые параметры и нажмите «Ок». Эти четыре варианта относятся к созданию чистого слоя.

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

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

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

Вам понадобится

  • – программа Photoshop.

Инструкция

1.
 Для удобной работы со слоями в Photoshop надобна палитра слоев. По умолчанию она располагается в правой стороне окна программы. Если эта палитра спрятана, кликните по опции Layers в меню Window.

2.
 Если вам надобно собрать файл из слоев, содержащихся в иных файлах, откройте эти файлы, запустив диалоговое окно командой Open из меню File. Выделите мышкой документы, которые собираетесь открывать, зажав при этом клавишу Ctrl. Кликните по кнопке «Открыть».

3.
 Щелкните по окну файла с рисунком, тот, что вы собираетесь вставить в качестве самого нижнего слоя в свой документ. Выделите содержимое окна командой All, которая находится в меню Select. Скопируйте в буфер обмена выделенную картинку. Для этого вам сгодится команда Copy из меню Edit. Кликните мышкой по окну файла, в тот, что вы вставляете слои. Добавьте в него скопированный слой командой Paste меню Edit.

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

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

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

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

Вся работа в Photoshop происходит на слоях. Как работать со слоями, что это такое, какие слои бывают — мы и рассмотрим в данной статье.

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

Работа со слоями в Photoshop

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

Элементы палитры слоёв:

  • 1.
     Фильтры для отбора в списке слоёв по признаку.
  • 2.
     Список для выбора режима наложения слоёв.
  • 3.
     Управление прозрачностью слоя.
  • 4.
     Настройки слоя, позволяющие сохранять цвета либо прозрачность пикселов, закрепляет слой на определённом месте.
  • 5.
     Управление плотностью заливки слоя.
  • 6.
     Список рабочих слоёв. Значок «Глаз»
     позволяет скрыть либо проявить видимость слоя.
  • 7.
     Пиктограммы:
связывает слои
стили слоёв (обводка, тень и т.д.)
слой «Маска»
список корректирующих слоёв
позволяет объединить слои в группу
создать новый слой
удалить слой
  • 8.
     Закладки. Здесь можно работать со списком слоёв, либо с цветовыми каналами отдельного слоя.

Что можно делать со слоями?

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

Как изменить имя слоя?

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

Создать новый слой в Photoshop можно с помощью клавиш Shift+Ctrl+N
 либо, нажав на пиктограмму в нижней панели палитры слоёв, как описано в таблице выше. Чтобы удалить слой, его нужно выделить (просто подвести курсор и одинарным кликом выбрать слой), затем нажать Delete
 на клавиатуре или пиктограмму в нижней части палитры слоёв.

Для обработки изображений лучше работать с дубликатом слоя, оставляя исходный слой нетронутым. Если в вашей работе что-то пойдёт не так, вы быстро сможете восстановить изображение из исходного слоя. Создать дубликат слоя можно, нажав Ctrl+J
.

Скопировать слой в Photoshop или его участок можно, выделив изображение слоя любым инструментом выделения. Например, «Прямоугольная область»/Rectangle Select Tool
. Затем нажать Ctrl+C
 (копировать) и Ctrl+V
 (вставить).

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

Если над картинкой создать белый или чёрный слой и изменить режим наложения с «Обычный»/Normal
 на «Перекрытие»/Overlay
, то картинка осветлится/затемнится.

Ещё один пример взаимодействия слоёв — изменение непрозрачности верхнего слоя.

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

Чтобы в Photoshop обвести контур слоя, нужно зайти в «Параметры наложения»/Blending Options
 (нижняя панель в палитре слоёв).

Там выбрать пункт «Обводка»/Stroke
.

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

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

Чтобы изменить размер слоя в Photoshop, достаточно установить на него курсор и нажать сочетание клавиш Ctrl+T
, тем самым выделив его. Вы увидите рамку с узлами. Перетаскивая эти узлы, можно уменьшать или увеличивать слой. Чтобы не исказить изображение, трансформировать нужно, удерживая клавишу Shift
. После завершения трансформации нажмите Enter
. Кроме увеличения и уменьшения, предусмотрены такие трансформации, как «Искажение»/Distort
 и «Деформация»/Warp
. Они позволяют изменить перспективу и форму изображения. Вызвать их можно после нажатия Ctrl+T
, кликнув правой клавишей мыши в контекстном меню. Управление осуществляется путём перемещения узлов сетки.

Слои можно объединить в одно изображение. Чтобы объединить слои в photoshop, необходимо выделить нужные слои на палитре слоёв, удерживая Shift. Затем кликнуть правой клавишей мыши и выбрать в списке «Объединить слои»/Merge Down
. Если нужно объединить все слои, то выбираем «Объединить видимые»/Merge Visible
.

Корректирующие слои

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

Существует множество методов ретуши и цветокоррекции изображений с помощью корректирующих слоёв. Сразу несколько из этих слоёв могут применяться к одному изображению. Ниже приведён пример наложения корректирующего слоя «Цветовой тон/Насыщенность»/Hue / Saturation
.

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

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

Во избежание путаницы, в списке предусмотрена функция группировки слоёв. Чтобы сгруппировать слои, нужно выделить их в списке, удерживая Shift
. Затем нажать сочетание клавиш Ctrl+G
. Группу слоёв можно скрывать так же, как обычный слой. Для этого нажмите на изображение «Глаз»
 напротив группы слоёв или одного слоя. Группировку слоёв удобно использовать при составлении коллажей. Ниже приведён пример. Дети, стена, фон, дорога, тень — разные изображения, использованные для одного коллажа. Свет нарисован на отдельных слоях, собранных в одну группу.

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

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

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

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

Третий способ. На панели работы со слоями в самом низу есть несколько маленьких кнопок. Выберите значок в виде бумаги с загнутым уголком. Нажмите его, и новый слой
 тут же появится. Окна создания слоя не будет. Параметры установятся автоматически: фон, обычный режим наложения, имя «слой
1,2,3» или другой номер по .

И последний, четвертый способ, пожалуй, самый быстрый. Нажмите сочетание Shift+Ctrl+N. Перед вами вновь появится окно создания слоя. Выберите нужные параметры и нажмите «Ок». Эти четыре варианта к созданию чистого слоя.

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

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

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

Вам понадобится

  • — программа Photoshop.

Инструкция

Для комфортной работы со слоями в Photoshop нужна палитра слоев. По умолчанию она располагается в правой стороне окна программы. Если эта палитра скрыта, кликните по опции Layers в меню Window.

Если вам нужно собрать файл из слоев, содержащихся в других файлах, откройте эти файлы, запустив диалоговое окно командой Open из меню File. Выделите мышкой документы, которые собираетесь открывать, зажав при этом клавишу Ctrl. Кликните по кнопке «Открыть».

Щелкните по окну файла с рисунком, который вы собираетесь вставить в качестве самого нижнего слоя в свой документ. Выделите содержимое окна командой All, которая находится в меню Select. Скопируйте в буфер обмена выделенную картинку. Для этого вам пригодится команда Copy из меню Edit. Кликните мышкой по окну файла, в который вы вставляете слои. Добавьте в него скопированный слой командой Paste меню Edit.

Выделить несколько слоев одновременно. Как выделить, переместить слой в фотошопе

В этой главе учебника по Фотошопу рассказывается о различных методах компоновки элементов изображения: буфере обмена (команды Cut

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

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

Перемещение содержимого выделенной в Фотошоп области
  1. По желанию.
    Чтобы точно расположить выделенную область, выберите пункт меню
    View > Show > Grid
    (Вид > Показать > Сетка), либо нажмите комбинацию клавиш
    Ctrl+Alt+»
    , либо перетащите направляющую(ие) линию(и) любой из линеек. Также включите опции
    View > Snap To > Guides
    (Вид > Прикрепить к > Направляющие линии) и
    Snap То > Grid
    (Прикрепить к > Сетка).
  2. Если выделенная область имеет фон, выберите его цвет. Область, которая откроется при перемещении выделения, будет автоматически залита фоновым цветом. Если выделенная область расположёна на слое, то открывшаяся область станет прозрачной.
  3. Активизируйте инструмент MoveVCtrl
    во время работы с большинством других инструментов.
  4. Расположите курсор над выделенной областью (курсор примет вид ножниц), затем тащите его. Рамка выделения будет перемещена вместе с содержимым выделенной области (рис. 6.1-6.3).

Рис. 6.1.
Перемещение выделенной области на слое
Рис. 6.2.
Открывшаяся прозрачная область
Рис. 6.3.
Перемещение выделенной области на фоне с заливкой открывшейся области фоновым цветом
Когда вы снимете выделение с области, ее точки вернутся обратно на исходный слой, на свое новое место независимо от того, какой слой в данный момент будет активным.

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

Перемещение и копирование выделенной области
  1. Активизируйте инструмент Move
    (Перемещение), или нажав клавишу
    V
    . Также этот инструмент можно активизировать, просто нажав клавишу
    Ctrl
    во время работы с большинством других инструментов.

    Нажав клавишу Alt

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

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

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

документ.

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

что вы узнаете

начнем с основных скопировать и вставить

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

Как вырезать фон в фотошопе с помощью плагина

Если вы не хотите занимать выделением контура вашей модели и делать все манипуляции, то вам на помощь придет классный плагин для удаления фона под названием Topaz ReMask.

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

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

0

Полезные материалы:
  • Фотоколлаж онлайн из нескольких фотографий бесплатно создаем в популярных сервисах с готовым примером
  • Обрезать видео больших размеров онлайн
  • Обработка фото в фотошопе в стиле АРТ: ВИДЕО УРОК + исходники
  • Как отредактировать файл pdf
  • Обработка фото для Инстаграма: лучшие бесплатные приложения для редактирования фото на Андроид и IOS + обзор ТОП фильтров
  • Как сделать шапку в ВК в группе за 5 минут: как нарисовать шапку для сообщества + что такое живые обложки в группе и как их делать и видео урок

Открытие Изображений В Photoshop

следовать вперед, вам будут нужны 2 изображения. Вот, я использовал Adobe Bridge для перехода к папке, содержащей фотографии, которые я буду использовать. Чтобы открыть их в Photoshop, я нажму на первое изображение слева, чтобы выбрать его. Затем, чтобы выбрать второе изображение, я нажму и удержу клавишу Shift

ключ и нажмите на второе изображение. С обеих фотографий выбран, я дважды щелкните на любом изображении откройте их в Photoshop :

Выбор и открытие двух изображений в Photoshop из Adobe Bridge..

по умолчанию Photoshop открывает изображения как документы с вкладками, при этом одновременно отображается только один документ. Вот мое первое изображение (портретное фото от Adobe Stock):

Первая из двух фотографий открывается в Photoshop. Фото: Адобе Запас.

для переключения между открытыми изображениями, то нажмите на кнопку tabs

в верхней части окна документа. Я переключусь на свое второе изображение, нажав на его вкладку:
Щелкните вкладку документ для просмотра второго открытого изображения.
и теперь мы видим мое второе изображение. Я использую это изображение как текстуру, чтобы слиться с исходным изображением. Мы узнаем, как быстро смешивать изображения вместе в конце этого урока (текстура фото от Adobe Сток):

Второе изображение. Фото кредит: Adobe Stock.

Как Перемещать Изображение Между Документами

Метод 1: Копировать И Вставить

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

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

Шаг 1: Выберите Первый Документ

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

:
Выбрав документ, который содержит изображения, которые будут скопированы. Шаг 2: Выберите Изображение
чтобы выбрать само изображение, я подойду к выберите

меню в строке меню в верхней части экран. Тогда я выберу
все
. Это помещает выделенный контур вокруг моего изображения, давая мне знать, что изображение выбрано:
Выбираем > все. Шаг 3: Скопируйте Изображение
с выбранным изображением, я скопирую его в буфер обмена, перейдя к Edit

меню в строке меню и выбрав
скопировать
:
Переход к правке > копировать Шаг 4: Переключитесь На Второй Документ Выбор документа, в который я хочу вставить изображение.
прежде чем вставить изображение в Документ, давайте сначала посмотрим в мой панель «слои» . Панель «слои» позволяет просматривать все слои документа. Мы узнаем все о слои в других учебниках. Сейчас заметил, что образ сидит на фоновый слой . Тот Фоновый слой в настоящее время является единственным слоем в документе:

Панель слоев, отображающая исходное изображение документа. Шаг 5: Вставьте Изображение

вставить свою текстуру, я пойду до Edit
вставить
:
Перейдите в меню Правка > Вставить.
фотошоп вставить текстуру в документ. Похоже, моя текстура фото теперь только

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

слои. Тот исходное портретное изображение все еще находится на фоновом слое. И, Photoshop поместил изображение текстуры на совершенно новый слой, названный «слой 1», над ним. Конечно, теперь оба изображения находятся в одном документе:
Панель слоев теперь показывает оба изображения в одном документе в фотошопе.

Восстановление Документов

Это первый способ перемещения изображений между документами. Если вы хотите следовать вместе со следующими методами, вам сначала нужно сбросить два документа назад к их исходным значениям. Сначала мы сбросим документ, в который вы вставили изображение. Убедитесь, что документ все еще активен. Затем поднимитесь к Edit
Отменить Вставить
. Это удаляет вставленное изображение из документа, оставляя только исходное изображение:
Перейдите в меню Правка > отменить вставку.
затем переключитесь на документ, содержащий скопированное изображение. Чтобы удалить выделение контура со всего изображения, перейти к выберите

меню и выберите
снимите
. И с этим, вы готовы перейти к следующему методу:
Выберите > Отменить выбор.

Способ 2: Дублирование Слоя

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

меню в строке меню и выберите
Дублировать Слой
. В диалоговом окне дублировать слой присвойте слою имя (необязательно). В
пункт назначения
раздел диалогового окна, выберите другой документ в качестве места назначения. Затем нажмите кнопку ОК. Изображение появится на новом слое в другом документе.

Шаг 1: Выберите Документ, Содержащий Изображение Для Перемещения

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

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

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

Панель слоев, показывающая текстуру фото. Шаг 2: Выберите «Дублировать Слой» В Меню Слой

дублировать слой, Я подойду к пласт

меню в строке меню. Тогда я выберу
Дублировать Слой
:
Переход к Layer > Duplicate Layer. Шаг 3: Установите Другой Документ В Качестве Назначения
откроется диалоговое окно дубликат слоя Photoshop. В верхней части диалогового окна отображается имя дублируемого слоя. В моем случае, это фоновый слой. По умолчанию Photoshop просто добавляет слово «копировать» в конец слоя. исходное имя. Это имя станет именем слоя («фоновая копия»), когда он будет перемещен в другой документ. Но вы можете дать дубликат слоя более описательное имя. Поскольку этот слой содержит мое изображение текстуры, я изменю имя слоя на «текстура».

на пункт назначения

раздел, выберите документ, в который вы хотите переместить изображение в качестве места назначения. Я выберу свой «портрет.документ jpg». Когда будете готовы, нажмите кнопку ОК. Photoshop дублирует слой и отправляет его на другой документ:
Установка другого документа в качестве целевого для слоя. Шаг 4: Переключитесь На Другой Документ
я переключусь на свой «портрет».jpg » документ, нажав на его вкладку:

Перейдите на вкладку для переключения документов.

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

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

Сброс Документа

еще раз, если вы следуете вместе с каждым методом, вам нужно будет сбросить документы, прежде чем продолжить. На этот раз единственный документ, который нам нужно сбросить, — это тот, в который мы переместили изображение (в моем случае «портрет.документ jpg»). Чтобы удалить дубликат слоя из документа, перейдите к Edit

меню в строке меню и выберите
Отменить Дубликат Слоя
:
Перейдите в меню Правка > отменить дубликат слоя.

Метод 3: Перетащите Между Вкладками Документов

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

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

Шаг 1: Выберите Документ С Изображением, Которое Вы Хотите Переместить

еще раз, я начну с выбора документа, который содержит мое изображение текстуры. Я сделаю это, нажав на вкладку документа:

Выбор » текстуры.документ jpg». Шаг 2: Выберите Инструмент Переместить

чтобы перетащить изображение, нам понадобится Photoshop Переместите Инструмент

. Я выберу инструмент переместить из панели инструментов в левой части экрана:
Выбор хода Инструмент. Шаг 3: перетащите изображение на вкладку другого документа
с помощью инструмента переместить в руке, я нажму на мое изображение текстуры. Затем я перетащу его вверх и на tab

для моего «портрета.документ jpg»:
Щелкните и перетащите изображение текстуры на вкладку документа портрета. Шаг 4: Перетащите С Вкладки В Документ
держите кнопку мыши нажатой и курсор мыши непосредственно над вкладкой, пока не увидите Photoshop переключения документов. В мой случай, я буду ждать, пока он переключится с моего текстурного изображения на мое портретное изображение. Затем я перетащу изображение текстуры с вкладки вниз в окно портретного документа:

Как только Photoshop переключит документы, перетащите изображение в документ. Шаг 5. Отпустите Кнопку Мыши

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

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

Сброс Документа

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

меню и выберите
Отменить Перетаскивание Слоя
:
Перейдите в меню Правка >

Метод 4: Перетащите С Помощью Макета Нескольких Документов

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

перейти к окно

меню в строке меню выберите
организовать
и выберите
2-вверх по вертикали
макет. Это помещает два документа рядом на экране. Выберите
Переместите Инструмент
на панели инструментов. Нажмите на изображение, которое вы хотите переместить, и перетащите его в другое окно документа. Нажмите и удерживайте
Shift
и отпустите кнопку мыши, чтобы перетащить и центрировать изображение в документе. Поднимитесь на
окно, выберите организовать , выберите объединить все на вкладках для возврата к представлению документа с вкладками по умолчанию.
Шаг 1: Выберите Макет» 2-вверх по вертикали»

Я начну с того, что подойду к окно

меню в строке меню и выбрав
организовать
. Оттуда я выберу
2-вверх по вертикали
планировка:
Будет «окно» > «упорядочить» > 2-вверх по вертикали.
Это оба мои документы бок о бок друг с другом, что позволило мне видеть оба изображения одновременно:

Оба изображения видны на экране. Шаг 2: Выберите Инструмент Переместить Выбор инструмента перемещения. Шаг 3: Нажмите И Перетащите Изображение В Другой Документ

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

Перетаскивание фотографии текстуры в другой документ рядом с ней. Шаг 4. Отпустите Кнопку Мыши

чтобы удалить и центрировать текстуру изображения, я нажму и удерживайте Shift

, тогда я отпущу кнопку мыши. Photoshop копирует изображение текстуры из исходного документа в документ портрета:
Перетаскивание фотографии текстуры в другой документ рядом с ней. Шаг 5: Выбрать «Консолидация всех вкладок»
чтобы переключить режим просмотра с» 2-вверх по вертикали » на режим просмотра документа с вкладками по умолчанию, перейдите к окно выберите организовать , выберите объединить все на вкладках :

Перейдите в окно > упорядочить > объединить все в вкладки.

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

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

Сброс Документа

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

меню и выберите
Отменить Перетаскивание Слоя
:
Перейдите в меню Правка > отменить перетаскивание слоя.

Метод 5: Перетаскивание Между Плавающими Окнами

наконец, давайте научимся перемещать изображение из одного документа в другой Photoshop, перетащив его между двумя плавающие окна . Поднимитесь на окно выберите организовать и выберите Float All in Windows . Оба изображения будут видны внутри плавающего документа. Выберите Переместите Инструмент . Щелкните внутри окна изображения, которое вы хотите переместить и перетащите его в другое окно. Нажмите и удерживайте Shift и отпустите кнопку мыши, чтобы удалить и центрировать изображение внутри документа. Чтобы вернуться к представлению документа с вкладками, перейдите к окно выберите организовать и выберите объединить все на вкладках .

Шаг 1: Float All in Windows

чтобы переключить вид с вкладок на плавающие окна, я перейду к окно

меню и выберите
организовать
. Тогда я выберу
Float All in Windows
:
собираюсь «Окно» > «упорядочить» > поплавок Все в Windows.
это помещает каждое изображение в плавающее окно документа. Нажмите на серую область вкладки в верхней части окна, чтобы перетащить и переместить их на экране, так что это легко перетащить изображение из одного окна в другое:

Каждая фотография отображается в отдельном плавающем окне. Шаг 2: Выберите Инструмент Переместить Выбор инструмент перемещения.

Шаг 3: Перетащите Изображение В Другое Плавающее Окно

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

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

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

ключ, то я отпущу мышь кнопка:
Фотография текстуры теперь отображается в обоих окнах. Шаг 5: Снова Переключиться На Вкладки Вид
теперь, когда оба изображения находятся в одном документе, я переключусь с плавающих окон обратно на документы с вкладками, перейдя к окно, выберите организовать и выберите объединить все на вкладках :

Перейдите в окно > упорядочить > объединить все в вкладки.

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

Снова вернитесь к представлению документа с вкладками.

Кисти

[

и
]
— уменьшить или увеличить диаметр кисти на 25%

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

Быстрый ввод двух цифр — точная регулировка непрозрачности.

Желаю творческих успехов!

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

, и обознается контрастным цветом, например, синим (в зависимости от версии фотошопа и выбранной цветовой схемы, этот цвет может быть разным).

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

Если вам нужно, чтобы на палитре не было ни одного выделенного слоя, то, удерживая клавишу Ctrl

, кликните по текущему активному слою.

Как в Фотошопе (Photoshop) вырезать и вставить объект на другой фон. Как в фотошопе вырезать изображение и наложить одно на другое Как перенести вырезанное изображение в фотошопе

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

В этом действии есть два возможных сценария:

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

Пример

Допустим, нужно выделить на картинке слово (которое является частью картинки) и переместить его куда-нибудь в другое место:

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

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

Пример

Тот же случай, когда нужно переместить текст, но при этом задача автоматически создать его копию:

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

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

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

3. Перемещать объекты из одной вкладки в другую

В фотошопе существует множество способов как добавить картинку к картинке. Один из таких способов — это использование инструмента Перемещение.

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

Пример

4. Выравнивать объекты по центру и краям

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

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

Автовыбор

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

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

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

Показать управляющие элементы

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


 Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!

Добрый день. Сегодня я расскажу Вам как перенести объект на другой фон с помощью инструментов Adobe Photoshop.

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

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

Шаг 1.
 Открываем фотографию моря, в нашем случае. И открываем фотографию чайки в другой вкладке.

Вырезаем фотографию чайки (Ctrl+A -> Ctrl+X)
 переходим на фото моря и вставляет фотографию чайки (Ctrl+V)
.

Шаг 2.
 Теперь нам нужно применить инструмент «Трансформация»
. Так как чайка больше рисунка с морем. И нам теперь нужно уменьшить её до нужных нам размеров.

Для этого я использую Edit -> Free Transform (Редактировать -> Свободное трансформирование)
 для слоя с чайкой.

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

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

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

Когда выделили, вырезаем чайку (Ctrl+X)
, скрываем слой с фоном чайки и вставляем чайку в новый слой. Выйдет что-то подобное.

Обратите внимание на слои

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

Как в фотошопе вырезать изображение

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

  1. Картинку, с которой будем вырезать определенное изображение
  2. Чистый холст
  3. Фон, на который хотим поместить вырезанное изображение

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

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

  • С помощью инструмента «Быстрое выделение»
  • С помощью инструмента «Магнитное лассо»

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

Начнем с «Магнитного лассо». Когда вы выберете инструмент, на картинке появится магнитик. По контуру фигуры проводите им максимально точно, ставьте точки, не отходя от краёв. Если мышку повело, и линия зашла не туда, куда надо, тогда нажимайте «Backspace» (или Ctrl+Alt+Z)

 до тех пор, пока точка не дойдёт до места, где прервалось правильное выделение.

Кстати, если вам трудно работать с «Магнитным лассо», можно обойтись без него. Тогда воспользуйтесь только «Быстрым выделением» или «Волшебной палочкой».

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

Иногда в фотошопе выделить изображение с точностью трудно, особенно если оно имеет прерывистые края (пальцы, уши, какие-то другие детали). Чтобы доработать края и труднодоступные места, воспользуйтесь «быстрым выделением»
. Потом увеличьте картинку с помощью одновременного нажатия клавиши Alt и колёсика мыши. Этим же способом можно потом уменьшить.

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

После окончательного результата выделения мы копируем (Ctrl+C) объект и вставляем в пустой холст нажатием Ctrl+V. Сгладить контур можно с помощью ластика, выставив минимальную жесткость, сделать стирание рассеянным, чтобы максимально естественно создавались границы фигуры.

Как в фотошопе наложить одно изображение на другое

Чтобы в фотошопе наложить одно изображение на другое, мы копируем (Ctrl+C) наш заранее выделенный обрезанный из другого фона объект (то, что мы, собственно, проделали выше в статье) и вставляем на нужный нам фон, который уже давно ждёт в третьей вкладке.

Итак, у нас есть фон и есть слой с объектом (с хомяком). Работаем со слоем, где фигура. По желанию её можно отредактировать под этот фон. Для этого во вкладке «Редактирование
» нажмите «Трансформирование»
, а потом экспериментируйте. Меняйте масштаб, поворачивайте (при этом зажимайте Shift, чтобы сохранить пропорции), работайте с цветом и т.д. Если не понравилось – возвращайте прошлое состояние, нажав Ctrl+Alt+Z
.

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

Изучайте и всё у вас обязательно получится!

Вы дочитали до самого конца?

Была ли эта статья полезной?

Да
Нет

Что именно вам не понравилось? Статья была неполной или неправдивой?
Напишите в клмментариях и мы обещаем исправиться!

Как создать белый слой в фотошопе cs6. Что такое слой в фотошопе

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

Как создать слой

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

1. «Слои» — «Новый» — «Слой…». В открывшемся окне можно задать название, цвет, режим, непрозрачность. По умолчанию настройки стоят на 100% непрозрачности. Можно сразу нажать «Ок».

2. Самый быстрый способ – нажать на иконку внизу палитры:

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

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

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

Как создать новый слой – картинку

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

Теперь создадим новый слой одним из вариантов:

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

2. Клавиши Ctrl+О, где О – буква, а не цифра. Дальше действия аналогично описанным выше, в п.1

3. Выбрать на компьютере изображение и перетянуть его мышкой в редактор. Нажать Enter. В этом случае палитре слой помещается как смарт-объект. Возможно для дальнейшей работы его придется растрировать.

4. Элементарно скопировать (Ctrl+C) картинку и вставить (Ctrl+V) ее в редакторе. Этот вариант работает только в том случае, если хотя бы один слой уже существует.

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

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

1. Захватить мышкой слой и перетащить его на иконку внизу палитры, как показано на рисунке выше.

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

3. На панели управления «Слои» — «Новый» — «Скопировать на новый слой».

4. На панели управления «Слои» — «Создать дубликат слоя». В открывшемся окошке можно задать название и выбрать вкладку. Нажать «Ок».

5. Использовать горячие клавиши Ctr+J.

6. Выделить слой клавишами Ctrl+А или по пути Выделение – Все. Затем скопировать выделенное клавишами Ctrl+С или по пути Редактирование – Скопировать. И вставить клавишами Ctrl+V, или по пути Редактирование – Вставить. В палитре слоев появляется новый дубликат скопированного.

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

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

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

Если ваши знания о слоях представляют собой миску с винегретом — то этот материал специально для вас!

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

Что такое слой?

Понятие «слой
» в программе Photoshop
 имеет точно такой же физический смысл как и в жизни — это прослойка или пласт, который является составной частью чего-то целого.
Давайте вспомним случаи, где нам встречается это понятие в реальной жизни?

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

Атмосфера Земли состоит из нескольких слоев.

Бутерброд с толстым слоем шоколада…

Теперь чтобы наглядно увидеть «слой
» в Photoshop
 нужно сначала научиться его создавать.

Создайте новый документ (Файл — Создать, ):

1-й способ создать слой:

⇐
. (предыдущая страница учебника)

. (следующая страница учебника)
 ⇒

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

Зачем нужны слои?

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

Представьте себе простой рисунок: небо, на нём облако, из-за которого выглядывает солнце. Каждый из этих элементов в Photoshop расположен на отдельном слое. Небо — задний фон, на него наслаивается солнце (средний слой), и его, в свою очередь, закрывает передний слой — облако.

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

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

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

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

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

Если у вас такой панели нет — включите её, выполнив команду Окно -> Слои.

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

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

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

1. Создайте новый документ с белым фоном.

2. Создайте новый слой, нажав значок .

3. Переименуйте слой. Для этого дважды щёлкните на названии кнопкой мыши, введите имя (например, Верхний слой) и либо нажмите Enter , либо просто щёлкните в свободной области экрана.

Строка слоя состоит из трёх элементов: значка с нарисованным глазком, миниатюры слоя и его имени. Глазок означает, что слой видим, щелчок на значке скроет слой. Расположенные в шахматном порядке серые и белые квадраты миниатюры говорят о его прозрачности.

4. Залейте слой любым цветом, градиентом или узором — выберите инструмент Заливка, укажите цвет и щелкните на холсте кнопкой мыши (о заливке мы говорили в предыдущем уроке).

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

6. Вновь сделайте слой видимым, опять щёлкнув на значке с глазком.

Работа с текстом

За добавление текста в Photoshop отвечают инструменты группы . Щёлкните на расположенном на палитре инструментов значке правой кнопкой мыши или дважды левой кнопкой мыши, чтобы увидеть инструменты.

1. На палитре выберите инструмент Горизонтальный текст.

2. Щёлкните в любом месте холста и введите произвольный текст.

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

Чтобы дублировать слой целиком(при этом в документе не должно быть выделения), или скопировать выделение на новый слой, нажмите Ctrl+J

Если Вы хотите скопировать выделение на новый слой с тем, чтобы эта область была вырезана на слое, с которого производится копирование, нажмите Ctrl+Shift+J. Эта операция также не работает с фоновым слоем:

Выбор всех слоёв сразу

Чтобы выбрать все слои сразу, нажмите Ctrl+Alt+A. Заметим, что это действие выбирает все слои, кроме фонового.

Чтобы выбрать все слои похожи сразу, например, все текстовые слои или корректирующие слои или слои-фигуры, щелкните правой кнопкой мыши (Win) на одном из слоёв, затем выберите в появившемся меню пункт «Выбрать все похожие слои» (Select Similar Layers).

Выбор несколько слоёв

Для выбора нескольких слоёв, которые расположены непосредственно выше или ниже друг друга, кликните по верхнему слою для его выделения, а затем, нажав и удерживая клавишу Shift, кликните по нижнему слою (или наоборот). Это позволит выбрать верхний слой, нижний слой и все слои между ними:

Имеется ещё один способ выбора нескольких слоёв, которые расположены непосредственно выше или ниже друг друга. Для этого надо кликнуть по нужному слою, нажать и удерживать клавиши Shift+Alt и нажимать на одну из квадратных скобок ([
 или ]
). Нажатие на левую скобку ([
) будет добавлять к выбору слой, расположенный ниже
 выделенного слоя, и при повторных нажатиях будет добавлять следующие слои, расположенный вниз по стеку, нажатие же на правую квадратную скобку (]
) будет точно так же добавлять слои, но уже вверх
 по стеку.

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

Быстрый выбор верхнего или нижнего слоя

Для быстрого выбора верхнего слоя в палитре слоёв нажмите Shift+Alt+].

Для быстрого выбора нижнего слоя (в том числе фонового), нажмите Shift+Alt+[.

Перемещение выделения (активности) слоя вверх или вниз по стеку

Для перемещения выделения удерживайте клавишу Alt (Win) и нажимайте левую и правую клавишу квадратных скобок ([
 или ]
). Левая квадратная скобка перемещает выделение вниз, правая — вверх.

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

Чтобы переместить выделенный слой вниз по стеку, зажмите клавишу Ctrl и нажмите клавишу «левая квадратная скобка» ([
).

Для перемещения выделенного слоя вверх используйте правую квадратную скобку ([
) при зажатой Ctrl.

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

Перемещение выделенного слоя моментально вверх или вниз

Чтобы выделенный слой оказался моментально верху в стеке, нажмите Shift + Ctrl +], соответственно, чтобы он оказался внизу, нажмите Shift + Ctrl +].

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

Включение/отключение видимости слоёв

Большинство пользователей Photoshop для отключения/включения видимости слоя используют нажатия на соответствующий значок, находящийся слева в панели слоёв (иконка глаза):

Но не все знают, что можно отключить все
 слои, кроме того, на значок которого Вы нажимаете, если перед кликом по «глазу» зажать клавишу Alt:

Таким же образом можно включить все слои.

Ещё одна маленькая хитрость, незнакомая большинству пользователей Photoshop. Если в стеке слоёв видимость включена только у одного слоя, то перемещать видимость вверх или вниз можно с помощью сочетаний клавиш Alt+] и Alt+[ соответственно.
Это отличный способ, чтобы увидеть именно то, что находится на каждом отдельном слое в документе.

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

Выбор всего слоя

Чтобы выбрать весь слой, а не только пиксели, содержащиеся в нём, нажмите Ctrl+A.

Выбор всех пикселей, содержащихся в слое

Для этого зажмите Ctrl и кликните по иконке предпросмотра слоя.

Создание новой группы из слоёв

Выберите нужные слои и затем нажмите Ctrl+G

Для раз группировки выберите нужную группу и нажмите Shift+Ctrl+G.

Слияние слоёв

Чтобы объединить слой со слоем, расположенным непосредственно под ним, нажмите Ctrl+E.

Чтобы объединить несколько слоёв, сначала выберите те слои, которые вы хотите объединить и затем нажмите Ctrl+E.

И ещё дна интересная полезность, о которой мало кто знает. Вы можете объединить два или более слоя в новый слой, сохранив при этом оригинальные слои, а вновь созданный появится над выделенными
.
Для этого сначала выберите слои, которые вы хотите объединить, а затем нажмите Ctrl+Alt+E:

Чтобы объединить все слои в палитре, нажмите Shift+Ctrl+E.

Чтобы объединить все слои на отдельном слое и при этом сохранить оригиналы, сначала создайте новый пустой слой выше всех других слоёв в палитре, а затем нажмите Shift+Ctrl+Alt+E. Пиксели всех слоёв объединятся в этом пустом слое, а сами слои останутся нетронутыми.

Создать обтравочную маску

Для этого нажмите комбинацию Ctrl+Alt+G.

Изменение режимов наложения

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

Изменение непрозрачности слоя

Для быстрого изменить непрозрачности слоя, сначала убедитесь, что у вас выбран инструмент «Перемещение» (Move Tool), для его выбора можно просто нажать букву V на клавиатуре, а затем нажмите на цифровую клавишу. Цифра «5» будет соответствовать 50% непрозрачности, «8» будет соответствовать 80% и т.д. Если вам нужны более точные значение непрозрачности, например, 25%, просто быстро наберите «25». Для значения непрозрачности в 100%, просто наберите «0».

Удаление слоя

Удалять слои можно двумя способами.

Первый — просто кликните мышкой на нужный слой для его выбора и нажмите клавишу Delete

Второй — перетащите слой на значок корзины в правом нижнем углу панели:

Ну вот, вроде пока всё.

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

Инструкция

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

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

3.
 3-й метод. На панели работы со слоями в самом низу есть несколько маленьких кнопок. Выберите значок в виде листа бумаги с загнутым уголком. Нажмите его, и новейший слой
 здесь же появится. Окна создания слоя не будет. Параметры установятся механически: прозрачный фон, обыкновенный режим наложения, имя «слой
 1,2,3» либо иной номер по порядку.

4.
 И конечный, четвертый метод, вероятно, самый стремительный. Нажмите сочетание клавиш Shift+Ctrl+N. Перед вами опять появится окно создания слоя. Выберите необходимые параметры и нажмите «Ок». Эти четыре варианта относятся к созданию чистого слоя.

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

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

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

Вам понадобится

  • – программа Photoshop.

Инструкция

1.
 Для удобной работы со слоями в Photoshop надобна палитра слоев. По умолчанию она располагается в правой стороне окна программы. Если эта палитра спрятана, кликните по опции Layers в меню Window.

2.
 Если вам надобно собрать файл из слоев, содержащихся в иных файлах, откройте эти файлы, запустив диалоговое окно командой Open из меню File. Выделите мышкой документы, которые собираетесь открывать, зажав при этом клавишу Ctrl. Кликните по кнопке «Открыть».

3.
 Щелкните по окну файла с рисунком, тот, что вы собираетесь вставить в качестве самого нижнего слоя в свой документ. Выделите содержимое окна командой All, которая находится в меню Select. Скопируйте в буфер обмена выделенную картинку. Для этого вам сгодится команда Copy из меню Edit. Кликните мышкой по окну файла, в тот, что вы вставляете слои. Добавьте в него скопированный слой командой Paste меню Edit.

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

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

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

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

Free Transform Essential Skills And Shortcuts

Вот простой шаблон, который я открыл на своем экране:

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

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

Узор располагается на отдельном слое над фоновым слоем.

Сказав это, давайте посмотрим, что Free Transform может для нас сделать.

Выбор свободного преобразования

Официальный способ выбрать команду «Свободное преобразование» — перейти к меню « Edit » в строке меню в верхней части экрана и выбрать « Free Transform » из списка:

Free Transform находится в меню «Правка».

Это официальный способ, но ничего не говорит «Привет! Я новенький!» вполне как официальный способ. Более простой и быстрый способ выбрать «Свободное преобразование» — воспользоваться сочетанием клавиш Ctrl + T (Win) / Command + T (Mac) (подумайте «T» для «Transform»). Даже если вам не нравятся сочетания клавиш, вам действительно стоит выделить время, чтобы запомнить, потому что есть вероятность, что вы будете часто использовать Free Transform, и каждый раз выбор его в меню Edit просто замедляет вас.

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

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

Изменение формы выделенной области

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

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

Перетаскивание одного из этих боковых маркеров само по себе приведет к перемещению только той стороны, которую вы перетаскиваете, но если вы удерживаете нажатой клавишу Alt (Win) / Option (Mac) во время перетаскивания ручки, вы измените форму области от ее центра, заставляя противоположную сторону двигаться одновременно, но в противоположном направлении.Здесь, когда моя клавиша Alt / Option удерживается нажатой, когда я перетаскиваю правый маркер вправо, левая сторона также перемещается наружу влево. То же самое было бы, если бы я перетаскивал верхний или нижний маркер, удерживая нажатой клавишу Alt / Option. Противоположная сторона одновременно двинется в противоположном направлении:

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

Чтобы отрегулировать ширину и высоту вместе, щелкните и перетащите любой из угловых маркеров.Еще раз, удерживание Alt (Win) / Option (Mac) при перетаскивании углового маркера изменит форму области от ее центра, на этот раз заставляя все четыре стороны перемещаться одновременно:

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

Изменение размера

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

Чтобы изменить размер чего-либо с помощью Free Transform, удерживайте нажатой клавишу Shift , которая ограничит соотношение сторон и предотвратит искажение исходной формы при перетаскивании любого из угловых маркеров.Как мы уже видели пару раз, если вы включите также клавишу Alt (Win) / Option (Mac), вы измените ее размер от центра:

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

Вращающийся

Поворот изображения или выделения с помощью Free Transform немного отличается и не требует от нас перетаскивания каких-либо маркеров. Вместо этого переместите курсор сразу за ограничивающую рамку. Вы увидите, как он превращается в изогнутую линию с маленькой стрелкой на обоих концах.Затем просто щелкните и перетащите мышью, чтобы повернуть его. Если вы удерживаете нажатой клавишу Shift во время перетаскивания, вы поворачиваете ее с шагом 15 ° (вы увидите, что она встает на место при повороте):

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

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

При перемещении целевого символа изменяется точка вращения. Теперь узор вращается вокруг своего нижнего правого угла.

Переезд

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

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

Сам по себе Free Transform может быть немного ограничен в возможностях. Вот почему Adobe включает дополнительные режимы преобразования, расширяющие возможности Photoshop. Если вы перейдете в меню Edit и выберете Transform (не Free Transform, просто Transform), вы увидите список этих дополнительных опций, таких как Skew, Distort и Perspective, а также некоторые вращение и отражение. варианты:

Дополнительные способы преобразования изображений и выделения находятся в меню «Правка»> «Преобразовать».

Если вам нужно выбрать одну из этих дополнительных опций и у вас уже активна функция «Свободное преобразование», нет необходимости выбирать их в меню «Правка». Просто нажмите правой кнопкой мыши (Win) / Control-щелкните (Mac) в любом месте документа, и те же параметры появятся в удобном подменю. Давайте посмотрим, как работают некоторые из них:

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), чтобы получить доступ к тем же дополнительным параметрам преобразования.

перекос

При выборе Skew , если вы щелкнете и перетащите любую из боковых маркеров, вы наклоните изображение, сохраняя при этом стороны параллельны.Удерживая Alt (Win) / Option (Mac) при перетаскивании бокового маркера, изображение смещается от его центра, одновременно перемещая противоположную сторону, но в противоположном направлении:

Перетащите боковой маркер с выбранным «Наклон», чтобы наклонить изображение.

Перетаскивание углового маркера с выбранным «Наклон» масштабирует две стороны, которые встречаются в этом углу. Удерживая Alt (Win) / Option (Mac), вы одновременно переместите диагонально противоположный угол в противоположном направлении:

Перетаскивание углового маркера влияет на две стороны, соединяющиеся в углу.

Искажение

Выбрав Distort , щелкните угловой маркер и просто перетащите его в любом направлении. Он похож на Skew, но с полной свободой передвижения. Удерживая Alt (Win) / Option (Mac) при перетаскивании угла, вы одновременно переместите противоположный по диагонали угол в противоположном направлении (если вы еще не догадались, я собирался это сказать):

С помощью Distort угловые ручки можно перемещать независимо.

Перетаскивание бокового маркера в режиме «Искажение» также похоже на «Наклон» в том смысле, что оно наклоняет изображение или выделение, но, опять же, вам предоставляется полная свобода перемещения, позволяя наклонять и масштабировать область одним движением.И да, удерживание Alt (Win) / Option (Mac) переместит вместе с ним противоположную сторону:

Перетащите боковой маркер с выбранным параметром «Искажение», чтобы наклонить и масштабировать изображение.

Перспектива

В режиме Perspective перетаскивание углового маркера по горизонтали или вертикали заставляет противоположный угол перемещаться в противоположном направлении, что может создать псевдо-трехмерный эффект. Здесь я перетаскиваю левый верхний угол внутрь по горизонтали. Когда я перетаскиваю, верхний правый угол также перемещается внутрь:

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

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

Режим перспективы позволяет создавать простые эффекты в стиле 3D.

Выбор перекоса, искажения и перспективы на клавиатуре

При активном режиме «Свободное преобразование» вы можете временно переключаться в режимы «Наклон», «Искажение» или «Перспектива» непосредственно с клавиатуры, не выбирая их из какого-либо меню.Чтобы переключиться в режим перекоса или искажения, просто удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) при перетаскивании бокового или углового маркера. Чтобы переключиться в режим перспективы, удерживайте Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), перетаскивая угловой маркер. Отпустив клавиши, вы вернетесь в стандартный режим свободного преобразования.

Подтвердить или отменить преобразование

Когда вы закончите изменение размера, формы и / или перемещения изображения или выделения, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из режима преобразования.Чтобы отменить преобразование, нажмите клавишу Esc . Или, если вы предпочитаете этот «официальный» способ делать вещи, о которых мы говорили ранее, вы можете щелкнуть галочку на панели параметров, чтобы принять, или символ «Охотники за привидениями», чтобы отменить:

Значки «Фиксация» (галочка) и «Отмена» (кружок с косой чертой).

Как использовать Photoshop для изменения размера и резкости изображений в Интернете

У вас проблемы с тем, чтобы ваши изображения выглядели сверхчеткими, когда вы используете их в Интернете? Они даже выглядят размытыми? Независимо от того, публикуете ли вы свои изображения в социальных сетях или на сайтах обмена фотографиями, например Flicker и 500px, вы хотите, чтобы ваши изображения выглядели как можно более резкими.

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

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

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

Пик Митра в Милфорд-Саунд © Peter Dam

Как НЕ изменять размер и резкость изображений для использования в Интернете

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

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

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

Как повысить резкость изображений в Photoshop для достижения наилучших результатов

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

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

Желоб © Peter Dam

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

Вместо этого измените размер в два этапа и увеличивайте резкость между этапами.

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

Первый шаг — уменьшить размер изображения до прибл. 1,6 от окончательного выходного размера, который вы хотите использовать в Интернете. В этом случае это будет 1,6 X 1200 пикселей = 1920 пикселей.

Чтобы изменить размер изображения в Photoshop, перейдите к Изображение -> Размер изображения и введите ширину.

Это дает вам изображение, которое не слишком сильно ухудшилось из-за изменения размера, но все еще относительно близко к окончательному размеру изображения.

Перед изменением размера до окончательного размера вывода следует добавить резкость.Вы делаете это, перейдя в Filter -> Sharpen -> Sharpen .

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

После применения этого первого слоя повышения резкости, продублируйте слой. Вы можете сделать это, нажав CMD + J (на Mac) или CTRL + J (в Windows).

Затем примените еще один этап повышения резкости, используя меню Filter -> Sharpen -> Sharpen .Переименуйте этот слой в «Дополнительная резкость».

Теперь вы готовы изменить размер изображения до окончательного. Для этого перейдите к Image -> Image Size и введите 1200 пикселей в качестве ширины.

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

Если вам кажется, что резкость кажется несколько чрезмерной, вы можете легко отрегулировать ее, просто изменив непрозрачность самого верхнего слоя (того, который называется «Дополнительная резкость»).Уменьшите непрозрачность до 60-70%.

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

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

Цвета изображения также немного страдают при изменении размера и резкости; однако это не всегда видно. Если вы обнаружите, что ваше изображение выглядит немного менее красочным после изменения размера, вам следует добавить корректирующий слой Hue / Saturation и добавить немного насыщенности обратно в изображение. Приблизительно от +5 до +9 обычно возвращает изображение к тому уровню, на котором оно было до изменения размера и повышения резкости.

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

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

Экспорт изображения

Последний шаг — экспорт изображения. Вы можете сделать это, перейдя в Файл -> Экспорт -> Экспортировать как…

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

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

Единственное, о чем следует беспокоиться при выполнении этого рабочего процесса повышения резкости и изменения размера, — это выбрать нужный формат файла и качество для использования. Формат файла, скорее всего, будет JPG для использования в Интернете. Настройки качества изображения зависят от того, предпочитаете ли вы действительно небольшой размер файла (чтобы изображение загружалось в Интернете с молниеносной скоростью) или вы предпочитаете поддерживать максимально возможное качество изображения. Обычно вы можете снизить качество изображения до 80% без видимого падения качества изображения. Это моя предпочтительная личная настройка качества изображения.Вы можете еще больше оптимизировать размер файла, используя более низкое качество изображения. Однако я бы никогда не рекомендовал опускаться ниже 50%, чтобы получить файлы меньшего размера. Есть также несколько сайтов оптимизации изображений, которые вы можете использовать, например TinyJpeg, которые уменьшают размер вашего файла без слишком большого ущерба для качества вашего изображения.

Заключение

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

Какой метод вы используете для повышения резкости изображений перед их использованием в Интернете? Не стесняйтесь делиться своими мыслями в комментариях ниже.

точных настроек баланса белого в Photoshop

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

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

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

Многие цифровые камеры более высокого класса также позволяют вручную устанавливать пользовательские значения баланса белого.Чтобы воспользоваться этой возможностью, вы можете использовать одно из нескольких устройств, например простую «серую карту», ​​ExpoDisc или ColorChecker Passport X-Rite Photo.

Это руководство предназначено для тех «особых случаев», когда вы либо забыли установить настройку баланса белого на своей камере, либо забыли упаковать свой ColorChecker Passport или другой инструмент баланса белого в сумку для камеры перед тем, как отправиться на съемку. . Как я сказал ранее, не будьте слишком суровы к себе… такое случается со всеми нами, и баланс белого все еще можно легко исправить в Photoshop.

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

Посмотреть видео

Ступеньки

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

Исходное немодифицированное изображение

Найдите и установите точку черного

Откройте изображение в Photoshop и установите режим изображения на 16 бит, выбрав Изображение | Режим | 16 бит / канал 900 16. Установка 16-битного изображения не является обязательной, но я всегда работаю в 16-битном режиме, чтобы минимизировать потерю информации.

Щелкните значок «Создать новый слой заливки или корректирующего слоя» и выберите « Порог ».”

Выбор параметра «Порог»

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

Диалоговое окно «Порог» и ползунок регулировки

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

Итак, как вы можете определить, когда на самом деле появляются черные? Вы не можете быть уверены на 100%, но перемещение ползунка регулировки вправо до тех пор, пока вы не начнете видеть какую-то «форму» на изображении, — хорошее начало.Вы также можете временно отключить видимость слоя Threshold, щелкнув значок глазного яблока — это откроет исходное изображение, которое должно дать вам хорошее представление о том, где на изображении находятся черные цвета (не забудьте снова включить видимость слоя. перед дальнейшими настройками порогового значения).

Значок видимости слоя

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

Выбор инструмента Color Sampler

Может оказаться полезным использовать инструмент «Масштаб» для увеличения изображения, чтобы лучше понять, где вы нажимаете. Самый простой способ увеличить масштаб — нажать и удерживать клавишу «Z», пока вы щелкаете изображение мышью.Чтобы уменьшить масштаб, нажмите одновременно клавишу «Z» и клавишу Option (ПК: Alt).

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

Щелчок по значку корректирующего слоя Curves

После того, как корректирующий слой Curves был добавлен в стек слоев, удалите пороговый слой, созданный на предыдущем шаге, щелкнув один раз на слое, чтобы выделить его, и нажмите клавишу Delete (PC: Backspace ).Не пропустите этот важный шаг! Сразу после создания каждого из наших 3 слоев Curves нам нужно будет удалить слой Threshold, созданный на предыдущем шаге.

После удаления слоя «Порог» снова сделайте активным верхний слой, щелкнув по нему один раз (слой «Кривые»).

В диалоговом окне «Кривые» вы увидите 3 значка «пипетка». Сверху вниз они представляют собой черную точку, серую точку и белую точку.

Пипетки для выборки баланса белого

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

Может оказаться полезным использовать более точную версию инструмента выделения при попытке точно щелкнуть точку «Образец цвета». Чтобы использовать эту альтернативную версию инструмента выделения, просто нажмите клавишу Caps Lock, и курсор изменится.Обратите внимание, что этот удобный трюк работает почти со всеми инструментами выделения Photoshop.

Найдите и установите точку белого

Щелкните значок «Создать новый слой заливки или корректирующего слоя» и выберите « Порог ».

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

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

Чтобы помочь вам найти место на изображении, которое может иметь белые цвета, вы можете показать исходное изображение, отключив видимость всех слоев, кроме фонового.Самый простой способ сделать это — удерживать клавишу Option (ПК: Alt), пока вы нажимаете на глазок видимости слоя на фоновом слое. Когда вы будете готовы внести дополнительные изменения в слой Threshold, нажмите Option + щелкните (ПК: Alt + щелчок) по глазному яблоку еще раз, чтобы снова сделать все слои видимыми.

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

Затем создайте новый слой «Кривые», щелкнув значок «Кривые» на панели «Коррекция», или используйте главное меню и выберите «Слой | Новый корректирующий слой | Кривые . Как только этот новый слой Curves будет создан, удалите слой Threshold, созданный на предыдущем шаге, щелкнув слой один раз, чтобы выделить его, и нажмите клавишу Delete (PC: Backspace).

После удаления слоя «Порог» снова сделайте активным верхний слой, щелкнув по нему один раз (слой «Кривые»).

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

Найдите и установите точку серого

Установка серой точки аналогична настройке черной и белой точек, как мы делали ранее, но нам нужно сделать несколько промежуточных шагов. Начните с создания нового слоя, щелкнув значок нового слоя или используя сочетание клавиш Shift + Cmd + N (ПК: Shift + Ctrl + N).

Щелкните значок «Создать новый слой».

Затем откройте диалоговое окно заливки с помощью сочетания клавиш Shift + Delete (ПК: Shift + Backspace), выберите вариант заливки этого слоя 50% -ным серым и нажмите OK.

Диалоговое окно «Заливка»

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

Выбор параметра режима наложения Выбор режима наложения разницы

Добавьте новый корректирующий слой «Порог», щелкнув значок «Создать новый слой заливки или корректирующий слой» и выбрав « Пороговое значение ».”

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

Поскольку слой заполнен серым на 50% и к этому слою применен режим наложения «Разница», при настройке ползунка «Порог» будут отображаться только оттенки серого. Вы можете убедиться в этом сами, создав новый документ Photoshop. Залейте фоновый слой черным, а затем добавьте новый слой, заполненный 50% серым, и установите для этого слоя режим наложения «Разница». Когда вы это сделаете, вы увидите только серый цвет. Для получения дополнительной информации о режимах наложения и их математических формулах прочтите мою статью «Объяснение режимов наложения в Photoshop».”

Еще раз используйте инструмент Color Sampler Tool, чтобы установить точку Color Sampler в области, которую вы решили использовать в качестве серой точки.

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

После создания этого нового слоя кривых удалите и пороговый слой, и слой с 50% -ной заливкой, который вы создали на предыдущем шаге, щелкнув один раз по слоям и нажав клавишу «Удалить» (ПК: Backspace).

После удаления слоев «Порог» и «Заливка» снова сделайте верхний слой активным, щелкнув по нему один раз (слой «Кривые»).

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

  • Используйте Cmd + H, чтобы скрыть / показать точки Color Sampler (ПК: Ctrl + H)
  • Удалить точки выборки, нажав Option + щелкнув точку выборки с помощью инструмента Color Sampler (ПК: Alt + щелчок)

Ниже приведен пример того, как должен выглядеть набор слоев в Photoshop.Должно быть 3 отдельных слоя Curves, по одному для каждой из цветовых точек баланса белого, которые мы установили. Если вы хотите внести какие-либо дополнительные изменения в изображение, у вас есть возможность настроить непрозрачность для любого из 3 слоев кривых. Я также должен, вероятно, упомянуть, что «лучшей практикой» можно считать присвоение имен слоям для облегчения идентификации. Хотя я обычно называю свои слои при работе над более сложными проектами, на самом деле это не обязательно для этой процедуры. После того, как вы проделаете это несколько раз и всегда будете применять точки образца цвета в одном и том же порядке, вы просто «узнаете», какой слой к какому.

Пример окончательного набора слоев Photoshop

Вот и все! Вы только что успешно скорректировали баланс белого для своего изображения!

Перед

Исходный неизмененный образ

после

Окончательное изображение с настроенным балансом белого

Изменение размера изображения и обрезка с помощью Adobe Photoshop CS4


О пикселях и разрешении

Размер изображения в пикселях (ширина и высота) — это просто количество пикселей вместе с шириной или высотой изображения.Разрешение — это количество деталей в изображении. Он измеряется в пикселях на дюйм или PPI. Естественно, чем больше пикселей на дюйм, тем лучше будет разрешение. Изображения с более высоким разрешением обеспечивают более качественную печать.

Изменить размер изображения

Чтобы изменить размер изображения в Photoshop, выберите Изображение> Размер изображения . Откроется это диалоговое окно:

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

Под шириной и высотой документа вы увидите «Разрешение». Здесь вы определяете, сколько PPI вам нужно. Помните, чем больше пикселей, тем лучше разрешение.

Убедитесь, что в поле «Стили масштабирования» выбраны правильные пропорции при изменении размера.

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

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

Вот почему.

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

Изменение размера для печати и Интернета

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


Методы интерполяции

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

  • Бикубическая интерполяция смотрит на значения цвета пикселей, окружающих выделение, чтобы определить, какой цвет сделать новым пикселям.Это обеспечивает высочайшее качество фотографических изображений.
  • Билинейная интерполяция использует только соседние пиксели. Он быстрее, чем бикубический, но не так качественно.
  • Ближайший сосед быстрее, чем любой из двух других, но не должен использоваться для фотографических изображений. Однако он наиболее эффективен для изображений с большими областями одного цвета.
  • Bicubic Smoother — это то, что вы можете использовать при увеличении размера изображения.
  • Bicubic Sharper можно использовать при уменьшении размера изображения.Это помогает сохранить резкость и детализацию.

Обрезка изображения

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

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

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

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

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

Теперь ваше изображение будет выглядеть так:

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

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

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

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

Использование панели параметров при кадрировании изображений

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

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

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

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

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

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

Регулировка размера и поворота холста

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

Чтобы настроить размер холста, выберите Изображение> Размер холста .

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

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

Затем выберите цвет для нового холста.

Щелкните ОК.

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



 Работа с основными вариантами выбора

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

Photoshop CS4 предоставляет вам несколько инструментов, которые позволяют вам делать выбор.В этой статье мы рассмотрим основные инструменты.

Инструмент Marquee Tool

Первый инструмент, который мы собираемся обсудить, — это инструмент Rectangular Marquee Tool или. Используя этот инструмент, вы можете выбрать область изображения (или выделить ее), чтобы вы могли внести в нее дополнительные изменения.

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

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

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

Панель параметров прямоугольной области выглядит следующим образом:

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

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

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

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

Выберите стиль.

Нормальный . Если вы выберете «Нормальный», пропорции выделения будут определяться перетаскиванием.

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

Фиксированный размер . Эта опция позволит вам установить значения для высоты и ширины. Убедитесь, что вы ввели значения пикселей. Они должны быть целыми числами.

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

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

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

Волшебная палочка

Щелкните правой кнопкой мыши инструмент «Быстрое выделение», чтобы найти инструмент «Волшебная палочка».

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

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

Первый значок, который вы видите, — это значок «Волшебная палочка». Это позволяет нам знать, что мы выбрали правильный инструмент.

Далее мы собираемся выбрать тип выделения Magic Wand, который мы собираемся сделать.

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

Затем укажите следующее:

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

Anti-Aliased — более гладкие края.

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

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

Теперь мы готовы использовать Magic Wand Tool. Щелкните цвет или объект с одинаковым цветом, который вы хотите выбрать.

Как вы можете видеть на следующем снимке, мы щелкнули лист.

Просто выберите инструмент «Волшебная палочка», затем выберите цвет или однородно окрашенный объект, который вы хотите выбрать.Это так просто.

Щелкните «Уточненный край» на панели параметров, чтобы дополнительно настроить границу, просмотреть выделение на другом фоне или в виде маски.

Инструмент быстрого выбора

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

Перед использованием инструмента установите параметры на панели параметров.

Первый значок — это значок инструмента быстрого выбора.

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

Затем вы собираетесь выбрать размер кисти. Для небольших участков выберите кисть меньшего размера. Мы собираемся выбрать лист, поэтому мы выбрали кисть большего размера.

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

Лассо

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

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

Выберите тип выбора, который вы хотите сделать:

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

Затем установите другие параметры, как мы делали с другими инструментами в этой статье.

Теперь вы готовы сделать свой выбор.

Магнитное лассо и инструменты многоугольного лассо

Щелкните правой кнопкой мыши стрелку вниз на инструменте «Лассо», чтобы получить доступ к инструментам «Многоугольное лассо» и «Магнитное лассо».

Инструмент «Многоугольное лассо» позволяет рисовать многоугольные формы.

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

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

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

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

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

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

Если у вас есть стилус-планшет, выберите (или отмените выбор) опцию Stylus Pressure .Если он выбран, вы можете увеличить давление стилуса, чтобы уменьшить ширину края.

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

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

Начните с выбора того, что вы хотите преобразовать.

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

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

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

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

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

  • Для поворота путем перетаскивания : просто переместите указатель мыши за пределы границы. Когда вы наводите на него указатель мыши, он превращается в изогнутую двустороннюю стрелку. Перетащите вашу мышь.

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

  • Для числового поворота: Перейдите в текстовое поле поворота на панели параметров и введите градусы. Чтобы исказить, и получить искажение относительно центра границы, нажмите Alt и затем перетащите маркер.
  • Чтобы свободно искажать : нажмите Control и перетащите маркер.
  • Чтобы наклонить : нажмите Control + Shift и перетащите боковой маркер.
  • Для численного наклона: Введите значения для градусов в текстовые поля H и V, расположенные на панели параметров.
  • Чтобы применить перспективу: Нажмите Control + Alt + Shift, затем перетащите угловой маркер.
  • Для деформации: Выберите значок «Переключиться между режимами свободного преобразования и деформации» на панели параметров, затем перетащите контрольные точки или выберите стиль деформации в меню «Деформация» на панели параметров (показано ниже).

Измените контрольную точку, щелкнув квадрат в локаторе контрольной точки на панели параметров.

Чтобы подтвердить преобразование, щелкните значок на панели параметров.

Чтобы отменить преобразование, щелкните на панели параметров.

Изменение выбора

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

Каждый раз, когда вам нужно изменить выделение, нажимайте клавишу Shift. Просто убедитесь, что что-то уже выбрано, прежде чем делать это. Рядом с курсором появится знак плюса (+).Теперь вы можете изменить свой выбор. Чтобы вычесть из выделения, нажмите клавишу Alt.

Как удалить тени в Photoshop (Пошаговое руководство)

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

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

Как удалить тени с помощью Content-Aware Fill

В

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

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

Шаг 1. Откройте и продублируйте фон

Откройте фотографию и щелкните правой кнопкой мыши фоновый слой. Выберите Duplicate Layer .. . (Ctrl или ⌘J). Это позволит вам редактировать фотографии, не разрушая исходное изображение.

Шаг 2: Выберите инструмент Patch Tool

Выберите инструмент Patch на панели инструментов слева.

Убедитесь, что в раскрывающемся меню исправлений выбрано «Content-Aware». Тем самым Photoshop поможет вам, создав новые пиксели. Это сделает переходы максимально плавными.

Скриншот рабочего пространства Photoshop. Показывает инструмент исправления и панель инструментов.

Шаг 3: Удаление теней

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

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

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

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

Возможно, вам потребуется очистить патч.Особенно ищите повторяющиеся узоры. Это привлечет внимание и привлечет внимание к вашей замене. Используйте инструмент Clone Stamp или Healing Brush для детальной работы.

Уменьшите резкие тени с помощью слоев

Иногда тени хороши, но они слишком резкие. Более мягкая тень была бы приятнее.

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

Шаг 1: Выберите тень

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

Шаг 2: Копирование тени на новый слой

Скопируйте тень на новый слой. Для этого перейдите в Правка> Копировать (Ctrl или ⌘C). Затем вставьте, выбрав Layer> New> Layer via Copy (Ctrl или ⌘J).

Скриншот фотошопа. Показывает выделенную тень, скопированную на новый слой.

Шаг 3: Регулировка яркости и температуры

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

Вы можете изменить обе настройки в Photoshop, используя настройки «Яркость» и «Цветовой баланс». Но настройки могут быть проще, если вы используете Adobe Camera Raw (ACR).Перейдите в Filter> Camera Raw Filter (Shift + Ctrl или ⌘A). Это откроет новое рабочее пространство. У вас будут ползунки, похожие на Lightroom.

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

Если тени действительно резкие, попробуйте уменьшить Четкость и Устранение дымки.

Удаление резких теней с лиц для улучшения изображения

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

Для удаления или уменьшения теней на лице вам понадобится подробный инструмент и много терпения.

Инструмент «Клонировать штамп» в Photoshop идеально подходит, когда вам нужно больше контроля над тем, что вы делаете при удалении теней с фотографий. Если я просто хочу уменьшить тень, я использую инструмент Dodge Tool. Я покажу вам обе техники удаления резких теней с лиц в Photoshop.

Удалите резкие тени с помощью инструмента клонирования для большего контроля

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

Шаг 1. Откройте и продублируйте фон

Откройте фотографию и щелкните правой кнопкой мыши фоновый слой. Выберите Duplicate Layer .. . (Ctrl или ⌘J).

Шаг 2. Выберите инструмент Clone Stamp Tool

Щелкните по штампу клонирования на панели инструментов слева.Похоже на штамп.

Возьмите мягкую кисть среднего размера. Мягкая кисть даст вам лучший результат благодаря гладким краям. Вы можете легко изменить размер кисти с помощью клавиш-скобок. «[» Уменьшит размер кисти. «]» Увеличит размер кисти.

Если я просто пытаюсь уменьшить, а не удалять тени, я уменьшаю непрозрачность инструмента «Клонирование» примерно до 50%.

Шаг 3. Выберите источник клонирования

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

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

Шаг 4. Удалите тени с фотографии

Увеличьте масштаб и начните закрашивать тень, которую хотите удалить. Возможно, вам придется повторить шаги 3 и 4 несколько раз. Выберите пиксели, наиболее близкие по содержанию и цвету к тем, которые вы заменяете. Если вам не нравится результат, отмените действие, выбрав Правка> Отменить клонирование штампа (Ctrl или ⌘Z).

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

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

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

Уменьшение резких теней на лицах с помощью инструмента Dodge

Возможно, невозможно полностью удалить тень на чьем-либо лице, но вы можете уменьшить ее с помощью инструмента «Осветление».

Шаг 1. Откройте и продублируйте фон

Откройте фотографию и щелкните правой кнопкой мыши фоновый слой. Выберите « Duplicate Layer .. .» (Ctrl или ⌘J).

Шаг 2: Выберите инструмент Dodge Tool

Щелкните инструмент Dodge на панели инструментов слева. Похоже на леденец.В меню «Осветление» выберите «Тени» в разделе «Диапазон» и введите значение от 10 до 50%. Я считаю, что небольшая часть имеет большое значение. Я всегда могу усилить эффект уклонения, снова пройдя по области.

Шаг 3. Закрасьте тень

Увеличьте масштаб и начните закрашивать тень, которую хотите уменьшить. Если вы не видите значительных изменений, увеличьте непрозрачность или переключите Диапазон на Средние тона.

Если вы ошиблись, перейдите в меню Edit> Undo Dodge Tool (Ctrl или ⌘Z). Вы также можете переключиться на инструмент затемнения, который выглядит как сжатая рука, и снова затемнить область.

Заключение

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

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

Погрузитесь в мир редактирования с нашим курсом «Легкое редактирование в Lightroom»!

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

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

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

Bitmap — это наиболее часто используемый формат изображений в Интернете. Все ваши файлы JPEG и PNG являются файлами изображений Bitmap. Растровое изображение состоит из тысяч пикселей. Если вы увеличите масштаб, вы можете увидеть эти пиксели как квадраты.

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

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

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

Какое решение?

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

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

Метод 1. Использование Perfect Resize в Adobe Photoshop

Perfect Resize — это программа, позволяющая изменять размер изображений с умом.Он доступен как отдельное программное обеспечение, а также как плагин для Adobe Photoshop.

Обычная версия стоит 50 долларов, а премиум-версия, содержащая плагин для Adobe Photoshop, стоит 150 долларов. Обе версии также доступны для бесплатной 30-дневной пробной версии. Если вы регулярно изменяете размер изображений, мы рекомендуем вам выбрать Perfect Resize. Это дорого, но это лучший способ увеличения изображений.

Примечание: мы никоим образом не связаны с Perfect Resize. Мы просто по-настоящему счастливы, пользуясь продуктом.

После установки программного обеспечения откройте файл изображения, размер которого нужно изменить, в Photoshop. Просто зайдите в File »Automate и выберите Perfect Resize.

Это откроет изображение в приложении Perfect Size. Вы можете выбрать предустановку в меню слева или ввести свой размер в поле «Размер документа».

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

Теперь вы можете экспортировать этот файл, сохранив его как веб-изображение.

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

Метод 2: Использование бесплатного программного обеспечения GIMP

Gimp — бесплатная альтернатива Adobe Photoshop. Его также можно использовать для увеличения изображений с минимальной потерей качества. Однако следует предупредить вас, что результат будет не таким хорошим, как у Perfect Resize.

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

Откройте изображение, размер которого хотите изменить, в GIMP. Просто перейдите к Изображение »Масштабировать изображение . Введите желаемые размеры. В разделе «Качество» выберите Sinc (Lanczos3) в качестве метода интерполяции и нажмите кнопку «Масштабировать изображение».

Вот и все, теперь вы можете экспортировать это изображение в Интернет. Вот вам пример для сравнения. Размер изображения слева был изменен с помощью бикубической передискретизации в Photoshop. Размер изображения справа был изменен с использованием метода интерполяции Sinc (Lanczos3).Вы заметите, что на обоих изображениях очень мало различий.

Метод 3. Увеличение изображений с помощью Irfanview

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

Просто откройте изображение в Irfanview и перейдите к Image »Resize / Resample .

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

Irfanview изменит размер изображения, которое затем можно будет сохранить на свой компьютер.

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Google+.

Блог Джулианны Кост | 15 советов по созданию масок для Photoshop

1) Добавление масок слоя

  • Чтобы добавить маску слоя к слою, щелкните значок «Добавить маску слоя» на панели «Слои» или, чтобы создать собственное сочетание клавиш для добавления масок слоя, выберите «Правка»> «Сочетания клавиш». Установите «Ярлыки для» на «Меню приложений» и переключите треугольник раскрытия для меню «Слой».Прокрутите вниз до Layer Mask> и добавьте свои собственные ярлыки, щелкнув пустую область справа от команды. Обратите внимание, что есть отдельные параметры для добавления масок слоя при игнорировании / соблюдении текущего выбора.
  • Option — щелкните (Mac) | Alt-щелкните (Win) значок маски слоя, чтобы добавить маску слоя для автоматического скрытия содержимого слоя (или активного выделения).
  • Command + I (Mac) | Control + I (Win) инвертирует маску слоя (или нажмите кнопку «Инвертировать» на панели «Свойства»).

2) Удаление масок слоя

  • Выберите маску на панели «Слои» и щелкните значок корзины, чтобы удалить маску слоя. Или, Control -click (Mac) | Щелкните правой кнопкой мыши (Win) на маске слоя, чтобы выбрать между «Удалить маску слоя» или «Применить маску слоя» из контекстного меню.
  • Или на панели «Свойства» выберите маску слоя и щелкните значок корзины в нижней части панели.

3) Перемещение и дублирование масок слоя

  • Перетащите миниатюру маски слоя на панели «Слои», чтобы переместить ее с одного слоя на другой.
  • Option -drag (Mac) | Alt-перетащите (Win) эскиз маски слоя на панели «Слои», чтобы создать копию маски.
  • Option + Shift -drag (Mac) | Alt + Shift-перетащите (Win) эскиз маски слоя, чтобы создать копию маски слоя, одновременно инвертируя маску. Примечание. Если ползунки «Плотность» или «Растушевка» маски были изменены с помощью панели «Свойства», этот ярлык не будет работать. В этой ситуации (Option -drag (Mac) | Alt -drag (Win) эскиз маски слоя, чтобы дублировать маску, затем используйте сочетание клавиш Command + I (Mac) | Control + I (Win), чтобы инвертировать маску (или нажмите кнопку «Инвертировать» на панели «Свойства»).

4) Нацеливание на маску слоя

  • Command + \ (Mac) | Control + \ (Win) нацелен на маску слоя.
  • Command + 2 (Mac) | Control + 2 (Победа) нацеливается на слой.

5) Просмотр масок слоев

  • Option — щелкните (Mac) | Alt-щелкните (Win) миниатюру маски слоя на панели «Слои», чтобы выбрать и просмотреть маску.
  • Или коснитесь «\» (обратная косая черта), чтобы отобразить маску слоя как наложение (коснитесь «\» еще раз, чтобы скрыть наложение).

6) Временное отключение / включение масок

  • Удерживая нажатой клавишу «Shift», щелкните миниатюру маски слоя на панели «Слои», чтобы временно отключить маску слоя.Щелкните миниатюру маски слоя еще раз, чтобы включить ее.
  • Или, Ctrl-щелчок (Mac) | Щелкните правой кнопкой мыши (Win) на маске на панели «Слои» и выберите «Включить / отключить маску слоя».

7) Отключение масок от слоев

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

8) Вставка содержимого в маску слоя

  • Чтобы вставить содержимое из буфера обмена в маску слоя, Option-щелкните (Mac) | Alt-щелкните (Win) значок маски слоя на панели слоев, чтобы сделать его видимым.Затем выберите «Правка»> «Вставить».
  • Или на панели «Каналы» щелкните маску слоя, чтобы нацелить ее, И щелкните пустое углубление, чтобы переключить видимость маски слоя (маска будет отображаться как красный оверлей), и выберите «Правка»> «Вставить». Чтобы скрыть красный оверлей, щелкните значок глаза.
  • В этом кратком совете Джулианна показывает простую технику вставки содержимого непосредственно в маску слоя в Photoshop.


9) Деликатная очистка маски

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

10) Создать маску слоя из прозрачности

  • Чтобы автоматически преобразовать прозрачные области слоя в маску, выберите «Слой»> «Маска слоя»> «Из прозрачности».
  • Чтобы создать маску на слое на основе прозрачности другого слоя, на панели «Слои» выберите слой, к которому вы хотите добавить маску. Затем перетащите слой, который должен стать содержимым маски, на значок «Добавить маску» в нижней части панели «Слои». Важно: не нажимайте и не отпускайте кнопку мыши на слое, который вы хотите сделать содержимым маски — щелчок выберет слой, вместо этого вам нужно перетащить этот слой.

11) Неразрушающее смягчение краев слоистых масок

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

12) Неразрушающее изменение плотности маски слоя

  • Используйте ползунок «Плотность» на панели «Свойства», чтобы уменьшить непрозрачность (плотность) маски неразрушающим образом.

13) Рисование в маске слоя

  • Изменение режима наложения инструмента рисования может быть очень полезным при рисовании в маске слоя. Например, при рисовании с градиентом по умолчанию в маске, если маска не совсем правильная, легко нарисовать другой градиент, чтобы заменить первый.Однако, если вы хотите нарисовать вторичный градиент, который будет добавляться к маске или вычитаться из нее (вместо ее замены), измените режим наложения для инструмента Градиент на Умножение (для добавления черного) или Экран (для добавления белого) и затем перетащите второй градиент.

14) Преобразование маски слоя в выделение

  • Чтобы преобразовать маску слоя в выделение, Command-щелчок (Mac) | Control-щелкните (Win) на миниатюре маски слоя на панели «Слои». Затем вы можете добавить, вычесть или пересечь получившееся выделение с другой маской слоя, используя следующие сочетания клавиш:
    Command + Shift (Mac) | Control + Shift (Победа), чтобы добавить к выделению дополнительную маску слоя.
    Option + Command (Mac) | Alt + Control (Win), чтобы убрать еще одну маску слоя из выделения.
    Option + Command + Shift (Mac) | Alt + Control + Shift (Win), чтобы создать пересечение двух масок слоя.

15) Объединение двух изображений вместе с использованием масок слоя

16) Обмен головами в семейном портрете

Бонус: чтобы настроить сочетания клавиш Photoshop для добавления маски слоя, выберите «Правка»> «Сочетания клавиш». Установите «Ярлыки для» на «Меню приложений» и переключите треугольник раскрытия для меню «Слой».Прокрутите вниз до слоя «Маска» и добавьте свои собственные ярлыки, щелкнув пустую область справа от команды. Щелкните Принять, а затем ОК. Назначение ярлыков — это быстрый способ добавить маску слоя, игнорируя / соблюдая текущий выбор.

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

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