Практические основы создания и редактирования растрового изображения
презентация урока для интерактивной доски на тему

Крат Наталья Валерьевна

Принципы работы в растровом графическом редакторе Adobe Photoshop.

•Оглянитесь вокруг: со всех сторон на нас смотрят плакаты и постеры, рекламные листовки и визитки, фотографии и открытки… Когда-то художник брал карандаш, перо или краски и создавал шедевр. Фотограф запасался пленкой и громоздкой камерой. Сейчас профессиональная работа с графическими изображениями невозможна без компьютеров.

Скачать:

Предварительный просмотр:


Подписи к слайдам:

Слайд 1

Принципы работы в растровом графическом редакторе Adobe Photoshop Практические основы создания и редактирования растрового изображения

Слайд 2

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

Слайд 3

Появление и распространение персональных компьютеров Появление и распространение персональных компьютеров изменило многие профессии. Что касается дизайнерского дела , произошла просто революция. Еще десять лет назад подготовкой и печатью публикаций занимались очень немногие люди. Большая часть этой работы выполнялась вручную. Операция , на которую в прежние времена опытный специалист затрачивал не один час, теперь выполняется простым нажатием нескольких кнопок. Программы Photoshop , Illustrator , Acrobat и другие образуют замечательный и мощный комплект программного обеспечения современного дизайнера. Компания Adobe постоянно совершенствует пакет издательских программ в соответствии с требованиями времени и растущей вычислительной мощностью настольных компьютеров. Другим направлением развития этого набора программ является улучшение их совместимости и переносимости документов между ними. Поэтому выбор в пользу Adobe Photoshop - это одновременно и выбор всей линии издательских программ данной фирмы.

Слайд 6

Adobe Photoshop Новая версия программы обработки изображений Adobe Photoshop является безусловным лидером среди профессиональных графических редакторов за счет своих широчайших возможностей, высокой эффективности и скорости работы. Программа предоставляет все необходимые средства для коррекции, монтажа, подготовки изображений к печати и высококачественного вывода. Вторая, не менее обширная, сфера применения программы - Web -дизайн и электронные публикации. Можно совершенно без преувеличения сказать, что этот программный продукт находится в арсенале каждого профессионального дизайнера.

Слайд 7

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

Слайд 8

2. Палитры и инструменты Рассмотрим подробно внешний вид и назначение каждого элемента панели инструментов.

Слайд 9

Главное меню. Выпадающее меню. Во многих случаях оно еще называется Главное меню. Именно здесь собрана большая часть команд. Многие из них продублированы в других местах, либо при помощи горячих клавиш. Все опции в меню подобраны тематически. Так, например, в меню Image собраны опции редактирования изображения в целом , а в меню Layer - опции, необходимые для работы со слоями , и т.д. Выпадающее меню в совокупности своей содержит наиболее полный список опций для создания и редактирования изображений.


Предварительный просмотр:


Подписи к слайдам:

Слайд 2

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

Слайд 4

Navigator .

Слайд 5

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

Слайд 7

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

Слайд 9

Дополнительные панели. Дополнительные панели. Под ними находятся вспомогательные инструменты и опции. Их состав может различаться. Если панели опций и инструментов отсутствуют, в этом же меню поставьте галочки у пунктов Options и Tools .Как видите, интерфейс программы достаточно прост. Он не содержит большого количества элементов, и в то же время все необходимое находится под рукой. Внешний вид более ранних версий программы Photoshop значительно отличается от рассматриваемой.


Предварительный просмотр:


Подписи к слайдам:

Слайд 1

Стандартные палитры Многие элементы управления программы расположены в тематических палитрах - небольших окнах, которые, в отличие от обычных диалоговых окон, могут постоянно находиться на экране. Каждая палитра посвящена одной теме, например выбору цвета, работе с каналами изображения, выбору инструмента. Кроме того, палитры можно собрать в группы, чтобы они занимали меньше места на экране, или пристыковать в верхней части главного окна. В Photoshop есть 18 специализированных палитр.

Слайд 3

Элементами палитры могут быть: Элементами палитры могут быть кнопки, ползунки, образцы, поля ввода. Кнопка со стрелкой вверху справа открывает меню палитры, где содержатся относящиеся к ней команды. Часто употребляемые команды вынесены в виде кнопок в нижнюю часть палитры. Ярлык с названием, похожий на ярлык каталожной карточки, служит для активизации палитры и для ее перемещения.

Слайд 5

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

Слайд 7

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

Слайд 8

Панель инструментов Photoshop (разные версии)

Слайд 9

Группы инструментов Инструменты выделения Rectangular Marquee Tool . Выделяет прямоугольные области. Для получения квадратной области при ее выделении удерживайте клавишу Shift . Elliptical Mat quee Tool . Выделяет овальные области. Для выделения области в форме круга при ее выделении удерживайте клавишу Shift . Single Rov Marquee Tool , Single Column Marquee Tool . Определяет выделенную область как строку толщиной в один пиксел, проходящую по всему изображению .

Слайд 10

выделения Crop tool . Вырезает из изображения выделенную область, отсекая ненужные фрагменты. Lasso Tool . Выделение областей произвольной формы. Polygonal Lasso Tool . Предназначено для выделения в изображении областей, ограниченных многоугольниками, составленными из отрезков прямых линий произвольной формы. Magnetic Lasso Tool . Используется для создания выделений вокруг объектов. Границы области «цепляются» за края объекта, на которых происходит смена цветового тона и насыщенности. Magic wand . осуществлять навигацию .


Предварительный просмотр:


Подписи к слайдам:

Слайд 1

Инструменты рисования и закрашивания . Healing Brush Tool . Позволяет наносить мягкие мазки основным цветом. Eraser Tool . Используется для удаления оригинальных пикселов изображения путем закрашивания их в цвет фона .

Слайд 3

Инструменты для редактирования . Horizontal Type Tool , Vertical Type Tool . Позволяет создавать битовый горизонтальный и вертикальный текст. Horizontal Type Mask Tool , Vertical Type Mask Tool . Используется для создания выделенной области в форме символов текста

Слайд 4

Инструменты для ретуширования . Smudge Tool . Имитирует эффект размазывания невысохшей краски пальцем. Clone Stamp Tool . Позволяет воспроизводить точные или модифицированные копии элементов изображения и цветовых образцов в том же изображении, либо в другом документе.

Слайд 6

Blur Tool . Позволяет смягчать слишком резкие границы или области в изображении, уменьшая контраст между пикселами. Sharpen Tool . Позволяет повышать четкость изображения, делая слишком мягкие границы более резкими. Dodge Tool . Позволяет осветлять отдельные области изображения. Burn Tool . Затемняет отдельные области изображения. Sponge Tool . Изменяет насыщенность отдельных частей изображения.

Слайд 8

Инструменты настройки рабочей среды . Редактирование в стандартном режиме. Выполняет функции основного режима при работе в Photoshop . В нем выделенные области отображаются с помощью движущейся пунктирной границы.

Слайд 9

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

Слайд 10

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

Слайд 12

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

Слайд 13

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

Слайд 14

Перетаскивание слоя. А теперь посмотрим, что мы можем делать ещё со слоем. Мы можем перетаскивать слой по всему файлу, куда нам заблагорассудится.

Слайд 15

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


Предварительный просмотр:


Подписи к слайдам:

Слайд 1

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

Слайд 2

Создание нового пустого слоя. Чтобы создать новый пустой слой, нужно нажать на иконку в виде квадратика с загнутым листочком в основании палитры слоёв. Фотошоп автоматически создаст слой над выделенным слоем.

Слайд 3

4. Работа с текстом Очень часто рисунки дополняются текстовым сопровождением, которое придаёт осмысленность картинке. При работе с текстом следует помнить одно главное правило - в основе свой шрифты являются одним из видов векторной графики.

Слайд 4

Для создания текста существуют специальные инструменты. Первый инструмент Horizontal Type Tool создаёт текстовый слой, на котором текст размещается совершенно традиционным горизонтальным образом. Второй инструмент Vertical Type Toolсоздаёт текстовый слой, на котром текст размещается сверху вниз. Следующие два инструмента не создают текстового слоя принципиально. Они создают выделение в виде текста, причём инструмент Vertical Type Mask Tool создаёт текстовое выделение которое распологает буквы текста сверху вниз, а Horizontal Type Mask Tool создаёт текстовое выделение слево направо.

Слайд 5

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

Слайд 6

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

Слайд 9

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

Слайд 12

СПИСОК ЛИТЕРАТУРЫ Основная литература: 1. Adobe Photoshop CS официальный учебный курс: Пер. с англ. - М.: Изд-во ТРИУМФ, 2004. - 576 с. ил. 2. Миронов Д.Ф. Основы Photoshop CS2. Учебный курс. - СПб: Питер, 2006. - 384 с. ил. 3. Тутубалин Д.К., Ушаков Д.А. Компьютерная графика. Adobe Photoshop : Учебное пособие. - Томск: Изд. 2-е, 2008. - 131 с. Дополнительная литература: 4. Бурлаков М.В. Эффекты в программах растровой графики. Справочное пособие. - М.: Изд-во ТРИУМФ, 2000. - 70 с. 5. Корабельникова Г.Б. Adobe Photoshop 6.0 в теории и на практике - Минск: Новое знание, 2002. - 147 с. 6. О Квин Д. Допечатная подготовка. Руководство дизайнера: Пер. с англ. - М.: Вильямс, 2002. - 96 с. 7. Петров М.Н, Молочков В.П. Компьютерная графика. - СПб: - Питер, 2002. - 736 с.: ил. 8. Симонович С., Евсеев Г., Алексеев А. Специальная информатика. Учебное пособие. - М.: АСТПРЕСС: Инфорком - Пресс, 1999. - 480 с. 9. Фролов М.И. Учимся рисовать на компьютере: самоучитель для детей и родителей. - М.: ЮНИМЕДИАСТАЙЛ, Лаборатория базовых знаний, 2002. - 157 с. 10. Шнейдеров В. Фотография, реклама, дизайн. Самоучитель. - СПб: - Питер, 2002. - 320 с. Размещено на Allbest.ru


По теме: методические разработки, презентации и конспекты

Календарно-тематическое планирование по дисциплине "Создание и редактирование служебных документов"

Данная дисциплина входит в профессиональный модуль ПМ 04 Организация работы секретаря руководителя....

план урока на тему« Создание и редактирование графических объектов с помощью программ для обработки растровой и векторной графики»

На уроке обучающиеся учатся демонстрировать эффективность применения игровой технологии...

Создание и редактирование формул

Вставка формул, редактирование формул, обтекание рисунка, вставка символов...

Практическая работа «Работа со слоями. Создание коллажа в растровой графике по заданным условиям»

Практическая работа «Работа со слоями. Создание коллажа в растровой графике по заданным условиям» Цель работы: Научиться создавать рисунки из отдельных объектов (графических примитиво...

Текстовый процессор Word: Вставка объектов: рисунков, клипов, формул, диаграмм, организационных схем и т. д. Создание и редактирование иллюстраций средствами встроенного графического редактора Microsoft Office

Текстовый процессор Word: Вставка объектов: рисунков, клипов, формул, диаграмм, организационных схем и т. д. Создание и редактирование иллюстраций средствами встроенного графического редактора M...

Практическая работа. Создание и редактирование таблиц вAccess

формирование навыков создания баз данных, а также таблиц баз данных в режиме Конструктора; отработка навыков определения типов данных....

Методическая разработка задания на практику по теме: "Работа с растровыми изображениями в векторном редакторе. Трассировка"

Методическая разработка практическго урока по профессии 09.01.03 Мастер по обработке цифровой информации.Тема:Технология обработки графической информацииКоличество часов на работу - 6 часов....