🕓 Уроки записаны в 2022 году. Порядок действий и сами приёмы работают и сейчас, но интерфейс Photoshop с тех пор изменился: часть панелей и пунктов меню выглядит или называется иначе, а некоторые команды переехали в другие меню. Цены на ретушь названы на момент записи — сегодня они другие.
💬 Разборы чужих работ в уроках — это личное мнение автора о технике обработки, а не утверждение о фактах, и они не имеют целью кого-либо унизить. Другие подходы к ретуши не «неправильные»: решение всегда за автором работы. Условия использования.
Чтобы фотография в Instagram выглядела так же резко, как в Photoshop, её нужно сначала подрезать инструментом «Рамка» в пропорции 4:5, потом уменьшить через «Размер изображения» до 1080 пикселей по ширине (высота станет 1350) при 300 пикселях на дюйм и сохранить через «Файл → Экспортировать → Экспортировать как» с галочками «Преобразовать в sRGB» и «Встроить цветовой профиль». Если отдать соцсети огромный исходник, она пережмёт его сама, и именно тогда пропадает та резкость, ради которой ты делала всю ретушь.
В уроке два навыка: кроп как авторский приём и экспорт без потери качества. Работаем на фотографии после урока 5: цвет готов, осталось подать её в ленту.
Инструмент «Рамка» и пропорция 4:5
Новый инструмент — «Рамка» (в английском Photoshop — Crop). Как только ты его берёшь, вокруг фотографии появляется рамочка с маркерами. Первое, что нужно сделать, — не тянуть за углы, а выставить настройки в верхней панели: там есть список готовых пропорций, и для Instagram это всегда 4:5. Получается не квадрат, а вытянутый по вертикали прямоугольник, длинная сторона — высота.
Пропорцию ставим сразу, ещё при подрезке в Photoshop, а не «как-нибудь потом»: тогда формат в Instagram загрузится правильно, и ты с самого начала видишь, как кадр будет смотреться в ленте. Выставь всё как у меня в панели один раз — настройки сохранятся.
Навигатор: превью будущего поста
Здесь пригодится панель «Навигатор», которую мы поставили в рабочее пространство в самом начале курса. Во время чистки кожи в неё удобно поглядывать, чтобы не замазать блики и тени, а сейчас она работает как превьюшка: показывает только то, что останется внутри рамки, — примерно так фото и будет выглядеть в телефоне.
При 4:5 часть картинки уходит: кусочки по краям исчезают. Это нормально. Отсюда два вывода. Если ты сама снимаешь — снимай чуть дальше, с запасом, чтобы волосы и края причёски не обрезались. А когда выбираешь кадры на ретушь, учитывай, что часть кадра будет подрезана: я не беру в работу некоторые красивые снимки просто потому, что волосы в формат Instagram всё равно не войдут.
Кроп как приём: правило третей и повороты
Раньше ретушёры отдавали фотографию как есть, максимум выравнивали горизонт. Я начала экспериментировать: рамку можно крутить, переворачивать кадр, брать необычный ракурс — и сразу смотреть в навигаторе, что получается. Сейчас многие делают кропы, очень похожие на мои. Вывод простой: делай то, что интересно тебе самой.
Единственное правило, которым стоит руководствоваться, — правило одной трети. В панели инструмента ставится галочка, и на рамке появляется сетка; наш глаз по психологии любит смотреть на пересечения этих линий. Главное в кадре — глаза и губы — старайся ставить в одну из четырёх точек пересечения:
- пересечение линий на зрачок или на радужку — самый надёжный вариант для бьюти;
- пересечение на губы, а глаз чуть выше — второй акцент;
- если у модели стрелки, можно увести акцент на стрелку.
Заодно чуть выровняй горизонт, чтобы глаза были примерно на одной линии, и следи, чтобы справа или слева не оставалось пустого куска. Посмотри на маленькое превью: если взгляд сразу падает на глаза, кроп интересный. Дальше — Enter или галочка в верхней панели. Photoshop может думать до минуты, если у тебя много слоёв и папок; как это ускорить, будет ниже.
Размер изображения: 1080×1350 при 300 ppi
Перед сохранением фотографию нужно уменьшить. «Изображение → Размер изображения», на Mac это Cmd+Option+I (сочетание нарисовано прямо в меню, запомни его). В окне проверь, что единицы стоят в пикселях, и поставь ширину 1080. Высота пересчитается автоматически и должна стать 1350. Если 1350 не появилось, значит, ты не подрезала фотографию — формата 4:5 у неё нет, вернись к рамке.
Ниже поставь разрешение 300 пикселей на дюйм и ресамплинг «Автоматически». Так мы снижаем размер в пикселях: на моих исходниках он огромный, и Instagram он не нужен. У Instagram в настройках есть галочка загрузки в высоком качестве, но надёжнее сразу отдавать файл в том формате, который соцсеть требует. Фотография на экране станет маленькой — просто увеличь масштаб.
«Экспортировать как»: PNG или JPEG и профиль sRGB
Теперь «Файл → Экспортировать → Экспортировать как». В поле «Формат» подойдёт JPEG, но я беру PNG: у меня файл получается около 2,6 МБ, JPEG будет чуть меньше, разницы в качестве на телефоне практически нет — на твоё усмотрение. В правой колонке ещё раз проверь размер: 1080 на 1350.
В метаданных можно поставить «Сведения об авторских правах» — авторство останется в файле. И самое важное: галочки «Преобразовать в sRGB» и «Встроить цветовой профиль». sRGB — цветовой профиль цифровых устройств, телефоны работают именно в нём; если сохранить в другом пространстве, цвет в Instagram уйдёт. Нажимаешь «Экспорт» и задаёшь имя.
Версии, проверка на телефоне и второй кроп
Я всегда пишу в имени версию: v1_post1. Версия — это цвет. Даже на хорошем мониторе цвета воспроизводятся не так, как на телефоне, поэтому я закидываю файл в облако, открываю на телефоне и, если что-то не нравится, возвращаюсь в Photoshop, докручиваю, например, экспозицию и сохраняю v2. Смотрю и на Samsung, и на iPhone: если на обоих плюс-минус устраивает, делаю остальные кропы.
Второй кроп на уменьшенной картинке уже не сделать — размер маленький. Открой панель «История» («Окно → История», если вкладки нет) и вернись на шаг до рамки: фотография снова станет большой, как после цветокоррекции. Чтобы рамка не думала по минуте, сведи всё на один слой: Cmd+Shift+E — папки исчезнут, останется один слой с финальной версией. Дальше по кругу: рамка с поворотом, «Размер изображения» (1080 уже стоит, просто OK), «Экспортировать как» (настройки и sRGB сохранились), имя v1_p2 — публикация 2 или кроп 2, — снова «История» до рамки. Кропов можно сделать столько, сколько душе угодно.
Пошагово
- Возьми инструмент «Рамка». В верхней панели выбери готовую пропорцию 4:5 — вертикальный прямоугольник, не квадрат.
- Включи сетку правила третей. Поставь галочку в панели рамки и следи за кадром в панели «Навигатор» — это превью поста.
- Подбери кроп. Пересечение линий — на зрачок или губы, глаза примерно на одной линии, без пустого куска сбоку. Можно повернуть кадр.
- Примени кадрирование. Enter или галочка в верхней панели; с большим количеством слоёв это занимает до минуты.
- Уменьши размер. «Изображение → Размер изображения» (Cmd+Option+I): единицы — пиксели, ширина 1080, высота должна стать 1350, разрешение 300 пикселей на дюйм, ресамплинг «Автоматически».
- Экспортируй. «Файл → Экспортировать → Экспортировать как»: PNG или JPEG, размер 1080×1350, метаданные «Сведения об авторских правах», галочки «Преобразовать в sRGB» и «Встроить цветовой профиль». Имя — v1_post1.
- Проверь на телефоне. Открой файл на Samsung и на iPhone; если цвет не нравится — докрути в Photoshop и сохрани v2.
- Вернись до рамки. «Окно → История», шаг до кропа; сведи слои Cmd+Shift+E, чтобы следующая рамка применялась быстрее.
- Сделай остальные кропы. Повтори рамку, размер и экспорт, имена v1_p2, v1_p3.
Частые ошибки
- Рамка без пропорции 4:5: в ленте Instagram сам обрежет кадр, и ты не контролируешь, что останется.
- Уменьшение сделано до кропа: высота не становится 1350, а второй кроп на маленькой картинке уже невозможен.
- В окне «Размер изображения» стоят сантиметры вместо пикселей — 1080 превращается в бессмысленное число.
- Загружен огромный исходник в расчёте на галочку «высокое качество» в Instagram: соцсеть пережимает сама, резкость кожи уходит.
- Не поставлены галочки «Преобразовать в sRGB» и «Встроить цветовой профиль» — цвет на телефоне отличается от того, что в Photoshop.
- Кроп сделан один раз и сразу выложен, без проверки на телефоне и без версий по цвету.
- Кадр выбран на ретушь без учёта, что при 4:5 волосы и края не войдут.
Как понять, что урок усвоен
- Ты выставляешь 4:5 и сетку третей до того, как двигаешь рамку, и смотришь на превью в «Навигаторе», а не на весь холст.
- После «Размера изображения» высота у тебя автоматически 1350 — без ручной правки.
- В папке лежат файлы v1_post1, v1_p2, v1_p3 из одной фотографии, все 1080×1350 и в sRGB.
- Ты умеешь вернуться через «Историю» до рамки и сделать новый кроп, не открывая PSD заново.
- На Samsung и iPhone цвет и резкость совпадают с тем, что ты видела в Photoshop.
Отдельные задачи из этого урока
Короткие страницы «как сделать X» с фрагментом видео, шагами и парой до/после.
Текстовая версия урока с таймкодами +
### Часть 1 — Кроп 4:5 инструментом Рамка, размер 1080×1350 и экспорт в sRGB
00:00 На сегодняшнем уроке я покажу вам, как красиво подрезать фотографии, объясню, почему это важно, и покажу, как экспортировать фотографии, сохранив качество. Может быть, кто-то уже заметил, кто работал в Photoshop: у вас фотография в Photoshop смотрится чётко, резко, красиво, а когда вы загружаете её в Instagram, качество почему-то теряется. Чтобы такого не происходило, нужно всегда подгонять во-первых размер изображения под формат Instagram, и во-вторых — сам размер файла.
00:34 Что делаем. Сначала знакомимся с новым инструментом — он называется «Рамка». У вас появится такая рамочка. Давайте сначала сделаем правильные настройки. Смотрите: вот здесь мы можем ставить какие-то уже готовые пропорции. В случае Instagram это всегда пропорции 4 к 5. То есть у нас получается не квадрат, а такой больший прямоугольник, и с этой стороны у нас более длинная сторона. Это важно ставить сразу при подрезке в Photoshop, чтобы формат в Instagram загружался правильно и чтобы вы сразу видели, как фотография будет там смотреться. Можете вот здесь поставить все настройки как у меня.
01:18 Сейчас нам пригодится наш навигатор, который мы в самом начале поставили. Во-первых, на него удобно смотреть, когда делается ретушь кожи, — что мы не замазали где-то блики и тени. Но и сейчас он будет полезен как превьюшка того, что мы будем подрезать. Вы видите, что, когда мы выбрали формат 4 и 5, у нас часть картинки уже куда-то ушла. Я сейчас уберу — видите, кусочки картинки сразу исчезают. Это нормально. Поэтому, если вы фотограф, фотографируйте чуть-чуть подальше, чтобы у вас не уходили, допустим, волосы на фотографии, потому что в Instagram это всё не войдёт. Когда я выбираю фотографии на ретушь, я тоже учитываю, что какая-то часть фотографии будет подрезана. И некоторые кадры, даже если они красивые, не беру именно из соображения, что в итоге волосы всё равно не попадут на картинку в Instagram.
02:15 Теперь почему кроп важен. Подрезка — это кроп, по-английски, и в русскоязычной среде тоже все говорят «кроп», «кропы». Не знаю, было ли на самом деле так, что я какой-то тренд создала, но, может быть, вы заметили: раньше у ретушёров фотографии всегда шли как есть, чуть-чуть выровняют по горизонту — и всё. Я начала с того, что экспериментирую. Что мы можем взять? Мы можем здесь вот покрутить, то есть полностью перевернуть фотографию, сделать её каким-то необычным ракурсом и посмотреть, как это будет смотреться в превьюшке. У нас много возможностей. Не хочу все лавры себе приписывать, но мне кажется, что в том, что пошёл этот тренд на подрезку, я в самом начале поучаствовала. Потому что сейчас вижу: все ретушёры, особенно кто покупает у меня материалы для ретуши, делают кропы, очень похожие на мои, которые я изначально выкладывала. Вот так можно создавать тренды — делать то, что тебе самому интересно и нравится.
03:26 Поэтому с фотографиями тоже экспериментируйте. Можете взять, допустим, один классический ракурс — вот у нас есть фотография — и посмотреть, как это будет выглядеть в маленьком превью, как бы вы хотели подрезать. Здесь опять-таки на ваш вкус. Единственный момент: у нас есть правило пересечения вот этих квадратов. Они показываются, если вот здесь поставить галочку. Это правило одной трети — оно так и называется. Наш глаз по психологии любит смотреть на пересечение этих линий, и что-то главное на фотографии нужно стараться ставить вот сюда, сюда, сюда и сюда. Этим правилом можно руководствоваться: допустим, ставить это пересечение на зрачок. И чуть-чуть выровнять ещё горизонт — не забывайте, чтобы глазки были примерно на одной линии. Под это всё вот так подрезать, ещё подстроить и смотреть, чтобы у нас справа не было ничего пустого.
04:36 Если вы посмотрите на маленькую превьюшку, в принципе фотография кажется интересной, потому что наш глаз сразу смотрит на глазки. А если мы будем это всё поворачивать, можно поставить пересечение линий на губки — или на губки и чуть-чуть на глазик, вот так. Таким образом вы можете подобрать все кропы, которые могут казаться интересными. Или вот здесь у нас на стрелку акцент пойдёт. Примерно так это работает. Сам кроп работает достаточно просто: давайте поставим пересечение линий сюда, ещё подрежу — вот, у меня на радужку падает. И просто нажимаете Enter или вот сюда наверху на галочку. Ждёте. Это может занять долго, если у вас много слоёв: смотря какая мощность у вашего компьютера, может занять до минуты. Сейчас я вам покажу, как это немножко ускорить.
05:49 Вот у нас получился такой кроп, который мы сделали. Смотрится уже интересно. Потом, прежде чем мы это всё сохраним, нам нужно уменьшить размер. Для этого идёте в «Изображение» → «Размер изображения» или запомните горячие клавиши, вот здесь нарисованные: в моём случае это Command Option I. Появляется такое окошечко. Здесь нам нужно в ширине — смотрите, чтобы у вас здесь обязательно стояли пиксели — поставить 1080 пикселей. И тогда высота автоматически станет 1350. Если у вас 1350 не покажется, значит, вы фотографию не подрезали, то есть у вас нет формата 4:5 для Instagram.
06:38 Потом поставьте здесь разрешение 300 пикселей на дюйм и ресамплинг «Автоматически». Таким образом мы снижаем размер нашей фотографии в пикселях, потому что сейчас на моих исходниках это очень большой размер, и для Instagram он не нужен. Если мы загрузим большой файл, то, вероятно, качество потеряется очень сильно. Хоть сейчас у Instagram в настройках есть возможность поставить галочку на загрузку файла большого размера, всё равно лучше подстраиваться так, как они изначально требуют по формату. Фотография уменьшилась, мы можем её опять увеличить, и по сути сейчас можно уже сохранять.
07:21 Для этого идём «Файл» → «Экспортировать» → «Экспортировать как». Здесь формат: можно JPEG, но я, допустим, беру PNG. Размер файла вы здесь видите — 2,6 мегабайта. Если мы сохраним в JPEG, файл будет чуть-чуть поменьше, то есть уже на ваше усмотрение. Я почему-то люблю PNG; в принципе, разницы сильной быть не должно. Здесь ставим галочку, здесь проверяем ещё раз размер. Метаданные можно поставить «Сведения об авторских правах». И важно ещё поставить галочку «Преобразовать в sRGB», если вдруг у вас Photoshop это ещё не сделал, и «Встроить цветовой профиль». sRGB — это цветовой профиль именно цифровых девайсов: телефоны работают в формате sRGB. Поэтому важно, что мы фотографию сохраняем именно в этом цветовом пространстве.
08:22 Потом нажимаете на «Экспорт» — и здесь, собственно, уже всё. Ставите название файла. Я люблю всегда писать версии: допустим, версия 1, post 1. Версия — это значит по цвету. Если я закину фотографию себе в облако, скачаю на телефон, а потом посмотрю и по цвету что-то не понравится, то я могу ещё что-то здесь докрутить. Бывает так, что я вернусь сюда, ещё добавлю, к примеру, экспозиции, сохраню как версия 2 и посмотрю, какая мне больше нравится. Это абсолютно нормально, потому что на компьютере даже на хорошем дисплее, вот как у меня, всегда немножко другое воспроизведение цветов, чем на телефонах. Я потом смотрю на телефоне — как на Samsung, так и на iPhone. И если плюс-минус меня на обоих телефонах устраивает, как это выглядит, тогда я уже делаю остальные кропы.
09:21 Чтобы вернуться на тот момент до кропа: мы сейчас сделали кроп, мы уменьшили размер, то есть сейчас мы не можем делать опять кроп, потому что у нас маленький размер фотографии. Нам нужно вернуться на пару шагов. Идём в нашу «Историю» — или, если у вас нет вкладки, идёте в «Окно» и ставите галочку «История». И здесь мы можем вернуться вот сюда, то есть всё до рамочки. Видите, фотография стала опять большой — мы вернули изначальный размер. Или вернуться даже на один шаг до рамки, то есть файл как он был, допустим, после цветокоррекции.
10:05 Сейчас, чтобы немножечко сократить время — помните, когда мы делали кроп, он очень долго это всё делал, — давайте сведём всё это на один слой. Тогда обработка информации будет быстрее. Для этого у нас есть горячие клавиши Command Shift E. Все наши папочки исчезнут, и у нас останется всего один слой с финальной версией. Вот, пожалуйста. И теперь мы опять идём и делаем кроп. Допустим, вот здесь, видите, я в бок вот так веду — у меня фотография движется по часовой или против часовой стрелки. Я сейчас не буду точно — тут уже на ваш вкус тоже. Смотрите всегда сюда, правила подрезки я вам рассказала.
10:56 Можно, допустим, подрезать как-то так, к примеру, выравниваем горизонт и нажимаем на OK или на галочку. Сейчас обработка должна происходить чуть-чуть быстрее, потому что у нас нет вот этих лишних папок. Видите — уже готово. Опять идём в «Изображение» → «Размер изображения» или нажимаем горячие клавиши. Здесь опять ставим 1080 — у вас это всё уже должно сохраниться: один раз настройте и на OK.
11:39 Сейчас опять идём «Экспортировать» → «Экспортировать как» — там тоже есть горячие клавиши. Здесь опять JPEG или PNG, и, в принципе, у вас вот здесь тоже настройки должны сохраниться, особенно «Преобразовать в sRGB». И так же потихонечку сохраняем: пишем v1 p2. P2 — это публикация 2 или кроп 2, тут уже на ваше усмотрение. Потом опять возвращаетесь до рамки. И таким образом вы делаете столько кропов, сколько вашей душе угодно.
12:13 Вот, собственно, всё, что вам нужно знать про экспорт. В следующем видео я вам объясню, как весь этот процесс сделать немножко быстрее, точно так же как ускорить процесс частотного разложения. Поэтому смотрите обязательно следующее видео — будет вам очень познавательно и интересно.