Компьютерная графика в дизайне

Материал из Letopisi.Ru — «Время вернуться домой»
(Различия между версиями)
Перейти к: навигация, поиск
(Тема исследования №3:)
(Тема исследования №4:)
Строка 351: Строка 351:
 
== Тема  исследования №4: ==
 
== Тема  исследования №4: ==
  
Закономерности создания композиции в дизайне костюма.]]
+
[[Закономерности создания композиции в дизайне костюма.]]
  
 
== Тема  исследования №5: ==
 
== Тема  исследования №5: ==
  
 
[[Возможности использования  программ компьютерной графики Adobe Photoshop и Corel Draw  в дизайне костюма.]]
 
[[Возможности использования  программ компьютерной графики Adobe Photoshop и Corel Draw  в дизайне костюма.]]

Версия 01:32, 22 января 2007

Мы вступили в XXI век - век новых знаний и способов познания.

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

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

Поэтому, предлагаю провести вам исследование по теме: «Компьютерная графика». Выяснить возможности использования компьютерной графики в дизайне костюма (на примере программ Adobe Photoshop и Corel Draw)

Результаты исследований помогут вам, правильно использовать графические редакторы, вы познакомитесь с приемами работы в них, выявите преимущества и недостатки векторной и растровой графики, определите содержание понятий «дизайн», «дизайн костюма», «творческий эскиз» и самое главное выяснить возможности использования Adobe Photoshop и Corel Draw в дизайне костюма. А определив преимущества и недостатки векторной и растровой графики вы сможете их учитывать в любой сфере дизайна.

Содержание

Описание исследования.

Предмет профильного обучения: информатика.

Тема: «Компьютерная графика».

Возрастная категория исследователей: учащиеся 10 классов.


Дидактические цели:


  • Формирование культуры школьника, под которой понимается умение целенаправленно работать с информацией и использование для этого компьютера;
  • Обучение системному подходу к осмыслению всего, что происходит вокруг, в процессе анализа и исследования структуры информационных объектов и их взаимосвязей.
  • Развитие логического мышления, творческого и познавательного потенциала ребенка, его коммутативных способностей, используя для этого компьютерный инструментарий.
  • Формирование навыков работы в программах компьютерной графики Adobe Photoshop и Corel Draw.
  • Формирование навыков профессионального поведения с принятием новой социальной роли и ломкой в связи с этим психологических барьеров.


Методические задачи:


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


Проблемный вопрос:


Каковы возможности использования компьютерной графики в дизайне костюма

(на примере программ Adobe Photoshop и Corel Draw)?


Темы исследований:

1. Возможности растрового графического редактора Adobe Photoshop.


2. Возможности векторного графического редактора Corel Draw.


3. Преимущества и недостатки растровой и векторной графики на примере программ Adobe Photoshop и Corel Draw.


4. Закономерности создания композиции в дизайне костюма.


5. Возможности использования программ компьютерной графики Adobe Photoshop и Corel Draw в дизайне костюма.


Аннотация:


Этапы проведения исследования:

Тема исследования №1:

Возможности растрового графического редактора Adobe Photoshop.


1. Интернет-ресурсы по теме исследования:

2. Литература:

• Adobe Photoshop 7. Полное руководство Д. Блатнер издательство "ДиаСофтЮП" • 2003 г.

• Photoshop 5.5 для Windows. Библия пользователя Дик Мак-Клелланд 2003г.

• Photoshop 7 для "чайников", Дик Мак-Клелланд, Барбара Обермайер,2002

• Филосова Е.И. Компьютерная графика. Части 1 и 2. Растровая графика. FotoShop. Методические указания /Башкирский государственный аграрный университет.: Уфа, 2001.

• Петров М. Н. Молочков В.П. Компьютерная графика. Питер.2002г.

• Графический дизайн. Тимофеев Г.С. Тимофеева Е.В.


3. Примеры гипотез:


1. Растровый графический редактор Adobe Photoshop может использоваться только для редактирования фотографий.

2. Растровый графический редактор Adobe Photoshop может использоваться только для рисования.

3. Растровый графический редактор Adobe Photoshop может использоваться для работы над фотографиям и созданием своего рисунка.


4. Порядок проведения исследования.


Знакомство с форматами растровой графики, инструментами, эффектами, приемами работы в программе Adobe Photoshop.

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

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

Ответы на поставленные вопросы.

Выводы по полученным результатам.

Оформление результатов исследования. Перечислить возможности растрового графического редактора Adobe Photoshop с представлением примера результата практического применения данной возможности.

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

Представление результатов исследования.

Ответы на возникшие вопросы у «слушателей».

Обсуждение и выводы по теме исследования.

5. Примеры практических работ.


Практическая работа № 1

Тема: «Урок рисования — папирус »

Цель:

  • закрепление практических навыков работы со слоями, операции над слоями, увеличение изображения, заливка, работы с инструментом The lasso tool, карандаш (pencil tool), «волшебная палочка», прямоугольное выделение;
  • формирование знаний, умений и навыков работы с фильтрами.

Оборудование: ПК; Adobe Photoshop

1. Задания и технология выполнения.


1. Создать новое изображение размером 200х200 пикселей.

2. Создать новый слой.

3. На новом слое с помощью инструмента Прямоугольное выделение (Rectangular marquee tool) нарисуем выделение произвольной формы.

4. Залить выделение (Alt+Backspace), предварительно установив Цвет переднего плана (Foreground color) - Черный. (Рис.1, Рис2)

5. Снять выделение - Ctrl+D - и перейдем к команде Фильтр > Штрихи > Брызги (Filter > Brush Strokes > Spatter).

6. Введем следующие значения: Радиус распыления (Spray radius): 10. Сглаживание (Smoothness): 5.

7. Активизировать инструмент Волшебная палочка (Magic wand tool) , в опциях установим Отклонение (Tolerance) равным 5 и щелкнуть в любом месте участка черного цвета.


8. Инвертировать выделение: Выделение > Инвертировать (Select > Inverse) или, что быстрее, Ctrl+Shift+I, нажать Del и снятть выделение - Ctrl+D. Рис.3.

9. Повторить шаги за тем исключением, что в установках параметров фильтра Брызги определим: Радиус распыления (Spray radius): 20. Сглаживание (Smoothness): 15. Рис. 4.

10. В палитре Слои (Layers) поставить флажок рядом с опцией:

PS 5.x: Сохранять прозрачность (Preserve transparancy)

PS 6.x: Блокировка прозрачности (Lock transparent pixels)и залить активный слой светло-желтым или бежевым цветом. Рис.5.

11. Создать новый слой, нажав Ctrl+Shift+N и выбрать в качестве основного коричневый цвет. Активизировать в панели инструментов Аэрограф (Paintbrush); вам понадобиться мягкая кисть диаметром в 100 пикселей. В настройках кисти установить показатель ее непрозрачность (Opacity) в размере 10%.

12. Провести кистью вдоль границ папируса; легкий мазок в центре тоже не повредит. Рис.6.

13. Удерживая Ctrl, щелкнуть по представлению оригинального слоя (Layer 1, если он не был переименован), таким образом выделив его непрозрачность. Инвертировать выделение - Shift+Ctrl+I, нажать Del, чтобы удалить ненужные участки, и снять выделение с помощью комбинации клавиш Ctrl+D. Рис.7.

14.Добавить к изображению немного тени для большей реалистичности.

15. Попробуйте поэкспериментировать с показателями фильтра Брызги (Splatter) и Тени. Рис. 8. Главное - понять процедуру выполнения действий в целом.

Рисунок 1-8


2. Вопросы:

1. Какие инструменты были использованы при создании рисунка?

2. Объясните принцип работы со слоями.

3. Какие преимущества работы со слоями?


3. Литература:

Графический дизайн. Тимофеев Г.С. Тимофеева Е.В.

Практическая работа №2

Тема: «Виньетирование изображения, маскирование фигур» Цель:

  • закрепление практических навыков работы с инструментами выделения в Adobe Photoshop и копирования фрагментов изображения на новый лист;
  • формирование знаний, умений и навыков работы с инструментом движения выделенного фрагмента изображения;

Оборудование: ПК; Adobe Photoshop; файлы изображений могут быть произвольные.

1. Виньетирование изображения.

1.1. Выберите слой в многослойном изображении и выключите кнопку Lock transparent pixels (Блокировать прозрачные точки). Обрамление изображения, которое вы собираетесь создать, будет постепенно переходить в слой или слои, расположенные ниже выделенного.

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

1.2. Активизируйте инструмент Rectangular Marquee или Elliptical Marquee (клавиша М или Shift+M), либо инструмент Lasso (клавиша L или Shift+L).

1.3. На панели опций в поле Feather (Pacтушевывание) введите значение равное 15 или 20 пикселям. В качестве альтернативы можно растушевать выделенную область после ее создания (после шага 4), выбрав команду Select > Feather (Выделить > Растушевать).

Рисунок 1-2


1.4. Создайте выделенную область (рис.1).

1.5. Выполните команду Select > Inverse (Выделить > Инвертировать) или воспользуйтесь комбинацией клавиш Ctrl+ Shift+I. Теперь нажмите клавишу Backspace или Delete.


1.6. Снимите выделение, нажав комбинацию клавиш Ctrl+D - см. рис. 1-5

Рисунок 3-5


2. Маскирование фигур с помощью команды Extract.

Если когда-либо вам приходилось создавать маску для фигуры со сложной границей (человек с курчавыми волосами или пейзаж с животным), вы оцените команду Extract (Извлечь). Самая замечательная ее возможность заключается в том, что создание маски происходит в окне предварительного просмотра прямо в окне Extract (Рис.6), так что вы можете редактировать ее до тех пор, пока не убедитесь, что получили именно тот результат, который нужен. Когда вы нажмете кнопку ОК, замаскированная область будет сохранена, остальные участки станут прозрачными.

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

1. Выберите слой, из которого вы хотите извлечь изображение.

2. Выполните команду Filter > Extract (Фильтр > Извлечь) или нажмите комбинацию клавиш Cfrl+Alt+X. Появится диалоговое окно во весь экран, размер которого можно изменять. Рис. 6.

3. Сначала воспользуйтесь инструментом Edge Highlighter (Выделение границы), чтобы создать маску для границы объекта, а затем активизируйте инструмент Fill (Заливка) и щелкните внутри объекта, чтобы залить его заданным цветом. На панели инструментов диалогового окна (Рис.7) выберите инструмент Edge Highlighter (клавиша В). В группе параметров Tool Options (Опции инструмента), показанной на Рис. 8, введите значение параметра Brush Size (Размер кисти) в пикселях. Чем четче граница объекта, который вы собираетесь извлечь, тем меньший размер кисти вам понадобится. Укажите большой размер кисти, если у фигуры широкие, неровные границы. Выберите цвет выделения в меню Highlight (Выделение) - красный, зеленый или синий. Если вы указали вариант Other (Другое), на панели выбора цветов укажите желаемый оттенок.

4. По желанию. Если вы собираетесь обвести четкие границы (например, геометрической фигуры), установите флажок Smart Highlighting (Умное выделение). Ширина выделения будет минимальной, но достаточной для покрытия границ фигуры независимо от текущего размера кисти.

5. Протащите курсор вокруг границы изображения, которое хотите извлечь. Замкните рамку, чтобы получить замкнутую фигуру. Тащите курсор непосредственно вдоль границы изображения, чтобы «захватить» все завитки или бахрому. Нет необходимости тащить курсор вдоль края холста, если объект простирается настолько далеко.


6. По желанию. Увеличьте значение параметра Smooth (Гладко) в группе Extraction (Извлечение), чтобы исключить ненужные пиксели.

7. На панели инструментов активизируйте инструмент Fill (Заливка), щелкнув по второй по счету пиктограмме или нажав клавишу G, и выберите цвет заливки. Щелкните по области изображения, которую вы хотите извлечь. (Щелкните еще раз, чтобы удалить заливку.)

Для того чтобы извлечь пиксели определенного цвета, вместо использования инструментами Fill (Заливка) установите флажок Force Foreground (Использовать основной цвет), активизируйте инструмент Eyedropper (Пипетка), нажав клавишу I, и щелкните по какому-либо цвету в окне изображения. Либо щелкните по образцу цвета в поле Color и выберите желаемый оттенок на панели выбора цветов.

8. С помощью инструмента Eraser (Ластик), которому соответствует клавиша Е, можно снять маску с определенных областей, если это необходимо. Выберите значение параметра Brush Size (Размер кисти) в группе Tool Options (Опции инструмента).

9. Щелкните по кнопке Preview (Предварительный просмотр), затем в области предварительного просмотра окна Extract выполните любое из указанных ниже действий. Установите флажок/флажки Show Highlight (Показать выделение) и/или Show Fill (Показать заливку).

Выберите в поле Show (Показать) вариант Extracted (Извлеченное), чтобы увидеть извлеченное изображение. Вариант Original (Исходное) позволит вернуться к исходной картинке.

Выберите в поле Display (Отображение) значение None (Нет), чтобы фон был прозрачным. Если вы укажете Black Matte (Черное покрытие), Gray Matte (Серое покрытие) или White Matte (Белое покрытие), извлеченное изображение будет показано на черном, сером или белом фоне соответственно. Вариант Other (Другое) позволяет выбрать иной цвет, а в случае Mask (Маска) удаляемая область станет черной, а защищенная - белой.

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

Воспользуйтесь инструментом Edge Touchup (Коррекция границы) (клавиша Т), который постепенно делает границы более четкими. Измените значение параметра Smooth.

11. Щелкните по кнопке ОК. После этого, если вы захотите восстановить потерянные области, воспользуйтесь инструментом History brush (Восстанавливающая кисть) - см. Рис. 9,10 Для стирания лишнего вручную используйте инструмент Eraser (Ластик). Сохранение контура извлеченного изображения в канале.

Рисунок 6-8


Для того чтобы обведенный маркером участок соответствовал форме выделенной области, создайте такую область, выберите команду Select > Modify > Border (Выделить > Изменить > Граница)', задайте ширину равной примерно 9 пикселям и щелкните по кнопке ОК. Инвертируйте выделенную область и сохраните ее в альфа-канале. Затем выполните команду Image > Extract (Изображение > Извлечь) и из всплывающего меню поля Channel (Канал), находящегося в группе Extraction (Извлечение), выберите этот альфа-канал. И наконец, с помощью клавиши G активизируйте инструмент Fill (Заливка) и щелкните внутри выделенной области.


Вопросы:

1.Для чего может использоваться виньетирование изображения?

2. С помощью, какой команды можно выполнить маскирование фигуру?

Литература:

Графический дизайн. Тимофеев Г.С. Тимофеева Е.В. стр. 91-165.

6. Примеры вопросов, на которые надо ответить в ходе исследования.

Объясните принцип работы со слоями.

Какие преимущества работы со слоями?

Для чего может использоваться виньетирование изображения?

Для чего можно применять эффекты Adobe Photoshop?

Для чего нужны форматы файлов изображений?

Что является элементарным объектом векторной графики?

Какие свойства элементарных объектов вы знаете?

Какие объекты можно получить, комбинируя несколько элементарных объектов?

Какими свойствами обладает результирующий объект?

Какие объекты можно получить, группируя несколько элементарных объектов?

Какими свойствами обладает результирующий объект?

Что такое инструментальные палитры?

Какие палитры используют для управления такими свойствами контуров, как обводка и заливка?

Как изменяется качество изображения при трансформации в зависимости от размера, разрешения исходного материала?

Можно ли рисовать в Adobe Photoshop? Примеры

7. Измерение и контроль результатов самостоятельной работы.

Тест №1

Тема исследования №2:

Возможности векторного графического редактора Corel Draw

Практическая работа №1

Тема исследования №3:

Преимущества и недостатки растровой и векторной графики на примере программ Adobe Photoshop и Corel Draw.

Тест №1

Тема исследования №4:

Закономерности создания композиции в дизайне костюма.

Тема исследования №5:

Возможности использования программ компьютерной графики Adobe Photoshop и Corel Draw в дизайне костюма.

Персональные инструменты
Инструменты