Уроки фотошопа, графика, дизайн
arrow

Базовый курс фотошопа

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

В ходе изучения материала вы встретите как текст, так и видеоуроки.

Вся информация в курсе представлена для версии Adobe Photoshop CS5.

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

 

Содержание:

1. Интерфейс Adobe Photoshop

  • создание и сохранение файла
  • обзор интерфейса фотошопа
  • настройка рабочего пространства
  • общие настройки
  • палитра истории

2. Слои в фотошопе

  • режимы смешивания
  • маски
  • корректирующие слои

3. Основные инструменты фотошопа

  • Brush (Кисть)
  • Pen Tool (Перо)
  • Выделение и кадрирование
  • Деформация
  • Работа с текстом
  • Восстанавливающая кисть и штамп
  • Заливка и градиент
  • Осветлитель/Затемнитель (Dodge и Burn Tool)

4. Фильтры фотошопа

5. Как установить дополнения в фотошоп

6. Немного практики

 

1. Интерфейс Adobe Photoshop

Весь интерфейс фотошопа состоит из панелей, палитр и окон:

Интерфейс фотошопа

1. Главная панель. Здесь находится весь функционал, заложенный в фотошопе. Начиная с сохранения файла и заканчивая фильтрами и произвольными настройками окон.

2. Панель настройки инструмента. Отвечает за настройку свойств и настроек используемого в данный момент инструмента.

3. Открытые в данный момент документы (файлы).

4. Переключатель рабочих сред.

5. Панель инструментов. Здесь находятся основные инструменты фотошопа. Выбираете любой из них, и начинаете работу.

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

Создание и сохранение файла

Начнём с самого простого и банального — создания и сохранения нового документа. Итак, вы открыли фотошоп, и первое, что вам необходимо сделать для того, чтобы начать работу — создать новый документ. Делается это просто, в меню File (Файл) -> New (Новый):

Создание и сохранение файла в фотошопе

Тоже самое можно сделать сочетанием клавиш Ctrl+N, что гораздо быстрее и удобней.

После этого откроется вот такое незамысловатое окошко:

Создание и сохранение файла в фотошопе

Здесь мы вольны задать имя файла, ширину и высоту (width и height), а также указать единицы измерения (пиксели, сантиметры, миллиметры и т.д.). Затем можно задать разрешение (rezolution) — оно определяет качество вашего будущего изображения. У меня этот параметр практически всегда стоит на отметке 72 pixels/inch, однако если вы захотите напечатать изображение в большом формате, нужно будет установить это значение на 120 или больше (в зависимости от того, насколько велик будет формат :) ). Color Mode задаёт режим изображения: RGB, CMYK, Lab и т.д., а Background Contents цвет заливки фона.

С созданием документа разобрались, теперь перейдём к процедуре сохранения. Функция сохранения находится в том же меню File -> Save или Save As (Сохранить как). Save as отличается от Save только тем, что будет каждый раз выдавать окно с настройками сохранения, в то время как Save спросит всего 1 раз — первый.

Сохранить файл можно в одном из множества форматов, таких как jpeg, png, bmp, tiff, tga и т.д.

Создание и сохранение файла в фотошопе

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

Обзор интерфейса фотошопа

Настройка рабочего пространства

Общие настройки

Рассмотрим основные настройки, которые можно сделать в фотошопе. Перейти к ним можно через меню Edit (Редактировать) -> Prefences (Предпочтения) -> General (Основные):

Настройки фотошопа

В первой вкладке (General) нас мало что интересует. Здесь можно установить, должно ли приближение/отдаление происходить плавно (Animated Zoom), можно ли приближать колёсиком мыши (Zoom with scroll wheel), нужно ли помещать новые изображения поверх холста как смарт объекты (Place or drag raster images as smart object), установить способ интерполяции изображения  и т.д. Но всё это на практике почти не применимо, так что идём на следующую вкладку – Interface (Интерфейс):

Настройки фотошопа

Здесь можно задать цвет интерфейса. По умолчанию он серый, также можно выбрать чёрный или установить свой собственный цвет, выбрав из палитры цветов. Цвет меняется во вкладке General, есть 3 варианта:

Standart Screen Mode – цвет интерфейса в стандартном режиме.

Full screen with menus – цвет в режиме полного экрана с меню.

Full screen – цвет в режиме полного экрана.

Далее идёт настрока Panels & Documents (Панели и документы). Здесь можно установить авто-сворачивание иконок (auto-collapse iconic panels) – что это такое, я говорил чуть ранее, в видео.

Auto Show Hidden Panels – автоматически показывать скрытые панели.

Open Document as Tabs – открывать документы как вкладки.

Также есть кнопочка Restore Default Workspaces, которая восстановит по нажатии стандартные настройки интерфейса.

Далее можно указать язык и размер иконок.

Посмотрим теперь на вкладку Performance (Производительность). Она имеет наибольшее практическое значение, так как здешние правильные настройки позволяют ускорить работу:

Настройки фотошопа

Сначала идут настройки Memory Usage (Использование памяти). Тут можно увидеть, сколько памяти доступно всего, и сколько отведено под фотошоп. Советую ставить значение в 60%. Однако, если вы желаете ускорить работу в фотошопе, и при этом не обращаетесь к другим приложениям, можете повысить это значение до 70%.

Далее настройки History & Cache (История и кэш). Кэш устанавливает, насколько быстро будет происходить обработка изображений. Скажем, вы применяете какой-либо фильтр к большому файлу (4000x4000px например), и чтобы уменьшить время, которое тратит фотошоп на “обдумывание” этой операции, нужно увеличить значения Cache Levels (Уровни кэша) и Cache Title Size (Размер Кэша). Естественно, увеличение этих настроек повлечёт за собой больший расход ресурсов со стороны компьютера. Поэтому использовать данные настройки нужно только в случае, если “железо” компьютера это позволяет.

Обратите внимание на параметр History States (Шаги истории) – он определяет, сколько последних изменений будет запоминать история. Советую установить это значение на 40, или даже 60. На производительности это сказывается не сильно, а вот в работе может здорово выручить, когда нужно будет вернуться далеко назад.

Scratch Disks (Рабочие диски) – позволяет указать диски, на которых фотошоп будет создавать рабочие файлы. Советую всегда использовать системный диск, так как он должен быть наиболее быстрым. Однако, если у вас наблюдаются “тормоза” в работе, попробуйте установить другой диск.

В принципе, это всё. Остальные вкладки не представляют особого интереса.

Палитра истории

Важной составляющей при работе в фотошопе является панель истории:

Панель истории

В ней отображаются ключевые действия пользователя, но самое главное — если вы сделали что-то не так, или просто хотите вернуться на несколько шагов назад, вам стоит только кликнуть на нужный шаг, и произойдёт «откат». Количество запоминаемых шагов, как вы помните настраивается в настройках Performance, рассмотренных нами в пункте «общие настройки».

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

Панель истории

2. Слои в фотошопе

Урок про слои в фотошопе

И сразу в продолжение темы уроки про режимы смешивания и маски в фотошопе, важные для понимания работы со слоями.

В довесочек небольшое видео про маски, для наглядности :)

Корректирующие слои

Корректирующие слои в фотошопе практически целиком дублируют меню Image (Изображение) -> Adjustments (Коррекция). С одной оговоркой — корректирующие слои накладывают эффекты и изменения поверх изображения, не изменяя его самого. Эта особенность является огромным плюсом, так как всегда можно вернуться к определённому эффекту и подкорректировать его. Само собой, если использовать Image -> Adjustments, то для внесения каких-либо изменений придётся возвращаться назад по истории и делать всё заново, потому что в случае обычной коррекции изображения все эффекты применяются непосредственно к изображению.

Создать корректирующий слой можно из панели слоёв:

Корректирующие слои в фотошопе

Редактирование параметров производится в появившейся палитре Adjustments:

Корректирующие слои в фотошопе

3. Основные инструменты фотошопа

В этой главе обратимся к изучению основных и наиболее часто используемых инструментов фотошопа. Для начала прочитайте уроки про:

Инструмент Brush (Кисть), необходимый практически при любой работе в фотошопе (и сразу в дополнение — как создать свою кисть)

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

Инструменты для выделения объектов в фотошопе и кадрирования (обрезка изображений).

Деформация

Поговорим о деформации изображений. Деформация — это изменение пропорций и положения в пространстве. В фотошопе инструменты деформации находятся в меню Edit (Редактирование) -> Transformation (Трансформация):

Деформация в фотошопе

Сразу же обратим внимание на 3 пункта — Rotate 180, 90 CW и 90 CCW. Первый поворачиваем изображение на 180 градусов, второй на 90 по часовой стрелке, третий тоже на 90 градусов, но против часовой.

Flip Horizontal и Flip Vertical «отражают изображение» подобно тому, как вы видите это в зеркале:

Деформация в фотошопе

Инструмент Scale (Масштаб) изменяет размер изображения:

Деформация в фотошопе

Rotate (Поворот) позволяет развернуть его.

Skew (Скос) деформирует изображение в виде параллелепипеда:

Деформация в фотошопе

Distort (Искажение) позволяет деформировать изображение таким образом, чтобы создать эффект перспективы:

Деформация в фотошопе

Perspecive (Перспектива) — почти тоже самое, только масштабируются сразу 2 точки.

Warp (Искажение) — самый интересный вид деформации, можно сдвинуть любую часть изображения:

Деформация в фотошопе

Быстрый доступ к деформации осуществляется горячей клавишей Ctrl+T.

Работа с текстом

Поговорим о работе с текстом в фотошопе. За использование текста отвечает инструмент Type Tool, который имеет некоторые разновидности:

Работа с текстом в фотошопе

Vertical Type Tool – пишет по вертикали.

Horizontal и Vertical Type Mask Tool – пишет маской.

Чтобы написать что-то, вы должны сначала определить область для текста, для этого выберите инструмент Horizontal Type Tool (обычный горизонтальный текст), щёлкните левой кнопкой мыши по холсту, и, не отпуская её создайте прямоугольник:

Работа с текстом в фотошопе

Всё, теперь внутри этого прямоугольника вы можете писать текст. Обратимся к настройкам текстового инструмента.

Первая же кнопочка (Toggle Text Orientation) позволяет сменить направление текста (горизонтальный или вертикальный):

Работа с текстом в фотошопе

Работа с текстом в фотошопе

Затем идёт список установленных шрифтов и способ начертания (жирный, курсив и т.д.). Затем размер текста (по научному кегль), который указывается в пунктах (60 pt) и способ сглаживания.

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

Следующая опция чуть интереснее – это деформация:

Работа с текстом в фотошопе

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

Работа с текстом в фотошопе

Ну и последнее – это настройки символов и параграфа:

Работа с текстом в фотошопе

Здесь можно задать междустрочный и межбуквенный интервал (разрядку), растянуть каждый отдельно взятый символ (используйте осторожно! Или вообще не используйте), сделать все символы в тексте заглавными, установить надстрочные символы и т.д. В настройках параграфа вы найдёте такие стандартные вещи, как отступ от края и красная строка.

На этом всё, теперь вы знаете, как работать с инструментом текста в фотошопе.

Восстанавливающая кисть и штамп

Восстанавливающая кисть и штамп – главные инструменты ретушера. Выглядят они так:

Восстанавливающая кисть и штамп в фотошопе

Оба этих инструмента используются для восстановления части изображения, используя другой его кусок. Как это работает? Давайте посмотрим на примере:

Восстанавливающая кисть и штамп в фотошопе

Скажем, нам нужно убрать с изображения ведро с краской. Берем Clone Stamp Tool (Штамп), зажимаем клавишу Alt, курсор принимает вид прицела, а мы кликаем по месту рядом с кисточкой, лежащей в ведре. Отпускаем Alt и пару раз кликаем в место, которое хотим стереть (кисточка в ведре):

Восстанавливающая кисть и штамп в фотошопе

Как видим, она исчезла, а на её месте теперь текстура стены. Попробуем теперь стереть само ведро. Сначала берем образец выступа стены, и заменяем им часть ведра:

Восстанавливающая кисть и штамп в фотошопе

Главное правило ретушера – не использовать более 3-4 раз один и тот же образец, иначе это начинает бросаться в глаза. Лучше брать образцы почаще, и из разных мест. Продолжаем стирать ведро:

Восстанавливающая кисть и штамп в фотошопе

Ведро я убрал, но как видите случилась катастрофа с текстурой: она исчезла, к тому же переходы между светлой и тёмной частью стены слишком явно бросаются в глаза. Что же делать? На помощь придёт Healing Brush Tool (Восстанавливающая кисть). Отличие восстанавливающей кисти от штампа в том, что она работает намного мягче, и при использовании сохраняет текстуру и цвет поверхности. Например, когда я ретуширую лица на фотографиях, всегда использую именно восстанавливающую кисть. Штамп нужен лишь для грубой работы, когда нужно убрать с изображения какой-то предмет. Итак, берем восстанавливающую кисть, и начинаем ей работать по аналогии со штампом. Принцип тот же самый:

Восстанавливающая кисть и штамп в фотошопе

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

Восстанавливающая кисть и штамп в фотошопе

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

Заливка и градиент

Заливка — важный, и в то же время простой инструмент:

Заливка и градиент

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

Заливка и градиент

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

Заливка и градиент

Однако, у этого инструмента есть некоторые настройки:

Заливка и градиент

Первая же опция позволяет выбрать из выпадающего списка, чем заливать область — цветом переднего плана или текстурой. Далее идёт выбор режима смешивания. Надеюсь, вы уже прочитали про режимы смешивания в главе «Слои в фотошопе». Затем устанавливается непрозрачность (Opacity) заливки. Собственно, это всё, что необходимо знать про инструмент Paint Bucket Tool (Заливка).

Следующий инструмент — градиент. Прочитайте о нём в уроке «Градиент в фотошопе».

Осветлитель/Затемнитель (Dodge и Burn Tool)

Ещё одна парочка важных для ретушера инструментов, предназначение которых в осветлении/затемнении участка изображения.

Осветлитель и затемнитель

Посмотрим на основные настройки этих инструментов:

Осветлитель и затемнитель

Как для любых инструментов класса кисть, у осветлителя и затемнителя можно менять размер и жёсткость. Затем идёт параметр Range, позволяющий установить, на какие тона будет воздействовать инструмент (светлые-highlights, средние-midtones, тёмные-shadows). Exposure устанавливает силу осветления/затемнения. И наконец галочка Protect Tones устанавливает сохранение тональности изображения. А теперь небольшая иллюстрация.

Dodge Tool (Осветлитель):

Осветлитель и затемнитель

4. Фильтры фотошопа

Обзор всех фильтров фотошопа: 1 часть, 2 часть.

5. Как установить дополнения в фотошоп

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

Как установить кисть в фотошоп

Как установить стиль в фотошоп

Как установить экшены в фотошоп

Как устанавливать в фотошоп градиенты, текстуры и формы

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

6. Немного практики

В заключение несколько несложных практических уроков, которые помогут решить распространённые задачи в Adobe Photoshop.

Как обрезать изображение (кадрирование в фотошопе)

Убираем красные глаза

Выравниваем горизонт

Улучшаем качество фотографии

Как поменять фон?

Ну и напоследок — список горячих клавиш фотошопа.

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

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (10)

  1. Максим:

    Здравствуйте.
    А русского фотошопа не было.

    • M@X M@X:

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

  2. ВиКаминкА:

    Макс, подскажите, плиз. Куда-то случайно нажали и исчезло меню слоев в панели справа. А по английски не понятно как обратно вернуть.

    • M@X M@X:

      Любое меню можно вернуть через панель Window (Окно). Для слоев нужно включить Window -> Layers

  3. 8ikodinka:

    А где скачать фотошоп?((( на сайте одни инструменты, а мне их ставить некуда))

    • M@X M@X:

      Я не даю ссылок на скачивание фотошопа, но его можно легко найти в гугле по запросу вроде «фотошоп cs6 торрент»

  4. Александр:

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

  5. Ирина:

    Здравствуйте! у меня такая проблема. установила фотошоп ps6, на русском)
    Но это не главное, сделала одну фотографию, все супер получилось. Села делать вторую, и вот делема:
    1.загрузила оригинал. на нем замочек,все как надо;
    2.делаю создать дубликат слоя. тоже все ок;
    3. делаю на дубликате размытие по Гауссу, и это тоже происходит, НОООООООО….оригинал тоже меняется, и когда я хочу создать еще один дубликат он у меня уже весь размытый, хотя должен быть как и был.
    Подскажите пожалуйста, как это все отменить, чтоб было, как раньше) спасибо.

    • M@X M@X:

      Здравствуйте) Сперва проверьте, не связаны ли у вас слои (Linked layers/Связанные слои). Если это так, на них будет отображаться иконка цепи. Затем убедитесь что всё в порядке с непрозрачностью (она должна быть 100%) и режимами наложения (должны быть Normal).

  6. wipe:

    Здравствуйте! Прошу перезалить изображения,ибо в данной статье их 13 битых.
    Благодарен за урок :)

Оставить комментарий

Имя: *

Сообщение: