Как добавить картинку на слой фотошоп: Создание слоев и групп и управление ими в Adobe Photoshop

Содержание

Как вставить фото в рисунок в фотошопе

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

Здравствуйте, дорогие посетители сайта Pixelbox.ru!

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

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

Как во всех остальных уроках фотошопа, мы будем работать поэтапно.

Подготовка фотографий. Загружаем в фотошоп.

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

Для этого выполните действие

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

Работать мы будем с основной фотографией — комната. Именно в это фото мы вставим другие фото. На стол мы вставим фото кота и рядом летающую бабочку.

Вставляем фотографии

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

Перейдите к изображению с котом — cat.png, выбрав на панели сверху нужное окошко с изображением в фотошопе.

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

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

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

Этим же способом перенести изображение бабочки в изображение с комнатой.

Обработка вставленных фото

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

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

Перейдите к изображению с комнатой — room.jpg

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

Что нужно сделать в первую очередь:

  1. Уменьшить изображения
  2. Правильно расположить изображения

Давайте начнем с бабочки, так как она загораживает весь обзор. Найдите слой с бабочкой на панели слоев:

Выберите этот слой, щелкнув на него один раз мышкой. Нажмите CTRL+T чтобы масштабировать изображение слоя. Чтобы уменьшить изображение бабочки — тяните уголок, с зажатыми клавишами SHIFT+ALT, по диагонали вниз вправо.

Когда нужный размер будет достигнут — нажмите ENTER.

Перейдите на слой с котом и проделайте тоже самое.

Найдите инструмент Перемещение на панели инструментов.

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

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

Выберите изображение с котом, нажмите CTRL+L чтобы вызвать функцию Уровни. Эта функция поможет настроить правильный оттенок.

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

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

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

Для этого перейдите на слой с фоном (комната) и нажмите на кнопку создания слоя (нарисовано стрелкой) и появиться новый слой (Слой 3).

Выберите и настройте кисть в фотошопе (по ссылке целый обзор посвященный настройке кисти)

  1. Выберите цвет черный
  2. Найдите кисть на панели инструментом
  3. Настройте нажим — 1%

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

Для реалистичности движения бабочки можно добавить фильтр «

Размытие в движении» на бабочку.

Перейдите на слой с бабочкой и примените фильтр:

Угол я выбрал 0%,а смещение — 3. Чем больше вы задаете смещение, тем больше размывается изображение.

Результат нашей работы:

Сохраняем фото

Осталось сохранить вашу фотографию. Выполните пункт меню Файл — Сохранить Как

Выберите формат JPG, задайте имя файлы и нажмите Сохранить.

Спасибо за внимание! Задавайте вопросы в комментариях.

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

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

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

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

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

Далее, аналогичным образом через меню — «Файл»- «Открыть» выбираем еще одно фото для вставки. Оно откроется уже в другом окне.

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

По краям картинки увидим мерцающую пунктирную линию. Теперь копируем выделенную картинку с помощью команды «Редактирование» — «Копировать». Открываем фоновую картинку и через пункт верхнего меню «Редактировать»- «Вставить» вставляем. Изображение появится на переднем плане.

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

Ее можно переместить на задний план, то есть переместить слой вниз в рабочей области «Слои». Однако вставленную картинку не будет уже видно.

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

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

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

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

  • картинку можно вставить путем простого перетаскивания из места расположения прямо на фон.
  • картинку загружаем непосредственно в программу, копируем ее и вставляем на фоновую картинку.

Вставляем изображение в картинку и уменьшаем

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

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

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

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

Как в фотошопе вставить картинку в картинку и покрасить ее в цвет фона?

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

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

В результате рядом с картинкой памятника увидим белый квадрат. При этом на панели инструментов основной цвет должен быть черным, а дополнительный – белым. На полученном слое-маске будем заменять фон. Для этого на панели инструментов выбираем «Кисть». А на панели слоев выбираем маску, кликнув по ней мышкой.

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

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

Вставляем картинку в картинку и делаем ее прозрачной, без фона

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

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

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

Далее, кликаем этим инструментом по белому фону и получим пунктирное выделение объекта.

Теперь нажимаем клавишу «Delete» и фон удалится. Вот и вся процедура. Если объект имеет ровные стороны, без резких углов сложных границ, то можно воспользоваться инструментом «Магнитное лассо».

Этим инструментом выделяем по контуру объект, после чего выбираем «Выделение» => «Инверсия» и уже потом «delete». Фон удалится. Эти способы хороши при однотонном фоне. Если же фон по цвету неоднороден, то необходимо воспользоваться режимом «Быстрая маска».

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

По окончании работы кистью снова нажимаем на инструмент «Быстрая маска», а после — «Delete». Объект остался без фона.

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

Вставка изображения в слой (выделенную область)

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

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

Таким образом мы выделим сам объект а не фон вокруг него. Теперь делаем копию («Редактирование» — «Копирование»), открываем нужный рисунок и через «Редактирование» — «Вставить» завершаем операцию.

Выделяем лицо человека и вставляем в другую фотографию (картинку)

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

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

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

Из этой статьи узнаете, как вставить картинку в Фотошопе. Это можно сделать с помощью буфера обмена или drag-n-drop, но сначала необходимо провести подготовку.

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

Предварительная подготовка


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

  1. Нажмите кнопку «Файл» в верхнем левом углу экрана.
  2. Из выпадающего списка выберите «Вставить».
  3. Найдите изображение, с которым хотите работать, выберите его, и нажмите «ОК».

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

Как вставить картинку в Adobe Photoshop


Есть 4 способа как вставить картинку в Фотошопе:

  • перетаскивание изображения из вкладки на вкладку;
  • копирование и вставка через буфер обмена;
  • команда меню «Поместить»;
  • перетаскивание файла из папки компьютера.

По очереди рассмотрим каждый из них.

Перетаскивание картинки из вкладки


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

  1. Выберите вкладку с изображением, которое нужно переместить.
  2. Зажмите название левой клавишей мыши.
  3. Двигайте мышь вниз, не отпуская кнопку.
  4. После того, как вкладка превратилась в окно, расположенное поверх другого изображения, отпустите кнопку.
  5. На панели инструментов выберите «Перемещение», или нажмите клавишу «V».
  6. Перетяните картинку на фон, используя ЛКМ (не отпускайте до окончания переноса).

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

Копировать – вставить


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

  • Откройте вкладку с изображением, которое необходимо перенести.

  • Выделите, нажав комбинацию клавиш Ctrl+A, либо с помощью лассо или другого инструмента вырезания, если нужна только часть рисунка.
  • Используйте кнопки Ctrl+C для копирования содержимого выделенной области.
  • Перейдите на вкладку фона, кликнув по ней ЛКМ, и нажмите Ctrl+V для вставки.

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

Команда меню «Поместить»


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

  • Перейдите на вкладку фона.
  • Откройте меню «Файл» в верхнем левом углу страницы.
  • В выпадающем списке найдите пункт «Поместить. ».

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

В центре фонового изображения появится рамка с рисунком. Измените размеры, растягивая углы за черные точки на рамке. После завершения работы кликните по кнопке с рисунком галочки в панели инструментов.

Перетаскивание фото из папки Windows


Последний способ – drag-n-drop файла из интерфейса окна Windows. Это упрощенная версия предыдущего способа переноса. Результатом также будет смарт-объект, но не понадобится заходить в меню.

  • Откройте вкладку с фоновым изображением.
  • Нажмите клавишу «Пуск».
  • В открывшемся меню выберите «Проводник».

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

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

Как в Adobe Photoshop вставить картинку на картинку


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

Видео-урок «Как вставить картинку в Adobe Photoshop»:

Графика для Web — как подготовить изображение в Фотошопе и вставить картинку или фото на сайт

Обновлено 26 января 2021
  1. Создание изображения для сайта в Photoshop
  2. Добавляем слои и переносим их на наше изображение
  3. Добавление текста или логотипа на изображение
  4. Рамка КАДРИРОВАНИЯ
  5. Окно ИСТОРИЯ
  6. Как добавить стиль слоя в Фотошопе
  7. Сохранение изображения для Web
  8. Как вставить созданную картинку на сайт

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодняшняя статья будет посвящена подготовке в программе Фотошоп (можно и в его онлайн версии Pixlr, описанной здесь) графических файлов для их публикации на сайте. У меня чаще всего используются скрины сделанные на компе или телефоне, а затем прошедшие обработку (в основном в Снагите).

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

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

Создание изображения для сайта в Photoshop

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

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

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

  1. Быть уникальными, а не взятыми с других ресурсов
  2. Не слишком маленького размера и формата JPEG, GIF, PNG или BMP.
  3. У них обязательно должны быть прописаны атрибуты Alt (и, при желании, Title), как написано в этой статье. Иначе поисковые системы просто не включат их в свой индекс поиска по картинкам.
  4. В атрибуте Alt должны быть прописаны ключевые слова, по которым вы хотите продвинуть данную фотку.
  5. Желательно, чтобы в названиях графических файлов тоже присутствовали ключевые слова (в виде транслита, по правилам описанных в этой статье о транслитерации)
  6. Необязательным, но желательным условием является то, чтобы в каждом теге IMG ваших изображений были бы прописаны атрибуты WIDTH и HEIGHT. Они служат для задания ширины и высоты изображения и при определенном стечении обстоятельств могут способствовать ускорению загрузки вебстраницы.
  7. Фото должны быть размещены на вашем сайте легально, иначе могут неожиданно возникнуть проблемы с правообладателями. Покупать графику я не агитирую, но можно найти вполне компромиссное решение — бесплатные фотобанки и микростоки, где размещены многие тысячи профессиональных фотоматериалов.

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

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

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

Для создания нового файла в Photoshop заходим в МЕНЮ и выбираем команду СОЗДАТЬ (в более новой версии Фотошопа: МЕНЮ — НОВЫЙ). У нас открывается вот такое диалоговое окно:

В нем мы задаем имя для будущей картинки; выбираем ее размер (ширину и высоту), нажав вкладку НАБОР; а также задаем единицу измерения (пиксели, сантиметры, дюймы…).

Далее задаем ФОН. По умолчанию всегда будет стоять БЕЛЫЙ. Если мы выберем ФОНОВЫЙ ЦВЕТ, то будущее изображение окрасится в тот цвет, который в данный момент находится основным в палитре цветов. Выбрав ПРОЗРАЧНЫЙ фон — поле окрасится шахматкой.

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

Слева в интерфейсе Фотошопа находится полоска с инструментами, которая называется ПАЛИТРА ИНСТРУМЕНТОВ. Как раз на ней, в самом низу, и живет описанная выше ПАЛИТРА ЦВЕТОВ.

Для того, чтобы открыть нужное нам фото, мы заходим в МЕНЮ и выбираем команду ОТКРЫТЬ. Далее ищем на своем компьютере папку с нужной фоткой и щелкаем по ней.

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

Добавляем слои и переносим их на наше изображение

Самый простой способ перенести одну картинку на другую — это обыкновенное перетаскивание его с помощью мыши. Сначала выбираем инструмент ПЕРЕМЕЩЕНИЕ, а затем хватаем вновь добавленное изображение левой кнопкой мыши и перетаскиваем на то, что создали (пустую заготовку нужного размера с прозрачным фоном), после чего отпускаем.

В моем случае видна лишь новая картинка на прозрачном фоне (показан шахматкой), а созданный документ (заготовка), под названием «Без имени-1», скрыт.

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

Там наш телефончик можно передвигать с помощью мышки в ту область шаблончика, которая нам нужна. Так же передвигать можно с помощью стрелочек на клавиатуре, при условии, что в палитре инструментов выбран инструмент ПЕРЕМЕЩЕНИЕ.

В окне НАВИГАТОР программы Фотошоп мы можем просмотреть наше результирующее изображение. Двигая ползунок — изменить масштаб просмотра, т.о. просмотреть документ как бы через лупу, дабы увидеть возможные недочеты. Изменить же реально масштаб можно, зайдя в МЕНЮ — ИЗОБРАЖЕНИЕ — РАЗМЕР.

В палитре СЛОИ отображается всё, что мы перенесли на наш слой. К примеру, в моем случае, в палитре СЛОИ находятся всего два: созданный шаблон изображения для сайта на белом фоне и одна перенесенная на него картинка (телефончик).

Ее на нашем документе можно не только перенести в любую область, но и наклонить/перевернуть. Для этого в МЕНЮ выбираем РЕДАКТИРОВАНИЕ — СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ.

Но перед этим, если у вас перенесено уже несколько картинок на нашу заготовку, нужно выбрать нужный слой в палитре СЛОИ, и только потом применять СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ. В противном случае, трансформирование применится к слою, который будет активным в данный момент, а не к тому, который вам необходимо наклонить/перевернуть.

Выбрав команду СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ, наше изображение выделится тоненькой рамочкой.

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

Добавление текста или логотипа на изображение в Photoshop

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

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

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

  1. изменить ориентацию текста, т.е. сделать из горизонтального вертикальный и, наоборот
  2. задать жирность/курсив
  3. задать размер
  4. произвести деформацию текста, т.е. сделать его выпуклым, в виде флага и т.п.

Выбрав в окне Photoshop инструмент ПЕРЕМЕЩЕНИЕ (о нем писалось выше), с помощью мышки или стрелочек на клавиатуре, мы можем переместить в другое место текст логотипа на нашем шаблоне.

Рамка КАДРИРОВАНИЯ

Допустим, ваше изображение оказалось бОльшего размера, чем вам нужно (кстати, если фото не очень хорошего качества, то его можно использовать ретушь). Если вы будете уменьшать его с помощью команды в меню ИЗОБРАЖЕНИЕ — РАЗМЕР, то, изменив его по горизонтали, оно автоматически изменится и по вертикали, и наоборот.

Чтобы такого избежать и существует инструмент РАМКА КАДРИРОВАНИЯ. Выбираем его в окне Фотошопа, щелкам по нужному месту на заготовке и, зажав левую кнопку мыши, растягиваем рамочку, после чего отпускаем левую кнопку мыши.

Рамку кадрирования можно увеличить или уменьшить, ухватившись мышкой за ее уголочки. То, что мы хотим отрезать на итоговом изображении, будет затемнено. Выделили область, которую мы хотим оставить, и нажимаем кнопочку ПРИМЕНИТЬ КАДРИРОВАНИЕ (показано на рисунке выше).

Окно ИСТОРИЯ

В окне ИСТОРИЯ прописываются все наши действия в этой замечательной программе. В моем случае их было совершено пять: создание нового документа для последующей публикации на сайте, перетаскивание на него слоя с картинкой, перемещение рисунка телефончика в другое место на заготовке, перетаскивания туда же слоя с логотипом (в вашем случае — написание текста с помощью инструмента ТЕКСТ) и последующее его позиционирование в нужное место.

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

Так же шаг назад в Photoshop можно сделать с помощью: МЕНЮ — РЕДАКТИРОВАНИЕ — ШАГ НАЗАД.

Если у вас не наблюдается окна ИСТОРИЯ или какого другого описанного мною окна, то зайдите в МЕНЮ — ОКНО и поставьте галочку у нужного вам: история, слои, навигатор и т.д. Окна на рабочем столе в программе Фотошоп можно перемещать с помощью мышки.

Как добавить стиль слоя в Фотошопе

Если мы хотим добавить стиль одному слою, то делаем его активным и нажимаем кнопочку ДОБАВИТЬ СТИЛЬ СЛОЮ, если всему документу, то выделяем все слои с помощью удержания клавиши Shift на клавиатуре, а затем объединяем все три слоя в один, щелкнув по выделенным слоям правой кнопкой мыши и выбрав команду ОБЪЕДИНИТЬ СЛОИ, после чего нажимаем кнопку ДОБАВИТЬ СТИЛЬ СЛОЮ. Шайтанама.

При нажатии на кнопку ОБЪЕДИНИТЬ СЛОИ у нас откроется диалоговое окно с выбором стиля. Но есть и еще один способ открытия этого окна в Photoshop — двойной щелчок мышкой по уже единственному у нас слою в палитре СЛОИ. В этом случае у нас откроется вот такое диалоговое окно со всеми настройками задания стиля:

Данные настройки придадут вашему документу неповторимый стиль. Вы можете применить:

  1. тиснение (сделать картинку объемнее)
  2. наложить тени, как внутренние, так и внешние
  3. задать свечение внутреннее или внешнее, а может и то, и другое
  4. заключить наш документ в рамку
  5. задать ее ширину
  6. цвет и т.п.

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

Сохранение изображения для Web

JPG — это основной формат, в котором сохраняют фотографии. GIF лучше всего применять для сохранения растровых (состоящих из пикселей) изображений с количеством цветом не более 256. Этот формат отлично поддерживает анимацию, а так же часто применяется в web-дизайне.
PNG очень схож с GIF, только в отличии от него может отображать большее количество цветов. Подробнее о форматах Gif, Png, Jpg (Jpeg) растровой графики вы сможете прочитать тут.

Чтобы сохранить изображение в Фотошопе, заходим в меню и выбираем ФАЙЛ — СОХРАНИТЬ КАК, но для интернета лучше всего сохранить иным способом: заходим в меню и выбираем ФАЙЛ — СОХРАНИТЬ для Web устройств.

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

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

Как вставить созданную картинку на сайт

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

В этом случае графический файл загружается на сайт с помощью инструментов визуального редактора. Довольно удобно и просто. Но вот я, почему-то, всегда предпочитал другой способ вставки. Сначала подключаюсь к сайту по FTP c помощью моего любимого FTP клиента FileZilla, подробно описанного тут.

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

<img alt="" src="https://ktonanovenkogo.ru/image/25.10.png" />

Для класса img_center1 в моем стилевой файле (из папки с текущей темой оформления Вордпресс) прописано следующее правило:

.img_center1{display:block;background:#e0e0e0;padding:5px;margin:10px auto !important;}

CSS свойство display делает картинку блочным элементом. Ну, а затем с помощью margin:10px auto мы выравниваем ее по середине (по горизонтали). Про CSS свойства margin и padding читайте здесь. Ну, а background, которому посвящена эта публикация, задает серенький фон, который слегка проглядывает по краям, создавая эффект рамки.

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

Лично я пишу статьи в WordPress, используя только HTML редактор, в котором для удобства добавил кнопки, позволяющие быстро вставлять в текст штампы:

Таким образом можно очень быстро вставить фото на блог. Дополнительные кнопки в Html редактор можно добавить с помощью плагина Post Editor Buttons. Как нибудь опишу подробно работу с ним, а пока вы можете сами пробовать разобраться, тем более, что там ничего сложного нет.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Как вставить изображение внутрь определённой области другого

Последнее обновление — 21 января 2021 в 23:21

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

Содержание:

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

Инструкция

Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его — изображение №1.

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

В качестве второго изображения возьму фото Джека с мячиком.

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

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

Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш «Ctrl+A». Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав «Ctrl» и «C».

Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш «Ctrl+V» в этом случае не сработает. В Photoshop есть для этого функция «Специальная вставка», которая вызывается из пункта «Редактирование» верхнего меню.

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование». Далее в выпавшем списке наведите курсор на строку «Специальная вставка» — появится ещё одно подменю, где щёлкнете по строке «Вставить в». Либо, вместо вызова из меню, нажмите сочетание «горячих» клавиш «Alt+Shift+Ctrl+V».

Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски. Белый прямоугольник миниатюры слоя-маски — это и есть область выделения в картинке №1, которую мы ранее создали.

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

Встав на Слой 1 и выбрав инструмент «Перемещение», мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

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

Краткое описание действий

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

  • Инструментом «Прямолинейное лассо» выделить область на изображении №1.
  • Выделить (Ctrl+A) и скопировать в буфер обмена (Ctrl+C) изображение №2.
  • Вставить (Alt+Shift+Ctrl+V) изображение №2 внутрь отмеченных границ изображения №1.

Как «разморозить» изображение PNG

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

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

Как это сделать? Очень просто: кликнуть в горизонтальном меню по ссылке «Изображение», далее — «Режим» и отметить галочкой строку RGB. Теперь в окне «Слои» клацнем по слою с картинкой два раза и в появившемся окне нажмём «ОК». И далее работаем с изображением.

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


Как пользоваться инструментом Перемещение в фотошопе

Обучение фотошопу / УЧЕБНИК 93720 1 комментарий

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

На панели инструментов Перемещение (Горячая клавиша — V) располагается вторым по счету в гордом одиночестве (обозначен иконкой в виде указателя мыши со стрелочками направления):

Для чего нужен инструмент Перемещение

1. Двигать содержимое слоя

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

Как это выглядит на примере

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

Например вниз. Вот что получилось:

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

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

2. Двигать содержимое выделенной области

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

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

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

Пример

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

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

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

Пример

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

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

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

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

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

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

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

Пример

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

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

Подробнее как это можно сделать смотрите в отдельном уроке.

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

Автовыбор

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

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

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

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

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

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

Cовет как лучше обучаться фотошопу:

  1. Изучайте теорию — учебник по фотошопу.
  2. Набивайте руку практикой, повторяя уроки.
  3. Сложно? Задавайте вопросы в комментариях к уроку или по этой форме. Посмотрите ответы уже разобранных вопросов.
  4. Подписывайтесь на обновления, чтобы не пропустить появление новых статей и уроков.

Подписаться на обновления сайта



наверх

Как переместить одну картинку на другую в Photoshop

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

  • Программа Photoshop
  • Несколько изображений

Инструкция

Откройте изображения, с которыми собираетесь работать, в Photoshop. Для этого воспользуйтесь командой Open («Открыть») из меню File («Файл») или сочетанием клавиш Ctrl+O. В окне проводника выберите нужные картинки, щелкнув по ним левой кнопкой мыши при нажатой клавише Ctrl. Щелкните по кнопке «Открыть». Вставьте одну картинку поверх другой. Для этого щелкните левой кнопкой мыши по окну с файлом, который собираетесь вставлять поверх другого изображения. Выделите картинку при помощи сочетания клавиш Ctrl+A или команды All («Все») из меню Select («Выделение»). Скопируйте выделенное изображение при помощи сочетания клавиш Ctrl+C. Можете воспользоваться командой Copy («Копировать») из меню Edit («Редактирование»).Перейдите к изображению, которое собираетесь использовать в качестве фона, щелкнув левой кнопкой мыши по окну с этим изображением.

Вставьте скопированное изображение при помощи сочетания клавиш Ctrl+V. То же самое можно сделать при помощи команды Past («Вставить») из меню Edit («Редактирование»).

Если нужно, подгоните вставленное изображение по размеру. Для этого в палитре Layers («Слои») щелкните левой кнопкой мыши по слою со вставленным изображением и примените команду Transform («Трансформировать»), пункт Scale («Размер») из меню Edit («Редактирование»). Уменьшите или увеличьте размер картинки, потянув мышью за угол появившейся вокруг изображения рамки. Примените трансформирование, нажав клавишу Enter.

Скройте ненужные детали изображения, наложенного на фон, или измените прозрачность его отдельных участков при помощи маски слоя. Для этого щелкните левой кнопкой мыши по кнопке Add Layer Mask («Добавить маску слоя»), которая находится в нижней части палитры «Слои». В палитре «Инструменты», которая находится в левой части окна программы, выберите инструмент Brush Tool («Кисть»). Щелкните левой кнопкой мыши по значку маски слоя. Закрасьте черным цветом те фрагменты вставленной картинки, которые хотите скрыть. Они станут прозрачными. Для того чтобы получить плавный переход от вставленного изображения к фону, уменьшите параметр Hardness («Жесткость») инструмента «Кисть». Настроить параметры кисти можно в панели Brush («Кисть»), которая расположена под главным меню.

Откорректируйте цвета верхнего слоя, настроив цветовой баланс. Это можно сделать через меню Image, пункт Adjustment, подпункт Color Balance. Передвигая ползунки, добейтесь гармоничного сочетания нижнего и верхнего слоя.

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

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

1. Открываете фото. 2. Выделяете переносимое изображение. 3. Ctrl-C — копируете изображение в карман. 4. Переходите туда, куда собираетесь вставить изображение. 5. Если требуется, увеличиваете холст в нужных пропорциях.

Полезный совет

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

Источники:

  • Описание одного из способов совмещения слоев в Photoshop
  • как фотошопе переместить фото

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

Инструкция

Запустите Adobe Photoshop (автор использует русифицированную версию CS5) и откройте два любых изображения: «Файл» > «Открыть» > выберите необходимые файлы > «Открыть».

Чтобы изображение или какую-то его часть было удобнее перетаскивать с одного места на другое, можно разместить окна с картинками несколькими различными способами. Щелкните «Окно» в главном меню, а затем «Упорядочить». В появившемся меню увидите три варианта:1. «Каскад» — картинки выстроятся друг за другом таким образом, чтобы пользователь смог прочитать названия и кликнуть на находящиеся позади изображения. Доступ к этому варианту недоступен, если изображения уже расположены третьим методом – на вкладках. 2. «Мозаика» — каждая картинка займет одинаковое место на рабочей области.3. «Объединить все на вкладках» — все картинки встроятся в одно окно, а перемещение между ними будет осуществляться через вкладки. Выберите на панели инструментов «Перемещение». Он находится в самом верху и имеет иконку в виде стрелочки и крестика. Нажмите на изображении (неважно в каком месте) левой кнопкой мыши и передвиньте его на другое методом «drag-n-drop».

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

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

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

Перемещение и копирование выделенных областей в Photoshop Elements

Инструмент «Перемещение» позволяет вырезать и переместить выделенные пикселы в новое место на фотографии. Этот инструмент также можно использовать для перемещения и копирования выделенных фрагментов между фотографиями в Photoshop Elements, а также в фотографии в других приложениях, которые поддерживают выделенные фрагменты.

Перемещение выделенной области с одной фотографии на другую с помощью инструмента «Перемещение»

Примечание.

Чтобы активировать инструмент «Перемещение» при другом активном инструменте, нажмите и удерживайте клавишу «Ctrl» (Command в ОС Mac OS) (этот метод не работает, когда выбран инструмент «Рука»).

  1. В рабочей среде «Редактирование» выделите область с помощью какого-либо инструмента выделения и выберите инструмент «Перемещение» на панели инструментов.

  2. (Необязательно) Можно изменить настройки инструмента «Перемещение» на панели параметров.
  3. Переместите курсор внутрь границы выделенной области и перетащите выделенную область в новое место. Если выделено несколько областей, то при перемещении с помощью инструмента «Перемещение» перемещаются все выделенные пикселы.

При активизации инструмента «Перемещение» на панели параметров можно изменить следующие параметры:

Автоматически выделять слой

Выделяет самый верхний слой с пикселами, находящимися непосредственно под инструментом «Перемещение», а не текущий выделенный слой.

Показать ограничительную рамку

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

Примечание.

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

Подсветка при наведении курсора

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

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

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

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

Выделенные области можно копировать и вставлять с помощью инструмента «Перемещение» или команд «Копировать», «Копировать объединенные», «Вырезать», «Вставить» или «Вставить в выделение» в меню «Редактирование».

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

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

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

  1. Выберите часть изображения, которую необходимо скопировать.
  2. В рабочей среде «Редактирование» выберите инструмент «Перемещение»  на панели инструментов.
  3. Удерживайте клавишу Alt (Option в ОС Mac OS), перетаскивая выделенную область, которую требуется скопировать и переместить.
  4. Чтобы создать дубликаты одной выделенной области, выполните одно из следующих действий.
    • Удерживайте клавишу «Alt» (Option в ОС Mac OS), перетаскивая выделенную область в каждое новое место.
    • Чтобы сдвинуть копию на 1 пиксел, нажмите клавишу со стрелкой, удерживая клавишу «Alt» (Option в ОС Mac OS). (Эта операция перемещает пикселы и копирует пикселы, создавая эффект размытости.)
    • Чтобы сдвинуть копию на 10 пикселов, нажмите клавишу со стрелкой, удерживая комбинацию клавиш «Alt»+«Shift» (Option+Shift в ОС Mac OS). (Эта операция только перемещает пикселы, но не копирует их.)

    Примечание.

    При перетаскивании выделения (удерживая клавишу Shift) с одного изображения на другое выделение вставляется по центру.

  1. В рабочей среде «Редактирование» воспользуйтесь каким-либо инструментом выделения, чтобы выделить область, которую требуется скопировать.
  2. Выполните одно из следующих действий.
    • Выполните команду «Редактирование» > «Копировать», чтобы скопировать выделенную область в буфер обмена.
    • Выполните команду «Редактирование» > «Копировать объединенные», чтобы скопировать все слои выделенной области в буфер обмена.

С помощью команды «Вставить в выделение» можно выполнить вставку содержимого буфера обмена (скопированное содержимое) в выделенный фрагмент. Эта команда позволяет воспользоваться элементами внутри выделения и придать вставленному изображению более объемный, естественный вид. Например, чтобы сохранить отражение на солнечных очках, можно использовать режим смешивания «Жесткий свет» и значение непрозрачности 85%. Чтобы использовать режимы наложения таким образом, следует создать новый слой и вставить выделенную область в этот слой.

Копирование выделенной области с одного изображения на другое

A. Выделенный фрагмент исходного изображения B. Фотография, подготовленная для копирования и вставки в исходное C. Итоговое изображение 
  1. В рабочей среде «Редактирование» воспользуйтесь командой «Копировать», чтобы скопировать фрагмент фотографии, который требуется вставить. (Допускается копирование данных с фотографий, открытых в других приложениях.)
  2. Создайте выделенную область на фотографии, в которую требуется вставить скопированную фотографию.
  3. Выполните команду «Редактирование» > «Вставить в выделение».

    Примечание.

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

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

    Примечание.

    Чтобы активировать инструмент «Перемещение» при другом активном инструменте, нажмите и удерживайте клавишу «Ctrl» (Command в ОС Mac OS). (Этот метод нельзя применить к инструменту «Рука».)

Фотошоп для верстальщика | Типичный верстальщик

Данная статья посвящается всем тем, кто только-только взялся за изучение верстки макетов, и тем, кто пока плохо разбирается в Adobe Photoshop. Моя цель рассказать откуда брать данные из PSD-файлов и научить приёмам, которые будут полезны всем верстальщикам.

Как вырезать и сохранять картинки?

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

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

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

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

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

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

Жмем Enter. Наша картинка готова.

Сохраняем ее в режиме web. Чтобы так сохранить в Photoshop CC надо нажать на Файл -> Экспортировать -> Сохранить для Web (старая версия). Для более ранних версий Photoshop можно было сохранить еще проще: Файл -> Сохранить для Web

Как правило, картинки сохраняют в JPEG и PNG-24.

Сохранение SVG картинок в Photophop

Чтобы сохранить картинку в формате SVG, достаточно кликнуть правой кнопкой мыши и кликнуть на «Экспортировать как…»

Далее появится диалоговое окно, в котором необходимо установить Формат SVG и нажать на «Экспортировать все». Важно, чтобы картинка в документе была одна.

Информация о font-family, font-size, line-height, color

Чтобы найти данные по этим трем компонентам, достаточно дважды кликнуть на слой с текстом, чтобы он стал активным. Как правило, информацию о font-family и font-size можно найти в верхней панели, а данные о line-height в окне «Символ». Обычно он располагается в правой части, но если его пока там нет, достаточно открыть его через Окно -> Символ.

Информация о margin и padding

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

Этот метод я использую, как правило, чтобы узнать о высоте или ширине определенного элемента. Но для того, чтобы соблюсти pixel-perfect всего макета, обычно я использую расширение для Chrome с одноименным названием PerfectPixel. Чтобы его установить, нажмите здесь.

Информация об opacity

Довольно часто веб-дизайнеры делают элементы прозрачными. В css за это отвечает свойство opacity. К счастью, в Photoshop можно увидеть процент непрозрачности. Для этого достаточно кликнуть на слой, в котором применяется прозрачность и посмотреть в верхний правый угол окна «Слои». На скриншоте видно, что прямоугольный элемент имеет прозрачность в 90%. Следовательно, в css следует записать следующее: opacity: 0.9

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

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

Ctrl + «-« — уменьшить масштаб

Ctrl + «+» — увеличить масштаб

Ctrl + «1» — масштаб 100%

Ctrl + J — создать дубликат слоя

Ctrl + [ — уменьшить размер кисти

Ctrl + ] — увеличить размер кисти

Ctrl + Alt + Z — шаг назад (отмена действия)

Ctrl + Shift + Z — шаг вперед (вернуть назад отменённое действие)

Ctrl + Alt + I — диалоговое окно «Размер изображения»

 

P.S. Скриншоты, приводимые в статье сделаны в программе Photoshop CC.

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

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


Наложение изображений на различные объекты в программе Фотошоп – занятие увлекательное и иногда довольно полезное.

Сегодня я покажу, как наложить картинку на текст в Фотошопе.

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

Итак, имеем какой-либо текст. У меня, для наглядности, это будет просто буква «А».

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

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

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

Зажимаем клавишу ALT и подводим курсор к границе между слоями с текстурой и текстом. Курсор изменит форму на квадратик с изогнутой книзу стрелкой (в Вашей версии Фотошопа значок курсора может отличаться, но форму изменить он должен обязательно).

Итак, курсор поменял форму, теперь кликаем по границе слоя.

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

При помощи этого приема можно наложить несколько изображений на текст и включать и отключать их (видимость) по необходимости.

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

Так же помещаем текстуру поверх текста в палитре слоев.

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

Затем зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом. Увидим выделение:

Данное выделение необходимо инвертировать сочетанием клавиш CTRL+SHIFT+I,

а затем удалить все лишнее, нажав клавишу DEL.

Выделение снимается клавишами CTRL+D.

Картинка в форме текста готова.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как растянуть изображение в Фотошопе? — Templatemonster

Взгляните на фотографию ниже. Вы видите что-то странное? Не стоит переживать, если не увидели! Просто на фото все идеально! Это благодаря мощному инструменту Adobe Photoshop, который называется Content-Aware Scale.

Из статьи вы узнаете:

  1. Как изменить размер картинки в Фотошопе?
  2. С чего начать?
  3. Выбор части изображения
  4. Инструмент Content-Aware Scale

Важно! Нужно уметь работать с Фотошоп, если планируете использовать psd шаблоны сайтов.

Content-Aware Scale позволяет масштабировать фотографии в Photoshop без потери качества, искажения изображения людей, зданий, животных и т.д. Это помогает сохранить пропорцию при уменьшении масштабирования, а также заполнить пустые области при увеличении масштаба. Так, например, настраивая макеты сайтов, вы сможете вставить отредактированную фотографию нужного вам размера хорошего качества.

Как изменить размер картинки в Фотошопе?

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

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

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

С чего начать?

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

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

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

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


Выбор части изображения

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


Инструмент Content-Aware Scale

На данном этапе и начинается настоящее волшебство. Теперь, когда есть выбранная область, нужно перейти Edit > Content-Aware Scale.

Далее необходимо выбрать функцию Free Transform. Нажмите на центрально-правое разделение и перетащить его вправо, чтоб оно совпадало с краем фотографии. И вот, изображение приобретает новый вид. Ответ на вопрос: “Как изменить размер картинки в Фотошопе?” — найден!

Осталось только нажать Enter на клавиатуре и сохранить изменения, а затем в главном меню (сверху) выбрать Select > Deselect menu item, чтоб удалить пунктирное выделение.

Согласитесь, результат выглядит неплохо!? Глядя на фотографию, трудно представить, что она редактировалась с помощью Photoshop.

Теперь вы знаете, как растянуть изображение в Фотошопе так, чтоб не потерять качество.

Как добавить изображения в шаблон Photoshop — Live Snap Love

ДОБАВЛЕНИЕ ИЗОБРАЖЕНИЙ В ШАБЛОН ФОТОШОПА — НАПИСАННОЕ РУКОВОДСТВО

Если вы предпочитаете видеть вещи в письменном виде, а не смотреть видео, — вот шаги, указанные ниже!

ШАГ 1. ВЫБЕРИТЕ СЛОЙ ФОРМЫ

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

ШАГ 2. ВСТАВЬТЕ ИЗОБРАЖЕНИЕ

Перейдите в ФАЙЛ, затем ПОМЕСТИТЕ ВСТРОЕННОЕ и выберите фотографию из того места, где вы ее сохранили. Теперь фотография будет помещена в коллаж и будет иметь собственный слой непосредственно над слоем с фигурой, который вы выбрали.

ШАГ 3: ИЗМЕНИТЬ РАЗМЕР

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

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

ШАГ 4. НАЖМИТЕ НА КОНТРОЛЬНУЮ ЗАПИСКУ

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

ШАГ 5: ОБРЕЗАТЬ ДЛЯ ФОРМЫ

Теперь вам нужно закрепить фотографию на слой-фигуру внизу, чтобы была видна только эта часть фотографии. В Photoshop вы можете сделать это с помощью сочетания клавиш CTRL + ALT + G (или CMD + ALT = G на Mac)

В качестве альтернативы перейдите в LAYER и CREATE CLIPPING MASK, которые делают то же самое.

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

ШАГ 6: ПЕРЕМЕСТИТЕ ИЛИ ИЗМЕНИТЕ РАЗМЕР ЕЩЕ РАЗ, ЕСЛИ НЕОБХОДИМО

Теперь вы можете снова изменить размер изображения, когда вы видите, как оно выглядит внутри фигуры. Для этого вам нужно будет снова вызвать эти «ручки». Вы можете сделать это, нажав CTRL + T (или CMD + T на Mac). Следуйте инструкциям на шаге 3 и шаге 4 еще раз.

ШАГ 7: ПОВТОРИТЬ СО ВСЕМИ ИЗОБРАЖЕНИЯМИ

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

ШАГ 9: СОХРАНИТЬ КАК PSD

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

Готово!

Еще одна вещь: обязательно возьмите наш Ultimate Photoshop Starter Kit — все, что вам нужно, чтобы начать работу в Photoshop для редактирования и использования ваших изображений, в одной удобной загрузке!

Как легко добавить новый элемент в изображение с помощью Photoshop

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

Откройте выбранные изображения в Photoshop

Первое, что вам нужно сделать, это выбрать фотографию горы (в необработанном формате).Для этого откройте Photoshop, затем перейдите в меню «Файл»> «Открыть», откроется окно, в котором вы можете выбрать нужную фотографию. Здесь выбираем raw файл горы:

Первоначальные корректировки

Поскольку мы открыли необработанный файл, он появится в Adobe Camera Raw, и мы собираемся отретушировать его, чтобы сначала он выглядел как ночь. Давайте установим баланс белого в сторону синего, поэтому переместите ползунок Temp на 4150. Затем вы хотите, чтобы ваша экспозиция была очень низкой, чтобы она выглядела темной, попробуйте -1,90, уменьшите ваши блики до -84, добавьте немного контраста до +39. , увеличьте черные до +28 и уменьшите белые до -46.В основном убирайте яркие части и усиливайте темные, чтобы придать изображению ночное настроение.

Теперь щелкните предложение под своей фотографией: ProPhoto .. и выберите «Открыть в Photoshop как смарт-объект».

Откройте элемент, который хотите добавить

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

Обустройте свое рабочее место

У вас должны быть фотографии луны и горы во вкладках в верхней части интерфейса Photoshop. Если вы этого не видите, выберите «Окно»> «Упорядочить»> «Объединить все вкладки»:

.

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

Переместите луну или элемент на изображение горы

Перейдите к фотографии луны и возьмите инструмент «Перемещение», это первый значок слева (палитра инструментов), сочетание клавиш — V.

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

Объединение изображений

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

Это сняло большую часть затемнения.

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

Чтобы сделать луну еще больше, перейдите в Edit> Free Transform.

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

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

Теперь вы должны это увидеть.

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

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

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

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

Примечание: если вы допустили ошибку, вы можете выбрать Cmd / Ctrl + Z, чтобы вернуться или отменить последний шаг.

Точная регулировка

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

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

Боковое примечание: Нажмите клавиши Control и Alt, чтобы увеличить или уменьшить кисть или любой другой инструмент в Photoshop.

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

Готово!

Вот и все! Вы добавили луну в свой пейзаж!

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


Если вам понравился этот урок и вы хотите узнать больше о том, как использовать Photoshop, ознакомьтесь с курсом Сержа Photoshop для фотографов 2017. Используйте специальный промокод — DPS65 — чтобы получить 65% скидку в качестве читателя dPS !

Как разбить изображение на слои в Photoshop

Создавайте слои на основе цветового диапазона с помощью Photoshop CC.

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

Работа с прозрачностью слоя

Дублируйте заблокированный слой или щелкните значок «Замок», чтобы включить прозрачность.

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

Есть два способа добавить прозрачность заблокированному фоновому слою. Один из способов — разблокировать слой, щелкнув значок «Заблокировать» на слое на панели «Слои».

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

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

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

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

После выбора области, которую вы хотите разделить на отдельный слой, нажмите «Ctrl-C», чтобы скопировать, или «Ctrl-X», чтобы вырезать ее. Когда вы нажимаете «Ctrl-V», выделенная область вставляется в новый слой.

Разделение изображения по цвету

Выделяйте части изображения в зависимости от их цвета с помощью «Цветовой диапазон».

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

Чтобы разделить изображение на разные слои по цвету, используйте параметр «Цветовой диапазон» в меню «Выбор». Щелкнув цвет на изображении, отрегулируйте размытость в меню «Диапазон цветов», наблюдая за эскизом предварительного просмотра. После того, как все области изображения выделены (выделены белым в предварительном просмотре), нажмите «ОК», чтобы выбрать их. Нажмите «Ctrl-X», чтобы вырезать выделение, а затем «Ctrl-V», чтобы вставить его в новый слой.

Разделение изображения по фокусу

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

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

Если вы хотите разделить изображение на основе элементов, которые находятся в фокусе или не в фокусе, используйте инструмент выбора области фокусировки в меню «Выбор». Этот инструмент особенно полезен для фотографий с узким полем зрения и широкой диафрагмой. Используйте ползунок «Диапазон фокусировки», чтобы выбрать, какой диапазон фокусировки следует выбрать. После нажатия «ОК» будет выбрана область, которая отображается белым цветом на эскизе предварительного просмотра. Нажмите «Ctrl-X» и «Ctrl-V», чтобы вырезать и вставить выделение в новый слой.Обратите внимание, что если вы хотите вырезать и вставить размытые части в новую область, инвертируйте выбранную область, щелкнув «Инверсия» в меню «Выбор».

Перемещение слоев в новые файлы

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

Изображение предоставлено: скриншот Photoshop любезно предоставлен Adobe.

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

Начиная с 2014 года, Photoshop CC включает новую функцию Image Assets для автоматического экспорта слоев в виде новых файлов. Создание графических ресурсов — это трехэтапный процесс:

  1. Разделите изображение на разные слои.
  2. Выберите «Создать» в меню «Файл» и нажмите «Активы изображения».
  3. Дважды щелкните имя каждого слоя и добавьте к его имени расширение файла, например «Background copy.png» или «Layer 1.jpg».

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

Использование «Применить изображение к маске слоя» в Photoshop

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

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

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

Вы можете не только увидеть рабочую маску слоя в полном размере, нажав Option / Alt и щелкнув маску слоя, что дает вам невероятные детали для работы, но вы также можете внести широкие корректировки в маску слоя с помощью удобной маленькой команды. Выделите маску слоя и нажмите Command + m / Ctrl + m.Это вызовет настройку кривых только для этой маски слоя, поэтому вы можете изменить яркость определенных областей маски, таких как тени, средние тона или блики, чтобы контролировать, какие области вашей настройки будут отображаться, а какие скрыты путем настройки. сколько черного или белого находится в этой области маски.

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

Apply Layer может быть особенно удобен для цветокоррекции и настройки экспозиции.

Это изображение ниже основано на применении масок Applied Layer Masks для улучшения контраста кожи.

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

Использование прикладных масок слоя

1. Создайте корректирующий слой и выберите маску слоя.

2. Выберите «Изображение»> «Применить изображение».

3. Выберите слой, который вы хотите применить к маске

4. Выберите режим наложения

5. Внесите изменения в примененную маску слоя

Вы можете использовать черную или белую кисть или коррекцию кривых непосредственно на маске с помощью Cmd / Ctrl + m

Результат использования Cmd / Ctrl + m для отображения или скрытия эффекта настройки карты градиента.Не забывайте, что черный цвет скрывает, а белый — раскрывает.

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

Как создать сетку фотографий в Photoshop

Как создать сетку фотографий в Photoshop

Хотите создать простую сетку Photoshop для использования в качестве шаблона коллажа, доски блога, графики Pinterest, макета журнала или информационного бюллетеня?

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

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

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

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

Теперь приступим к созданию сетки в Photoshop:

Шаг 1. Создайте новый документ в Photoshop

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

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

Имейте в виду, что касается разрешения, когда вы создаете что-то для печати, в идеале вы хотите иметь 300 пикселей на дюйм. Если шаблон предназначен для использования в Интернете, допускается значение от 72 до 150 пикселей. Сделайте фоновое содержимое белым. Нажмите ОК.

Шаг 2. Создайте новый макет сетки в Photoshop

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

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

Шаг 3. Создание фигур на сетке Photoshop

Щелкните инструмент «Прямоугольник» (или воспользуйтесь сочетанием клавиш Photoshop U).Используйте направляющие в документе, чтобы щелкнуть и перетащить прямоугольник / квадрат того же размера, что и пересекающиеся направляющие.

После того, как вы создали ряд квадратов, выберите их все в палитре слоев и затем нажмите Cmd / Ctrl + J. Вы также можете дублировать ваши слои. Это дублирует все слои. По умолчанию они теперь будут выбраны. Щелкните и перетащите слои, чтобы переместить их в новый раздел. Продолжайте делать это, пока весь документ не заполнится фигурами. Сохраните свой шаблон Photoshop, прежде чем двигаться дальше.

Шаг 4. Свяжите изображение с каждой формой

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

Чтобы добавить изображение, сначала выберите слой, к которому вы хотите применить изображение. Итак, если я хочу, чтобы мое изображение появилось в верхней левой форме, я собираюсь щелкнуть этот конкретный слой. Затем я перейду к File> Place или Place Embedded, в зависимости от версии Photoshop, которую вы используете.

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

А теперь по волшебству! В главном меню выберите «Слой»> «Создать обтравочную маску» (или используйте сочетание клавиш Ctrl / Cmd + Alt + G в Photoshop), и ваше изображение будет обрезано прямо по форме!

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

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

Шаг 5. Сохраните сетку фотографий

Не забудьте сохранить сетку Photoshop для использования в будущем, на случай, если вы снова захотите использовать тот же макет сетки. Сохранить шаблон так же просто, как нажать Cmd / Ctrl + S.

Вам нужно будет дать ему имя при сохранении и выбрать тип файла. Я сохраняю все свои сетки Photoshop как.PSD файлы. Этот тип файла, а также тип файла .tif сохраняют слои, так что вы можете использовать их каждый раз при открытии файла.

Сохранение сетки фотографий для печати немного отличается. После того, как вы добавили все изображения в сетку, нажмите Cmd / Ctrl + Shift + S, чтобы сохранить изображение в формате JPEG. Изображения JPEG лучше всего подходят для печати, поэтому выберите этот тип файла на этот раз при сохранении.

Скачать бесплатно Photoshop Photo Grid

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

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

У вас есть какие-либо вопросы или комментарии о том, как создать сетку фотографий в Photoshop? Оставьте нам комментарий ниже — мы будем рады услышать от вас! И ПОЖАЛУЙСТА, ПОДЕЛИТЬСЯ нашим учебником с помощью кнопок социальных сетей (мы очень ценим это)!

Гейл Вехар

Инструктор по Lightroom

Привет !! Я Гейл.Я жена моего красивого мужа и мама 4 прекрасных детей. В свободное время я работаю фотографом и блогером в Mom and Camera. Я обожаю делиться своей любовью к фотографии с другими. Я провожу уроки фотографии и регулярно делюсь советами и рекомендациями по фотографии в своем блоге. Я там часто бываю — я бы хотел, чтобы вы зашли и навестили!

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

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

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

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

Шаги

Быстрые шаги для опытных пользователей Photoshop

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

Поместите изображение луны на изображение пункта назначения

В Photoshop откройте изображение, на которое хотите поместить луну.

Щелкните File > Place и выберите изображение луны. Нажмите «Поместить», чтобы добавить изображение луны в качестве нового слоя в целевой документ.Нажмите клавишу возврата (ПК: Enter), чтобы принять изменения.

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

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

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

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

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

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

Замаскируйте фон Луны, используя наложение яркости

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

Дважды щелкните слой, чтобы открыть диалоговое окно стилей слоя.

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

Если у вашей луны светлый фон, перетащите правый ползунок влево.

Перетаскивание ползунка «Этот слой»

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

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

Тонкая настройка смешения яркости

Находясь в диалоговом окне «Стиль слоя», нажмите и удерживайте клавишу Command (ПК: Control) и щелкните изображение, чтобы увеличить его.

Вероятно, вы заметите какие-то артефакты по периметру своей луны.

Артефакты остаются вокруг объекта

Чтобы удалить эти артефакты, нажмите Option + Click (ПК: Alt + Click) и перетащите правую половину ползунка, который вы только что переместили — перетащите ползунок вправо.Таким образом ползунок фактически разделен на две части. Продолжайте перетаскивать эту половину ползунка вправо, пока артефакты не исчезнут, и нажмите OK, чтобы принять ваши изменения.

Разделение ползунка яркости в разделе «Этот слой»

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

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

Просмотреть все изображение

Немного уменьшите масштаб, чтобы увидеть все изображение.

Чтобы уменьшить масштаб, нажмите и отпустите клавишу «Z» и, удерживая клавишу Alt (ПК: Option), щелкните изображение.

Изменить размер луны

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

Чтобы изменить размер луны, выберите слой с луной и используйте сочетание клавиш Command + T (ПК: Control + T), чтобы открыть инструмент «Свободное преобразование».

Измените размер луны, удерживая клавишу Shift при перетаскивании одного из углов. Когда луна станет примерно подходящего размера, отпустите клавишу Shift и кнопку мыши и нажмите клавишу Return (ПК: Enter), чтобы принять ваши изменения.

Изменение размера луны с помощью инструмента Free Transform Tool

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

Переместите облака перед луной

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

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

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

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

Регулировка ползунка нижнего слоя

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

Точная настройка смешивания облаков

Option + щелкните (ПК: Alt + щелчок) и перетащите правую половину ползунка, который вы только что переместили вправо.Таким образом ползунок фактически разделен на две части. Продолжайте перетаскивать эту половину ползунка вправо, пока не получите желаемый эффект, и нажмите OK, чтобы принять изменения.

Разделение ползунка яркости в разделе «Нижний слой»

Перемещение луны

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

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

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


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

Окончательное изображение с луной

Финальное изображение с луной

Adobe Photoshop Mix: подробное руководство для начинающих

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

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

Что такое Adobe Photoshop Mix?

Adobe Photoshop Mix позволяет вырезать и комбинировать элементы из различных изображений, смешивать слои и придавать желаемый вид на вашем iPhone, iPad или устройстве Android — все это совместимо с Photoshop и Lightroom.

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

Следуйте этому руководству со скриншотами, которые помогут вам в этом процессе.

Как создавать потрясающие фотографии с помощью Adobe Photoshop Mix

Шаг 1. Загрузите Adobe Photoshop Mix
.

Загрузите приложение Adobe Photoshop Mix с сайта Adobe (доступно для iOS и Android) и перенесите свои потрясающие навыки редактирования в фотошоп на свое мобильное устройство.

Связано: 10 лучших приложений для редактирования видео для Android

Шаг 2. Создание новой фотокомпозиции в Photoshop Mix

Запустите приложение на мобильном устройстве, войдите в систему, если еще не делали этого.

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

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

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

На рисунке 1: 1a, запуск Mix. 1b, Импорт файла. 1c, выбрано фоновое изображение.

Рисунок 1

Шаг 3. Объединение фотографий с помощью нескольких операций импорта

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

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

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

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

Рисунок 2: 2a, импортирован второй файл. 2b, вырежьте предмет / дерево. 2c, расположил дерево на заднем плане.

Рисунок 2

Шаг 4. Смешайте изображения вместе

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

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

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

Когда закончите с изменениями, нажмите на галочку.

На рис. 3: 3a, изображение птиц импортировано. 3b применил режим Multiply, чтобы птичка появилась в небе.

Рисунок 3

Шаг 5. Объедините больше объектов в фотографию

ПРИМЕЧАНИЕ. В приложении недавно была улучшена функция, что позволяет добавлять максимум четыре слоя на любых устройствах Android для уточнения, что раньше было доступно только на устройствах iPhone и iPad.

Повторите шаги 2, 3 и 4, добавляя больше объектов к вашему основному фону / изображению. Каждый раз, когда вы добавляете фотографию в Photoshop Mix, создается слой, который можно легко редактировать, приклеивая к одному слою.

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

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

Рисунок 4: 4a, показаны все 3 слоя / изображения. 4b, удаляет слой.

Рисунок 4

Шаг 6. Отправьте композит в Lightroom

Примечание. Adobe Photoshop Mix предлагает расширенные возможности обработки изображений в простом в использовании мобильном приложении, которое позволяет легко делиться своей работой. Полная интеграция с Adobe Creative Cloud означает, что вы можете работать с другими настольными приложениями, такими как Photoshop и Lightroom. В этом уроке я по-прежнему буду использовать приложение для Android-устройств, такое как Lightroom.

Adobe Photoshop Lightroom имеет мощные инструменты для дальнейшего улучшения вашей композиции Photoshop Mix — в основном для баланса белого, цветокоррекции и резкости изображения.

Убедитесь, что вы подключены к сети Wi-Fi, коснитесь «Поделиться» в правом верхнем углу и коснитесь Сохранить в Lightroom .

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

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

На рис. 5: 5a, отправка составного файла в Lightroom.5b, запустил Lightroom и импортировал композит, сохраненный из Photoshop Mix.

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

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

Авторское право © 2024 Es picture - Картинки
top