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

Как подготовить изображение для загрузки — Справочный центр

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

• Программное обеспечение
• Проблема
• Рекомендации
• 1. Кадрирование
• 2. Корректировка светлых и тёмных участков
• 3. Масштабирование
• 4. Увеличение резкости
• 5. Сохранение

Программное обеспечение

Для обработки снимков есть различные приложения. Adobe Photoshop, Krita, GIMP очень мощные, но сравнительно сложные, и больше подходят опытным пользователям. Но есть и сравнительно простые, удобные широкому кругу пользователей. Среди них есть как платные (вроде ACDSee), так и бесплатные (XnView, IrfanView, а также многие другие). Поищите их в Интернете и выберите то, что придётся по вкусу!

Для обработки снимков крайне НЕ РЕКОМЕНДУЕТСЯ ИСПОЛЬЗОВАТЬ программы производства Microsoft

вроде Microsoft Photo Editor, Microsoft Office Picture Manager или, упаси боже, Paint.

Проблема

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

Источник этой проблемы — большое разрешение снимков, получаемых с помощью современных фотоаппаратов. Большое разрешение увеличивает качество картинки, однако в результате исходный файл получается слишком «тяжёлым». Между тем, для загружаемых на «Плантариум» фото установлено ограничения в 1400 px (пикселей, экранных точек) по ширине и 1400 px по высоте, а «вес» файлов не должен превышать 600 Kb (килобайт).

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

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

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

1. Кадрирование

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

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

2. Корректировка светлых и тёмных участков

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

3. Масштабирование

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

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

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

• минимальная ширина «вертикальных» фото – 550 px;
• минимальная высота прочих фото – 800 px (при пропорции 16:9 и шире – 700 px, при пропорции 2:1 и шире – 600 px).

4. Увеличение резкости

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

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

5. Сохранение

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

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

За основу можно взять уровень 85, однако если после сохранения оказывается, что «вес» файла слишком велик — повторите сохранение, снизив уровень качества до 80-70. Если и это не помогает — начните обработку фото сначала и при масштабировании сделайте линейные размеры снимка меньше (уменьшать уровень качества JPEG-файла ниже 70 не стоит — качество изображения значительно ухудшится).

Небольшое пособие по Photoshop

По мере поступления вопросов, это пособие будет пополняться.

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

Выбираем инструмент кисть (Brush Tool). Заходим на выпадающую панель настроек кисти (как указано на скрине) и выбираем Load Brush (Загрузить кисти)…

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

Новые кисти добавятся в конце списка Ваших кистей, останется только выбрать нужные.

Как работать с кистью

Создаем новый документ (Ctrl+N).

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

1. Инструмент Кисть (Brash Tool). Горячая клавиша вызова этого инструмента B. Собственно этим инструментом мы и рисуем.
2. Цвет кисти (на данный момент выбран черный цвет). Менять цвет можно с помощью палитры в правой панели или же двойным нажатием на сам цвет (черный в данном случае).
3. Выпадающая панель. В которой можно изменять размер кисти и форму. А также добавлять, удалять, создавать и др.
4. Настройки эффектов кисти. В основном стоит на Normal.
5. Opacity – прозрачность кисти. В основном стоит на 100%.

Теперь рассмотрим Выпадающую панель кисти (под номером 3).

1. Параметр Master Diameter – c помощью ползунка или цифр выставляется диаметр кисти в px. В данном случае кисть диаметром в 180 px.
2. Ползунок. Перемещая его вверх или в низ, мы просматриваем список кистей, которые на данный момент нам доступны. Новые кисти всегда добавляются в конец списка.
3. Выбрав кисть из списка, она изменит свою форму. Выбранная форма кисти будет показываться только на созданном документе, а также, если у вас не включена клавиша Caps Lock.

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

Как правильно сохранять анимацию в Adobe Image Ready

Итак. Мы создали анимацию в Adobe Image Ready.

Теперь идем в Window и включаем вкладку Optimize.

В параметре Format в выпадающем списке выбираем GIF.

Теперь идем File/Save Optimized As (Файл / Сохранить с оптимизацией) и указываем путь, куда хотим сохранить.

Как правильно сохранять анимацию в Photoshop CS2, CS3, CS4, CS5

Итак. Мы создали анимацию в программе Photoshop CS2 (или же CS3, CS4, CS5) и теперь нам нужно ее сохранить.

Заходим File /Save for Web….( Файл/ сохранить для Web…) (Alt+Shft+Cntr+S).
И в параметрах выставляем Gif

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

В палитрах в правом-верхнем углу есть кнопка вызова меню:

Нажав ее, откроется выпадающий список, в котором нужно нажать на пункт Load Swatches.

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

Как  добавить новый узор/заливку в программу Photoshop

1. Выбираем инструмент заливка (Paint Bucket Tool).

2. В верхней панели настроек из выпадающего меню выбираем параметр Узор (Pattern).

3. Затем открываем выпадающий список узоров.

4. Нажимаем на треугольник (вызов меню настроек)

5. Выбираем пункт Загрузить узоры (Load Patterns)

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

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

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

Открываем две картинки через меню файл>открыть (Ctrl+O). И видим, что они прикреплены.

Способ 1

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

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

Отпускаем клавишу мыши, и картинка появляется на нашем документе

Способ 2

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

Отпускаем кнопку мыши. Получаем отсоединенное окно с картинкой.

Теперь мышкой зажимаем картинку и перетягиваем ее на нужный файл

Чтобы установить новый шрифт, необходимо скопировать файл шрифта и вставить в папку Пуск / Панель управления/ Шрифты.

Изменение размера изображений с помощью Photoshop — IUP

Цифровые изображения имеют два размера:

• Размеры: высота и ширина в пикселях
• Размер файла: Размер в КБ или МБ

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

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

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

Шаги для лучших фотографий

1. Разрешение

   
   Сначала проверьте и отрегулируйте

2. Изменение размера/Кадрирование
   Изменение размера изображения

3. Сохранить
   Сжать файл для лучшей производительности

4. Загрузить
   Загрузить изображение в Cascade

Разрешение изображения

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

Проверьте разрешение изображения

Отрегулируйте ширину изображения

См. рекомендуемые размеры изображений на веб-сайте IUP.

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

В поле Изображение > Размер изображения сначала убедитесь, что установлен флажок Resample Image внизу.

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

2. Нажмите ОК.

   • Если редактирование изображения завершено, сожмите и сохраните файл для Интернета (см. раздел ниже).

   • Если кадрирование необходимо, см. ниже раздел Обрезка изображения .

Обрезка изображений

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

Вы проверяли разрешение изображения? Позаботьтесь об этом перед кадрированием или изменением размера (см. раздел выше).

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

1. В открытом Photoshop щелкните правой кнопкой мыши линейку, ограничивающую верхнюю и левую стороны. Убедитесь, что выбрано «Пиксели».

2. 2. Откройте изображение, которое хотите обрезать. Выберите инструмент Rectangular Marquee Tool на панели инструментов.

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

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

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

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

2. 2. Обрежьте изображение, выбрав Image , а затем Crop . Все изображение, выходящее за пределы выделенной области, будет удалено. Если изображение выглядит так, как вы хотите, уменьшите его размер до 737 или 750 пикселей в ширину.

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

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

Уменьшение размера холста может обрезать часть изображения, если новый размер холста меньше, чем изображение по высоте и/или ширине.

2. • Выберите Изображение > Размер холста

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

       Ctrl+Z на клавиатуре.

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

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

4. Если редактирование изображения завершено, сожмите и сохраните файл (см. раздел ниже).

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

Использование параметра Сохранить для Интернета сжимает файл изображения для повышения производительности.

• В разделе File выберите Export > Save for Web .

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

  2. Нажмите кнопку Сохранить. .. . Выберите место и дайте ему описательное имя файла. Добавление ширины в пикселях к имени файла поможет сохранить порядок, например «Road by Dan Simpson 271 px.jpg» (без кавычек).

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

• Закройте исходное изображение в Photoshop. Не сохранять изменения в исходном изображении (позже вы можете использовать оригинал для других целей или размеров).

Загрузите изображение в папку или подпапку CMS «images» как обычно, либо отдельно, либо при размещении на веб-странице или в сообщении новостей.

Как искать и загружать изображения Adobe Stock в Photoshop

57

АКЦИИ

Как быстро найти и загрузить изображения Adobe Stock в Photoshop

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

•  Как найти нужные изображения непосредственно в Photoshop
• Стратегии расширенного поиска и инструменты на сайте Adobe Stock, позволяющие легко просматривать миллионы фотографий и находить нужные.
• Как синхронизировать стоковые фотографии с вашей библиотекой Creative Cloud для бесперебойной загрузки
• Как создать макет в Photoshop, где вы можете попробовать разные изображения и посмотреть, что вам нравится.
• Как лицензировать эти изображения.

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

Мы собираемся создать дизайн, основанный на путешествиях.

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

 

Поиск изображений в Photoshop

Шаг 1

Откройте панель нашей библиотеки, Window> Libraries. (Теперь это будет только в CC. Если у вас есть Photoshop CS 6 и у вас нет CC или другой версии, вы можете перейти непосредственно на сайт Adobe Stock, поэтому просто переходите к руководству.)

Введите «экзотическое местоположение» в поле поиска на панели «Библиотека».

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

Шаг 2

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

Шаг 3

Давайте попробуем одно из изображений в нашем дизайне. Перетащите изображение из библиотеки в окно документа. Нажмите Cmd/Ctrl+T, удерживайте нажатой клавишу Shift и перетащите его, пока он не уместится на моем экране. Нажмите Enter, и у нас есть этот маленький макет.

Шаг 4

Давайте добавим несколько основных элементов дизайна для этого маленького макета. Я создал здесь текст, небольшую цитату, а затем просто сделал логотип «S-Cargo Travel».

Шаг 5. Поиск изображений в Adobe Stock

Рассмотрим более расширенный поиск на сайте Adobe Stock. Щелкните правой кнопкой мыши одну из найденных фотографий и выберите «просмотреть подробности в Интернете».

Запустится сайт Adobe Stock. (Возможно, вам придется войти в систему, если вы здесь впервые). Вы увидите текущее выбранное изображение из вашей библиотеки.

Внизу вы увидите ссылки, например:  Еще из этой серии | Похожие изображения и т. д.

Шаг 6

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

Шаг 7

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

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

Этап 8

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

Шаг 9 Поиск по цвету

А что, если вам нужно что-то другое? Например, определенный цвет. На самом деле мы можем перейти к цвету и выбрать разные цвета. Мы могли бы выбрать красный и обновить. Теперь мы увидим только наши дорожные с этими красными цветами.

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

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

 

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13 Поиск по вашим собственным фотографиям

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

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

И вот, теперь он показывает изображения, похожие на это конкретное мое изображение.

Шаг 15

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

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

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

Шаг 16

Давайте создадим новую библиотеку «Путешествия» и нажмем «+» (Плюс). Эта библиотека будет создана прямо сейчас и синхронизирована с ней.

Шаг 17

Использование изображения Stock в Photoshop

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

  

Шаг 18

Перетащите картинку в наш документ и измените ее размер на свой вкус.

Шаг 19

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

Шаг 20

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

Шаг 21

Измените размер и положение различных элементов дизайна.

Шаг 22

Замена композиции изображением с высоким разрешением

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

Щелкните правой кнопкой мыши изображение на панели библиотеки и выберите License Image . На этом этапе у вас должна быть подписка на Adobe Stock, или вы можете покупать изображения по одному.

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

Итак, приступим. Вот как мы создаем макет с помощью Adobe Stock. Теперь это то, что я хотел бы иметь 10 лет назад! Помню, как сложно было найти нужные изображения даже для макетов. Я помню те дни — не смейтесь надо мной — когда нам приходилось покупать компакт-диски оптом. Мы покупали все эти компакт-диски и DVD-диски со стоковыми изображениями, и это было очень сложно (и дорого).