Вводная тема перед началом работы в Фотошоп. Знакомимся с графическим редактором. Определяем возможности и назначение. Изучаем способы получения лицензии и «бесплатных» версий. Насыщенная теория без практики.
Что такое и для чего создан Photoshop
Прежде чем переходить к практике, стоит поговорить о теории. Пройдёмся по общим темам, немного познакомимся с основными терминами и принципами, пробежимся по основным возможностям и посмотрим примеры применения возможностей Фотошопа.
Для новичка этот материал должен создать правильное представление о Photoshop, графике и смежных направлениях, которое позволит принять решение о необходимости его изучения.
Опытным пользователям эта статья поможет укрепить представление о редакторе, а также стать «свежим» взглядом на некоторые принципы. Материал получился очень обширным и должен создать крепкий фундамент для развития, на который сможет опереться даже профессионал.
В этой теме я уделил разное количество внимания некоторым функциям и принципам, это не спроста. Некоторые принципы требуют понимания в самом начале обучения, а некоторые можно опустить и без последствий изучать в следующих темах или отдельно. Из-за этого некоторые разделы будут выделяться своей проработкой на общем фоне.
Определение
Adobe Photoshop — мощный многофункциональный графический редактор, разрабатываемый компанией Adobe Systems. Основной функционал редактора направлен на работу с растровой графикой. Однако имеет ряд инструментов и функций для базовой работы с векторной графикой.
Основная задача, которую возлагают на Photoshop, — создание, комбинирование и улучшение изображений для их эффективного восприятия людьми. То есть изображения изменяются/создаются для того, чтобы они «правильно» воздействовали на зрителя. Это может быть базовая цветокоррекция и ретушь фотографий, а также создание новых изображений из ничего.
Фотошоп используется для всех видов коммерческой обработки медиафайлов. Позволяет обрабатывать фото, создавать иллюстрации, прототипы и макеты для веб-дизайна и полиграфии, создавать несложные анимации и многое другое. Но так или иначе, основная причина использования редактора — влиять на зрителя средствами визуального восприятия. Эту же цель преследует графический дизайн, из-за чего Photoshop — основная и лучшая программа для графического дизайна.
Возможности редактора ограничены только фантазией пользователя, а один и тот же визуальный результат можно получить разными способами, используя бесконечное количество разнообразных функций Фотошопа.
Adobe Photoshop — платное программное обеспечение, которое распространяется месячными и годовыми подписками. На 2025 год он недоступен для покупки из России, хотя сам не имеет никаких региональных ограничений при его использовании на территории РФ. Далее в статье ещё поговорим подробно о методах покупки и бесплатного доступа.
Фото: Приложения включенные в подписку Adobe Creative Cloud
Я рекомендую использовать Photoshop исключительно в связке с Adobe Illustrator (даже если вы не умеете им пользоваться), т.к. функционал этих редакторов отлично дополняет друг друга, а проекты и их элементы легко экспортируются друг в друга (даже через Ctrl+C и Ctrl+V).
Если покупать подписки на каждое из этих приложений отдельно, то цена будет выше, чем за подписку на ВСЁ ПО от Adobe через Creative Cloud. Плюсом вы получаете облачное хранилище, иногда в подарок дают скачивания из Adobe Stock (библиотека качественных стоковых изображений), там же в Creative Cloud можно устанавливать недостающие шрифты (если они бесплатные) из открываемых проектов. Не то чтобы это всё было нужно, но общая подписка выглядит хорошо и просто дешевле. Позже ещё вернёмся к деталям подписок.
Поскольку Фотошоп — лишь часть огромного набора программного обеспечения от Adobe, то мы получаем мощнейший инструмент для работы с графикой, который легко может быть дополнен функциями смежного ПО, которое имеет дополнительные возможности для работы с фото и цветокорекцией (Lightroom), работы с векторной графикой (Illustrator), вёрстки макетов для печати (InDesign), монтажа видео (Premiere Pro) и возможностями мощнейшего инструмента для создания анимаций и видеоэффектов — Adobe After Effects.
Базового знания смежных редакторов достаточно, чтобы закрыть почти все потребности в графическом дизайне. Теперь перейдём к конкретным функциям и возможностям Photoshop, из-за которых это — лучший и основной инструмент графического дизайнера или создателя контента.
Возможности Photoshop — основные функции
Выписывая мелким шрифтом все функции Фотошопа и их комбинации, пришлось бы использовать длинный рулон обоев, чтобы список поместился на одной странице. Даже сам список основных возможностей поражает, а возможность комбинировать их самыми нетипичными способами делает его бесконечным. По этой же причине многие боятся осваивать фотошоп и отдают предпочтение более простым редакторам (например, Figma).
«Быстро» пройдёмся по основным функциям и возможностям. В следующих темах каждая функция будет описана максимально подробно, а пока мы создаём только общую картину возможностей редактора.
Материал по основным функциям получился очень объёмным, его можно было бы пропустить, но помимо самих функций, с ними параллельно раскрывается очень много тем, которые обязательно нужно знать перед изучением редактора.
Самая базовая, но мощная функция: работа с файлами
Очевидно, что работа с фото начинается с того, что его нужно открыть в редакторе, но уже здесь Photoshop даёт огромный простор для возможностей.
Фотошоп имеет огромный список поддерживаемых типов файлов: PSD, JPEG, PNG, TIFF, GIF, PDF, BMP, WEBP, HEIF, RAW, PDF, SVG, EPS, AI…
В этом списке есть даже файлы проектов из другого ПО, и хотя он не может полноценно редактировать такие файлы, он позволяет превратить их в готовый рендер для последующей работы.
Помимо возможности открыть почти любое изображение, фотошоп имеет разнообразный функционал для работы непосредственно с файлами. Вы можете открывать целые папки с файлами, разбивать проекты на разные файлы и форматы, конвертировать из одного разрешения в другое, сжимать, менять размеры (памяти), вынимать из проектов отдельные слои и области, импортировать/экспортировать проекты из/в облако.
Перевернуть фото, сжать изображение для сайта или изменить расширение, обрезать скриншот или фото, изменить размер или пропорции — ежедневная рутина в фотошоп, даже без непосредственного редактирования изображения. Можно открыть что угодно и быстро привести в желаемый формат.
При этом редактор имеет возможность сохранять отдельные слои и группы в готовые изображения. Что тоже удобно при «пакетной» обработке. При этом каждый раз есть возможность выбрать множество параметров экспорта.
Автоматизация и плагины
Как и с пакетной обработкой файлов, фотошоп позволяет автоматизировать многие процессы. Экшены (Actions) и сценарии (Scripts) позволяют записывать инструкции для фотошопа, которые последовательно применяются к каждому файлу/слою.
Таким образом можно автоматизировать обработку множества однотипных фото (например, добавление водяного знака, тонирование фото). Экшены позволяют записывать ваши действия в редакторе и повторять их на новом слое или файле. Скрипты также выполняют заданные функции, но пишутся вручную как внешний файл с кодом, имеют логику и могут подстраиваться под конкретное изображение, в то время как экшены просто в точности повторяют все ваши записанные действия.
Фото: Пример результата выполнения готового экшена с фильтрами.
Сюда же можно отнести плагины — стороннее ПО, которое добавляет новые функции непосредственно в Фотошоп: новые кнопки, фильтры, панели. Просто качаете у разработчика или в магазине Adobe нужный плагин — и получаете новые функции. Они же могут использоваться и для автоматизации процессов.
Я, например, пользуюсь плагином DocManager Lite — он добавляет небольшую панель с миниатюрами открытых проектов. Изначально Фотошоп помещает проекты во вкладки с названиями, но ориентироваться в них сложно, когда число открытых файлов переваливает за десяток. Есть различные плагины для импорта/экспорта проектов на разные площадки, для генерации QR-кодов прямо внутри Photoshop, плагины с панелями выбора готовых объектов (например, 3D-иконок), или для создания 3D-сцен из мокапов — и многие другие.
Фото: Пример плагинов для фотошоп
Слои и компоновка
Поскольку фотошоп имеет очень много функций, многие из которых обратимы, он имеет достаточно удобную систему слоёв, которая «записывает» каждый отдельный элемент на холсте. Каждое новое изображение на холсте, эффекты, фильтры, действия — отображаются на панели слоёв и являются отдельными объектами, к которым можно применять и комбинировать бесконечное множество функций: редактировать, двигать, накладывать эффекты… Эта возможность и позволяет создавать в Фотошопе нечто из ничего.
Фото: Слои, группы, эффекты.
Здесь же вы можете группировать объекты на холсте и редактировать не каждый из них отдельно, а применять изменения к целым группам. Вы можете объединять объекты в группы, объединять их в один слой, связывать слои друг с другом, блокировать слои для защиты от случайного редактирования и даже создавать проекты внутри проектов с помощью смарт-объектов.
Вы можете не только применить фильтр к слою с фотографией, но и сам фильтр редактировать как такой же обычный слой-фотографию!
Сама механика слоёв не нова и не уникальна, но именно в Фотошопе она раскрыта на все 100.
Смарт-объекты
Лучшая функция Фотошопа для работы со слоями и сложными композициями — смарт-объекты. По своей сути это целый отдельный проект, который выглядит и ведёт себя как обычный слой/картинка, но при этом вы можете менять его содержимое как отдельного проекта.
Фото: Проект заставки со смарт-слоем, содержащим основной контент
На примере выше слева имеется проект заставки для уроков. Справа в углу отображаются слои этого проекта. Их всего два (видимых): чёрный фон и смарт-объект с наложенными эффектами, который содержит скриншоты интерфейса Фотошопа. Проект справа — содержимое смарт-объекта. Любые изменения в окне справа автоматически добавляются на макет слева, причём со всеми наложенными на него эффектами размытия и деформации.
Как видно из скриншота, я просто создал плоскую композицию из скриншотов интерфейса ФШ, добавил к ним тени для объёма. А потом ко всему этому применил размытие, наклон и чёрный фон. Поместив плоскую композицию в смарт-объект, я могу менять его содержимое в любой момент, и оно перенесётся на макет слева, и мне не придётся заново добавлять эти искажения и размытия — они применятся автоматически, как будто изначально я использовал другое фото.
Смарт-объект в проекте — обычный слой, но его содержимое может быть очень сложным и поддаётся полноценному редактированию. Это экономит вагон времени на работе с копиями, бэкапами, вариантами и вариациями. Не нужно создавать копию проекта, чтобы откатиться назад и попробовать другое решение. Можно одновременно редактировать отдельные элементы проекта без конфликта изменений и хронологии.
Например, я могу сделать скриншоты интерфейса Illustrator и вставить в смарт-объект (ниже на фото слева). Так я получу точно такую же заставку, но интерфейс будет от Illustrator.
Фото: Две идентичные композиции с разным содержимым, сделано с помощью смарт-объекта
Надеюсь, вы простите мне эту лень, так как я заменил всего пару элементов, но идея удобства такой функции должна быть ясна. Вы словно вернулись в прошлое и выбрали другое исходное изображение, с которым провели всю ту же работу над макетом — это очень удобно.
Такой же принцип используется в мокапах. Когда достаточно просто перетащить картинку внутрь смарт-объекта, и вы получаете готовый предмет с вашим изображением. Ниже пример такого простого мокапа. Достаточно перенести внутрь смарт-объекта PNG-файл логотипа, сохранить изменения — готово, плотный лист бумаги с тиснением вашего логотипа.
Фото: Пример простого мокапа, логотип на бумаге с тиснением
В интернете существует бесконечное количество мокапов разных тематик, сложности и автоматизации. И уже только ради этого стоит хоть немного изучить фотошоп, т.к. перед вами сразу откроются возможности быстрого создания разнообразного контента для ваших соц.сетей и блогов.
Выделение и принцип работы растровой графики
Это, пожалуй, основная функция Фотошопа. Как я уже писал, Photoshop — редактор растровой графики, а растровая графика состоит из цветных точек (пикселей), поэтому фотошоп имеет множество инструментов и функций для выделения конкретных точек. Выделяя нужные точки и меняя их цвет, мы и получаем новое изображение, даже самое сложное.
Даже простой набор текста в Фотошопе — это перекрашивание определённых пикселей в новый цвет, по форме и размеру выбранного шрифта. И происходит это именно так, даже листая эту страницу, вы перекрашиваете пиксели своего экрана каждым смещением страницы вверх или вниз. Текст и картинки отрисовываются в новом месте каждым пролистыванием страницы.
Прочитайте сноску про векторную графику, и всё встанет на свои места. Шрифт — векторный элемент, который является алгоритмом выделения определённых пикселей, но теперь уже пикселей на холсте редактора (а не экрана монитора, как я пишу в сноске). Шрифт, как положено векторной графике, выделяет на холсте/картинке/экране пиксели в форме букв выбранного шрифта. Мы только задаём параметры размера, положения и цвета этих букв, а инструмент автоматически их перекрашивает. А далее перерассчитывает новое положение и цвета пикселей после каждого изменения объекта.
Это настолько просто и очевидно, что мы об этом никогда не задумываемся. Мы не перемещаем картинку на экране, а буквально заставляем устройство нарисовать то, что есть на странице, в новом месте. Это важно понимать, чтобы понять работу основных инструментов Фотошопа.
Когда мы перемещаем текст/объект, то просто перекрашиваем пиксели в новом месте, которые формируют этот же текст/объект. Выбирая шрифты, размер, мы просто изменяем пиксели изображения по определённой закономерности, которую и задают параметры выбранного шрифта. Сам шрифт, по сути, — это алгоритм выделения и перекрашивания пикселей по определённой формуле/закономерности. А мы лишь задаём для этой формулы параметры цвета, размера, ориентации и положения. В Фотошопе даже есть инструмент «текст-маска», который буквально является инструментом выделения.
Фото: Текст на самом деле состоит из пикселей, а шрифт — лишь алгоритм выделения нужных пикселей, основанный на векторной графике
Не стоит воспринимать этот раздел как излишне усложнённый — мы уже переходим к причинам, из-за которых стоит воспринимать графику именно так — инструментам выделения.
Также, как абзацы про шрифт могли показаться излишне усложнёнными, предлагаю теперь так же упростить взгляд на все возможности Фотошопа.
Я бы сказал, что фотошоп (как редактор) умеет всего две вещи: выбирать (выделять) определённые пиксели и менять их цвета. Всё. Это, действительно, так. Просто потому, что в растровых изображениях просто нет другой информации — только координаты точек (пикселей) и соответствующий каждой точке цвет.
Так мы пришли к тому, что все функции, эффекты, стили, параметры — это всё просто способы выделять и перекрашивать определённые пиксели. А вот количество способов, как обратиться (выделить) к определённым точкам у Фотошопа — бесконечное. Как и способов перекрасить эти точки по заранее прописанным алгоритмам.
Принцип генерации изображений нейросетями
Принцип перекрашивания точек (пикселей) по определённым закономерностям используется и при создании изображений нейросетями. С небольшим обобщением и допущением можно сказать, что нейросеть учат искать и определять закономерности распределения цветных точек на изображении. Затем, опираясь на эти закономерности, из случайных данных (например, белого шума) нейросеть формирует изображение, просто перекрашивая нужные точки в нужный цвет, который соответствует закономерностям требуемого изображения.
Нейросеть не видит картинку как таковую — она «видит» цифровой код с данными о распределении цветов среди заданного количества точек. Закономерности множества таких кодов, описывающих похожие объекты (например, фотографии людей), используются для создания «нового» изображения нейросетью.
Отсюда и появляются изображения с четырьмя пальцами у людей: нейросеть просто недостаточно точно определила закономерность отображения рук в коде фотографии и при создании своего изображения её «видение» (закономерности) соответствует полученному результату. Чем точнее определены закономерности, тем реалистичнее получается изображение.
Инструменты Photoshop уже имеют встроенные алгоритмы для выделения нужных пикселей по разным закономерностям: по цвету, форме, яркости, слоям и другим параметрам. Кроме того, есть «ручные» инструменты, которые позволяют выделять области мазками кисти, с помощью кривых, прямых или произвольных линий, фигур, а также с помощью «волшебных» автоматических инструментов.
Каждый из этих способов обладает дополнительными параметрами для уточнения выделения. Выделенные области можно комбинировать, дорабатывать, объединять и исключать множество раз, что позволяет точно выделять и перекрашивать объекты самой сложной формы.
Фото: Выделение пикселей изображения, объект выделяется по границе контрастного перехода цвета
По принципу выделения определённых пикселей и перекрашивания их работает и множество других инструментов, например, кисти и маски слоя. Только заливка цвета происходит мгновенно выбранным цветом по тем пикселям, которые вы выделили мазком кисти по холсту.
Маски слоя и альфа-канал
Когда мы удаляем фон у объектов на изображениях, мы выделяем ненужные точки (пиксели) и меняем значение прозрачности этих пикселей на 100% прозрачности (как бы удаляем, но не совсем).
Так исторически сложилось, что все растровые изображения — прямоугольные. Даже те, которые имеют сложную форму. Но на самом деле даже футболка ниже, у которой удалён фон, вписана в прямоугольник. А сам этот «прямоугольник» не отображается, т.к. все точки (пиксели) этого прямоугольника не отображаются из-за их 100% прозрачности. Формально они есть, но вы их не видите. Прозрачность этих пикселей хранится в альфа-канале. А сам альфа-канал — это инструкция о том, какие пиксели с какой степенью прозрачности отображать.
Фото: Футболка с удалённым фоном и пример отображения «альфа канала»
На изображении выше есть 2 фото, на «правом» удалён фон. Если переключать светлую/тёмную тему сайта, то станет ещё заметнее. На «левом» изображении фоном стоит серый градиент, а на «правом» — альфа-канал. Там же на картинке «логотип.jpeg» пример того, как Фотошоп отображает удалённый/отсутствующий фон (альфа-канал).
Стерев/удалив пиксели с изображения обычными способами, они заменяются «пустыми». Таким образом информация с изображения теряется безвозвратно, что неудобно. Для того чтобы стирать/удалять точки изображения, но иметь возможность их вернуть, в Фотошопе есть функция слоёв-масок.
По своей сути это ещё один чёрно-белый слой, который отвечает за степень прозрачности точек изображения — тот самый альфа-канал, где цвет равен уровню прозрачности. Белый — пиксель нормальный/непрозрачный, чёрный — пиксель полностью прозрачен и невиден, а оттенки серого отвечают за полупрозрачные пиксели: чем темнее серый цвет, тем прозрачнее пиксели изображения под ним.
Фото: Пример слоёв-масок (альфа-каналов)
По своей сути слой-маска — обычный слой, только чёрно-белый, а значит рисовать на нём мы можем чем угодно: кистью, градиентом, заливками, даже фигурами. Можем выделять пиксели маски, менять их цвет (в диапазоне серого), смещать, размывать… Можно даже сделать фотографию слоем-маской.
Таким образом, помимо простого выбора/выделения и удаления ненужных точек/фона/объектов, мы получаем ещё пачку разных способов работы с прозрачностью.
Рисование — кисти, градиенты, заливки
Photoshop — не только основной инструмент для графических дизайнеров, но и может стать основным инструментом для цифрового художника. Редактор содержит множество инструментов для рисования и сотни настроек параметров кистей, которые имитируют реальные кисти. Благодаря этому художники могут только с помощью одного инструмента «кисть» нарисовать реалистичный рисунок, который будет сложно отличить от фотографии.
Особенно популярен фотошоп у художников для создания набросков, концептов и артов.
На фотографиях выше пример такого рисунка, а главное — что он нарисован самыми стандартными кистями, а они бывают очень разными.
Например, в форме предметов, травы, деревьев, дыма, огня, бликов, звёзд, птиц, гор и так далее. Этот список может быть бесконечным. Всё потому, что Фотошоп позволяет создавать свои кисти. Вы можете взять любой набор пикселей или целое изображение и сделать его кистью. Вы буквально можете нарисовать облако, а затем сохранить его как кисть, а далее с помощью параметров инструмента (параметров кисти) накладывать на неё разные эффекты, получая разные результаты.
Фото: Простейшая кисть цепи в Фотошоп, с динамикой поворота
На примере выше, с помощью схематичного рисунка звена цепи была создана полноценная цепь. А благодаря функции поворота кисти под направление мазка и изменению размера под силу нажима пером (нажим доступен только на графических планшетах и устройствах с пером), получаем одним мазком длинную «реалистичную» (для моего грубого наброска звена) цепь с уходом в перспективу. Одним движением руки вы можете нарисовать «живую» цепь. Эта возможность может сильно упростить и ускорить работу в редакторе. Редактор рисует одно звено, а следующее поворачивает по направлению движения мыши/пера. Естественно, расстояние между единичными «мазками»/отпечатками кисти можно менять.
На скриншоте видно и разнообразие гибких настроек кистей, которые распределены на десятке вкладок. Кисть может, например, динамически менять цвет, размытие, прозрачность, форму, поворот, состоять из другой кисти, распадаться и дублироваться. Полный список огромен, а возможности эффективного или креативного применения почти не ограничены.
В интернете существует бесконечное количество готовых кистей под любые нужды. А устанавливаются они в один клик.
Дополнив некоторые готовые кисти простым шрифтом или картинкой, сразу можно получить готовый пост для своих социальных сетей.
Фото: Кисть бумажного скотча (смотрите в тёмной теме)
За несколько минут с помощью таких готовых решений, как кисти, можно собирать простые, но выделяющиеся из привычного стиля макеты. Пара мазков кистью, пара текстов, логотип и PNG-картинка без фона — готово. При этом кисти обычно куда качественнее тех же готовых PNG-картинок такой же формы. Попробуйте найти несколько качественных PNG-картинок пупырчатой плёнки? А кисть со 100 вариантами такой плёнки в высочайшем разрешении — пожалуйста. Это инструменты для профессионалов, созданные профессионалами, а поэтому их удобно применять.
Фото: Кисть пупырки
Существуют и различные кисти с эффектами. Они могут стирать фон, заменять цвета, размывать изображение, увеличивать и уменьшать резкость на фото, «размазывать» картинку, осветлять и затемнять, даже дорисовывать изображение по соседним пикселям. Нужно отметить, что и эти кисти имеют полный набор параметров поведения (форму, динамический размер, эффекты…), а это снова даёт огромную вариативность их применения.
Помимо кистей, пространство макета можно заполнять различными заполнителями.
Самый базовый — градиент и цвет. С цветом всё понятно, а ниже пример использования градиента и параметры для построения конкретных градиентов по фирменным цветам.
Фото: Пример использования и построения градиентов
Градиент — это заливка плавными переходами цветов по заданным параметрам. Если взять какую-то абстрактную ширину, равную 100%, и поставить на этой ширине точки в определённых координатах с заданным цветом, получим градиенты, как на примере. А сам градиент — это переход цвета от точки к точке. Нужно лишь задать координаты и цвета точек. Чем дальше точки друг от друга, тем плавнее будет переход цвета. Даже видов градиентов (по форме перехода цвета — линейный/круговой) в Фотошопе несколько.
А ещё из коробки он поддерживает заливку текстурами или бесшовными узорами, которые тоже можно создавать самому.
Фото: Пример заполнения бесшовными узорами
Если присмотреться на пример, то станет понятно, что это повторяющиеся объекты без видимых швов. Это может быть очень удобно и полезно, если вам часто приходится использовать текстуры. Естественно, у такой заливки есть ещё и множество параметров. Например, можно сделать заполнение травой, кирпичной структурой, спиралью, переплетением как на ткани — это же Фотошоп…
А ещё можно накладывать эти узоры, текстуры, градиенты на любые слои любой формы. Нарисовали несколько мазков сложной кистью, наложили сверху нужную текстуру — огромные возможности для комбинаций.
Фото: Пример баннера с использованием заливки узором.
Узнаёте на баннере траву из примера картинкой выше? Такой простой баннер делается за 3 минуты, буквально. Фоновый узор травы, чёрный прозрачный градиент, 2 текста и окружность с линией. На текст и фигуру применён эффект наложения. А главное, что не нужно искать фото футбольного поля, а эффект краски на траве выглядит однородно, из-за чего баннер выглядит как результат серьёзной работы или вообще как настоящее фото, хотя и сделан за пару минут. Не нужно быть дизайнером, чтобы такое повторить. Просто знание пары функций редактора и немного фантазии.
Помимо узоров и градиентов есть возможность заливок шумом, облаками, огнём, волокнами и прочим простым автоматически генерируемым контентом.
«Волшебные» автоматические инструменты
Группа разнообразных инструментов, которая достойна отдельного внимания.
Фото: Пример автоматических кистей (восстанавливающая кисть)
Выше показан пример, как инструмент «восстанавливающая кисть» одним мазком копирует трещину на стене в новое место, а на следующих фото одним мазком удаляет трещину. Это очень быстро, просто и удобно. Не нужны навыки, просто пара движений мышью. Фотошоп хоть и громоздкий, сложный и недружелюбный, но и очень полезен и функционален.
Этот инструмент позволяет убирать морщины, прыщи, складки, трещины, птиц, дорожные люки, текст с документов, логотипы, надписи и прочее. Пара кликов — готово. Только ради этого инструмента стоит скачать Фотошоп.
А ещё есть и другие подобные инструменты. Одни просто копируют содержимое, другие автоматически меняют цвета. Есть автоматические инструменты выделения объектов, цветов, фонов. Есть автоматические фильтры, «улучшатели». Редактор имеет целую группу инструментов, которые сами автоматически подстраиваются под содержимое редактируемого изображения. Многое из этого раньше приходилось рисовать вручную, тратя часы времени.
Сейчас у редактора есть множество функций, которые позволяют стирать ненужные объекты, или дорисовывать недостающие элементы, а также различные автоматические заливки, которые дорисовывают ваше изображение. А не так давно появилась заливка на основе нейросетей.
Нейросети
Куда же без нейросетей в наше время? Фотошоп не отстаёт и не так давно добавил мощный инструмент — генеративную заливку. Выделив нужную область и нажав одну кнопку — Photoshop заполнит содержимое с учётом контекста. Надо сказать, что это похоже на автоматические инструменты, про которые написано выше, но они имеют ряд ограничений, иногда излишне грубые, или им не хватает данных на изображении для корректной работы. А вот заливка, основанная на нейросети, справляется отлично с дорисовкой стандартных объектов.
Генеративная заливка позволяет заливать области по текстовому запросу, но хорошо работает только с текстурами и геометрическими фигурами. Рисовать животных, людей, вещи она не умеет. Точнее, делает это настолько грубо, что не стоит тратить на это время. Но когда эта нейросеть сможет приблизиться по качеству и реалистичности к какой-нибудь даже старой Midjourney, то это будет лучший инструмент для работы с графикой.
Сейчас я его использую, чтобы удалять тексты с картинок, водные знаки, логотипы, дорисовывать фоны, природу, облака, здания, окружение. Эта функция отлично дорисовывает кирпичные стены, здания, окна и тому подобное. Вручную делать это качественно — очень заморочно и не с первого раза получается. Очень уж сложно работать с перспективой у кирпичной стены, текстурой, светом и прочим, хотя и тут появились инструменты, упрощающие это до нескольких кликов…
Фото: Пример работы генеративной заливки в Photoshop
Результат на примере выше очень хорош. Особенно если вы пакетно обрабатываете фото, убираете прохожих, вывески, рекламу, люки, кусты, мусор и прочее. Быстрая обводка нужной области и один клик мышью — готово. Результат может быть очень реалистичным, если правильно выделить соседние предметы как якоря для генерации. В большинстве задач такой точности достаточно.
Трансформация
Если рассматривать изображение как обычный лист бумаги, то у нас есть множество вариантов, как изменить его ориентацию в пространстве, изгиб и форму. В обычной жизни мы, в лучшем случае, пользуемся только вращением изображений, и то в галерее смартфона, а при создании сложных макетов хочется иметь все те же возможности, что и с настоящим листом бумаги. Конечно, Фотошоп позволяет делать все эти манипуляции и даже больше.
Если лист бумаги можно только крутить, изгибать и отрезать кусочки, то Фотошоп позволяет его ещё и растягивать во всех проекциях.
Многие проекты, даже не связанные с IT, мультимедиа, дизайном, требуют визуализации этапов работы, продуктов или концептов. Например, просто поместить логотип на предмет или указать типографии область печати, и не всегда эта область на целевом изображении повёрнута к нам в анфас и плоская. Здесь на помощь приходит разнообразие инструментов для трансформации и искажений.
Фотошоп позволяет с лёгкостью:
- Поворачивать изображения
- Наклонять во всех проекциях с учётом перспективы
- Растягивать изображение по любой из сторон
- Изгибать и растягивать изображение «по сетке» в любой проекции
- «Раздувать» и «стягивать» области изображения мазком кисти
- Точно работать и с перспективой изображений
- Работать с перспективой по нескольким плоскостям одновременно
- Выполнять сложную деформацию между выбранными точками
Нам этот список, естественно, ни о чём не говорит, поэтому сразу покажу несколько примеров этих трансформаций и их назначения. Начнём с самой простой, которая позволяет растянуть изображение по четырём угловым точкам.
Фото: Макет без трансформации
Выше на картинке есть такой придорожный билборд. Типичная задача — накинуть на него макет, чтобы примерно понимать итоговый вид. И вот мы поместили прямоугольный макет на фото, чуть повернули его и… кое-как получили грубый вариант, который нас может даже устроить, но что делать с билбордом справа?
Здесь идеально подходит стандартная «свободная трансформация» по четырём точкам. Мы просто берём углы нашего макета и совмещаем их с углами билборда.
Фото: Пример трансформации по 4м точкам
Как видно на фото, мы просто совместили углы макета и холста на билборде, а содержимое автоматически подстроилось под новую перспективу (наклон/форму). Добавить сюда немного текстуры, шума, сделать цвет не таким равномерным — и получится реалистичное изображение.
Эта же функция позволяет и просто масштабировать изображения на рабочем холсте проекта: выделил нужный слой, потянул за угол — он равномерно растянется и станет больше. В каждом макете я использую эту функцию бесконечное количество раз, это одна из основных функций, но в редакторе есть и более сложные и продвинутые её версии.
С прямоугольниками всё понятно — просто совмести точки углов изображения и объекта, и результат будет идеален. А если таких «углов» нет? Или совмещать их не с чем? Или нужно просто исправить перспективу на фотографии? Когда возникает такая задача, на помощь приходит инструмент «трансформация перспективы». Он похож на обычную трансформацию, но имеет ряд дополнительных функций, которые позволяют деформировать изображение точнее.
Вот у нас есть фото Смольного собора, сделанное на ходу на телефон да ещё и чуть сбоку. Обычное туристическое фото, но если чуть-чуть подправить перспективу, то фото становится заметно лучше. Делается в несколько кликов! А интерфейс и принцип как у обычной трансформации, только точки расставляете вы и внутри изображения, а не автоматически по его углам. Это позволяет выполнять правки точнее, особенно с включёнными направляющими/линейками (голубые линии). Указали точки реального прямоугольного объекта, сделали из точек ровный прямоугольник на холсте — и изображение готово. Но это очень простой пример, давайте сделаем что-то более эффектное.
Выше был пример баннера с картонной коробкой, помните? А если бы у нас была поверхность, на которую эту коробку нужно было бы реалистично поставить? Логично, что у коробки и поверхности, на которой она стоит, должна быть одинаковая или похожая перспектива, иначе никакого реализма не получится. Но подобрать медиа-материалы с одинаковой перспективой — чаще невозможно, поэтому прибегаем к мощной функции Фотошопа — деформации перспективы, но сразу по трём плоскостям!
На фото выше показан пример деформации перспективы коробки (нажмите на фото — появится его описание). Мы выделяем точками три плоскости, а затем, двигая эти точки, меняем перспективу. Получается некое подобие 3D-куба, который можно крутить в небольших пределах. Нужно понимать, что эта функция хоть и не нарисует новые стороны коробки, но позволяет достаточно сильно наклонять коробку в пространстве.
Я взял случайный стол из интернета, поместил на него изначальную коробку для примера, а потом немного подправил перспективу и добавил лёгкую тень. Результат вы видите. Да, он сделан грубо и видны артефакты изломов на гранях плоскостей, но это быстро правится и проще, чем искать коробку в той единственной подходящей для фото ориентации.
Теперь перейдём к другой интересной трансформации — марионеточной деформации. Если перспективу мы меняем целыми плоскостями, как бы изламывая картинку по граням, то здесь мы можем растягивать изображение как резину. Мы выбираем несколько точек и двигаем их, а изображение растягивается относительно этих точек. Особенно эффективно это работает на изображениях без фона, например, с людьми.
Фото: Пример работы марионеточной деформации
Ставим несколько точек (булавок) в ключевые места: часть — в те области, которые не хотим двигать, и одну или несколько точек — в область, которую будем двигать. В нашем случае прикалываем торс, плечи, правую руку и голову к холсту, чтобы они не двигались, а точку на левой руке смещаем в сторону. Так мы получаем плавный, эластичный изгиб руки, который не требует дополнительной обработки.
Есть ещё одна трансформация, которую важно показать — деформация. Это некий гибрид «свободной трансформации» и «марионеточной деформации». Если вернуться к аналогии с листом бумаги, то эта деформация делает лист резиновым и позволяет не только изгибать его во всех проекциях, но и растягивать.
Фото: Пример применения деформации для создания цилиндрической этикетки
Если марионеточная деформация отлично подходит для создания «марионеток» (удивительно) с подвижными частями, а трансформация для плоских предметов, то «деформация» позволяет «натягивать» объекты на любую форму, например, этикетки на продукцию.
Берем плоский предмет (этикетку), применяем деформацию, получаем сетку с точками, которые можем удалять/добавлять/двигать/растягивать, и делая это, мы меняем форму объекта (картинки/этикетки). Также есть готовые наборы форм с простой настройкой. Дугой, волной, надутый, сжатый и так далее. В пару кликов получаем самые ходовые деформации для наших изображений.
И Фотошоп не был бы Фотошопом, если все эти описанные трансформации нельзя было бы накладывать друг на друга… Снова бесконечная вариативность изменений… В редакторе есть и много других трансформаций, но останавливаться на них уже не будем, основные возможности уже понятны.
Фильтры и спецэффекты, цветокоррекция
Эти функции используются в основном для обработки фото. Реже для создания коллажей, еще реже применяется к элементам композиции макета. Фильтры и эффекты хоть и не похожи на инструменты цветокоррекции, но часто применяются совместно, а иногда результат их применения очень схож, поэтому объединим их в одну группу инструментов.
Фильтры и цветокор я применяю почти в каждом макете. Важно понимать, что стандартные фильтры как в телефоне (яркий, солнечный, холодный, сепия…) по сути своей особо и не улучшают фото. Если оно изначально плохое, то ни один фильтр не поможет. Даже инструменты цветокоррекции не всегда улучшают ситуацию. А вот возможности Фотошопа с такими же фильтрами, позволяют изменять фото до неузнаваемости.
Фотошоп позволяет накладывать фильтры не только на всё изображение, но и на отдельные области, цвета, объекты, или отдельные слои/изображения. Это позволяет корректировать только те части изображения, где эти корректировки нужны.
Ниже я пытаюсь мимикрировать под хорошего фотографа с профессиональной камерой. Хотя я не фотограф, да и с фото работаю посредственно, но даже моих навыков достаточно, чтобы сделать фото более «профессиональным», дорогим что-ли…
Фото: Пример применения эффектов размытия, фильтров, цветокоррекции
Немного фильтров размытия, цветокоррекции, перемещаем мотоцикл и вуаля! Если прикрыть один глаз и отойти на метр, то отличное получилось фото!
С цветокоррекций должно быть всё понятно. Можно сделать изображение более ярким, контрастным, изменить насыщенность цветов, осветлить тени, затемнить засветы, инвертировать цвета, или просто перекрасить объект как на примере ниже.
Фото: Пример цветокоррекции, изменение цвета объекта
Перейдём непосредственно к эффектам. Это более сложные функции, скорее даже набор функций, которые радикально изменяют изображение. Если цветокоррекция, очевидно, изменяет цвета пикселей, то эффекты помимо этого ещё смешивают, перемещают и переписывают сами пиксели.
Эффекты позволяют создавать шум на фотографии, размывать изображения самыми разными формами и способами, увеличивать резкость, стилизовать их под различные техники (рисования), скручивать, искажать, добавлять блики, огонь, штрихи, мозаику и так далее, далее, далее… Естественно, у каждого эффекта ещё и по миллиону разных параметров…
Например, вот пример простого наложения нескольких эффектов на фото:
Фото: Пример эффектов Фотошопа
Как вариантов фильтров, так и вариантов их применения много. Например, создание эффекта стекла. Помимо наличия готового «фильтра стекла», его же можно получить, применяя другие фильтры. Ниже фото с примером создания эффекта стекла двумя разными фильтрами:
Фото: Пример применения фильтров «размытие по гаусу» и «стекло»
Два небольших стеклышка, сделанные разными фильтрами. Слева — обычное размытие по Гауссу с обводкой для объема, а справа — фильтр «стекло» с такой же обводкой. Надеюсь, вы мне простите халтурный пример, но даже с такой грубой работой суть ясна. Разные фильтры — разные результаты, под разные задачи. Стёкла можно сделать более мутными, более прозрачными, добавить трещины, сколы, потёртости, точнее нарисовать контуры, и получится красивый эффект, который может разнообразить однотипные макеты.
Работа с текстом и типографикой
Текст — это, пожалуй, главный элемент любого макета. Есть, конечно, работы, которые не содержат текста, но это скорее исключения. Поскольку текст на изображениях встречается повсеместно, то и Фотошоп имеет соответствующее количество функций и инструментов для работы с ним.
Самые стандартные функции работы с текстом, помимо размера, цвета и выбора шрифта:
- Изменение отступа между символами
- Изменение отступа между строками
- Искажение (растягивание) текста по вертикали и горизонтали
- Смещение базовой линии (смещение всего или частей текста по вертикали)
- Капители (заглавные буквы имитируют строчные)
- Переключение на только заглавные буквы
- Индексы (степени, сноски)
- Подчеркивания, зачеркивания, вставка спец. символов
- Всяческие отступы, выравнивания, настройки абзацев
- Трансформация/деформация свободная и по заданным шаблонам
- Перерисовка символов по векторному контуру шрифта
И чтобы мы не забывали, насколько это мощный редактор, каждая из настроек может быть применена к каждому отдельному символу (кроме трансформаций/деформаций).
Фото: Пример различных параметров текста
Все элементы на фото выше — текстовые и полностью редактируемые. Можно переписать на новый текст любую группу символов, а их параметры останутся. Жирность, размер, цвет, подчеркивание, отступы, высота, ширина — всё это применится к новому тексту.
Это очень гибкие настройки, которые можно ещё и комбинировать с другими функциями Фотошопа. Например, текстурами или стилями:
Фото: Пример текста с наложенной текстурой/изображением и тенью
Пишем текст, кладём поверх фотографию, добавляем фон, лёгкую тень для контраста — и готово. Можно пойти ещё дальше и использовать только параметры шрифта и трансформацию:
Фото: Пример текста с параметрами: обводка, деформация, выравнивание
Попробуйте загуглить «Кинетическая типографика», или просто «типографика», там очень много крутых примеров создания «ВАУ!» только формой текста. Фотошоп позволяет сделать любой из таких макетов.
Фото: Пример типографики из интернета
Еще один важный момент: Фотошоп позволяет превращать текст в обычные фигуры и изменять его (функция обычная для векторных редакторов, но Фотошоп — растровый и это отличное дополнение). Перетаскиваем опорные точки, скривляем и получаем изменённый шрифт. Это может быть полезно, когда есть подходящий к макету шрифт, но он имеет негармоничную для композиции деталь. Выглядит редактирование так:
Фото: Редактирование букв/фигур
Отмечу, что все деформации, которые мы рассматривали разделом выше — так же применимы и к тексту. Многие из них обратимы и динамичны (позволяют менять текст прямо в искажённом виде). Также любой текст можно преобразовать в обычный слой/картинку и полноценно применять к нему любые эффекты, но ценой потери возможности редактирования содержания текста
Стили слоя
Когда нужно добавить к тексту тень, обводку по контуру, наложить цвет, текстуру, градиент, тиснение, свечение, различные параметры наложения и смешения, то на помощь приходят стили слоя.
Стили слоя — это эффекты, которые накладываются поверх слоя/объекта, либо по его форме. Их достаточно большое количество и каждый с гибкими настройками. Ниже видео-пример эффекта «неона», который я делал для своего Telegram-канала, используя только стили слоя, для максимальной универсальности.
А ещё там есть разные параметры наложения, прозрачности и прочее.
Главное преимущество стилей в том, что они применяются к любому слою. Будь то текст, или картинка, или фигура. Они автоматически подстраиваются под новое содержимое слоя, к которому применены, могут быть скопированы к другому слою, и даже сами быть преобразованными в отдельный полноценный слой, который будет поддаваться всем возможным функциям редактора.
Стили созданы для упрощения частых операций. Например, тень можно сделать, скопировав слой, покрасив в чёрный и размыв его по гаусу. Чуть сместить и уменьшить прозрачность — готово. Но стоит изменить начальный слой, тень сама не изменится, придётся делать её заново, а стили умеют подстраиваться под содержимое.
В следующих темах мы ещё вернёмся подробно к этой функции и её возможностям, а пока идём дальше.
Анимация
Как ни странно, но Фотошоп поддерживает анимации. Редактор имеет хоть и простой, но работающий инструмент для создания анимаций.
Для каждого слоя макета появляется отдельный тайм-лайн (полоса времени), на котором можно устанавливать точки в указанный момент времени — ключевые кадры. Эти точки содержат в себе настройки параметров положения, прозрачности, стилей и трансформации. По сути вы просто ставите метку, настраиваете на ней кадр, ставите следующую метку, снова настройка тех же параметров, а Фотошоп прорисовывает переход между этими параметрами.
Фото: Шкала времени Фотошоп
Это очень простая и грубая функция, но может быть полезна, если вы хотите показать какую-то логику взаимодействия или движения, не покидая редактор. Сделать качественную и плавную анимацию здесь требует больших усилий, но и нужды, обычно, в этом нет.
Основной принцип работы (пиксели и слои)
Как я писал в разделе про способы выделения, изображение (растровое/обычное) — это набор цветных точек. Изображение хранится как набор координат точек с заданным цветом — пикселей. Именно эти разноцветные точки/пиксели мы и редактируем в Фотошопе.
Например, чтобы перекрасить какой-либо объект на фото, нужно выбрать или выделить его, то есть выделить все цветные точки, которые принадлежат этому объекту. Затем этим точкам задаётся новый цвет или правило, по которому они будут перекрашены с учётом перепадов цветов на фото — шумов, бликов, теней на объекте. Эту функцию перекраски выполняют инструменты цветокоррекции.
Фото: Замена цвета на фото
На примере выше, брелок имеет множество оттенков синего, которые я хочу перекрасить. Просто задать новый цвет для всей области — не получится, тем более внутри есть логотип, который должен остаться белым.
Здесь на помощь приходят алгоритмы выделения. Я выделил синий брелок, указав инструменту работать с синим цветом и задав большой допустимый диапазон отклонения от этого цвета. Благодаря этому инструмент выбирает более тёмные и светлые оттенки синего и выделяет весь объект целиком.
В итоге мы получаем набор выбранных точек, которым можно задавать новые цвета или другие параметры. Так же, как и с выделением объекта, здесь нельзя просто заменить один цвет — их много оттенков.
Поэтому используется инструмент, который по такому же принципу перекрашивает выделенную область (то есть выбранные точки), сохраняя исходные перепады яркости, насыщенности и других параметров цвета — например, корректирующий слой или фильтр. Таким образом объект перекрашивается реалистично, без потери объёмности и текстуры.
Подробнее про перекрашивание неоднородных объектов и принцип цветокоррекции
Если хочется лучше понять, как редактор понимает, какие «соседние» цвета/точки выбрать для работы и как их соответственно перекрасить, стоит рассматривать сам цвет как набор параметров или надстроек.
Наши мониторы состоят из цветных лампочек красного, зелёного и синего цветов (RGB — red, green, blue), именно эти три лампочки формируют пиксель. Пиксель светится разными цветами за счёт регулировки яркости каждой из трёх цветных лампочек. Меняя яркость каждой лампочки, мы получаем новый цвет.
Пример: у нас есть красный цвет/объект, при этом лампочка красного светит на 100%, а соседние лампочки синего и зелёного — на 0% яркости. Чтобы перекрасить объект в зелёный, нужно сместить этот шаблон настроек яркости (RGB: 100% 0% 0%) на одну «лампочку» — получится RGB: 0% 100% 0%, то есть зелёный цвет. Ещё дальше — синий, ещё дальше — снова красный.
Если яркости не максимальные и минимальные, например, 24% 78% 9%, то это будет другой цвет. При перестановке этих цифр местами мы получаем вариации цвета, меняя настройки на 1 условную единицу лампочки.
Можно смещать цвет не на целую лампочку, а на дробную долю, например 0.2% — тогда в первом примере получится оранжевый цвет, а не зелёный. Легкое «смещение» цвета даёт огромное количество вариаций. Если пропорционально снизить яркость всех трёх лампочек, появится ещё большее разнообразие оттенков — так работают параметры «цветовой тон» и «яркость».
Когда у нас несколько цветных точек, при применении таких коррекций сразу к ним, меняются их смещение и яркость на одинаковое значение. Так сохраняется естественный переход цвета с сохранением контраста и яркости.
Посмотрите на видео ниже, где я пользуюсь заменой цвета.
Главное не запутайтесь, в центре её скриншот, а не сама панель «палитра цветов».
Смещая немного цвета, все точки пропорционально перекрашиваются. Пока мы не приходим в тот же цвет, сделав полный оборот вокруг RGB лампочек. Проще говоря, меняя цвета, мы просто крутим яркость лампочек по кругу. А на видео, мы наглядно видим смещение цветов от начального положения к новому. Цвета не «перекрашиваются», а просто смещаются на заданное нами «расстояние» к соседним цветам/лампочкам.
Я говорю про лампочки для удобства, но каждый цвет, действительно, имеет «соседние» (вспомните термин «цветовой круг», это оно), к которым мы можем обращаться и без учета RGB лампочек, они здесь для простоты восприятия.
Так работают мониторы и цветокоррекция.
По такому же принципу работают и другие инструменты цветокоррекции, только работа может вестись не с цветом, а его яркостью или насыщенностью. Сам цвет на экране состоит из наборов параметров, таких как яркость, насыщенность. Мы можем эти параметры менять у всего изображения, либо только у выделенных/выбранных точек. Даже сами точки можем выбирать по их значениям яркости.
Теперь, когда мы понимаем, как выбираются и меняются точки/пиксели, поговорим о том, как в Photoshop организована работа с ними, а именно — про слои.
Слои — это некий список объектов на холсте (рабочей области). Каждый слой в Фотошопе — это какой-то объект. Если на холсте 2 фото, то всё понятно: 2 фото — 2 листа — 2 слоя, всё как в жизни. Но слоями в Фотошопе могут быть и фигуры, и текст, и параметры цветокоррекции, и другие рабочие области, и градиенты…
Фото: Интерфейс слои и стили слоя
Это даёт нам возможность применять к ним различные стили слоя (тени, обводки, свечения), комбинировать слои, накладывая друг на друга разными способами, объединять слои, группировать и применять стили к целым группам слоёв, связывать, исключать и работать с несколькими слоями одновременно.
Различные объекты (текст, фото, градиенты) можно превращать в обычные слои и тогда мы можем применять к ним все те же функции, как и к обычным фото.
Это всё даёт нам невероятные возможности для комбинирования слоёв, объектов, функций, что позволяет создавать невероятно сложные вещи.
Как видно на фото выше, у слоёв есть множество параметров, каких-то иконок, настроек. Это всё маркеры применённых эффектов, которые автоматически подстраиваются под содержимое слоя. Мы можем редактировать фото, а параметры, которые применены к слою с этим фото, останутся. Эти же параметры можно копировать и на другие слои.
Такие возможности делают многие изменения обратимыми. Можем очень долго редактировать фото, а потом заменить его более удачным кадром, оставив всю цветокоррекцию и трансформацию.
Эти же «прикрученные» к слою параметры позволяют делать очень автоматизированные макеты, например, мокапы. Загружаете свою фотографию в нужный слой и получаете готовое изображение комнаты, в которой стоит рамка с вашим реалистичным бумажным фото за стеклом. Так же можно наносить вариации этикеток на товары, или дизайны на фото реальных предметов.
Фото: Пример автоматизированного макета в фотошоп
На примере выше очень неплохой макет/мокап для Фотошопа. Я просто напечатал 3 цветные буквы и адрес сайта, сохранил изменения и всё. Получил «3D» логотип на стене. Применений такому уровню автоматизации очень много, из-за этого Фотошоп используется в самых разных профессиях.
Для кого создан и кому полезен
Photoshop имеет очень разнообразные возможности по созданию и редактированию изображений, что сделало его основным инструментом во множестве профессий и процессов. Только описанных на этой странице возможностей редактора достаточно, чтобы представить его широкий спектр применения. Начнём с более очевидных профессий и перейдём к применению редактора в отдельных рабочих процессах.
Графические дизайнеры
Самый очевидная и знакомая всем профессия, где применяется Фотошоп. Создание дизайнов, макетов, баннеров, визуализаций, упаковок и этикеток, редактирование и исправление фото, цветокоррекция и многое другое является базовым набором задач этой профессии. Достойных аналогов, которые смогли бы заменить этот редактор — просто нет. Другие редакторы позволяют лишь частично закрыть часть функций Фотошопа, из-за чего применяются в более узких задачах.
Художники
Профессия, для которой существует множество редакторов, но мало таких гибких как Фотошоп. Бесконечное количество параметров кистей, их настроек и комбинаций делают редактор, вероятно, лучшим выбором. Поскольку Фотошоп имеет множество функций по автоматизации, групповой обработке, множество инструментов для работы с цветом, формой, а многие действия обратимы на любом этапе работы, это делает его, действительно, отличным выбором для художника.
Фотографы
Из-за широкого набора функций цветокоррекции, поддержки работы с RAW файлами, инструментов для исправления перспективы, искажений, артефактов на снимках Фотошоп пользуется огромной популярностью в этой профессии. Редактор позволяет не только работать с цветом, но и исправлять любые дефекты на фото. Начиная от артефактов от объектива, до посторонних объектов в кадре, или изъянов у фотомодели.
Фото: Немного Фотошопа от Piotr Skoczylas
Маркетологи и SMM’щики
Сейчас в интернете бо ́льшую часть контента создают не авторы, а SMM-специалисты, которые ведут аккаунты блогеров/звёзд/компаний. Когда такие специалисты не нанимают дизайнеров, то создают большинство медиа материалов самостоятельно, здесь им и требуется Photosohop. Сейчас редкость, если какой-то контент не сопровождается картинкой или видео. Но важно отметить, что чаще SMM’щики отдают предпочтения более простым и доступным редакторам как Canva или Figma.
Создатели контента
Когда контент создаётся самим автором, то здесь необходим простор для творчества. Просто скачать картинку из интернета многим авторам недостаточно, поэтому функционал Photoshop, который позволяет создавать изображения из ничего, им просто необходим. Когда ты сам создаёшь контент, то зачастую проще и самостоятельно создать к нему нужные медиафайлы, сэкономив время на поиске «подходящего» в интернете.
Видеомонтажёры и motion-дизайнеры
Photoshop используется и в видеомонтаже, и в анимации. Если с анимацией всё понятно — рисуем объекты или кадры, которые далее анимируем, то в видеомонтаже фотошоп может пригодится для создания эффектов, или инфографики. Я сам часто экспортирую целые проекты из Adobe Photoshop в Adobe After Effects для создания анимаций или небольших видео.
Веб-дизайнеры и UI/UX-дизайнеры
Когда-то фотошоп был основным инструментом для web-дизайна, для него до сих пор существует много плагинов для переноса макета в HTML и CSS. UI/UX-дизайнеры тоже активно использовали Фотошоп, но сейчас все задачи этих профессий закрывает редактор Figma, созданный именно для работы с прототипами и интерфейсами. Фотошоп позволяет закрывать задачи этих профессий, но для них он уже не является достаточно удобным и адаптированным под них.
3D-художники и Игроделы
В этих профессиях Фотошоп используется для создания текстур для 3D моделей, самого наложения текстур, создания концепт-артов, отрисовки персонажей, ретуши, или привычной обработки дефектов на изображении.
Архитекторы, дизайнеры интерьеров
Здесь тоже всё понятно. Помимо специализированного ПО, таким специалистам требуется и обычные доработки в Photoshop. Что-то поправить, удалить, изменить цвет объекта, или перенести его в новое место.
Модельеры, стилисты
Неожиданно, но даже в мире моды и стиля, тоже никак без Фотошопа. Здесь он используется для создания концепт-артов предметов и работы с фотографиями существующих вещей. Например, изменить цвет платья, переместить пуговицы на пиджаке, или укоротить брюки на фотографии модели. Даже здесь Фотошоп позволяет упрощать работу и экономить время и финансы.
Задачи создания инфографики
Photoshop активно используется и в различных «презентациях», даже на базовом уровне. В школе, университете, на обычной офисной работе. Быстро набросать изображения, текст, схему на холст — та задача, которую здесь выполняет Фотошоп. Хотя сейчас есть более удобные инструменты для этого, но еще со старых времен редактор используется и для таких задач. Имея даже базовые навыки владения Фотошопом, зачастую проще выполнять разовую задачу в нём, чем тратить время на изучение другого подходящего редактора на один раз.
Бытовые задачи
Начальный уровень владения редактором открывает и множество возможностей в повседневных задачах. Можно не быть дизайнером или SMM’щиком, чтобы возникла необходимость поправить фото из отпуска, создать картинку для своих социальных сетей, исправить опечатку в документе, или даже создать простой флаер.
И здесь бы я хотел подвести к вопросу: а стоит ли изучать такой сложный редактор как Photoshop? Нужен ли он только профессионалам?
Предлагаю в этом разобраться.
Насколько сложно и стоит-ли изучать Photoshop
Однозначно Photoshop, как и все продукты от Adobe — очень сложный для освоения. Обычно, отвечая на этот вопрос, озвучивают два мнения. Первое — Photoshop очень сложен, недружелюбен, его невозможно выучить, невозможно сразу пользоваться, он нужен только профессионалам. Второе мнение — процесс изучения Photoshop может быть достаточно простым, если правильно подходить к его изучению, осваивать только нужные функции и ничего больше. Но правда, как обычно, где-то между этими мнениями.
Фото: Немного интерфейса Photoshop
Реальность такова, что сложность изучения Фотошопа прямо пропорциональна вашим требованиям к нему. Если вы хотите освоить какую-то одну область применения редактора (цветокоррекция, ретушь, коллажирование, типографика, работа с файлами, коррекция фото и т. д.), то процесс обучения может быть достаточно быстрым и простым. Чем больше функций редактора мы хотим освоить, тем сложнее и дольше это будет, причём не всегда кратно сложнее.
Для цветокоррекции достаточно освоить выделение объектов, фильтры и корректирующие слои. А вот для коллажирования придётся освоить и саму цветокоррекцию (для подгонки разных изображений под композицию), и выделение (для обтравки и удаления лишнего), и различные трансформации, стили, «волшебные» инструменты, кисти, текстуры и прочее…
Я считаю, что Фотошоп стоит изучать поэтапно, независимо от конечной цели. Начинать от простых и базовых функций, постепенно усложняя изучаемые техники. Такой подход подойдёт для любой цели — для редактирования фоток из отпуска или создания коммерческих проектов.
Но даже такой подход имеет несколько тонкостей, которые необходимо учитывать, и не только в этом подходе.
- Во-первых, недостаточно просто выучить «адрес» кнопки, которую нужно нажать, чтобы всё стало хорошо. Выучив функцию или технику, недостаточно запомнить алгоритм нажатия кнопок и настройки параметров. Нужно понять, что вы делаете и как это работает, понять механику процесса и инструмента. Только тогда получится использовать этот инструмент быстро и креативно — комбинировать его с другими функциями и быстро строить маршрут действий для получения желаемого результата, даже нестандартного.
- Во-вторых, не всегда достаточно выучить сам инструмент или функцию, чтобы её применять. Например, несложно изучить инструменты цветокоррекции в Photoshop, но знаете ли вы, как и где её применять? Где нужно изменить экспозицию, где подправить тона или контраст? Именно этот нюанс часто останавливает обучение. Мы выучили инструменты, но не можем с их помощью получить качественный результат, а появится он может очень нескоро после обучения. Нужно учить не только инструмент, но и саму «технику», изучать теорию фотографии, графики, дизайна.
- В-третьих, мы устроены так, что нам трудно заниматься какой-то деятельностью долго, не получая результатов. За примером далеко ходить не надо: диеты, спорт, гитара, вокал, вождение, отказ от вредных привычек, хобби и творчество… Если мы долгое время не получаем результата наших трудов, то быстро теряем интерес к деятельности. Далеко не всем дано столько мотивации и упорства, чтобы продолжать занятия, не видя результатов. Обычно мы быстро получаем первые достижения, считаем себя успешными и талантливыми, привыкаем к этому «успеху», но потом оказывается, что получить следующее достижение стоит огромных трудов. Дефицит привычного «успеха» и суровая реальность заставляют нас бросать такие занятия.
Фото: Наши типичные оправдания, чтобы не учиться сложным вещам
Обучающие темы, которые я буду публиковать на сайте, будут содержать хитрости, помогающие побороть сложности обучения. Я не просто дам инструкцию по применению инструмента, но и объясню принципы, по которым они работают — конечно, самым простым языком.
Вместо сухой информации «делай то, ходи туда» будут добавлены пояснения по назначению и применению изучаемых материалов. Не просто цветокоррекция, выделение, маски — а информация о том, где и как именно их применять, на что обращать внимание, какие есть тонкости, хитрости и нюансы использования.
Чтобы изучение не было скучным и растянутым до первого результата, мы сразу будем практиковать изучаемые функции для создания готовых (возможно, даже коммерческих) проектов. Изучили выделение и маски? Сделаем первые простые (но качественные) коллажи. Изучили инструмент цветокоррекции? Сделаем первую корректировку типичного фото с подходящей проблемой.
Стоит ли изучать? Если возник такой вопрос и вы дочитали статью до этого места, то ответ — однозначно да. Независимо от целей, обучение того стоит. Знание (даже основ) такого редактора открывает множество возможностей — в быту, коммерции, на работе, творчестве.
Обучение в моих материалах будет строиться не по принципу «сегодня учу — завтра пользуюсь». Мы сразу будем искать и применять полученные навыки на реальных задачах. Выучили инструмент — нашли реальную задачу — решили её с помощью новых знаний. Шаг за шагом, стабильно получая небольшие результаты.
Так наше владение редактором будет обрастать знаниями, навыками и техниками. А комбинирование таких навыков приумножит наши возможности. Такое обучение не будет сложным, бессмысленным или излишне растянутым по времени.
Сколько стоит и где скачать
Photoshop — платный редактор, распространяется исключительно по подписке. Раньше можно было купить Photoshop навсегда, но за очень высокую цену, особенно для частного пользователя (~200 000 ₽). При этом покупалась одна версия программы, а доступ к обновлениям не входил в стоимость. В этом случае подписка действительно помогает получить доступ к дорогому ПО и его частым обновлениям.
Подробности установки я опущу, так как процесс во всех случаях стандартный: заходите на сайт, регистрируетесь или входите в аккаунт (вводите почту и пароль), нажимаете кнопку «Скачать», проходите через шаги «Далее» и выбираете нужные приложения для установки — готово.
Лицензия и цены
Единственный легальный способ получить Photoshop — оформить подписку. Можно выбрать подписку только на Photoshop или на набор редакторов Adobe. Вы можете купить и скачать как отдельное приложение, так и весь набор программ вместе с лаунчером Adobe Creative Cloud.
Не буду подробно останавливаться на пробной версии — Photoshop даёт 14 дней бесплатного доступа новым пользователям Adobe. Для этого нужно зарегистрировать новый аккаунт, получить 14-дневный доступ и скачать необходимое ПО.
Adobe Creative Cloud
Если вы планируете работать с несколькими редакторами Adobe, стоит использовать лаунчер Adobe Creative Cloud. Это приложение расширяет возможности редакторов и предоставляет удобные быстрые ссылки для управления вашим аккаунтом.
Подробнее про Adobe Creative Cloud — что это?
Creative Cloud — это лаунчер / магазин приложений / маркетплейс приложений Adobe. Сейчас это удобная вещь, которая позволяет управлять аккаунтом, настройками приложений, пользоваться облаком, автоматически докачивать недостающие шрифты в макеты, участвовать в бета-тестировании приложений, обновлять и удалять приложения, а также хранит быстрые ссылки на управление аккаунтом и подписками.
Раньше это была «мусорная» программа, которая устанавливала на компьютер множество лишних приложений, иконок, ссылок, постоянно запускалась и замедляла работу.
Сейчас это обычный софт для менеджмента работы в редакторах Adobe. Не скажу, что очень полезная вещь, но удобная и не навязчивая, так что не бойтесь её ставить и не пугайтесь, если она появится на вашем ПК без спроса…
Первое, на что стоит обратить внимание, — это совершенно разные цены на продукты Adobe в зависимости от выбранного региона. Для стран СНГ — одна цена, для, например, европейских стран — совсем другая.
При посещении сайта Adobe с российского IP-адреса вам даже не покажут цены. Если зайти через VPN, то вы получите цены и язык региона VPN (а цены в регионах сильно отличаются). Но если выбрать на сайте регион СНГ, то получаем и русский язык на сайте, и реальные цены. Либо просто можете сразу перейти по ссылке на страницу тарифов Adobe для СНГ.
Фото: Цены на продукты Adobe с официального сайта adobe.com
Все цены списком
Список цен на продукты Adobe
Графика и фото
Photoshop — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Фотошоп + Lightroom — 19,99 $/месяц → 1 599₽ → 1 791₽ (с НДС)
Illustrator — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Lightroom — 11,99 $/месяц → 959₽ → 1 074₽ (с НДС)
InDesign — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Видео и аудио
Premiere Pro — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
After Effects — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Audition — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Animate — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Веб и дизайн
Dreamweaver — 22,99 $/месяц → 1 839₽ → 2 060₽ (с НДС)
Adobe Express — 9,99 $/месяц → 799₽ → 895₽ (с НДС)
PDF и документы
Acrobat Pro — 19,99 $/месяц → 1 599₽ → 1 791₽ (с НДС)
Acrobat Standard — 12,99 $/месяц → 1 039₽ → 1 164₽ (с НДС)
InCopy — 4,99 $/месяц → 399₽ → 447₽ (с НДС)
3D и AI
Adobe Firefly Standard — 9,99 $/месяц → 799₽ → 895₽ (с НДС)
Adobe Firefly Pro — 29,99 $/месяц → 2 399₽ → 2 687₽ (с НДС)
Adobe Firefly Premium — 199,99 $/месяц → 15 999₽ → 17 919₽ (с НДС)
Коллекция Adobe Substance 3D — 59,99 $/месяц → 4 799₽ → 5 375₽ (с НДС)
Текстурирование Substance 3D — 24,99 $/месяц → 1 999₽ → 2 239₽ (с НДС)
Другие сервисы
Все приложения Creative Cloud (20+ программ) — 57,99 $/месяц → 4 639₽ → 5 196₽ (с НДС)
Adobe Stock — 29,99 $/месяц → 2 399₽ → 2 687₽ (с НДС)
Цены в рублях округлены до целых чисел.
НДС (12%) применяется к стоимости в рублях.
Для стран СНГ стоимость одного только фотошопа 22,99$. Если взять курс ~80₽ (на 16.07.2025), то получаем сумму в ~1840₽. За один только фотошоп. Это не дорого для профессионалов, но для школьника, студента, или просто человека, который не зарабатывает на Фотошопе — дорогая подписка. Если вы планируете только начать изучение редактора, или запускаете его несколько раз в месяц, то это дорого.
Плюсом, к этой стоимости вам придётся доплатить 12% НДС, и цена уже будет 25.75$, в переводе на рубли ~2060₽, что еще дороже.
Фото: Цена на Adobe Photoshop с НДС для стран СНГ (Казахстан)
Для меня цена в 2060₽ за мой основной рабочий инструмент — недорого, но обывателю и начинающему специалисту такая сумма может бить по карману или показаться рискованным вложением, так как многие бросают изучение Photoshop спустя время. Для таких людей я подготовил более дешёвый способ получить официальную подписку на редактор, но об этом позже — в следующем разделе. Сейчас поговорим о наборах, скидках и акциях на обычную подписку.
В графическом дизайне Adobe Photoshop полностью раскрывается только в паре с Adobe Illustrator. Поэтому я сам, и другим советую покупать сразу два редактора. Тем более, изучать Illustrator после Photoshop — очень легко.
Что такое Adobe Illustrator
Adobe Illustrator — это редактор для векторной графики, в отличие от Фотошопа, который работает с растровой графикой.
Illustrator позволяет создавать векторные изображения и просто необходим для создания широкоформатных макетов, например, билбордов, фотозон. Он более оптимизирован под работу с крупными объектами и большим количеством слоёв, в то время как Photoshop заметно проигрывает по производительности и удобству работы с крупными макетами — даже такими, как A2–A0. Стоит набросать в Фотошоп несколько крупных картинок, добавить фильтров и стилей — и его производительность заметно снижается. Illustrator же работает с объектами, а не их содержимым, из-за чего быстро реагирует на все изменения в макете.
Так же как Фотошоп плох в работе с фигурами/объектами/векторами, так же и Иллюстратор плох в работе с фотографиями/растрами — у него почти нет функций для работы с фото. Это делает эти два редактора зависимыми и дополняющими друг друга во многих задачах.
Я готовлю фотографии в Photoshop, а затем переношу их в Illustrator, чтобы далее собирать макет как конструктор.
По этой причине я советую пользоваться сразу двумя редакторами. К тому же у них очень похожий интерфейс и функции, что позволяет быстро его освоить и привыкнуть после Фотошопа.
Покупка сразу двух редакторов обойдётся почти по той же цене, что и подписка на весь пакет Adobe Creative Cloud (4000₽ против 5000₽), что заставляет задуматься о целесообразности такой подписки. Если вы покупаете сразу два редактора, то явно занимаетесь графикой профессионально, а значит есть смысл переплатить за полный набор редакторов из CC. Некоторые бонусы в виде облака или автоподбора шрифтов могут экономить время, как и дополнительные приложения вроде Acrobat Pro, Lightroom, Premiere Pro или After Effects.
Ещё один повод брать подписку на CC, а не только на Фотошоп — это количество доступных генеративных заливок в месяц. Выше я описывал, насколько это мощный и удобный инструмент, который стоит переплаты. Подписка только на Фотошоп даёт всего 25 генеративных заливок, а подписка на CC — целую 1000 в месяц.
Фото: Разница тарифов на Photoshop и Adobe Creative Cloud
Еще не стоит забывать про регионы, акции и реселлеров, так как на этом можно сэкономить. На сайте Adobe есть инструкция как сменить регион, после чего сменятся условия покупок и налогов (вот ссылка).
Например, ниже цена на продукцию в Германии. Можно купить подписку на Фотошоп или CC со скидкой 50% в первые 3 месяца. Это выгодно!
Фото: Цена на Adobe Photoshop и CC в Германии
Ниже цена на подписки в Польше. 50% скидка на пакет CC в первый год — очень выгодно. А если через год создать новый аккаунт, то можно получить эту скидку снова (если она останется).
Фото: Цена на Adobe Photoshop и CC в Польше
Стоит помнить, что скидки могут появляться и исчезать, если следить за ними, то можно сэкономить. Экономия даже в 20 % от годовой подписки — хорошая сумма. Ещё существуют официальные реселлеры, которые могут продавать официальные подписки со скидкой. А теперь давайте перейдём к тому, как оплатить подписки из РФ.
Как оплатить подписку на Adobe из России?
Банковской картой из РФ оплатить подписку на Adobe не выйдет, а значит придётся хитрить.
Самый очевидный способ — оплатить покупку зарубежной картой. Своей (если есть) или попросить кого-то из друзей, у кого такая карта есть.
Если карту найти не получилось, остаётся один вариант — воспользоваться сервисами для оплаты зарубежных покупок. Думаю, если загуглите «оплатить покупку за границей», поисковик выдаст вам множество предложений от таких сервисов. Но у них есть ряд минусов:
- Нужно проверять репутацию каждого сервиса
- Они используют самый невыгодный курс валюты
- Огромные комиссии — около 20 % от покупки
- Время и сложности с покупками
Например, я сам очень часто пользуюсь сервисом «Плати легко», у них много отзывов на Яндекс.Картах, из-за чего я решил им довериться. Действительно никаких проблем с ними не возникло, но, как я и писал выше, цена услуг очень кусается — самый невыгодный курс по всем банкам плюс комиссия 20 %. Это очень много. Когда делаешь множество разных покупок, набегает огромная сумма переплат. Но выбора особого нет, если у вас нет друзей с картами зарубежных банков.
Однако есть вариант, который можно считать оптимальным по цене и качеству — дешёвые подписки.
Дешёвые «подписки»
Поскольку из России оплатить покупку не получится (из-за блокировки SWIFT), есть другой подход.
Есть вариант купить подписки на Adobe у сторонних продавцов/реселлеров. Вы оплачиваете около 600–1000 ₽ за месяц российской картой и получаете доступ к аккаунту, на котором уже активирована подписка. У них же можно купить ключи (коды активации), которые можно ввести на официальном сайте Adobe, и подписка привяжется к вашему аккаунту.
Это настоящие официальные подписки, которые работают через официальное приложение, получают обновления и полный доступ ко всем сервисам. Но у таких подписок есть и минусы:
- Иногда ждать ключ или данные от аккаунта приходится до суток
- Иногда аккаунты перестают работать, и нужно запрашивать новые данные у продавцов (время выдачи новых данных зависит от скорости продавца)
Если смотреть отзывы продавцов, можно понять, сколько времени занимает выдача аккаунта/ключа активации. В большинстве случаев они выдаются автоматически, а потом можно попросить продавца выдать новый.
Это настоящая лицензионная подписка, активируется на официальный аккаунт на официальном сайте. Скорее всего, дешевизна обусловлена тем, что аккаунт привязывается к какой-нибудь компании, которая пользуется лицензией на большое количество сотрудников, а вас записывают «в штат».
Лучше всего покупать подписки у официальных реселлеров и проверять легальность покупки.
Но поскольку у нас сейчас активно развивается «параллельный импорт», можно предположить, что покупка через третье лицо может быть уместной (проконсультируйтесь с юристом).
Поэтому на многих сайтах есть подписки с неизвестным происхождением. Вот несколько примеров таких сайтов:
- plati.market
- wmcentre.net
- ggsel.net
Фото: Сервисы по продаже подписок
А работают такие сервисы по одинаковому принципу:
- Регистрируетесь или сразу оплачиваете товар
- Вас отправляют на страницу ваших покупок по указанному (во время регистрации или покупки) email
- Там появляется чат с продавцом и автоматическое сообщение с данными ключа/аккаунта и инструкцией;
- Вводите эти данные на официальном сайте Adobe
- Готово, у вас доступ к приложениям
«Бесплатные» версии и торренты
Все мы умеем дописать к поисковому запросу «скачать торрент» и получить нужное ПО бесплатно, но это незаконно. Даже во времена параллельного импорта. Даже без официальных представителей разработчика в стране. Даже если все так делают.
Как бы мне ни хотелось сказать «качайте, ничего не будет», но реальность иная. Этот раздел — предупреждение. В интернете множество историй, связанных с «контрольной закупкой» силовиками пиратского ПО у распространителей и компьютерных мастеров. Худшее, что вы можете сделать — это помочь поставить пиратское ПО другому человеку, за это предусмотрена более суровая статья с суровым наказанием.
Если за установку ПО стоимостью до 100 000₽ вы получите штраф до 2000₽ и конфискацию оборудования (без возмещения её стоимости). А если вы установите его другому человеку — это распространение, и это уже более суровая статья. Есть «безобидные» неизвестные программы стоимостью по 500 000₽, за которые вы можете получить срок, обязательные работы и штрафы в миллионы рублей. А про юридическое лицо нечего и говорить — там ответственность в разы выше. Ниже удобная табличка с наказанием.
| Уровень ответственности | Порог ущерба (₽) | Наказание для физлица |
|---|---|---|
| Административная (КоАП, ст. 7.12) | ≤ 100 000 | Штраф 1 500–2 000 ₽, конфискация ПО и техники |
| Уголовная ч. 2 (УК РФ) | > 100 000 и ≤ 1 000 000 | Штраф до 200 000 ₽, до 2 лет лишения свободы |
| Уголовная ч. 3 (организованная группа или > 1 млн ₽) | > 1 000 000 или групповой умысел | До 6 лет лишения свободы, штраф до 500 000 ₽ |
| Гражданско‑правовая (ГК РФ) | Любой | Компенсация: двукратная стоимость ПО или до 5 млн ₽ |
| Возможность ликвидации компании | При повторных нарушениях | Через иск правообладателя или прокурора |
Помимо незаконности таких действий, вы еще получаете ряд рисков и неудобств от пиратского ПО:
- Есть риск заражения вирусом, потери личных данных
- ПО может работать не корректно
- Нет обновлений ПО
- Нет доступа к онлайн функциям (например, генеративная заливка)
Web-версия и аналоги
Теперь перейдём к аналогам, если вам не нужны все функции Photoshop или нужны только некоторые его функции, нужны более простые и «лёгкие» редакторы, бесплатные аналоги.
Онлайн-версия
Раньше Adobe бесплатно предоставляла доступ к онлайн-версии Photoshop, но сейчас она входит в подписку на Фотошоп, а пользоваться бесплатно можно только первые 7 дней (либо каждые 7 дней создавать новый аккаунт).
Онлайн-версия Фотошопа почти не уступает десктопной версии. Она не так удобна, нет некоторых мощных функций, но достаточно функциональна, чтобы корректировать сложные макеты, а вот создавать сложные макеты в ней я бы не стал.
Бесплатный аналог онлайн-версии
Есть и бесплатный аналог онлайн-Фотошопа, он очень похож по интерфейсу и функционалу, но имеет ещё чуть меньше функций, чем оригинальная онлайн-версия. В основном ограничения касаются стилей слоёв и удобства работы с масками и обтравкой пересечением слоёв. Вот несколько ссылок на такую версию аналога Фотошопа (они все похожи или одинаковы):
Такие сервисы позволяют собирать макеты базовой и средней сложности, но не очень удобны, особенно при применении некоторых техник.
Аналоги редакторов
Здесь я приведу несколько примеров, чем можно заменить Photoshop в базовых задачах. Ещё раз скажу, что полных аналогов Photoshop не существует — он уникален и массивен, другие редакторы позволяют закрывать только часть его функционала.
Вот табличка с названиями редакторов и тем, что они позволяют делать.
| Делать фотоколлажи | Canva, Figma, Gimp, Photo Pos Pro, Pixlr, Фотомастер |
| Рисовать векторные объекты | Figma |
| Делать растровые рисунки кистями | Gimp, Photo Pos Pro, Pixlr |
| Выполнять ретушь и цветокоррекцию фотографий | Canva, Gimp, Photo Pos Pro, Pixlr, Фотомастер |
| Добавлять свои шрифты | Figma, Gimp, Photo Pos Pro |
| Редактировать фото в формате RAW | Gimp, Photo Pos Pro, Фотомастер |
| Пользоваться готовыми шаблонами | Canva, Fotor, Pixlr |
| Работать в команде | Figma |
| Работать с браузера | Canva, Figma, Pixlr, Fotor |
| Скачать программу на компьютер | Canva, Figma, Gimp, Photo Pos Pro, Фотомастер |
| Скачать мобильное приложение | Canva, Figma |
Отдельно хочется отметить Gimp и Figma. Это бесплатный и условно бесплатный редакторы.
Gimp — это редактор, который позволяет работать с растровой графикой — фотографиями. Есть инструменты цветокоррекции, маски слоя, множество способов выделения, наборы кистей и прочее. Gimp — очень хороший аналог Фотошопу, к тому же полностью бесплатный.
Figma — это онлайн-конструктор/редактор векторной графики. Он не позволяет работать с содержимым фотографий, но позволяет собирать их в композиции, работать с векторными фигурами, делать простые баннеры, небольшую цветокоррекцию и накладывать некоторые стили к слоям. Если вы не планируете создавать сложные композиции, то Figma станет хорошим и удобным выбором, так как редактор доступен онлайн прямо в браузере.
Но стоит отметить, что он создан для прототипирования, веб-дизайна со всеми вытекающими. Многие начинающие дизайнеры и дизайнеры-самозванцы используют его из-за простоты и доступности. Я, категорически, не рекомендую изучать его первым редактором тем, кто планирует работать с растровой графикой/фото. Об этом у меня есть сразу 2 статьи, которые советую прочитать, чтобы не сделать ошибочный выбор редактора, вот они:
Figma не нужна графическим дизайнерам, Самозванцы и Нейросети
Как обстоят дела на рынке труда в IT сфере? Почему одни имеют синдром самозванца, а другие являются самозванцами? Разбираемся в статье…
Самозванцы в IT. Рынок труда, бесплатные курсы и синдром самозванца.
Стоит ли учить и использовать Figma в 2025 году, когда так активно развиваются нейросети для генерации изображений? Почему фигма – основной инструмент самозванца?
Figma может закрыть потребности SMM-специалистов, блогеров и новичков-дизайнеров (но есть опасность застрять в одном редакторе), поскольку позволяет создавать простые коллажи и работать с текстом. Собрать простой баннер для публикации в социальных сетях — не составит труда. А мы возвращаемся к Фотошопу и кратко пройдёмся по основным тезисам этой темы.
Итоги и советы начинающим
Главный вопрос: стоит ли изучать конкретно вам Photoshop? Если вы дочитали статью до этого момента и не испугались объёма предстоящего обучения, то ответ очевиден — да, стоит изучать. Независимо от ваших целей и профессии. Photoshop нужен не только профессионалам, но и любым создателям контента (блогерам, SMM-специалистам, людям, ведущим соцсети). Он полезен в обучении, быту и почти в каждой профессии.
Вы можете создавать макеты для социальных сетей, обрабатывать, улучшать и исправлять свои фотографии. Создавать коллажи или удобную инфографику. Делать визуализации различных рабочих проектов. Обрабатывать скриншоты, схемы, документы.
У Фотошопа бесконечное количество способов применения и функций, а сложность его изучения пропорциональна его возможностям. Не стоит воспринимать редактор как что-то цельное. Он многогранен, не стоит расценивать его как слона, которого вам предстоит сдвинуть. Лучшее решение — осваивать редактор поэтапно: шаг за шагом, техника за техникой, функция за функцией.
Если вы разобьёте своё обучение на разные темы, то сможете комфортно и постепенно изучать Photoshop до нужного вам уровня. Так будет проще его изучать и проще получать результаты своего обучения, которые будут давать дополнительный стимул. Уйдёт много времени, прежде чем вы сможете овладеть им на достаточно хорошем уровне «за один раз» и освоить основные техники. Тогда ещё вам понадобится освоить основы дизайна, композиции, работы со шрифтами, колористики и так далее. Проще изучать технику за техникой, от простой к сложной, параллельно выполняя реальные задачи освоенными техниками. Реальные результаты подкрепят вашу мотивацию изучать его.
Кроме того, бонусом к обучению вы получите очень крутой навык — разбираться в сложных интерфейсах и программах. После Фотошопа изучение любого другого редактора или ПО покажется пустяком. А учитывая, что Adobe предоставляет ещё кучу редакторов под разные задачи с похожими интерфейсами, в комплекте вы получаете доступ к их быстрому изучению. Чего только стоит Adobe After Effects в связке с Фотошопом и Premiere Pro.
Надеюсь, у меня получилось помочь вам принять решение по поводу изучения этого сложного и полезного редактора, а дальше я подготовлю для оставшихся на этом пути подробные самостоятельные материалы по разным возможностям редактора.
Это вводная тема без практики, чтобы создать у вас правильное представление о возможностях редактора и этапах его изучения. В следующих темах по Photoshop я буду разбирать не просто отдельные функции, а целые группы инструментов одной направленности. Не просто приводить примеры применения таких групп, но и способы их комбинирования, а также объяснять правила и тонкости их применения из графического дизайна.
Недостаточно изучить инструменты для работы с текстом и шрифтом, если не знаешь ничего о самой типографике. Материалы будут построены как самостоятельные и самодостаточные уроки, которые позволят закрывать реальные задачи работы с графикой. Они не потребуют постоянных отклонений для изучения смежных тем, темы будут раскрыты полностью.
Если мы будем изучать инструменты цветокоррекции, то обязательно затронем правила этой самой цветокоррекции, попрактикуем и закрепим её на реальных примерах. Практика будет соответствовать достойному уровню хорошего специалиста, хотя вы можете быть только новичками в этом деле.
А если вам понравилась статья, хотите увидеть короткие уроки/техники фотошопа, почитать о мире IT или просто поддержать моё творчество, то прошу вас посетить мой телеграм-канал. Я в самом начале пути, и полноценный запуск планируется вместе с публикацией следующей обучающей темы, а пока там много интересных заметок о создании этого сайта, уроков, мире IT и графического дизайна.
Также оставлю ссылки на свои аккаунты на разных контент-площадках. Если хотите читать мои статьи на них, просто подписывайтесь, и я начну публиковать их и там.
Яндекс Дзен, VC.ru, Telegram. До встречи в следующих уроках.
Изображения в растровой графике состоят из набора цветных точек (пикселей), каждая из которых имеет свои координаты и цвет. Точки на экране обычно имеют квадратную форму. Именно к растровым изображениям применяется параметр «разрешение», который обозначает количество точек на единицу площади экрана/монитора. Последовательность этих точек формирует изображения, которые мы привыкли видеть на экране.
Маленький размер точек (пикселей) и высокая плотность их размещения на дюйм (dpi) позволяют нам видеть единое реалистичное изображение, хотя оно и состоит из отдельных точек.
Если увеличить размер точек и уменьшить плотность, то мы получит знакомую всем LED RGB панель как на фото выше.
Изображения в растровой графике — идеально подходят для небольших носителей, таких как экраны телефонов, мониторов, телевизоров, а также для печати на форматах А3, А4, визитках и т.п..
Все цифровые изображения и видео являются растровой графикой. Растровые изображения отличаются реалистичностью и сложностью, содержа в себе бесконечный набор информации с помощью лишь цвета и координат.
Также читайте подробную статью про разрешение, DPI, PPI, Px, формат, пропорции, вектор и растр.
Векторная графика состоит из геометрических примитивов (круг, прямоугольник, прямая, кривая, точка и т.д.). Эти примитивы задаются не цветными точками, а математическими функциями, которые мы изучали на уроках геометрии (y=x^2 Помним?). Таким образом, векторные изображения описываются математически и представляют собой график или чертёж.
Как известно из геометрии, любая линия (отрезок, луч, прямая) состоит из бесконечного количества точек, и для создания векторного изображения нужно рассчитать координаты каждой точки по соответствующей математической функции. В результате у таких объектов (примитивов) есть формула, цвет и параметры пропорций, которые определяют корректные размеры и расстояния между объектами. Эти данные и создают векторное изображение
Сверху вы можете видеть сравнение векторного (слева) и растрового (справа) черного круга. Разница становится более очевидной при увеличении масштаба. Растровая графика состоит из точек (пикселей), а векторная из математических функций, поэтому при масштабировании мы видим пиксели (квадратики/ступеньки) у растрового круга, а вот векторный круг выглядит таким же круглым, поскольку его форма пересчитывается под новый размер на экране.
Важно отметить, что векторная графика — математическая модель, она не может быть визуализирована. Тогда, что мы видим на экранах? А мы видим растровое представление векторного объекта. Т.к. экран состоит из цветных RGB точек, то мы видим растровое изображение векторного объекта. Тогда почему векторная графика существует и выглядит «качественнее» растровой?
Поскольку векторная графика задаётся функциями, то при увеличении масштаба наше устройство (телефон, компьютер) может создавать новые точки (пиксели) по функциям, которые описывают это векторное изображение. Таким образом, при увеличении масштаба у нас появляются новые точки изображения на экране (буквально создаются новые области изображения), а вот растровое изображение имеет просто последовательный набор цветных точек и при увеличении масштаба, добавить новые точки устройство не может, т.к. для этого нет закономерности/инструкции, из-за этого мы видим просто увеличенные цветные квадратики из которых состоит растровое изображение, а это создаёт эффект «мутности» изображений.
Отсюда векторная графика всегда выглядит «чёткой», а растровая «мутной», особенно при масштабировании. Эти буквы, которые вы читаете — векторные. Они на любом мониторе и экране будут выглядеть максимально гладко и хорошо насколько это возможно, т.к. устройство рисует их конкретно под ваш экран.
Таким образом, векторная графика состоит из графических примитивов (функций), которые формируют изображения. Далее цифровые устройства по этим функциям рассчитывают растровый вариант под конкретно ваше устройство, из-за чего такая графика (уже растровая и состоящая из цветных точек) выглядит максимально хорошо на Вашем экране.
Каждое изменение масштаба/размера векторного объекта заставляет устройство рассчитывать (создавать) новое растровое изображение под новые параметры. Отсюда появляется возможность бесконечного масштабирования векторных изображений без потери детализации.
Также читайте подробную статью про разрешение, DPI, PPI, Px, формат, пропорции, вектор и растр.