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

Урок фотошоп. Как добавить объекты на фото при помощи наложений

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

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

Выбираем изображения

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

Открываем Photoshop

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

На секунду вернемся назад: как были сделаны снимки

Обратите внимание, что внизу есть фоновый слой. Это изображение было сделано с другими настройками, чем снимки голубей. Я сделал это, потому что обычно перед тем, как сделать дополнительные фотографии, такие как с голубями, я сначала делаю несколько фото с НАИЛУЧШИМИ настройками камеры для данной ситуации. В этом случае они были такими: ISO 100, диафрагма f/8, выдержка 1/30.

Однако, выдержка в 1/30 секунды была слишком длинной, чтобы фиксировать движение птиц. Поэтому мне нужна была более короткая выдержка, что привело к следующим настройкам: ISO 800, f/5 и выдержка 1/640 секунды. Это позволило мне заморозить движение голубей, но в то же время привело к появлению шума в изображении (ISO 800 по сравнению с ISO 100) и более малой глубине резкости (f/5 по сравнению с f/8), а в результате – к более мягкому фону.

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

Последовательность съемки

Вот последовательность процесса съемки, чтобы дать вам лучшую картину:

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

Этапы в Photoshop

Шаг №1 – отключите некоторые слои

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

Шаг №2 – добавьте маску слоя

Далее выберите слой 1 Голуби и, удерживая клавишу Alt, нажмите значок “добавить маску слоя” (обведено красным на фотографии ниже слева). У вас должен появится черный прямоугольник с правой стороны слоя, как показано на фото справа. Таким образом мы добавляем реверсную маску на слой, черный означает, что содержание слоя спрятано. Если не удерживать клавишу Alt key при создании маски, то она будет белой, показывая все содержимое слоя.

Шаг №3 – рисуйте на маске, чтобы проявить птицу

Теперь у нас черная маска. Чтобы наложить только голубей из этого слоя, нам нужно выбрать инструмент Кисть и рисовать на маске белым цветом поверх птиц. Примечание: черная маска означает скрывание слоя, а белая – проявление.

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

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

Шаг №4 – повторите на следующем слое

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

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

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

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

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

Шаг №5 – Завершите работу с масками для всех слоев

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

Заключение

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

Я надеюсь, что вы получили удовольствие от этой статьи, и она даст вам некоторые новые идеи и вдохновение.

 Автор: Ash Moosa

Перевод: Татьяна Сапрыкина

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

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

Базовые уроки / УЧЕБНИК 209923 1 комментарий

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

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

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

Затем аналогичным образом откройте вторую картинку.

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

Способ №1: перетаскивание картинки из вкладки

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

По умолчанию фотошоп показывает панель с вкладками в одну строку:

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

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

• Вы увидите, что вкладка примет форму окна, как окно у ОС Windows, — значит можно отпустить клавишу мыши.

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

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

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

Теперь нужно соединить два изображения!

Выберите «Перемещение» на панели инструментов (горячая клавиша — V)

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

Все! Вы только что вставили одну картинку в другую.

Способ №2: копировать — вставить

До боли знакомая комбинация действий также работает и в фотошопе. Суть такая же: одно изображение скопировать в буфер обмена, а затем в нужном месте вставить.

Теперь подробнее как это сделать

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

Скопируем выделенную область — нажмите сочетаний клавиш Ctrl+C. Теперь рисунок в буфере обмена!

Вернитесь в основное изображение и нажмите комбинацию Ctrl+V. Если все сделано верно, фотошоп поместит содержимое буфера в центр открытого документа:

Способ №3: команда меню «Поместить»

Это особенный способ и он качественно отличается от предыдущих двух. Отличительная особенность — автоматическое создание смарт-объекта.

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

Откроется окно проводника Windows. В этом окне Вам нужно найти нужную для вставки картинку и нажать кнопку «Поместить».

В итоге эта картинка появится на основном изображении. Но:

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

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

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

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

Именно для начинающих и предназначен данный урок.

Скачать последнюю версию Photoshop

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

Простое открытие документа

Выполняется следующими способами:

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

2. Перейти в меню «Файл – Открыть». После этого действия откроется такое же окно Проводника для поиска файла. Точно такой же результат принесет нажатие комбинации клавиш CRTL+O на клавиатуре.

3. Кликнуть правой кнопкой мыши по файлу и в контекстном меню Проводника найти пункт «Открыть с помощью». В выпадающем списке выбрать Фотошоп.

Перетаскивание

Самый простой способ, но имеющий пару нюансов.

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

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

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

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

Помещение из буфера обмена

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

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

Картинки на сайтах также поддаются копированию.

Фотошоп успешно работает с буфером обмена. Достаточно создать новый документ нажатием сочетания клавиш CTRL+N и откроется диалоговое окно с уже подставленными размерами картинки.

Нажимаем «ОК». После создания документа необходимо вставить картинку из буфера, нажав CTRL+V.

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

Как в фотошопе вставить картинку? Работаем с отдельными изображениями

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Каждый охотник желает знать…

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

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

Открываем сайт и вводим в строку поиска нужное слово:

Жмём клавишу Enter и наслаждаемся огромным количеством изображений высокого качества:

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

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

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

С помощью вкладок

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

Для совмещения картинок придётся разгруппировать их. Для этого наводим курсор мыши на активное окно:

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

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

Для создания цельного изображения уберите лишнее ластиком или при помощи маски:

Через меню программы

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

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

После трансформации не забудьте сохранить результат, нажав кнопку Enter.

Через проводник Windows

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

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

С помощью горячих клавиш

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

Вырезаем картинку в буфер обмена при помощи Ctrl+X и, кликнув на другом изображении, жмём Ctrl+V. Количество слоёв при этом увеличивается:

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

На финишной прямой

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

Напоследок хочу порекомендовать вам впечатляющую подборку видеоуроков от настоящих виртуозов, знающих графический редактор как свои пять пальцев. Речь идёт о представителях интернет-проекта «Фотошоп-мастер». Они предлагают 88 уроков в формате видео высокого качества. Даже я (человек, который давно занимается созданием изображений для сайтов) почерпнул много полезного. Попробуйте и вы!

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

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

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

Здравствуйте, дорогие посетители сайта 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, задайте имя файлы и нажмите Сохранить.

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как создать эффект выхода за пределы фото в Фотошопе

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

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

В этом материале я буду использовать Photoshop CS6 в данном учебнике, но подойдёт и любая последняя версия Photoshop.

Вот результат, который мы получим в результате нашей работы:

Как создать эффект выхода за пределы фото в Фотошопе

Выделение экрана

Откройте изображение телевизора, монитора или какого-либо другого аналогичного устройства.

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

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

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

Вставляем фотографию с предметом в экран

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

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

Кликните по документу с экраном. Затем зайдите во вкладку главного меню «Редактирование»(Edit) и пройдите по пункту Специальная вставка —> Вставить в… (Paste Special —> Paste Into)

Примечание. Если вы используете Photoshop CS4 или более раннюю версию, просто пройдите по вкладке Редактировать —> Вставить в (Edit —> Paste Into).

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

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

Выключаем слой-маску и уменьшаем непрозрачность слоя с предметом

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

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

А вот как выглядит рабочий документ:

Изменяем размер и положение изображения с помощью Свободной трансформации

Нажмите комбинацию Ctrl+T Для активации инструмента «Свободная трансформация» (Free Transform), и затем, по мере необходимости, измените изображение так. чтобы части его выступали из экрана. Когда закончите, нажмите Enter, чтобы принять изменения и выйти из инструмента. У меня получилось так, из экрана выступает голова человека и нос мотоцикла:

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

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

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

Когда закончите, включите маску слоя и поставьте прозрачность на 100%, при этом от выделенных объектов останутся только контуры:

Заполняем контуры выделения белым в слой-маске

Для того, чтобы выделенные участки были видны, надо маску слоя на этих участках залить белым цветом. Для этого, первым делом кликаем по маске слоя. чтобы вокруг неё появилась рамка, затем последовательно нажимаем клавиши D и Alt+Delete. Маска слоя теперь выглядит так:

А изображение готово:

Вот, собственно, и всё.

Ссылка на источник

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

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

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

Как в Photoshop создать анимированное GIF-изображение

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

Шаг 1: Загрузка изображений в Photoshop

Если у вас уже есть созданные изображения, разместите их в отдельной папке. Чтобы загрузить их в Photoshop , перейдите в Файл> Сценарии> Загрузить файлы в стек :

Затем нажмите « Обзор » и выберите файлы, которые нужно использовать в GIF , а затем нажмите кнопку « ОК ».

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

Если же у вас нет готовых изображений, разместите каждый кадр анимированного GIF как отдельный слой. Чтобы добавить новый слой, перейдите в Слои> Новый> Слой :

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

Совет: Если хотите объединить слои так, чтобы они выводились в одном кадре GIF, включите видимость для слоев, которые необходимо объединить. Для этого нажмите на иконку «глаза» слева, чтобы они были активны только для слоев, которые необходимо объединить. Затем нажмите Shift + Ctrl + Alt + E . Photoshop создаст новый слой, содержащий объединенный контент для движущейся картинки .

Шаг 2: Откройте окно «Временной шкалы»

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

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

Шаг 3: В окне «Шкала времени» выберите «Создать анимацию кадра»

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

Теперь временная шкала должна выглядеть примерно так:

Шаг 4: Создайте новый слой для каждого нового кадра

Для этого сначала выберите все слои: Выделение> Все слои .

Затем нажмите на иконку меню в правой части экрана временной шкалы:

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

Шаг 5: Нажмите на ту же иконку меню и выберите пункт «Создать кадры из слоев»

Каждый слой превратится в кадр GIF :

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

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

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

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

Шаг 8: Просмотрите GIF, нажав на иконку воспроизведения

Шаг 9: Сохраните GIF, чтобы использовать его онлайн

Как сохранить движущуюся картинку: перейдите в Файл> Сохранить для Web :

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

Число рядом с GIF определяет, сколько цветов будет сохранено в формате GIF по сравнению с исходным JPEG — или PNG-изображением . Более высокий процент дизеринга обеспечивает передачу большего количества цветов и увеличивает размер файла:

Нажмите кнопку « Сохранить », чтобы сохранить файл на компьютере. Загрузите GIF-файл на ресурсе, где хотите его использовать.

Как использовать GIF в маркетинге

1) В социальных медиа

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

2) В письмах

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

Это может привлечь внимание читателей и повысит эффективность проводимой кампании. А / B тестирование, проведенное Bluefly , показало, что электронные письма с анимированными GIF-изображениями дают на 12% больше прибыли, чем их статичные версии. Используйте GIF для демонстрации товаров, анонсов событий или иных целей.

3) В блоге

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

Данная публикация представляет собой перевод статьи « How to Make an Animated GIF in Photoshop [Tutorial] » , подготовленной дружной командой проекта Интернет-технологии.ру

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

Откроем две картинки с анимацией, и посмотрим, сколько у каждой слоев и какое время проставлено на каждом кадре.

В окне слоев у этой картинки 4 слоя,

а в окне анимации время на кадрах 0,15.

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

Здесь тоже 4 слоя

и время на кадрах такое же.

Значит перенести анимацию будет очень просто.

2-Кликнуть по картинке с бабочкой и, в окне слоев, выделить все слои. (Нажать на клавиатуре Ctrl и, удерживая, кликнуть по каждому слою в окне слоев или, нажав на Shift, кликнуть по верхнему слою).

3-Выбрать на панели инструментов «перемещение» и перетащить бабочку на первую картинку.

Бабочка оказалась великовата, нужно ее уменьшить.

Уменьшить бабочку до 80%

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

5-В окне слоев переместить выделенные слои наверх, если в окне слоев будет так.

Кликнуть левой кнопкой мыши по слоям и, не отпуская ее, переместить слои вверх.

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

6-В окне анимации выделить первый кадр, кликнув по нему,

в окне слоев глазки должны быть только на нижнем слое и на слое 5.

7- В окне анимации выделить второй кадр,

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

8- В окне анимации выделить третий кадр,

в окне слоев включить глазок на слое 7 и выключить на слое 6.

7- в окне анимации выделить четвертый кадр,

а в окне слоев включить глазок на верхнем слое и выключить на слое 7.

9- Нажать на пуск в окне анимации и смотреть что получилось.

10- Файл сохранить для Web и устройств в формате Gif.

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

Поделиться в соц. сетях

28 комментариев

Как я люблю фотошоп, так красиво у вас. Есть чему поучиться.

А не расскажите, как делается такое контурное свечение вокруг стеблей и т.д.

Лидия, такое анимированное свечение, как на этой картинке делается плагином Alien Skin Xenofex 2

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

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

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

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

Лидия, у Вас экране видны две картинки, когда Вы их открываете? Если две, отодвиньте вниз или в сторону картинку с бабочкой и просто тяните на первую открытку изображение бабочки, но, чтобы в окне слоев все слои бабочки были выделены. То, что не видно слоев первой картинки в окне слоев не имеет значения.Главное, чтобы на экране было видно две картинки.Когда вы кликаете по второй картинке открываются слои второй картинки, а когда перейдете на первую картинку откроются слои первой картинки. А после перетаскивания бабочки, в окне слоев будут слои и первой и второй картинки.

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

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

По вашему ответу я всё сделала. Только вот бабочка мигает на картиночке , а крылышками не машет. а тогда вашим уроком , что не надо пользоваться , да ? А мне урок нравится . вот только беда не могу никак к нему подступиться из-за видимости обеих картинок сразу на экране. вы очень терпеливый человек . я восхищаюсь и восторгаюсь ВАМИ. о таких говорят просто — это «высокий человек «. Т.е человек высокого качества. Такое не о каждом говорят !Я новичок в этом деле . сейчас на пенсии 12 мая мне был юбилей — исполнилось 75 лет. Не пугайтесь голова у меня светлая , но практики на комп нет . Как видите , ранее я с компьютором не имела.дела

Лидия,Вы меня поразили. Не каждый человек даже в 50 лет может освоить компьютер. У меня масса таких знакомых.Это замечательно,что у Вас есть желание овладеть программой фотошоп.У Вас обязательно получится эта анимация. Посмотрите в окне анимации, какое время стоит на каждом кадре. Вполне возможно, что Вам нужно поставить не 0,15 сек, как у меня, а больше, например 2 сек.И с пункта 5 выполните все очень внимательно, чтобы каждому кадру в окне анимации соответствовал только один слой в окне слоев.Лидия,может быть у Вас есть скайп, по нему можно посмотреть и подсказать, если где-то ошибка.

Скайп у меня есть Пароль : lidia_pozhidaeva . Чёрточка внизу. Сегодня я освоила успешно Ваш урок с водой. Сделала водопад и радовалась как ребёнок тому , что получилось. А вот где надо будет вставлять в основную картинку — картинку на прозрачном фоне- это везде будет проблема. Таким образом в уроке с салютом тоже на получилось не вставила над городом его. Кстати,под панелью параметров есть там то , что Вы писали мне Не удивляйтесь моим увлечением . Люблю познавать . Ведь я 2 института одолела , а здесь я оказалась профаном . И если Вы мне не поможете — ничего не будет.

Лидия, салют можно вставить, как и бабочку,»редактирование-скопировать совмещенные данные».Можно и передвигать его, только, чтобы в окне слоев все слои салюта были выделены.

Мне всё понятно . Уроки ваши прекрасные . Вы даёте всё пошагово . Это , конечно , облегчает труд. Мне только вот не понятно. Почему у вас в уроке в окне слоёв восемь слоёв , а у меня всегда четыре.. Или я какой — то шаг пропускаю или его просто нет . но ведь я внимательно изучила урок. если бы у меня в слоях было 4 слоя основной картинки и 4 слоя бабочки я уже давно бы справилась. Выделенные слои бабочки надо поднять по уроку вверх, но невозможно , ведь слоёв картинки нет.Где ж они . Вот беда! Как у вас слои все восемь в окне , а у меня всегда четыре?

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

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

Для анимирования интерфейса, создания интерактивных прототипов или рекламных роликов используют специальные программы, например, Adobe Animate или After Effects.

Чтобы создать простой веб-баннер или презентацию, не обязательно разбираться со специальными программами. Для этого подойдут и встроенные средства Photoshop.

C чего начать

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

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

Шкала времени

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

Для этого я открываю вкладку «Окно» и ставлю галочку напротив строки «Шкала времени».

Внизу окна в Photoshop должна появиться широкая строка, с помощью которой можно управлять кадрами в анимации.

Чтобы создать первый кадр, нажимаю иконку «Создать анимацию кадра» на «Шкале времени».

Промежуточные кадры

В Photoshop элемент можно анимировать несколькими способами:

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

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

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

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

На следующем кадре проверяю, виден ли слой с балалайкой.

После работы с изображением балалайки настраиваю появление текстовой строки. В первом кадре я выделяю текст «Soul sings» и сдвигаю его вправо за пределы макета. С текстом «3 strings» поступаю так же — сдвигаю влево, пока он не исчезнет.

Во втором кадре возвращаю текст назад.

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

Для этого нажимаю кнопку «Создание промежуточных кадров» на «Шкале времени».

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

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

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

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

Нажимаю на кнопку воспроизведения на «Шкале времени».

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

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

Покадровая анимация вручную

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

Я несколько раз скопирую последний кадр, чтобы создать движение стрелки и текста «go to shopping».

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

Теперь можно запустить анимацию и посмотреть результат.

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

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

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

Сохранение и экспорт

Теперь можно сохранить проект. Чтобы открыть анимацию в браузере или графическом редакторе, экспортируем ее в HTML- или GIF-формат.

Выбираем «Файл — Экспортировать — Сохранить для Web».

В окне предпросмотра можно еще раз просмотреть анимацию и изменить настройки сохранения.

По умолчанию после воспроизведения анимация останавливается. Поэтому меняю режим воспроизведения на «Повторение» и сохраняю.

Вот какая анимация получилась в результате:

Заключение

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

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

Обработка фотографий в Photoshop. Сложная замена фона

Антон Мартынов — известный фотограф и специалист по обработке фотографий.

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

Слово автору:

Сложная замена фона в photoshop

Здесь можно скачать полноразмерный PSD (187.94Mb)

Прежде всего несколько слов хотелось бы сказать по поводу этого небольшого примера. Друзья! Всё что здесь показано — это только приёмы, поймите. =: ) Некие возможности, которые можно использовать, а можно и не прикасаться к ним в своей обработке. Это как… ну… я не знаю — как задачки в учебнике по математике. =: )

Поэтому мне кажутся довольно странными комментарии типа «а я бы остановился на таком-то шаге, всё остальное не нужно» или «надо было сделать эффект в два раза слабее». Это как в том же учебнике по математике написать: «поезду из пункта А не стоит доезжать до пункта Б, ему надо остановиться не доезжая до него» или «пусть поезд едет из пункта А в пункт Б не 12 часов, а 8, потому что 12 — это уже перебор». =: ) Ну согласитесь — выглядит дико. =: ) В остальном — спасибо за ваши мысли и соображения в комментариях, я это очень ценю =: )

Итак, замена фона. Вот такой кадр был получен в результате съёмки в студии (60mm | ISO 50 | 1/100 | f/6.3):

1. Загружаем картинку в Photoshop и поправляем «горизонт завален»:

2. При помощи инструментов Healing Brush и Clone Stamp чистится фон и устраняются мелкие недостатки картинки:

3. Далее при помощи Polygonal Lasso Tool выделяется девушка со стеной, волосы просто игнорируются:

4. Далее нужно выделить волосы. Я решил воспользоваться методом, который мне подсказал Андрей Журавлёв, тоже преподаватель школы «Фотопроект», более подкованный во всяких таких штучках чем я. =: ) Для этого нужно сначала сделать ряд дополнительных приготовлений. А именно, при помощи Сtrl + J сделать 2 копии исходного почищенного слоя (из п.2) и при помощи Clone Stamp «закрасить» волосы фоном на первом слое:

5. А потом этот слой сложить с исходным при помощи режима сложения Difference:

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

7. Переключаемся в палетку Channels и перебираем все каналы в поисках самого подходящего на роль маски волос. В нашем случае это канал Blue. Ctrl + клик по нему и мы получаем выделение:

8. …которое приаттачиваем в виде маски к слою из п.2. Но сейчас маска слишком серая и неконтрастная, если ей пользоваться в таком виде, то волосы будут уж совсем прозрачными. Поэтому маска «поджимается» кривыми:

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

10. Поэтому мы сверху просто добавляем пустой слой и складываем его с остальными слоями при помощи режима наложения Color. К этому слою присоединяем маску из п.8 (она копируется, если удерживать Alt при перетягивании маски со слоя на слой). Затем инструментом Brush Tool (обычной кисточкой) на этом фоне задаётся цвет кончиков волос (пипеткой, которая появляется в этом режиме при удержании Ctrl забирается цвет волос и просто красится кисточкой):

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

11. Далее следуют «улучшизмы» для ног:

12. …и для верхней части туловища:

13. Контраст добавляется копированием канала Blue и сложением его с изображением при помощи режима Soft Light:

14. А блики и тени рисуются на двух слоях (тени на слое Multiply, а блики на слое Overlay). Дополнительно добавляется тонирование на кожу оранжевым цветом при помощи слоя Solid наложенного в режиме Color по маске кожи (она была нарисована отдельно):

15. Затем включается фон, предварительно разблюренный при помощи Lens Blur:

16. Далее, на новом чёрном слое при помощи плагина Knoll Light Factory:

17. «Рисуется» красивый солнечный блик и лучи:

18. Лучи немного блюрятся и раскладываются по картинке по вкусу при помощи наложения Screen:

19. Немного редактируется общая насыщенность:

20. И смещается общий цветовой баланс:

Готовая картинка (сразу хочу сказать — у меня не было цели сделать кадр «как будто так и было», я скорее делал картинку):

И как бонус, небольшое слайдшоу по мотивам создания этого материала =: )

Автор статьи: Антон Мартынов
Оригинал

Мастер-класс смотреть онлайн: Как добавить логотип на фото в Фотошопе

Часто перед нами встает задача поставить логотип на фото. Рассмотрим несколько вариантов, как это сделать в программе Фотошоп.

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

Чтобы сэкономить время работы в Фотошоп, я использую комбинации клавиш на клавиатуре. Записывают их обычно так: Ctrl+C. Знак плюс «+» нажимать не нужно. Только Ctrl и латинскую букву C. Следите за тем, чтобы у вас на компьютере стояла английская раскладка клавиатуры.

Пример № 1.

В первом примере используем лого в формате PNG на прозрачном фоне.

1. Открываем фотографию в программе Фотошоп.

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

3. Выделяем логотип с помощью комбинации клавиш Ctrl+A.

4. Копируем лого Ctrl+C.

5. Нажимаем на вкладку с фотографией. Вставляем логотип Ctrl+V.

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

6. Оставаясь на слое с логотипом, нажимаем Ctrl+T (трансформирование). Наведите курсор на квадратик в верхнем левом углу (или в нижнем правом — как удобнее). Одновременно удерживая левую кнопку мыши и клавишу Shift, ведите курсор по диагонали вниз. Когда вы уменьшите лого до нужного вам размера, отпустите сначала кнопку мыши, а только потом клавишу Shift.

Клавиша Shift позволяет изменять размер объекта пропорционально, без искажений.

7. С помощью курсора мыши перемещаем логотип в нужное место на фото. Нажимаем клавишу Enter, чтобы завершить трансформирование и убрать выделение. Дополнительно можем уменьшить прозрачность («Opacity») — логотип будет не таким ярким.

8. Нажимаем Ctrl+E, чтобы свести слои. Сохраняем результат Ctrl+S. Если вы хотите сохранить файл под другим именем («Сохранить как…»), то используйте комбинацию Shift+Ctrl+S.

Готово!

Пример № 2.

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

1. Повторите шаги 1-7 с предыдущего примера.

2. Теперь уберем белый фон. Для этого изменим режим смешивания слоев. Например, «Darken» («Затемнение») или «Multiply» («Умножение»). Экспериментируйте и ищите лучший вариант. В этом примере мы использовали «Multiply» («Умножение»).

3. Уменьшаем прозрачность, если необходимо. Сводим слои Ctrl+E. Результат будет немного отличаться от того, что был в предыдущем примере. Зато мы быстро убрали белый фон. Готово!

Пример № 3.

Что делать, если ваш логотип записан в векторном формате Ai или EPS? В этом случае вам нужно открыть две программы — Фотошоп и Иллюстратор.

1. Открываем логотип в Иллюстраторе.

2. Выделяем логотип. Копируем Ctrl+C.

3. Открываем фото в Фотошоп. Вставляем логотип Ctrl+V. Появится диалоговое окно параметров вставки нового объекта. Обязательно отметьте «Вставить как смарт объект» («Paste as smart object»). В таком случае вы сможете изменять размер лого без потери качества.

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

6. Разместите логотип там, где хотите. Можете уменьшить прозрачность. Сведите слои и сохраните файл. Готово!

Вот еще несколько советов:

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

Как добавить изображение к существующему слою в Photoshop

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

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

1. Перетащите изображение с компьютера в окно Photoshop
2. Поместите изображение и нажмите клавишу «Ввод», чтобы разместить его
3. Удерживая клавишу Shift, щелкните новый слой изображения и слой, который вы хотите объединить
4. Нажмите Command / Control + E, чтобы объединить слои
5. Теперь ваше изображение добавлено на существующий слой!

2 способа добавления нового изображения на существующий слой в Photoshop

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

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

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

Вариант 1. Перетаскивание

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

Выделив изображение, перетащите его в открытый проект Photoshop.

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

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

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

Удерживая клавишу Shift и щелкая между двумя слоями, которые вы хотите объединить, нажмите Command + E (Mac) или Control + E (PC), чтобы объединить слои. Теперь ваши изображения будут объединены в один слой и их можно будет редактировать как одно изображение.

Вариант 2. Копирование и вставка

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

Выбрав изображение, которое нужно скопировать, выберите Правка> Копировать или нажмите Command / Control + C (Mac / ПК)

Для переключения документов в другой проект перейдите в Правка> Вставить или нажмите Command / Control + V (Mac / ПК)

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

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

Однако, если вы настроили объединение слоев, вы можете сделать это еще раз, нажав Command + E (Mac) или Control + E (ПК).

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

Как добавить изображение внутри существующего слоя с помощью смарт-объекта

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

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

Затем, удерживая Shift, щелкните между слоями, которые вы хотите объединить, чтобы выделить их. Затем щелкните слои правой кнопкой мыши и выберите «Преобразовать в смарт-объект».’

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

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

Теперь вы можете видеть два предыдущих изображения на двух отдельных слоях. Это потому, что внутри смарт-объекта они остаются нетронутыми и могут редактироваться индивидуально.Например, вы можете изменить положение одного изображения в смарт-объекте, чтобы внести изменения в исходный проект. Если нажать Command / Control + S (Mac / ПК) для сохранения изменений в смарт-объекте, он обновится в исходном проекте.

Скорректированный слой внутри расширенного смарт-объекта.

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

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

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

Теперь, вместо того, чтобы комбинировать слои или создавать смарт-объект, вам нужно обрезать слой изображения по форме.Если щелкнуть правой кнопкой мыши слой изображения и выбрать « Create Clipping Mask», изображение будет видно только внутри слоя-фигуры.

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

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

Счастливых фотошопов!

Брендан 🙂

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

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

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

Содержание :

Вставка изображений в Photoshop с помощью перетаскивания

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

Чтобы проверить информацию об изображении, щелкните Изображение> Размер изображения в верхнем меню. Это диалоговое окно дает обзор общего качества изображения.Фотография в примере имеет общее разрешение 3042 x 4563 пикселей и 107 x 160 см. Эти значения идеально подходят, например, для редактирования фотографии для печати.

Вставка фотографий в существующие документы

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

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

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

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

Импорт изображений из Lightroom

Другой способ вставки фотографий в Photoshop — использовать Lightroom для просмотра и систематизации фотографий и импорта их оттуда. Таким образом, вам не нужно сохранять фотографии на компьютере, а использовать Adobe Cloud Storage для упорядочивания фотографий.

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

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

Как добавить изображения в шаблон Photoshop — LIVE SNAP LOVE

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

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

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

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

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

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

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

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

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

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

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

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

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

В качестве альтернативы перейдите в СЛОЙ и СОЗДАЙТЕ МАСКУ ОБРЕЗКИ, которая делает то же самое.

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

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

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

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

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

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

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

Готово!

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

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

Подробнее… подписывайтесь на меня:

«Просто примечание, чтобы сказать, что я ЛЮБЛЮ ваш сайт! Кажется, есть несколько элементов PS.
обучающие сайты, но ваш, безусловно, самый ясный и легкий для
понимать.Спасибо! »- Элли

«Просматривая ваши учебные пособия даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое. Большое вам спасибо!» — Дуглас

«Я очень рада найти такие полезные и понятные
информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой
учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS

Хорошо
день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень-очень ясно
а также полезные советы, приемы и практические приемы в PSE9.Отлично, отлично
работа! »- Хоан

«Мне нравятся ваши учебные пособия на YouTube. Очень четкие и полезные. Большое спасибо». —
Богатый

«я
люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил манекены
книга, и это нормально, но я лучше смотрю, а не читаю. Престижность
к вам! «- Ура, Кэти

«Спасибо за этот сайт! Я нашел его в одном из ваших видео на YouTube.
Еще раз, большое вам спасибо!» — Ванесса

«Это действительно щедрый и достойный восхищения сайт!» — Ура, Йонас

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

«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апрель

«Большое спасибо вам и вашему веб-сайту, а также за информацию и помощь, которую я получаю от
, это очень ценно.»- Роб

Рик
— «Большое спасибо за ваш совет, который я приму. Большое спасибо, как
хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть
удивительное умение заставлять сложные задачи казаться легкими и
простой. Я фанат! »- С наилучшими пожеланиями, Тони

«Намного полезнее, чем книга PS Elements 9 для чайников… Большое спасибо за ваш сайт… действительно легко следить». — Карин

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

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

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

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

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

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

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

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

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

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

Во-первых, при открытом Photoshop перейдите в верхнюю строку меню и нажмите File> New, чтобы открыть новый документ и назвать его — я назову свой документ «Pretty Template».

При создании документов для печати я устанавливаю ширину и высоту в дюймах. Я собираюсь оставить этот конкретный размер документа равным 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

Часто вам нужно импортировать существующую графику и иллюстрации в документ Photoshop.Проблема для фотошопа? Вовсе нет — на самом деле есть несколько способов сделать это!

Внешняя графика может быть размещена в Photoshop как растровые слои или смарт-объекты. И в этом решении, которое было адаптировано из второй главы моей книги Антология Photoshop: 101 совет, приемы и методы веб-дизайна , я покажу вам, как разместить эту графику, а затем мы поговорим о разница между растровыми слоями и смарт-объектами.

Решение

Размещение иллюстраций с веб-страницы

Скопируйте иллюстрацию с веб-страницы, затем выберите «Правка»> «Вставить» или нажмите Ctrl-V (Command-V на Mac), чтобы вставить ее в документ Photoshop.Photoshop создаст новый слой, содержащий иллюстрацию, или поместит его в выбранный пустой слой. Изображение будет на растровом слое.

Размещение иллюстраций из файлов сглаженных изображений

Файл плоского изображения — например, GIF, JPEG или PNG — содержит иллюстрацию на одном слое. Откройте файл в Photoshop и используйте «Выделение»> «Все» или нажмите Ctrl-A (Command-A), чтобы выделить весь документ. Щелкните свой документ Photoshop, затем выберите «Правка»> «Вставить» или нажмите Ctrl-V (Command-V), чтобы вставить его.Photoshop вставит документ в новый или выбранный пустой слой, как это происходит при вставке иллюстраций с веб-страницы. Изображение будет на растровом слое.

Размещение слоев из другого документа Photoshop

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

Размещение иллюстраций из Illustrator

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

Размещение изображения как смарт-объекта

Выберите «Файл»> «Поместить» и выберите файл, который вы хотите импортировать. Нажмите «Поместить», чтобы импортировать файл в документ Photoshop как смарт-объект. Для файлов PDF и Illustrator Photoshop отобразит диалоговое окно, в котором вас попросят выбрать страницы, которые вы хотите разместить. Выберите нужные страницы и нажмите ОК.

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

Обсуждение

Смарт-объекты

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

Смарт-объекты

отличаются от других слоев, поскольку они связаны с исходным файлом (например, файлом Illustrator, JPEG, GIF или другим файлом Photoshop). Если вы внесете изменения в исходный файл, слой смарт-объекта также будет обновлен с этими изменениями.

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

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

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

Растеризация

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

Пять более быстрых способов переноса изображений в Photoshop

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

1. Открытие или импорт нескольких изображений одновременно

Большой причиной для обхода диалогового окна «Открыть» в Photoshop является эффективная обработка множества файлов одновременно. Хотя диалоговое окно «Открыть» позволяет выбрать несколько файлов, навигация по нему может быть утомительной, и это не лучший способ открывать файлы из нескольких папок одновременно.Вместо этого выберите изображения в Adobe Bridge или Adobe Photoshop Lightroom, где просмотр изображений может быть проще и быстрее. Кроме того, как в Bridge, так и в Lightroom вы можете создать коллекцию (виртуальный список) изображений из нескольких папок и дисков, чтобы эти изображения можно было выбирать и открывать в Photoshop вместе.

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

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

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатной и премиальной версии видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Точно так же в Lightroom вы можете отправлять выбранные изображения в Photoshop, выбирая команду в подменю «Фото»> «Редактировать в».

Если Photoshop еще не открыт, эти команды откроют Photoshop для вас.

И Bridge, и Lightroom позволяют отправлять выбранные изображения непосредственно в функции Photoshop Photomerge (панорама) и HDR Pro, а также открывать выбранные изображения как слои в одном документе Photoshop. Вы можете видеть, что в Bridge есть больше команд, в том числе «Пакетная обработка» (запуск действия Photoshop для выбранных изображений) и «Обработчик изображений» (пакетное изменение размера и преобразование формата файла).

2.Связывание импортированных файлов вместо встраивания

Если вы используете Adobe InDesign или Adobe Illustrator, вы ожидаете, что импортированная графика будет использоваться в качестве заполнителя, а не встраивать весь файл. Чтобы соответствовать этому поведению при импорте изображения в Photoshop, выберите «Файл»> «Поместить связанный» вместо «Файл»> «Поместить встроенный». Затем вы можете воспользоваться преимуществами связывания, такими как меньший размер файлов и более легкое обновление размещенного содержимого.

Но что, если вы хотите импортировать файл в документ Photoshop путем перетаскивания? По умолчанию Photoshop встраивает файлы, импортированные таким образом.Вместо этого при перетаскивании файла в Photoshop удерживайте нажатой клавишу Option (Mac) или Alt (Windows), и Photoshop поместит его как связанный файл. Вы увидите значок ссылки на значке эскиза файла на панели «Слои», а также информацию о ссылке на панели «Свойства». И снова вы избежали диалогового окна.

После перетаскивания изображения в Photoshop с нажатой клавишей Option / Alt значок миниатюры ссылки на панели «Слои» и панель «Свойства» идентифицируют импортированное изображение как связанный смарт-объект.

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

Другой вариант для файла, выбранного в Adobe Bridge, — это выбрать «Файл»> «Поместить в Photoshop». Использование этой команды встраивает файл в активный документ Photoshop.

3. Мгновенный импорт и совместная работа с библиотеками

Если вам часто требуется добавить одну и ту же графику во многие документы Photoshop, перетащите ее на панель «Библиотеки», чтобы сохранить там.Если вам нужна графика, пропустите поездку через диалоговое окно «Открыть», получив ее с панели «Библиотеки». Это можно сделать тремя способами: дважды щелкнуть изображение, чтобы открыть его, перетащить его в открытый документ Photoshop, чтобы поместить в качестве слоя, связанного с активом Creative Cloud Library, или перетащить, удерживая клавишу Option / Alt, добавить его. как встроенный слой.

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

Рисунок «Свежие овощи» был перетащен с панели «Библиотеки» в документ Photoshop. Выбор «Совместная работа» в меню панели «Библиотеки» позволяет приглашать других использовать ту же библиотеку.

Если вы или ваша рабочая группа используете онлайн-хранилище Creative Cloud Files, документы Photoshop, хранящиеся в папке Creative Cloud Files (или ее подпапках), появятся в списке файлов CC в рабочем пространстве «Пуск».Вы видите рабочее пространство «Пуск», когда в Photoshop не открыты никакие документы. (Хранилище Creative Cloud Files — это не то же самое, что хранилище Creative Cloud Libraries.)

В списке файлов CC в рабочем пространстве «Пуск» отображаются только файлы формата Photoshop; в нем не перечислены другие форматы изображений, такие как TIFF или JPEG.

4. Импорт из Apple Photos

Вот специальный совет для пользователей Mac: как перенести изображения из Apple Photos прямо в Photoshop? Раньше можно было перетаскивать изображения из старого приложения iPhoto, но текущее приложение «Фото» не поддерживает перенос с помощью перетаскивания в большинство приложений, включая Photoshop.Обычно советуют экспортировать фотографию из программы «Фото», а затем импортировать ее в Photoshop… но есть способ избежать этих дополнительных действий.

Последние версии системы Mac обеспечивают доступ к музыке, фотографиям и фильмам, хранящимся в приложениях Mac (например, «Фото», iTunes и iMovie) через медиабиблиотеки Mac. В Photoshop вы можете получить доступ к этим медиа-библиотекам на боковой панели стандартного диалогового окна, которое появляется при использовании такой команды, как «Файл»> «Открыть». Вы найдете их под заголовком «Медиа» на боковой панели; прокрутите боковую панель, если вы ее не видите.

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

В Photoshop вы можете попасть в медиа-библиотеку Apple Photos с боковой панели диалогового окна «Открыть».

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

5. Прямо с телефона на Photoshop

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

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

Хотите открыть изображение с iPhone, iPad, камеры или сканера прямо в Photoshop на Mac? Просто подключите устройство с помощью кабеля, а затем в Photoshop выберите «Файл»> «Импорт»> «Изображения с устройства». Этот метод работает, если в системе Mac есть встроенная поддержка подключаемого устройства.

Открытый сезон

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