Как разместить фото в фотошопе: Как добавить фото в Фотошоп CS6 и CC

Добавить фото в Фотошоп разными способами | Статьи | Фото, видео, оптика

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

Рассказываем пошагово и отвечаем на все вопросы новичков: как добавить фото в Фотошоп, как совместить несколько снимков или — наоборот — открыть их в разных окнах.

Отредактировать фото в Фотошопе невозможно, если для начала его не открыть, верно? / Фото: unsplash.com

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

С помощью командного меню

• Откройте Фотошоп.
• Найдите самую верхнюю строку в программе.

Это командное меню, в котором собраны все возможности Фотошопа, кроме тех, где нужно физически что-то делать руками — рисовать, расставлять заплатки и убирать лишнее, выделять / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт

3. Выберите Файл / File — Открыть / Open. В открывшемся окне найдите ту фотографию, которую хотите добавить в Фотошоп.

С помощью переноса 

Перенос, или можно ещё встретить название драг-энд-дроп (переводится как «схватить и уронить»), — это самый простой вариант. Достаточно сделать два действия:

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

Оранжевые рамки — области, куда нужно переносить файлы / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт

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

Горячие клавиши в Фотошопе — быстрые команды, которые существенно ускоряют работу, если вы обрабатываете большой объём фотографий. Да, команда экономит всего пару секунд, но, если вы ретушируете постоянно, это сэкономит часы.

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

Как только вы открываете фотографию, она по умолчанию создаётся вместе со слоем. Это видно, если в меню Окно / Window открыть палитру Слои / Layers.

В палитре вы увидите единственный слой — Фон / Background / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт / Фото: unsplash. com

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

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

Как добавить фото на фото

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

2. В палитре Слои / Layer пока что будет всего один слой с исходником — фоновый.

3. Найдите на компьютере картинку, которую хотите добавить в Фотошоп.

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

Чтобы добавить фото на фото, картинку нужно переносить на рабочую область, то есть на область с уже открытым файлом. Здесь она помечена оранжевым прямоугольником / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт / Фото: unsplash.com

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

Первый способ — тот, о котором мы говорили в первом блоке. Если открывать картинки через Файл / File — Открыть / Open, изображение появится в соседнем окне, рядом с уже открытыми.

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

Если перенести фотографию на эту строку, она откроется отдельным документом / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт

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

Часто операционные системы компьютеров и ноутбуков не открывают Raw-формат без дополнительного софта. Одна из программ, которая умеет это делать — Фотошоп. Рассказываем, как открыть фото в Raw-формате.

Чтобы открыть RAW, подхватите нужный файл или всё нужные файлы и перенесите на открытый заранее Фотошоп. Также можно воспользоваться горячими клавишами Ctrl +O или выбрать в меню Файл / File — Открыть / Open.

Вам откроется окно — это Adobe Camera Raw (ACR). Конвертер, который переводит RAW в обычное изображение. К слову, Лайтрум произошёл от него и является его почти стопроцентной копией / Иллюстрация и фото : Елизавета Чечевица, Фотосклад.Эксперт

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

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

Как партнер Amazon, мы зарабатываем на соответствующих покупках.

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

Быстрая Навигация

• Как точно и быстро центрировать изображение в Photoshop
  • Центрирование изображения с помощью инструмента «Выделение»
  • Центральные слои в сложном документе
  • Центрировать изображение с помощью настраиваемых сочетаний клавиш
  • Центрировать изображение с помощью направляющих
• Часто задаваемые вопросы
  • Почему кнопки выравнивания выделены серым цветом в инструменте «Перемещение»?
  • Могу ли я центрировать несколько слоев и групп слоев одновременно?
• Заключение

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

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

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

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

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

1. Откройте изображение в Photoshop, либо вставив его в новый документ (ФАЙЛ > НОВЫЙ), либо напрямую открыв его (ФАЙЛ > ОТКРЫТЬ).

Преобразование фона в смарт-объект

2. Разблокируйте фоновый слой, нажав на значок маленького замка рядом с ним на панели слоев.
3. Преобразуйте изображение в смарт-объект, чтобы оно не растягивалось и не сжималось неестественно. Щелкните правой кнопкой мыши слой изображения и выберите Преобразовать в смарт-объект.

Изменить размер изображения

4. Используя режим преобразования, измените размер изображения, чтобы оно было меньше размера холста. 
5. Используйте CTRL + T (Windows) или CMD + T (на Mac) для трансформации. После изменения размера зафиксируйте, нажав на галочку на панели параметров. 

Используйте инструмент выделения для выделения

6. Теперь выделите весь кадр с помощью инструмента Marquee на панели инструментов. Перетащите прямоугольник, охватывающий весь холст.
7. Выберите слой изображения на панели слоев.

Выровняйте изображение по вертикали и горизонтали по центру

8. Выберите инструмент «Перемещение» на панели инструментов.
9. Щелкните значки «Выровнять центры по горизонтали» и «Выровнять центры по вертикали» на панели параметров инструмента «Перемещение» вверху. Ваше изображение будет точно по центру.  

10. Нажмите CTRL + D в Windows или CMD + D в Mac, чтобы отменить выбор.

Центральные слои в сложном документе

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

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

Создайте свой дизайн

1. Создайте свой пост добавление изображений
2. Поместите изображение приблизительно в центр.

Выделите весь холст

3. Теперь выберите весь документ, нажав CTRL + A в Windows или CMD + A в Mac. Кроме того, вы можете использовать инструмент Marquee, чтобы выделить весь кадр.
4. Теперь на панели слоев выберите слой, который вы хотите центрировать. 

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

5. Выберите инструмент «Перемещение» на панели инструментов слева. 
6. Перейдите в меню «Слой», наведите указатель мыши на «Выровнять слой по выделению» и выберите «Вертикальные центры» и «Горизонтальные центры».

Выберите несколько слоев или групп, чтобы центрировать их вместе

7. Вы также можете выбрать более одного слоя одновременно нажав CTRL/CMD и щелкнув слои, и выровняйте их по центру вместе.
8.  Снимите выделение с документа, нажав CTRL + D (Windows) или CMD + D (Mac).

Центрировать изображение с помощью настраиваемых сочетаний клавиш

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

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

1. Перейдите в меню «Правка» и выберите команду «Сочетания клавиш».
2. В диалоговом окне сочетаний клавиш выберите команды Layer > Align Layers to Selection > Vertical centers. Назначьте комбинации клавиш команде. Например, вы можете использовать ALT + CTRL + 1 (Windows) или OPT + CMD + 1 (Mac). 
3. Сделайте то же самое для Горизонтальных центров и назначьте комбинацию клавиш для команды. Мы использовали SHIFT + CTRL + 1 (в Windows) или SHIFT + CMD + 1 (в Mac).

Центрировать изображение с помощью направляющих

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

1. Откройте изображение в Adobe Photoshop CC (или создайте многослойный документ).
2.  Перейдите в меню «Вид» и прокрутите вниз до параметра «Новое руководство». Нажмите здесь.
3. Откроется диалоговое окно. Нажмите Горизонтальная ориентация и введите 50% в поле положения. 
4. Посередине холста появится горизонтальная линия.
5. Перейдите в меню «Вид» и снова выберите «Новое руководство».
6. На этот раз выберите вертикальную ориентацию и введите 50% в значение положения. 
7. Посередине появится вертикальная линия.
8. Точка пересечения этих двух направляющих является центральной точкой. Здесь вы можете разместить свое изображение, объект или любой другой элемент. 
9. Выберите слой, который вы хотите центрировать. Нажмите CTRL + T в Windows или CMD + T в Mac. Когда режим преобразования активен, выровняйте ограничивающую рамку в середине слоя по точке пересечения направляющих.

10. Нажмите Enter, чтобы закрыть режим трансформации.
11. Выберите Вид > Очистить направляющие, чтобы удалить направляющие из документа.

Часто задаваемые вопросы

Почему кнопки выравнивания выделены серым цветом в инструменте «Перемещение»?

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

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

Выберите все активные слои с помощью выделения инструмента Marquee. Еще проще, нажмите CTRL+A (Windows) или CMD+A (Mac). Это скажет Photoshop выровнять определенный слой по центру всего документа.

Могу ли я центрировать несколько слоев и групп слоев одновременно?

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

Заключение

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

Как изменить размер и подготовить фотографии для публикации в Instagram в Photoshop 2022

56

ПОДЕЛИТЬСЯ

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

Сразу же, идеальный размер для ленты Instagram составляет 1080 x 1350 пикселей. Это соотношение сторон 4X5 и высокий. (Обратите внимание, если вы публикуете в историях, это 1080×1920)

Хотя вы можете создавать квадратные изображения 1×1 с разрешением 1080 x 1080, которые работают хорошо, есть вариант получше.

Когда вы используете соотношение сторон 4×5, ваше изображение будет выглядеть больше в ленте Instagram.

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

Как изменить размер фотографий в Photoshop для Instagram

Давайте рассмотрим 2 варианта подготовки изображений: кадрирование и растяжение.

Обрезка изображения до нужного размера

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

Выберите инструмент «Кадрирование»

Выберите Ш x В x Разрешение (Ширина x Высота)

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

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

При желании вы можете обрезать наиболее интересную часть фотографии.

Нажмите Enter, чтобы применить обрезку.

Здесь вы можете увидеть нужный нам размер.

Растягивание изображения по размеру в Photoshop

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

Возьмите инструмент кадрирования с указанными выше настройками, чтобы соответствовать размеру 1080×1350

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

Нажмите Enter, чтобы применить.

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

Вы можете нажать Ctrl+T (Windows) или Cmd+T (Mac) и перетащить вверх. Но это растягивает людей и выглядит очень плохо.

Решение — использовать Content Aware Scale.

Выберите «Правка» > «Масштаб с учетом содержимого».

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

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

Экспорт фото из социальных сетей из Photoshop

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

Выберите «Файл»> «Экспорт»> «Сохранить для Интернета»

Убедитесь, что вы выбрали jpg, так как это формат файла, который вам нужен для Instagram.

Установите качество на 75

Включите Преобразование в sRGB (Чтобы цвета были одинаковыми на большинстве экранов).

Если вы правильно обрезали, размер будет 1080px x 1350px

Для твиттера 1600 x 1900

Facebook рекомендует: 1200 x 630 (1200 × 1200 для карусели)

LinkedIn 1200 x 627

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

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

Как всегда, приятно видеть вас в КАФЕ!

Колин

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

 

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

Чтобы узнать больше, следите за нами в социальных сетях

• Instagram
• Youtube.
• Facebook
• Twitter

Размер изображения в социальных сетях 2022

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

Чтобы вывести изображения на новый уровень, необходимо выбрать правильные размеры изображения, разрешение , цветовую систему и . Кроме того, платформы социальных сетей часто обновляются, а это означает, что они часто меняют свой профиль и размеры обложек, макеты и требования к загружаемым изображениям, поэтому, чтобы держать вас в курсе, мы предлагаем вам советы о том, как создать high. -качественные изображения в социальных сетях 2022 года для Facebook и Instagram.

Размер изображения поста в Facebook

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

Поэтому в качестве примера возьмем Пост в Facebook . Откройте новый документ в Photoshop и измените размеры на 1200 x 630 пикселей . Убедитесь, что разрешение установлено на 72 пикселя на дюймов , а режим изображения установлен на 8 бит/канал.  Чтобы избежать обесцвечивания изображения, убедитесь, что вы выбрали цветовой профиль RGB . Чтобы убедиться, что вы правильно установили детали предустановки, см. скриншот ниже.

Детали предустановки Photoshop для поста в Facebook

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

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

Теперь мы подошли к главному вопросу — зачем Facebook сжимает изображения и как этого избежать? Чтобы избежать сжатия при загрузке изображения, убедитесь, что размер файла не превышает 100 КБ . Чтобы лучше понять, возьмем, к примеру, что вы хотите загрузить высококачественное изображение jpg. Если размер вашего изображения не меньше 100 КБ, Facebook сделает сжатие размера изображения до 100 КБ. В результате ваше изображение станет зернистым, и вы потеряете некоторые детали, а все ваши усилия по созданию качественного изображения пропадут даром. Чтобы уменьшить размер документа до 100 КБ при сохранении изображения перейдите к файлу — сохраните как и выберите формат JPEG.

Вы увидите новый экран, где у вас будет возможность настроить размер файла. Итак, когда вы двигаете стрелку вбок (показано ниже), вы можете видеть, как размер файла уменьшается или увеличивается. Затем переместите стрелку влево, чтобы размер изображения был меньше 100 КБ , и нажмите «Сохранить».

Photoshop сохранить как экран.

А как насчет размера изображения логотипа?

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

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

Пример того, что происходит с логотипом, сохраненным в формате .jpg и png

Размер изображения Facebook для каждого формата Facebook выберите цвет профиля RGB и следите за размером файла. Например, на изображении ниже вы можете найти

все размеры изображений для Facebook.

Руководство по размерам Facebook

А как насчет HD-видео ? Если вы разместите HD-видео на Facebook с компьютера, оно автоматически загрузится в формате HD. Facebook рекомендует использовать формат MP4 или MOV. Но есть полный список форматов видео, которые можно загружать на Facebook. Вы можете проверить это здесь.

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

Facebook шаг за шагом Публикация HD-видео

Размеры изображений в Instagram 

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

Чтобы решить эту проблему, мы должны понять, что вызывает проблему. Для этого нам нужно понять концепцию, называемую цветовым пространством. Цветовое пространство, также называемое цветовым профилем, представляет собой определенный диапазон цветов, включающий sRGB , AdobeRGB , ProPhoto RGB и CMYK . Однако что делает их такими важными?

sRGB — это наименьшее цветовое пространство , диапазон которого покрывает лишь небольшую часть того, что может видеть наш собственный глаз. Диапазон Adobe RGB больше. Особенно в зеленом и голубом цветах. Это потому, что он обеспечивает большую насыщенность («цветность») в этих областях. ProPhoto RGB — самый большой из трех — и, возможно, самый интересный, поскольку он включает в себя «цвета» за пределами того, что мы можем видеть. ProPhoto RGB состоит только из этих значений, потому что позволяет увеличить диапазон аутентичных цветов по сравнению с другими цветовыми пространствами, включая sRGB и Adobe RGB. Если вы подумали: «Хорошо, тогда я буду использовать цветовой профиль ProPhoto RGB для всех своих изображений», то вы просто ошиблись.

Что значит ошибка?

ProPhoto RGB требует дорогостоящего оборудования , и большинство из нас использует мониторы, поддерживающие только sRGB или, реже, Adobe RGB. Итак, нам нужно сохранить изображение в цветовом пространстве, поддерживаемом местом, куда бы мы ни хотели загрузить наше изображение. Например, если мы отредактируем и экспортируем наше изображение в цветовом профиле ProPhoto RGB или Adobe RGB, а затем загрузим его в Instagram, цвета изображений исчезнут или будут заменены. Это происходит потому, что Instagram автоматически преобразует цветовой профиль в sRGB. Так что пока только sRGB важен для нас, потому что он поддерживается нашими телефонами, Instagram, Facebook, веб-сайтами и всем, что связано с экраном.

Давайте повторим это на примере

Давайте сделаем пост в Instagram в качестве примера, чтобы увидеть, насколько важны настройки и как их расположить. Сначала мы создадим вертикальный пост размерами 1080 x 1350 px (4:5) . Когда мы делали публикацию в Facebook, мы открыли новый документ. Теперь мы покажем вам , как поместить существующее изображение в правильные размеры и задайте цветовой профиль sRGB .

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

Цветовой профиль в Photoshop

Если у вас есть фотография в формате RAW, вашим цветовым профилем будет ProPhoto RGB, как в нашем примере. Чтобы изменить текущий цветовой профиль в sRGB откройте отредактируйте и выберите преобразовать в профиль. Затем вы получите всплывающее окно, в котором вы щелкнете стрелку справа в месте назначения и выберите — Профиль sRGB. Также не забудьте проверить, находится ли ваше изображение в 8-битном/канальном режиме, открыв раздел изображение – режим.

Преобразование текущего цветового профиля в цветовой профиль sRGB

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

Обрезка изображения в соотношении 4:5 в Photoshop

Потерпите…

Затем нам нужно изменить размер изображения, выбрав изображение – размер изображения. В появившемся всплывающем окне установите размеры 1080 x 1350 px и выберите Bicubic Sharper (reduction) в поле Resample.

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

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

Экспорт изображений для Instagram в Photoshop

Ниже вы можете найти всех размеров изображений для Instagram.

#3 Размеры Youtube 

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