Конспект учебного занятия на тему "Основы Photoshop"

ПЛАН-КОНСПЕКТ

учебного занятия кружка «Фото видеостудия»

руководитель кружка – педагог дополнительного образования М.Ю. Павлова

Тема учебного занятия: «Основы Photoshop»

Цели учебного занятия: изучение редактора Photoshop, его функций, возможностей и областей применения.

Задачи учебного занятия:

Образовательная:

- познакомить обучающихся с назначением программы Photoshop;

- познакомить обучающихся с основными функциями программы Photoshop.

Развивающая:

- развивать творческие способности обучающихся;

- развивать внимание, наблюдательность;

- развивать умение оперировать ранее полученными знаниями, анализировать, сравнивать, оценивать качество выполненной работы;

- развивать умение работать самостоятельно и в группе.

Воспитательная:

- формировать культуру обращения со сложной техникой,

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

Тип занятия: комбинированный.

Формы работы: индивидуальная и групповая.

Методы работы: объяснительно-иллюстративный, практический.

Методические приемы обучения: словесный, наглядный.

Оборудование: ноутбук, фотоаппарат Canon 600D, фотоаппарат Canon 77D, смартфоны, доска, мел.

План занятия

1. Организационный момент

2. Актуализация знаний

3. Изложение нового материала

4. Подведение итогов учебного занятия

Ход занятия

1. Организационная часть:

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

1. Актуализация знаний: Объявление темы занятия. Повторение прошлых тем.

1. Изложение нового материала:

В этом уроке вы узнаете: что такое программа Photoshop, для чего используется Photoshop и каковы его основные функции.

Основы Photoshop

О Photoshop наверняка слышали даже люди, далёкие от фотографии и дизайна. Объясняем, что он умеет и зачем нужен.

Программа Photoshop — это графический редактор, в котором можно создавать и обрабатывать изображения. Это, пожалуй, самый известный графический редактор, а его название уже стало нарицательным: часто вместо «отредактировать фото» мы слышим «отфотошопить», хотя речь может идти о каком угодно редакторе. А о красивых фотографиях или необычных кадрах говорят — «Это фотошоп!», что переводится как: «Настолько красиво, что невозможно поверить в реальность кадра».

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

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

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

• разработать макеты для сайта;

• обработать фотографии;

• нарисовать иллюстрацию;

• сверстать буклет, газету, книгу;

• оформить уличный билборд;

• создать гифку или анимацию;

• подготовить визуалы для социальных сетей;

• и многое другое.

Если составить топ функций Photoshop — от более до менее популярных, то выглядеть он будет так:

1. Обработка изображений. К обработке можно отнести ретушь, коллажирование, цветокоррекцию. До сих пор у Photoshop нет конкурентов с таким же богатым набором инструментов для работы с изображениями.

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

3. Вёрстка сайтов и элементов веба. Ещё недавно Photoshop был лидером и в этой области, но его начали оттеснять узкоспециализированные приложения. Сначала Sketch, потом Figma и конструкторы сайтов.

4. Вёрстка текста. С появлением в пакете Adobe InDesign большинство людей, занимающихся вёрсткой и типографикой, перешли на него. Но для простых задач, например вёрстки лифлета или буклета, многие всё ещё предпочитают пользоваться Photoshop.

5. 3D и анимация. Эти функции используются меньше всего: в анимации предпочтение отдаётся Adobe After Effects, а для создания 3D-моделей есть более профессиональные программы от других разработчиков. Но и Photoshop справляется с этими задачами: можно создать мокап — то есть модель или макет — упаковки или визитки и проектировать дизайн уже на объёмном объекте. Полезно, чтобы представить, как будет выглядеть задумка в жизни.

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

Итак…

Коррекция изображений: можно исправить все ошибки

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

В несколько кликов изображение можно ощутимо улучшить

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

Несмотря на все возможности Photoshop, это не самый популярный софт среди фотографов. Наравне с ним используют Adobe Lightroom, который пригоден для более простых задач. Его предпочитают, когда нужно по-быстрому обработать сразу много картинок. Существует и другой профессиональный софт для обработки фото: DxO PhotoLab, Perfectly Clear, Capture One. В разных аспектах эти пакеты могут составить конкуренцию Photoshop.

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

Ретушь

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

В Photoshop доступно множество инструментов для этого. Есть даже автоматическая функция, позволяющая удалить с кадра всё ненужное, — правда, работает она не всегда идеально:

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

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

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

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

Коллажи и монтажию

Ещё одно назначение Photoshop — совмещение фрагментов разных изображений в одно, создание коллажей и фотомонтаж.

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

В отличие от коллажа, фотомонтаж — это изображение, в котором все объекты подчинены одним правилам перспективы и одинаково освещены. Такие картинки смотрятся правдоподобно:

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

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

Мокапы: можно примерить дизайн перед покупкой

Photoshop помогает клиентам и дизайнерам понять, как макеты будут смотреться на готовых продуктах. Для этого графические дизайнеры представляют свои решения на мокапах — фотографиях или 3D-моделях реальных объектов, на которые накладывается макет будущего дизайна. Есть сервисы, позволяющие работать с мокапами онлайн, но лучше всего для этого подходит Photoshop.

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

Так выглядит пример мокапа

На модели упаковки и бутылки наложили надписи и картинку с молоком на синем фоне. Также на них можно было бы наложить любой другой дизайн. С помощью Photoshop это дело нескольких кликов.

Преимущество Photoshop перед онлайн-сервисами при работе с мокапами — более тонкие возможности редактирования. Можно совмещать несколько мокапов на одной картинке, масштабировать и перемещать макет. Также макеты можно загружать с привязкой к оригинальному файлу: тогда при изменении исходника в программах Adobe дизайн на мокапе будет меняться автоматически.

Рисунки: можно начать с чистого листа

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

Разного софта для рисования на компьютере предостаточно: Corel Painter, Autodesk SketchBook, Krita и многие другие. Но Photoshop им нисколько не уступает: разве что его интерфейс несколько перегружен другими функциями.

Возможности Photoshop не только для рисования, но и для редактирования фото бывают полезны художникам. Очень часто для создания компьютерной графики берут готовые фотографии и дорисовывают на них недостающие детали — эта техника называется matte-painting:

Сложно, но можно: что ещё можно сделать в Photoshop

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

Веб-дизайн

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

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

Но если под рукой нет более современного инструмента или некогда его осваивать, макет сайта вполне можно нарисовать и в Photoshop — там есть всё необходимое.

Векторная графика

В программе можно создавать векторные фигуры — это изображения на основе замкнутых кривых, которым можно добавлять контуры и заливки. Обычно для этих целей используют Adobe Illustrator или CorelDraw: именно в них дизайнеры обычно работают над созданием, например, логотипов или иконок. Но если нет векторного редактора, рисовать изображения на основе кривых можно и в Photoshop. Это не так удобно — изначально редактор был задуман для растровой графики, векторные возможности в нём ограничены самыми простыми операциями.

Несложные векторные картинки вполне можно сделать в Photoshop, потратив на это чуть больше времени.

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

Анимация

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

Для сложной моушн-графики использовать Photoshop нецелесообразно. Для этого есть отдельные программы, самая популярная из которых — Adobe After Effects. Но это сложный профессиональный софт, и не всем хочется заниматься его освоением. Базовые возможности для создания анимации есть и в Photoshop. Например, именно там многие SMM-щики делают гифки для постов.

Создание 3D-объектов

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

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

Для полноценного 3D-моделирования Photoshop, конечно, не годится. Но он позволяет создавать несложные трёхмерные объекты на основе 2D-рисунков.

Вёрстка текста

В Photoshop есть базовые возможности для работы с текстом. Абзацы можно выравнивать с помощью направляющих, изменять параметры шрифта и интервалы, перекрашивать текст, вертеть его, совмещать с картинками.

Сложность в том, что каждый текстовый блок автоматически выводится на новый слой, и это создаёт путаницу, если макет объёмный. Кроме того, работать с несколькими страницами сразу тоже не получится. Если требуется сверстать многостраничный буклет, удобнее сделать это в InDesign, а если речь о рекламной листовке — дизайнер, скорее всего, откроет Illustrator или CorelDraw. Но если нужны макеты с небольшим количеством текста, Photoshop с этой задачей вполне справится.

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

У Photoshop, как у любой программы, есть свои преимущества и недостатки. Рассмотрим и те и те. В этом разделе поговорим о плюсах редактора, а в следующем — о минусах.

Итак, плюсы Adobe Photoshop.

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

Идеальная совместимость с другими программами пакета Adobe. Например, в Photoshop можно нарисовать человечка и перекинуть изображение в After Effects, чтобы анимировать его. Слои изображения сохраняются, и это упрощает работу. Также можно нарисовать в Illustrator логотип — он будет векторным, то есть не из пикселей, а из опорных точек и кривых между ними — и перенести его в Photoshop на свёрстанную обложку журнала. Редактор сам создаст линк с изображением из другой программы. А если необходимо, можно преобразовать вектор в растровый формат.

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

Комьюнити вокруг редактора. За годы существования вокруг Photoshop сложилось сообщество дизайнеров-поклонников, которые генерируют много полезного контента: записывают видеоуроки, рассказывают о лайфхаках, делятся шаблонами и пресетами.

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

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

Затем заливаешь на слой со смарт-объектом нужное изображение — и вот ваш дизайн уже на бутыльке духов, футболке или термокружке:

Но есть у Photoshop и минусы. И их важно учитывать при выборе программы для работы.

Вес. Photoshop требует установки и обновления. Программа занимает много места на компьютере — почти 4 гигабайта. Как и итоговые растровые изображения: чем качественнее, тем тяжелее.

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

Сложность редактора. Разносторонность — не только плюс, но и минус Photoshop. Начиная осваивать программу, надо не только не спасовать перед количеством инструментов и их возможностями, но и понимать, что это будет путь длиною в несколько месяцев. А если «распробовать», то учиться можно бесконечно.

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

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

Цена. Лицензионная версия программы распространяется по подписке. И эта подписка платная.

4. Подведение итогов занятия: Обмен мнениями: выполнена ли цель учебного занятия? Что нового узнали на занятии? Что было сложно для понимания? Хотелось бы вам овладеть умениями работы с редактором Photoshop? Какая из его многочисленных возможностей привлекает вас больше всего?