KNOWLEDGE HYPERMARKET


Работа с графическим редактором растрового типа. Полные уроки
м
 
(2 промежуточные версии не показаны)
Строка 1: Строка 1:
-
'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]&gt;&gt;[[Информатика]]&gt;&gt;[[Информатика 8 класс. Полные уроки]]&gt;&gt;Информатика: Работа с графическим редактором растрового типа.''' <br>  
+
'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]&gt;&gt;[[Информатика]]&gt;&gt;[[Информатика 8 класс. Полные уроки]]&gt;&gt;Информатика: Работа с графическим редактором растрового типа.''' <br>
-
<metakeywords>Информатика, класс, урок, на тему, 8 класс, Работа с графическим редактором растрового типа.</metakeywords><br>  
+
<metakeywords>Информатика, класс, урок, на тему, 8 класс, Работа с графическим редактором растрового типа.</metakeywords><br>
-
'''Тема: '''Работа с графическим редактором растрового типа.<br>
+
== Тема ==
-
'''Цель:''' Ознакомить с представителями растровых графических редакторов и подать основы работы с ними. <br>  
+
*'''Работа с графическим редактором растрового типа.'''<br>
-
В данный момент на рынке прикладного программного обеспечения существуют множество предложений редакторов, обрабатывающих графику и цифровые фото. Графический редактор – программа, позволяющая создавать и редактировать двумерные изображения с помощью ПК. Соответственно, растровый графический редактор специализируется на редактировании растровых изображений (смотри предыдущий урок).<br>
+
== Цель ==
-
Именно такие редакторы стали очень популярны среди как домашних пользователей так и художников-иллюстраторов и широко используются при допечатной подготовке и для публикации в интернете. Растровые редакторы позволяют обрабатывать изображения «на мониторе», сразу выдавая результат и сохранять готовые работы в растровых форматах (''JPEG, GIF,TIFF'').  
+
*Ознакомить с представителями растровых графических редакторов и подать основы работы с ними. <br>
-
'''Условия пользования. '''<br>
+
== Ход урока ==
-
Все растровые редакторы (в принципе, как и любое другое программное обеспечение) делятся на <u>свободное (бесплатное) и проприетарное (на платной основе).</u> <br>  
+
=== Редактор растрового типа ===
 +
 
 +
В данный момент на рынке прикладного '''[[Программное обеспечение компьютера. Полные уроки|программного обеспечения]]''' существуют множество предложений редакторов, обрабатывающих графику и '''[http://xvatit.com/photoredaktor/ цифровые фото]'''. '''[[Презентация на тему: Графический редактор|Графический редактор]]''' – программа, позволяющая создавать и редактировать двумерные изображения с помощью ПК. Соответственно, '''[[Работа с графическим редактором растрового типа|растровый графический редактор]]''' специализируется на редактировании растровых изображений (смотри предыдущий урок).
 +
 
 +
Именно такие редакторы стали очень популярны среди как домашних пользователей так и '''[http://xvatit.com/busines/jobs-career/ художников-иллюстраторов]''' и широко используются при допечатной подготовке и для публикации в интернете. Растровые редакторы позволяют обрабатывать изображения «на мониторе», сразу выдавая результат и сохранять готовые работы в растровых форматах (''JPEG, GIF,TIFF'').
 +
 
 +
&nbsp;
 +
 
 +
=== Условия пользования ===
 +
 
 +
Все '''[[Растровая и векторная графика. Полные уроки|растровые редакторы]]''' (в принципе, как и любое другое программное обеспечение) делятся на <u>свободное (бесплатное) и проприетарное (на платной основе).</u> <br>
К''свободным'' относятся GIMP, Paint.NET, Tux Paint, Krita.  
К''свободным'' относятся GIMP, Paint.NET, Tux Paint, Krita.  
-
[[Image:Гимммп.jpg]]  
+
[[Image:Гимммп.jpg|480px|Растровый редактор GIMP]]  
-
<br>  
+
<br>
-
К ''платным'' - Adobe Photoshop (самый известный и популярный коммерческий редактор), Corel Photo-Paint, Corel Painter, Microsoft Paint, Microsoft Photo Editor, PhotoFiltre, SAI  
+
К ''платным'' - Adobe Photoshop (самый известный и популярный коммерческий редактор), Corel Photo-Paint, Corel Painter, '''[[Конспект уроку на тему: «Робота з графічним редактором Paint»|Microsoft Paint]]''', Microsoft Photo Editor, PhotoFiltre, SAI  
-
<br> '''Adobe Photoshop '''<br>
+
=== Adobe Photoshop ===
-
Программа Фотошоп (так читается) разработанная фирмой ''Adobe Systems''. Именно эта программа является лидером в сфере обработки растровой графики. Фотошоп разработан для создания и изменения фотографических снимков и других картинок, находящихся на дисках компьютера или на внешних накопителях.  
+
Программа '''[http://xvatit.com/relax/photoshop-online.php Фотошоп]''' (так читается) разработанная фирмой ''Adobe Systems''. Именно эта программа является лидером в сфере обработки растровой графики. Фотошоп разработан для создания и изменения фотографических снимков и других картинок, находящихся на дисках компьютера или на внешних накопителях.  
-
[[Image:Шопфотоокно.jpg|748x596px|Шопфотоокно.jpg]] <br>  
+
[[Image:Шопфотоокно.jpg|480px|Adobe Photoshop ]] <br>
-
<br>  
+
<br>
Программа делает коллажи с фотографий, ретуширует, добавляет спецэффекты, копирует и вставляет детали одного изображения в другое, вводит текст, добавляет цвета в изображения и многое другое.  
Программа делает коллажи с фотографий, ретуширует, добавляет спецэффекты, копирует и вставляет детали одного изображения в другое, вводит текст, добавляет цвета в изображения и многое другое.  
 +
 +
&nbsp;
{{#ev:youtube|s6dJZ-rpTRE}}  
{{#ev:youtube|s6dJZ-rpTRE}}  
-
<br>  
+
<br>
Средства Фотошопа прекрасно совмещаются с графическими планшетами – это дает возможность создавать очень динамическую и реалистичную графику, не хуже созданных маслом или акварелью.  
Средства Фотошопа прекрасно совмещаются с графическими планшетами – это дает возможность создавать очень динамическую и реалистичную графику, не хуже созданных маслом или акварелью.  
-
Одним из преимуществ Фотошопа является поддержка множеств ''цветовых моделей: ''<br>  
+
Одним из преимуществ Фотошопа является поддержка множеств ''цветовых моделей: ''<br>
-
*RGB<br>
+
*RGB
-
*CMYK<br>
+
*CMYK
-
*LAB<br>
+
*LAB
-
*Градации серого  
+
*Градации серого
*Индексированные цвета  
*Индексированные цвета  
-
*Дуплексные
+
*Дуплексные  
 +
 
{{#ev:youtube|-6TRwrbM9Es&amp;feature=related}}  
{{#ev:youtube|-6TRwrbM9Es&amp;feature=related}}  
-
<br>  
+
<br>
Фотошоп прекрасно подходит для работы с:  
Фотошоп прекрасно подходит для работы с:  
Строка 62: Строка 75:
- личными произведениями искусства, нарисованных для эстетического удовлетворения&nbsp;:)  
- личными произведениями искусства, нарисованных для эстетического удовлетворения&nbsp;:)  
-
<br>  
+
<br>
-
{{#ev:youtube|1LRQq5gfZmg}}<br>  
+
{{#ev:youtube|1LRQq5gfZmg}}<br>
-
<br>  
+
<br>
-
'''Работа в редакторе.''' '''Выделение областей'''.
+
=== Работа в редакторе ===
 +
 
 +
==== Выделение областей ====
При работе с Фотошопом, как и у любой другой прикладной программы, нужно выделить какой-нибудь фрагмент изображения, то есть требуется пометить границы отдельной части рисунка, которую пользователь хочет изменить или отредактировать. Чтобы выделить часть изображения в программе рисования, надо окружить ее контуром выделения. Он отображается в виде пунктирной линии или «бегущими муравьями».  
При работе с Фотошопом, как и у любой другой прикладной программы, нужно выделить какой-нибудь фрагмент изображения, то есть требуется пометить границы отдельной части рисунка, которую пользователь хочет изменить или отредактировать. Чтобы выделить часть изображения в программе рисования, надо окружить ее контуром выделения. Он отображается в виде пунктирной линии или «бегущими муравьями».  
 +
 +
&nbsp;
{{#ev:youtube|DZ1LLgP8uVc}}  
{{#ev:youtube|DZ1LLgP8uVc}}  
 +
 +
&nbsp;
Для выделения объектов, Фотошоп предоставляет множество инструментов. Их можно активировать не только с помощью мыши, но также и с клавиатуры.  
Для выделения объектов, Фотошоп предоставляет множество инструментов. Их можно активировать не только с помощью мыши, но также и с клавиатуры.  
-
<br>  
+
<br>
-
[[Image:Интсвіа.jpg]]<br>  
+
[[Image:Интсвіа.jpg|480px|Обзор панели инструментов Adobe Photoshop ]]<br>
-
<br>  
+
<br>
Каждый инструмент соответствует конкретной клавише. К примеру, выделить область можно с помощью таких инструментов:  
Каждый инструмент соответствует конкретной клавише. К примеру, выделить область можно с помощью таких инструментов:  
Строка 90: Строка 109:
*В режиме быстрой маски
*В режиме быстрой маски
-
<br>  
+
<br>
-
[[Image:Виделл.jpg]] <br>  
+
[[Image:Виделл.jpg|480px|Группа инструментов]] <br>
-
<br>  
+
<br>
-
После выделения желательно растушевать выделенную областей для того, чтобы после перемещения в другой рисунок этот фрагмент выглядел «мягко» и без обрывистых участков. Опция '''Feather (Растушевка)''' находится в меню '''Выделение''', подменю '''Модификация.''' <br>  
+
После выделения желательно растушевать выделенную областей для того, чтобы после перемещения в другой рисунок этот фрагмент выглядел «мягко» и без обрывистых участков. Опция '''Feather (Растушевка)''' находится в меню '''Выделение''', подменю '''Модификация.''' <br>
-
----
+
<br><br>
-
<br>
+
[[Image:Evolucia inst.jpg|480px|Эволюция панели инструментов]]
-
[[Image:Evolucia inst.jpg]]
+
<br><br>
-
----
+
==== Добавление эффектов в изображение ====
-
<br>  
+
Программа Photoshop, имеет в своем арсенале много средств для додавання в рисунок или фотографию различных эффектов. Например, существует набор так званих фильтров (меню Фильтр).<br>
-
'''Добавление эффектов в изображение.'''
+
<br>
-
Программа Photoshop, имеет в своем арсенале много средств для додавання в рисунок или фотографию различных эффектов. Например, существует набор так званих фильтров (меню Фильтр).<br>
+
[[Image:Акврель.jpg|480px|Добавление эффектов в изображение]]
-
<br>  
+
<br>
-
[[Image:Акврель.jpg|811x498px|Акврель.jpg]]
+
Группа фильтров иммитаций или искажений может в секунды изменять вид всего изображения или его части. Можно иммитировать интересный эффект – солнечный блик, который получается при восприятии оптикой света. Зайдите в меню '''Фильтр – Рендеринг – Блик.'''
-
<br>  
+
[[Image:Блиик.jpg|480px|Добавление эффектов в изображение]] <br>
-
Группа фильтров иммитаций или искажений может в секунды изменять вид всего изображения или его части. Можно иммитировать интересный эффект – солнечный блик, который получается при восприятии оптикой света. Зайдите в меню'''Фильтр – Рендеринг – Блик.'''
+
==== Добавление цветов ====
-
 
+
-
[[Image:Блиик.jpg]] <br>
+
-
 
+
-
'''Добавление цветов.<br>'''
+
Если Вам нужно расскрасить черно-белое фото – то это не проблема. Именно с помощью Фотошопа можно проделать такие операции как добавление цвета в фото.  
Если Вам нужно расскрасить черно-белое фото – то это не проблема. Именно с помощью Фотошопа можно проделать такие операции как добавление цвета в фото.  
Строка 129: Строка 144:
*выделить объект  
*выделить объект  
-
*зайти в меню '''Изображения – Коррекция – Цветовой Баланс '''  
+
*зайти в меню '''Изображения – Коррекция – Цветовой Баланс'''  
*в открывшемся окне передвинуть позиции в сторону нужного цвета<br>
*в открывшемся окне передвинуть позиции в сторону нужного цвета<br>
-
<br>
+
&nbsp;[[Image:Кольоровва.jpg|480px|Добавление цветов]]
-
. [[Image:Кольоровва.jpg]]
+
== Вопросы ==
-
<br> '''Вопросы: '''  
+
''1. Что представляет собой растровый редактор изображений?''
-
1. Что представляет собой растровый редактор изображений?
+
''2. Назовите представителей свободных и платных растровых редакторов.''
-
2. Назовите представителей свободных и платных растровых редакторов.
+
''3. Зачем нужно выделять и растушевывать области?''
-
3. Зачем нужно выделять и растушевывать области?  
+
''4. Какими инструментами это делается?''
-
4. Какими инструментами это делается?  
+
''5. Что такое фильтр?''
-
5. Что такое фильтр?
+
<br>
-
<br>
+
== Список использованных источников ==
-
''Список использованных источников:''  
+
''1. Урок на тему: «Растровый редактор Adobe Photoshop CS2», Бильчук А. Б., г. Минск.''
-
1. Урок на тему: «Растровый редактор Adobe Photoshop CS2», Бильчук А. Б., г. Минск.
+
''2. Дик Мак-Клелланд Photoshop CS. Библия пользователя. – Диалектика, 2006 г.''
-
2. Дик Мак-Клелланд Photoshop CS. Библия пользователя. – Диалектика, 2006 г.  
+
''3. Гурский Ю.А., Васильев А.В. Photoshop CS. Трюки и эффекты,- СПб.: Питер, 2005 г.''
-
3. Гурский Ю.А., Васильев А.В. Photoshop CS. Трюки и эффекты,- СПб.: Питер, 2005 г.
+
''4. Комолова Н. В., Яковлева Е. С. Adobe Photoshop CS3. Мастер-класс. — СПб.: БХВ-Петербург, 2007''
-
4. Комолова Н. В., Яковлева Е. С. Adobe Photoshop CS3. Мастер-класс. — СПб.: БХВ-Петербург, 2007
+
''5. Панюкова Т. А. GIMP и Adobe Photoshop. Лекции по растровой графике. - Либроком, 2010 г.''
-
5. Панюкова Т. А. GIMP и Adobe Photoshop. Лекции по растровой графике. - Либроком, 2010 г.
+
''6. www.progimp.ru''
 +
 
 +
----
-
6. www.progimp.ru
 
-
<br>
 
''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса <br>Шевченко Соловьевым М. С.''  
''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса <br>Шевченко Соловьевым М. С.''  
-
<br>  
+
<br>
 +
 
 +
----
 +
 
 +
'''Над уроком работали'''
 +
 
 +
Соловьев М. С.
 +
 
 +
Бильчук А. Б.
 +
 
 +
----
-
Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].
+
<br>
-
Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].  
+
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
[[Category:Информатика_8_класс]]
[[Category:Информатика_8_класс]]

Текущая версия на 18:31, 24 сентября 2012

Гипермаркет знаний>>Информатика>>Информатика 8 класс. Полные уроки>>Информатика: Работа с графическим редактором растрового типа.


Содержание

Тема

  • Работа с графическим редактором растрового типа.

Цель

  • Ознакомить с представителями растровых графических редакторов и подать основы работы с ними.

Ход урока

Редактор растрового типа

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

Именно такие редакторы стали очень популярны среди как домашних пользователей так и художников-иллюстраторов и широко используются при допечатной подготовке и для публикации в интернете. Растровые редакторы позволяют обрабатывать изображения «на мониторе», сразу выдавая результат и сохранять готовые работы в растровых форматах (JPEG, GIF,TIFF).

 

Условия пользования

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

Ксвободным относятся GIMP, Paint.NET, Tux Paint, Krita.

Растровый редактор GIMP


К платным - Adobe Photoshop (самый известный и популярный коммерческий редактор), Corel Photo-Paint, Corel Painter, Microsoft Paint, Microsoft Photo Editor, PhotoFiltre, SAI

Adobe Photoshop

Программа Фотошоп (так читается) разработанная фирмой Adobe Systems. Именно эта программа является лидером в сфере обработки растровой графики. Фотошоп разработан для создания и изменения фотографических снимков и других картинок, находящихся на дисках компьютера или на внешних накопителях.

Adobe Photoshop


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

 



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

Одним из преимуществ Фотошопа является поддержка множеств цветовых моделей:

  • RGB
  • CMYK
  • LAB
  • Градации серого
  • Индексированные цвета
  • Дуплексные




Фотошоп прекрасно подходит для работы с:

- изображениями, созданными цифровыми фотокамерами

- фотоснимками, полученными с помощью сканера

- эмблемами, логотипами с нечеткими краями, тенями и бликами

- личными произведениями искусства, нарисованных для эстетического удовлетворения :)





Работа в редакторе

Выделение областей

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

 


 

Для выделения объектов, Фотошоп предоставляет множество инструментов. Их можно активировать не только с помощью мыши, но также и с клавиатуры.


Обзор панели инструментов Adobe Photoshop


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

  • Прямоугольная и овальная область
  • Группа инструментов Лассо
  • Быстрое выделение
  • Волшебная палочка
  • В режиме быстрой маски


Группа инструментов


После выделения желательно растушевать выделенную областей для того, чтобы после перемещения в другой рисунок этот фрагмент выглядел «мягко» и без обрывистых участков. Опция Feather (Растушевка) находится в меню Выделение, подменю Модификация.



Эволюция панели инструментов



Добавление эффектов в изображение

Программа Photoshop, имеет в своем арсенале много средств для додавання в рисунок или фотографию различных эффектов. Например, существует набор так званих фильтров (меню Фильтр).


Добавление эффектов в изображение


Группа фильтров иммитаций или искажений может в секунды изменять вид всего изображения или его части. Можно иммитировать интересный эффект – солнечный блик, который получается при восприятии оптикой света. Зайдите в меню Фильтр – Рендеринг – Блик.

Добавление эффектов в изображение

Добавление цветов

Если Вам нужно расскрасить черно-белое фото – то это не проблема. Именно с помощью Фотошопа можно проделать такие операции как добавление цвета в фото.

Итак, для этого нужно:

  • выделить объект
  • зайти в меню Изображения – Коррекция – Цветовой Баланс
  • в открывшемся окне передвинуть позиции в сторону нужного цвета

 Добавление цветов

Вопросы

1. Что представляет собой растровый редактор изображений?

2. Назовите представителей свободных и платных растровых редакторов.

3. Зачем нужно выделять и растушевывать области?

4. Какими инструментами это делается?

5. Что такое фильтр?


Список использованных источников

1. Урок на тему: «Растровый редактор Adobe Photoshop CS2», Бильчук А. Б., г. Минск.

2. Дик Мак-Клелланд Photoshop CS. Библия пользователя. – Диалектика, 2006 г.

3. Гурский Ю.А., Васильев А.В. Photoshop CS. Трюки и эффекты,- СПб.: Питер, 2005 г.

4. Комолова Н. В., Яковлева Е. С. Adobe Photoshop CS3. Мастер-класс. — СПб.: БХВ-Петербург, 2007

5. Панюкова Т. А. GIMP и Adobe Photoshop. Лекции по растровой графике. - Либроком, 2010 г.

6. www.progimp.ru



Отредактировано и выслано преподавателем Киевского национального университета им. Тараса
Шевченко Соловьевым М. С.



Над уроком работали

Соловьев М. С.

Бильчук А. Б.



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

Предмети > Информатика > Информатика 8 класс