Photoshop с нуля: с чего начать? Советует дизайнер

Выбираем версию Adobe Photoshop

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

Но, как говорится, есть нюанс. К сожалению, на февраль 2024 года скачивание любых программ на территории России с официального сайта Adobe запрещено. Поэтому есть два варианта. Первый: использовать карту иностранного банка или специальные сервисы для оформления подписки. Да, именно подписки, а не покупки — программу нельзя купить единоразово, необходимо продлевать подписку ежемесячно или ежегодно. Чтобы этот метод сработал, необходимо подключить VPN и зарегистрировать новый аккаунт из другой страны.

Купить ноутбук для освоения Photoshop

HUAWEI MateBook D15 i5-1155G7/16/512

62 999 р.*

Смотреть товар

HONOR MagicBook X 14 8/512GB

56 999 р.*

Смотреть товар

HUAWEI MateBook 14 KLVL-W76W

83 999 р.*

Смотреть товар

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

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

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

Первые шаги

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

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

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

Расскажем подробнее о самых важных параметрах.

• НазваниеЧасто про это забывают, а потом не могут найти, где тот самый важный файл и как он называется: «1111», «new11» или «tjtfhdrsg». Поэтому первым делом назовите ваш проект так, чтобы можно было легко понять, что это именно он. Лучше всего писать название на английском, без пробелов, в таком формате: Название компании_тип проекта_дата_версия. Например: Eldorado_banner-360*192_17-01_1.
• Размер (Width, Height)Можно выбрать из предложенных форматов, они разделены по вкладкам Print, Web, Photo и т. д. Либо самостоятельно указать необходимую ширину и высоту. Обратите внимание на единицы измерения: для печати обычно используют миллиметры, для баннеров в интернете — пиксели.
• Разрешение (Resolution)Оно зависит от того, для чего вы планируете использовать это изображение. Для печати обычно используют разрешение 300 DPI (точек на дюйм). Однако для больших форматов можно использовать меньшее разрешение, например 150 или даже 72 DPI. Для изображений, которые будут просматриваться на экранах компьютеров и мобильных устройств, используют 72 DPI. Если изображение будет масштабироваться на сайте, то разрешение может быть больше. Чем выше разрешение, тем лучше качество изображения, но вместе с тем увеличивается размер файла, замедляется работа программы, сохранение проекта.
• Цветовая модель (Color Mode)Две основные — CMYK и RGB. Для печати используют CMYK, для web — RGB. Современные принтеры могут достаточно точно воспроизводить цвета и из RGB, но лучше всегда уточнять у типографии, как сохранить файл. Также есть цветовые модели Grayscale (градации серого для проектов в ч/б), LAB (аппаратно-независимая цветовая модель для цветокоррекции, ретуши) и Bitmap (битовый режим для ч/б документов, чертежей, графики — все пиксели либо стопроцентно белые, либо черные, без серых оттенков).
• Монтажные области (Artboards)Активировать их можно только в RGB режиме. С их помощью можно сделать в одном проекте несколько баннеров, например каждый будет на отдельной монтажной области.
• Цвет фона (Background Contents)Можно выбрать любой, для проектов RGB доступен также прозрачный фон.

Купить удобную мышку для освоения Photoshop

Мышь Logitech MX Vertical

9 999 р.*

Смотреть товар

Мышь Genius Ergo-8250S Black Vertical

2 599 р.*

Смотреть товар

Мышь Logitech Ergo Lift Grey

7 999 р.*

Смотреть товар

Интерфейс программы

После создания проекта мы можем изучить интерфейс программы. Так выглядит рабочее пространство. Набор окон и панелей, открытых по умолчанию, может отличаться у разных пользователей — их можно скрыть или сделать видимыми, поменять расположение. Полный список доступных окон находится во вкладке Window (Окно).

Основные элементы интерфейса разделим на группы.

Окно документа

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

Главное меню

Находится в верхней части экрана. Содержит основные команды и настройки программы.

• «Файл» (File)Cоздание новых документов и открытие существующих файлов, импорт и экспорт изображений, их сохранение в различных форматах.
• «Редактирование» (Edit)Cодержит инструменты для редактирования (отменить последнее действие, вернуть, вырезать, копировать, вставить), а также инструменты для работы с цветом, трансформации объектов. Практически каждая из этих настроек имеет соответствующий шорткат, поэтому данную вкладку открывают нечасто. Например, чтобы изменить параметры проекта (перевести единицы измерения из непривычных нам дюймов в миллиметры).
• «Изображение» (Image)Позволяет изменять разрешение изображения, размер холста, цветовой режим, настройки цвета.
• «Слой» (Layer)Открывает панель для работы со слоями, смарт-объектами.
• «Текст» (Type)Инструменты для работы с текстом, параметрами языка.
• «Выбор» (Select)Помогает выделить объекты по общему признаку.
• «Фильтры» (Filter)Содержит различные фильтры для обработки фото, включая фильтры для ретуши, размытия, добавления шума, изменения цвета и т. д.
• «Вид» (View)Позволяет настроить отображение элементов интерфейса программы, например направляющих линий, линеек с разметкой. Здесь же настраиваются привязки по пикселям, чтобы элементы стыковались друг с другом без зазоров.
• «Окно» (Window)Здесь можно выбрать, какие панели и инструменты будут отображаться на основном экране. Зачастую из большого количества панелей нам нужно всего несколько штук, а остальные будут лишь мешать процессу. Поэтому важно настроить рабочую область под себя. Самые основные панели — «Слои», «Свойства», «Инструменты», «Палитра». Для работы с текстом точно потребуются панели «Символ» и «Абзац».

Панель инструментов

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

Панель свойств

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

Панель палитр

Позволяет выбрать цвет из готового набора или создать свой собственный.

Панель слоев

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

Базовые инструменты

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

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

• Перемещение (V)В этом режиме можно перемещать слои по холсту.
• Прямоугольная или овальная область (M)Выделяет часть изображения для дальнейшего создания маски, например. Проверьте, что вы выбрали нужный слой, где хотите выделить область.
• Кисть, Карандаш (B)Используется для рисования и нанесения текстур на изображение. Можно настроить размер, форму и жесткость кисти, выбрать тип кисти. Отличие карандаша от кисти в том, что края у линии, нарисованной им, жесткие, а у кисти мягкие, плавные.
• Ластик (E)Стирает части изображения. Одновременно применяется только к одному слою. Работает только с растровыми слоями, применить его к прямоугольнику, например, не получится.
• Перо (P)С его помощью рисуют линии, контуры, которые потом можно использовать для выделения части изображения либо для создания фигур.
• Градиент, Заливка (G)Эта функция закрашивает выделенную область или слой. Градиент создает плавный переход между двумя и более оттенками.
• Текст (Т)Добавляет текст. Если просто поставить курсор и щелкнуть левой кнопкой мыши с выбранным инструментом текста, то он будет набираться в одну строку, пока вы самостоятельно не сделаете перенос на новую. Если же вы нарисуете рамку, текстовую область, то текст не будет выходить за ее пределы.

С чего начать работать с изображением?

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

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

Если хочется увеличить или уменьшить объемы тела в нужных местах, то пригодится «пластика». Сначала сделайте дубликат основного слоя с фото, затем перейдите в Filter — Liquify. В открывшемся окне с помощью инструментов на левой панели — «пальца», увеличения, уменьшения, закручивания, — можно поколдовать над фото. Главное — не слишком увлечься эффектами, чтобы забор не поплыл :)

Изменить размер изображения можно несколькими способами. Проще всего использовать Crop Tool © и вручную кадрировать снимок. Не забудьте нажать галочку сверху, чтобы применить изменения. Если вам нужен определенный размер изображения в пикселях или миллиметрах, можно изменить его через Image — Canvas Size. Если вам нужно уменьшить вес изображения, чтобы загрузить его в социальные сети, воспользуйтесь командой Image — Image Size.

Crop Tool

Canvas Size

Image Size

С помощью инструмента Type можно добавить текст на фото. Дополнительные параметры текста находятся на панелях Paragraph и Character.

Готовое изображение нужно сохранить. Также рекомендуем сохранить исходник в Photoshop, чтобы его можно было отредактировать в случае необходимости. Как это сделать: File — Save As (либо сочетание клавиш Shift + Ctrl + S), в открывшемся окне выберите нужный формат.

Как работать со слоями?

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

Давайте рассмотрим панель слоев и что на ней можно делать.

• Добавлять, удалять, изменять порядок слоев. Чтобы создать новый слой, нажмите на иконку листика с загнутым краем (вторая справа внизу панели), либо нажмите Shift + Ctrl + N, либо выберите в меню сверху Layer — New Layer. Чтобы поднять/опустить слой ниже, нужно либо перетащить его мышью на верх или низ панели, либо воспользоваться шорткатом Ctrl + ] (перемещение на один уровень выше), Ctrl + Shift + ] (перемещение на самый верх). То же самое со второй скобкой [ для перемещения ниже.

• У слоя можно менять размер (Ctrl + T), прозрачность, режим наложения (смешение пикселей верхнего и нижнего слоев для достижения различных эффектов). Также можно заблокировать слой, чтобы он не мешал во время работы, для этого нужно выбрать иконку с замком возле слова Lock.

• К слою можно применить эффекты (тень, свечение, обводка). Делается это при нажатии на иконку fx с выделенным слоем.
• Можно добавить корректирующий слой (яркость, цветовой баланс, заливка). Он добавляется через иконку с кругом, поделенным пополам. Этот корректирующий слой (a) можно применить как ко всему проекту, так и к конкретному слою (b): для этого слой a размещаем сверху слоя b и с зажатым alt наводим на него курсор, появляется стрелочка. После клика слой a привязывается к слою b и влияет только на него.
• Также слои можно связать или сгруппировать. Это похожие опции, но используются они в разных случаях. Так, «Связать слои» (иконка цепи слева внизу) соединяет два или более слоев, благодаря этому изменение одного слоя влияет на все связанные слои. «Сгруппировать слои» в Photoshop объединяет несколько слоев в один слой-группу. Это удобно, чтобы уменьшить количество слоев на панели и работать с несколькими слоями одновременно. Стили и эффекты применяются ко всей группе слоев.

Полезные ресурсы для обучения

Сообщества, группы, сайты

Как научиться «Фотошопу» с нуля? Не лишним будет наполнить свои соцсети полезным контентом для изучения Photoshop. Пригодятся каналы и сообщества, где выкладывают лайфхаки по работе в редакторе, подборки шрифтов, текстур, плагинов для создания эффектов, работы дизайнеров для вдохновения.

• Сайт Adobe Tutorials — подробные руководства по работе в «Фотошопе», можно загрузить файлы примеров, чтобы изучить, как они были сделаны.
• TG-канал https://t.me/dsgn_teacher — туториалы по созданию различных эффектов и не только с подробным пошаговым объяснением на карточках.
• TG-канал https://t.me/wtfont с интересными шрифтами.
• Behance.net и dribbble.com — сайты-портфолио с крутым оформлением проектов, чтобы быть в курсе современных трендов.
• Группа ВК — материалы для работы в программе.
• Группа ВК — короткие видео-уроки с лайфхаками.

Подходящая литература в учебниках и интернете

Изучать «Фотошоп» по книгам не так удобно, как по видео, однако хорошую теоретическую базу можно почерпнуть и из учебников.

• «Интерактивный учебник Adobe Photoshop», Ирина Никулина
• «Adobe Photoshop CC 2022. Мастер-класс Евгении Тучкевич»
• «Создание персонажей в Photoshop. Полное руководство по цифровому рисованию»
• «Camera RAW: обработка фото в PHOTOSHOP с нуля»

Видеокурсы и каналы в бесплатном доступе

На просторах YouTube есть множество отдельных видео-уроков от профессиональных авторов и бесплатных курсов по работе в «Фотошопе». Они подскажут, как научиться «Фотошопу» с нуля самостоятельно, и помогут лучше понять, как работать с различными инструментами и функциями, а также улучшить свои навыки работы в программе.

• Курс «Нетологии» Основы Adobe Photoshop, после прохождения которого можно будет пополнить портфолио на пять работ.
• Полный курс по «Фотошопу» с нуля.
• Экспресс-курс для начинающих на английском.
• Официальный канал Adobe Photoshop с новостями о программе и, конечно, туториалами.
• Канал с простыми и креативными уроками.
• Уроки для тех, кто хочет научиться рисовать в «Фотошопе».
• Курс по профессиональной ретуши на английском.

Платные курсы

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

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

• Курсы бывают разделены по специальностям — например, на ресурсе Skillbox есть Photoshop для иллюстраторов, Photoshop для архитекторов и дизайнеров интерьера, Ретушь для фотографа, Photoshop с нуля до PRO.
• На сайте «Нетологии» — курс Основы графического дизайна не только научит работе в «Фотошопе», но и даст теоретическую базу, необходимую дизайнеру.
• Курс Geek Brains Основы Adobe Photoshop из 12 уроков познакомит с инструментами для уверенной работы в программе.
• Bang Bang Education предлагает два курса, которые можно смотреть по подписке на дизайн-библиотеку сайта. Курс Это Photoshop! подойдет для начинающих знакомство с редактором, а История дизайна для тех, кто изучает Photoshop совмещает в себе теорию по истории визуальных коммуникаций и практические задания для отработки материала.

Что в итоге

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

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