Презентация по информатике на тему "Работа со слоями PhotoShop"

• 1 слайд

  Тема №8
  Интерфейс программы Adobe Photoshop и работа со слоями
  28.12.2021
  

• 2 слайд

  История создания Photoshop
  Интерфейс программы
  Панель инструментов
  
  
  План урока
  

• 3 слайд

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

• 4 слайд

  История создания:
  Всё произошло 29 лет назад, в феврале, когда компания Adobe «спустила на воду» первую версию Photoshop - 1.0 – графического редактора, который до сих пор является самым популярным среди художников, фотографов и дизайнеров.
  Photoshop на сегодняшний день занимает позиции лидера среди редакторов растровой графики, а также является единственной программой, которая обзавелась собственной формой глагола.
  

• 5 слайд

  Второй шаг к современному Photoshop
  В процессе разработки версии 2.0 для Photoshop были разработаны новые возможности:
  
  перо (Pen tool)
  работа с двух тоновыми изображениями
  импорт и растеризация векторных изображений из Illustrator,
  поддержка CMYK.
  
  Теперь для Photoshop был открыт путь на профессиональный рынок полиграфических услуг, что является очень важным тактическим ходом Adobe.
  

• 6 слайд

  Дальнейшие шаги развития
  В версии 3.0 был сделан огромный шаг в развитии программы - разработана поддержка слоёв (Layers).
  В последующих версиях глобальных изменений не было. Несмотря на это совершенствование программы продолжалось.
  В версии 5.0 были введены возможности управления цветом и панель истории (History Palette)
  Значительные изменения произошли вместе с выходом версии 5.5. В комплекте с Photoshop поставлялась ещё одна программа – ImageReady, которая добавила к функционалу ещё и богатые средства разработки графики для WEB.
  В следующей версии – 6.0 появились стили слоя (Layer Styles) и расширенные возможности управления текстом. Восстанавливающая кисть (Healing Brush) появилась в версии 7.0
  

• 7 слайд

  Развивающийся логотип
  

• 8 слайд

  Сегодня и завтра
  Поддерживая позиции лидера на рынке столь продолжительное время, на удивление, Adobe продолжает совершенствовать программу. На сегодняшний день Photoshop входит в состав пакетов Creative Suite 2 (CS2) и Creative Suite 3 (CS3), вдобавок ко всему Adobe подчеркнула функциональную совместимость программ входящих в пакеты при помощи Adobe Bridge.
  К счастью разработка программы не прекращается и скорее всего не прекратится
  

• 9 слайд

  Интерфейс программы
  Строка меню
  Панель настроек выбранного инструмента
  Рабочая область
  Панель
  инструментов
  
  Инструментальные палитры
  

• 10 слайд

  Панель инструментов
  Выделение
  Лассо
  Кадрирование
  Контур
  Штамп
  Ластик
  Контраст
  Перо
  Комментарий
  Рука
  Перемещение
  Волшебная палочка
  Кисть
  Редактирование
  Разрезание на кусочки
  Кисть событий
  Градиент и заливка
  Тонирование
  Текст
  Фигуры
  Пипетка и линейка
  Лупа
  Переключение цветов
  Цвет фона
  Быстрая маска
  Цвет заливки
  Цвета по умолчанию
  Выбор режима просмотра
  

• 11 слайд

  Подробней о инструментах
  Выделение – позволяет выделить нужную область изображения
  Перемещение - позволяет передвигать различные объекты: слои, выделенные части изображения, фигуры.
  Лассо - свободное выделение. Выделяет всю обведенную область.
  Волшебная палочка - выделяет область пикселей по их цветовой схожести.
  Кадрирование или рамка -обрезает изображение до указанной области
  Фрагмент - инструмент, применяемый для разрезания изображения на куски и последующей оптимизации для использования в Интернете.
  Восстанавливающая кисть – применяется для текстурной коррекции с учетом подложки
  Штамп - предназначен в основном для ретуширования.
  Кисть – предназначена для прямого рисования активным цветом. Позволяет создавать линии с гладкими или размытыми краями, а также жесткие линии различных форм.
  Историческая кисть - позволяет рисовать из любого места истории (порядок действий, сохраненный в виде последовательности картинок)
  Ластик - удаляет части изображения
  Градиент - позволяет залить слой или выделенную область плавным переходом цветов
  Заливка - позволяет залить слой выделенную или замкнутую область сплошным цветом или образцом изображения
  
  
  
  
  
  
  
  

• 12 слайд

  Подробней о инструментах
  Размытие - инструмент для размытия участка изображения.
  Осветлитель/Затемнитель - позволяет осветлить/затемнить изображение. Перетаскивание этого инструмента приводит увеличению/уменьшению яркости изображения.
  Выделение компонентов пути - позволяет выделять, перемещать и копировать путь или его отдельные компоненты.
  Текст - позволяет вывести текст на изображение.
  Перо - позволяет вычерчивать пути. Этим инструментом расставляются опорные точки, которые Adobe Photoshop автоматически соединяет сегментами.
  Произвольная фигура - позволяет рисовать фигуры произвольной формы.
  Заметки - позволяет создавать заметки в любом месте изображения.
  Пипетка - позволяет взять образец цвета любого пикселя и назначить его цветом переднего плана или цветом фона.
  Рука - позволяет осуществлять перемещение (прокрутку) отображаемой области изображения в окне, если изображение полностью не помещается в окно.
  Лупа - позволяет изменять масштаб изображения, выводимого на экран.
  
  
  
  
  
  
  
  
  
  
  
  

• 13 слайд

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

• 14 слайд

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

• 15 слайд

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

• 16 слайд

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

• 17 слайд

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

• 18 слайд

  Анимация
  При наличии Photoshop и пары-тройки часов терпения можно создавать и анимацию. Как «с нуля», так и из готовых изображений:
  

• 19 слайд

  СЛОи редактора Adobe photoshop
  

• 20 слайд

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

• 21 слайд

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

• 22 слайд

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

• 23 слайд

  Способы выбора слоя
  В палитре слоев, кликнув на изображение необходимого слоя:
  2. На самом рисунке, взяв инструмент «Перемещение» (V), включить режим «Автовыбор слоя», кликнуть на элемент рисунка, автоматически будет выделен тот слой, на котором этот элемент расположен.
  

• 24 слайд

  Правый клик на рисунок выдаст контекстное меню, в котором будут перечислены слои, на которых в этом месте что-нибудь изображено.
  

• 25 слайд

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

• 26 слайд

  Показ содержимого слоев
  Можно выборочно скрывать и показывать содержимое слоев.
  Для переключения видимости слоя в палитре слоев кликнуть на изображение глаза – глаз исчезнет, а слой будет скрыт; для показа слоя – кликнуть на пустой квадрат, где был глаз – появившийся глаз означает, что слой опять стал видимым
  

• 27 слайд

  Если кликать на глаз с нажатой Alt, то будут скрыты все видимые слои кроме этого. Повторный клик восстановит скрытые при первом клике слои
  

• 28 слайд

  Копирование слоев
  Нажмите [Ctrl+J]
  Перетащите мышкой изображение слоя на кнопку «создать новый слой» в палитре слоев
  Выберите пункт создать дубликат слоя, введите название слоя и нажмите ОК
  
  клик левой мышкой
  или клик правой
  

• 29 слайд

  4. С нажатой Alt перетащите мышкой изображение слоя на кнопку «создать новый слой» в палитре слоев, нажмите название слоя и нажмите ОК
  
  

• 30 слайд

  Копирование слоев между рисунками
  Выберите слой, который хотите скопировать
  Перетащите мышкой изображение слоя одного рисунка в палитре слоев на другой рисунок
  При помощи инструмента перемещение (V) перетащите необходимую часть изображения с одного рисунка на другой.
  Выберите пункт Создать дубликат слоя в меню слоя или в меню палитры слоев, выберите документ, куда будет копироваться слой, введите название слоя и нажмите ОК
  

• 31 слайд

  Сцепление слоев
  Сцепив два или более слоя, можно двигать одновременно все изображения, расположенные на сцепленных слоях.
  Также можно совместно копировать, вставлять, выравнивать и трансформировать содержимое сцепленных слоев.
  

• 32 слайд

  Для сцепления слоев выделите слои, которые нужно прицепить друг к другу, и кликните на кнопку «связать слои». Справа возникнет изображение цепочки, означающее, что эти слои связаны
  Для расцепления слоев кликните на кнопку «связать слои».
  

• 33 слайд

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

• 34 слайд

  Чтобы запереть выборочно свойства слоя выберите слой и кликните на:
  Появившийся справа от названия слоя серый замочек показывает, что некоторые свойства слоя заперты.
  Для снятия запретов необходимо выбрать слой и повторно кликнуть на иконки
  

• 35 слайд

  Растеризация слоев
  Невозможно применять инструменты рисования или фильтры к слоям, которые заключают в себе векторные содержимые (текстовый слой, контурный слой или векторную маску)
  Но можно растеризовать – преобразовать содержимое этих слоев в обычное, точечное изображение.
  

• 36 слайд

  Для растеризации выберите пункт «Растрировать слой», кликнув правой мышью на слое
  

• 37 слайд

  Удаление слоев
  Удаление слоев, которые более не требуются для работы – уменьшает размер файла и, соответственно, облегчает и ускоряет работу с рисунком.
  Выберите слой, который хотите удалить и:
  Нажмите на иконку мусорной корзинки в палитре слоев и нажмите ОК
  Можно воспользоваться пунктом «Удалить слой» в меню слои или в меню палитры слоев
  Для быстрого удаления без подтверждения:
  С нажатой Alt нажмите на иконку мусорной корзинки в палитре слоев
  Перетащите мышкой изображение слоя на иконку мусорной корзинки в палитре слоев
  

• 38 слайд

  Переименование слоев
  Если название слоя описывает его содержимое, то это может помочь в работе, особенно если в рисунке десяток-другой слоев.
  Слой можно переименовать:
  Двойным кликом на название слоя в палитре слоя
  С нажатой Alt двойным кликом на название слоя, введите имя и нажмите ОК
  Выберите «Свойства слоя» в меню слои или в меню палитры слоев (клик правой мышью на название слоя), введите новое имя и нажмите ОК
  

• 39 слайд

  Цветовое кодирование слоев
  Цветовое кодирование слоев в сложных рисунках позволяет визуально различать слои в палитре слоев (это кодирование может быть совершенно произвольно, оно не влияет на содержимое слоев и сделано только для удобства дизайнера)
  Для назначения цвета слою в палитре слоев:
  Выберите пункт «Свойства слоев» в меню Слои или в меню палитры слоев, выберите цвет в выпадающем меню и нажмите ОК
  С нажатой Alt двойным кликом на название слоя, выберите цвет в выпадающем меню и нажмите ОК