Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Лабораторные работы по компьютерной графике
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

Лабораторные работы по компьютерной графике

Выберите документ из архива для просмотра:

1.64 МБ Photoshop 1.doc
4.16 МБ Photoshop 2.doc
3.64 МБ Photoshop 3.doc
1.99 КБ oblako.gif
2.59 КБ solnze.gif
13.5 КБ Thumbs.db
162.15 КБ asis1.jpg
96.76 КБ asis2.jpg
110.91 КБ asis3.jpg
740.67 КБ rain.jpg

Выбранный для просмотра документ Photoshop 1.doc

библиотека
материалов


PHOTOSHOP 1

Исходные рисунки:

hello_html_m889ecc5.png

hello_html_1e339375.png

Конечное изображение:
hello_html_2fc2ed47.jpg


Новое изображение

- Файл (File) / Новый (New): (задать параметры изображения)

hello_html_m4b1e893d.png

Имя (Name) - имя файла коллаж,

Ширина (Width), Высота (Height) (400 х 400 пиксели (выбрать),

Разрешение (Resolution) – разрешение (для web – 72 пиксели/дюйм),

Режим (Mode) - режим изображения, RGB - Red + Green + Blue - система цветоделения, используемая для графики на веб-сайтах,

Содержание (Contents): Прозрачный (Transparent) - подложка под изображение.

- Файл (File) / Открыть (Open), открыть …Рисунки / solnze.gif, oblako.gif,

- для двух рисунков: Изображение (Image) / Режим (Mode) / RGB color (RGB цвет) (для работы со слоями),

hello_html_746a6d30.png

-hello_html_m3ccda012.gif на панели инструментов (п.и.) – Пипетка (Eyedropper), щ-к на облаке выбран голубой цвет внизу п.и. в верхнем квадрате (двойной щ-к по квадрату вызов палитры), (Окно (Windows) / - вызов панелей инструментов)


(Alt+Ctrl+Zотмена предыдущего действия, Shift+Ctrl+Zвозврат).

hello_html_6eeb6300.png



-hello_html_m3ccda012.gif п.и. Заливка (ведро с краской) (Paint Bucket Tool), щ-к по полю заливка голубым,




hello_html_m2e77227d.png

hello_html_m3ccda012.gif


- инструмент Перемещение (Move tool) (черная стрелка с плюсом), буксировать солнце и облако на голубой фон,



Работа со слоями

- в рисунке – 3 слоя (облако, солнце, фон): окно Слои (Layers) (если нет – Window / Layers (Окно / Слои),

- перемещение слоев – буксировка в окне Слои (Layers),

- 2-ой щ-к на Слой 1, 2… (Layer 1, 2…) - переименовать (облако, солнце, фон),


hello_html_m415dcb02.png

- Слой / Новый / Слой (Layer / New Layer) – создание нового слоя,

- щ-к на слое в окне Слои (Layers) – сделать активным,

- щ-к на «Глаз» - видимый / невидимый слой,

- «Кисть» - редактируемый слой,



-hello_html_3c010bb7.pngкопирование слоя: буксировка активного слоя на значок «Создать новый слой» (Create a new layer) слой с копи (Copy)

(hello_html_m6adc52d9.gifскопировать слой с облаком, отодвинуть одно облако),

-hello_html_175eb04b.gifудаление слоя – буксировка на «Ведро» (Delete layer),

hello_html_4c48a36c.png

Рhello_html_m7e0f949.pngедактирование объектов:

- Редактирование (Edit ) / Free Transform (Произвольная трансформация) - изменение размеров изображения (+Shift – пропорциональное), перемещение изображения по листу ( или +, или стрелки на клавиатуре), вращение и т.д.

- Enterвыход из режима Произвольной трансформации (Free Transform),

-hello_html_m416e2830.png Редактирование (Edit ) / Transform (Трансформация) /

- (Отразить) Flip – зеркально,

- Поворот (Rotate) – поворот на точное кол-во градусов; на 180о, 90 ПоЧС (CW)90о градусов по часовой стрелке, 90 ПрЧС (CCW) - против,

Масштаб (Scale) - изменить размеры картинки (также, как и с Free Transform, только без вращения),

Наклон (Skew) - наклонить картинку,

Искривление (Distort) - искажение изображения, Перспектива (Perspective).

(Enterприменить трансформацию).

hello_html_m4bcac2a4.png

(расположить элементы рисунка как на примере, перемещение слоев – в окне «Слои»)





Кhello_html_m669f7f5c.pnghello_html_m3ccda012.gifадрирование (Crop Tool) – изменение размеров холста - растянуть рамку, можно корректировать, Enter – обрезка области



Градиенты

hello_html_m3a92c98a.png

- переключиться на слой с фоном,

- п.и. Градиент (Gradient Tool) (из под Заливка (Paint Bucket Tool) - = Окно / Настройки (Window - Options),



hello_html_247b9272.pnghello_html_75a07efd.gif

-hello_html_m399790d0.gif выбрать способ заливки (линейная, круговая, угловая …),

-hello_html_m28c6306d.gif из списка выбрать тип заливки - Foreground to Background (первый) - градиент из основного цвета – синий в цвет фона – белый (изменить цвет – 2-ой щ-к по квадрату),


- Режим (Mode)Обычный (normal),

- Непрозрачность (Opacity)- 50-60 % (100 % - непрозрачная заливка),

- растянуть линию из левого верхнего угла рисунка в правый нижний (чем короче линия, тем контрастнее переход).

hello_html_md84e04b.png

Результат:


Сhello_html_m5c4e8ac0.pngохранение изображения

Файл (File) / Сохранить как (Save As) - *.psd (формат Adobe Photoshop),

(*.jpg, *.gif, *.png - графические файлы в форматах для web),

Файл (File) / Сохранить для Web (Save for web):

- JPEG, Quality (качество) – 45-52, Save, (потеря в качестве, нет слоев).




Выбранный для просмотра документ Photoshop 2.doc

библиотека
материалов

PHOTOSHOP 2

Создание составных изображений

Исходные изображения:


hello_html_72b73767.jpghello_html_m228edeac.jpghello_html_m71e4fd2d.jpg


Создать изображение 900 х 700 пикселов.

Открыть три рисунка в Photoshop.


hello_html_690d9f89.pnghello_html_69638009.gifhello_html_7d24e710.gif


- Лупа (Zoom),

+ - увеличить,

- уменьшить масштаб просмотра,

(щ-к +Altобратное действие)

Заголовок рисунка – масштаб в %

(100% - реальный).









- пр. кн. / Контекстное меню:
Показать во весь экран (Fit on screen),

Фактический размер (Actual Pixels) – 100%,

Размер печатного оттиска (Print Size),

Приблизить (Zoom in),

Отдалить (Zoom out)

+ опции на панели вверху (как и для каждого иструмента)

Пhello_html_m7f12c3b2.pnghello_html_7d24e710.gifhello_html_m32ab4d03.pngрямоугольник (Rectangular Marquee Tool), выбрать рыцаря на мотоцикле.

Редактирование / Копировать, /Вставить
(Edit / Copy, / Paste) вставить изображение на холст.

Изображение / Размер холста (можно изменить)







Эллипс (Elliptical Marquee Tool), выделить голову, руку, торс.


Копировать на холст выделенный фрагмент.







hello_html_m2f02960.png



Лассо (Lasso), выделить крыло, копировать на холст.


или Многоугольное лассо (Polygonal Lasso), щ-ки, BackSpace – убрать неправильный отрезок.








hello_html_72b63ec9.pngРезультат:



Закрыть исходные рисунки.


Сохранить холст в формате *.psd.







Изображение (Image) / Режим (Mode) / Черно/Белый (Grayscale) – придание однородности цвета.


Не объединять слои! (Don`t Merge)

hello_html_m6878a6fe.pnghello_html_m555c0b7d.png

hello_html_360c8ea0.png



Оставить видимым слой с рыцарем.


Многоугольное лассо (Polygonal Lasso) + Лупа, выделить кольчугу, скопировать на холст новый слой.








Пhello_html_m32630a6b.jpgереключиться на слой с рыцарем,

выделить перчатку,

копировать на холст слой с перчаткой.



hello_html_160cc57f.jpgАналогичнонога и брюки;

щит 4 новых слоя:


hello_html_4df711bb.png


hello_html_m3a526da7.jpg
- сделать невидимыми 4 новых слоя и слой с рыцарем;

- переключиться на слой с мужчиной и львом, сделать видимым;

- выделить руку, затем голову;

- копировать и вставлять выделенные фрагменты, переключаясь на новый слой;

- 6 новых слоев.


hello_html_m3d496b94.jpghello_html_m5ce9ee64.jpg
















- сделать невидимым слой с мужчиной и львом,

- четыре фрагмента рыцаря сделать видимыми,

- переключаясь между слоями и передвигая (инструмент Перемещение (Move tool) (черная стрелка с плюсом)) и вращая фрагменты Произвольная трансформация (Free Transform), получаем следующее:

-hello_html_5f57e0f2.jpg создать новый слой с рукой (копирование слоев),

- развернуть руку по горизонтали,

- повернуть до нужного положения,

- развернуть перчатку,

- порядок слоев:

1. щит,

2. доспех,

3. перчатка,

4. рука,

5. нога,

6. голова.




Корректировка изображения:


hello_html_532f85f3.jpg- обрезать кисти рук и выпирающие части рук (над доспехами и по бокам доспехов):

выделить многоугольным лассо, Редактирование / Резать (Edit / Cut)

(переключиться на новый слой!);

- ногу скопировать новым слоем (сделать нижним);



hello_html_65fc0489.jpg





- переместить ногу, щит на руку, перчатку – на другую.









Иhello_html_1c59616a.jpgсправление ноги:


- переключиться на слой с ногой;

- при помощи Многоугольного лассо (Polygonal Lasso) выделить часть ноги,

- вырезать и вставить обрезанное новым слоем разделение ноги на два фрагмента;

- переключиться на слой с новым фрагментом, повернуть;

- разрезать нижнюю часть ноги, при помощи Произвольной трансформации (Free Transform) привести к:


hello_html_8b83074.jpg




hello_html_77ef277a.jpg





hello_html_8e6fa.jpg




- сопоставить фрагменты:





- создать новый слой (Слой / Новый / Слой (Layer / New Layer), переключиться на него;

- инструмент Многоугольное лассо (Polygonal Lasso), дорисовать пятку:


-hello_html_m1899133e.jpg инструмент «пипетка», взять цвет со светлой части сапога;

- Заливка (Paint Bucket Tool) (ведро с краской), щ-к по выделенной области;

- снять выделение, создать новый слой, создать область на пятке для тени:

- залить тень более темным цветом;


-hello_html_m75818b46.jpgаналогичные операции проделать с рукой,

- положить тень под щит,

- положить щит на руку.




Работа с крыльями:

hello_html_5c9abf78.jpg
















hello_html_2c2d007.jpg


- переключиться на слой с крылом,

- обвести лассо, копировать,

- вставить фрагмент на холст;

- развернуть крыло;

- создать копию слоя с крылом;

- развернуть зеркально по горизонтали;

- разрезать на 2 части;

- развернуть, положить по руке под щит:







Окрашивание:


- сохранить файл;

- Слой / Выполнить сведение (Layer / Merge Visible) – объединение всех слоев;

- Многоугольное лассо (Polygonal Lasso), выделить волосы;

- создать новый слой, переключиться на него (не снимая выделения);

-hello_html_57470eaa.jpg выбрать из палитры цветов коричневато-желтоватый цвет, залить выделение;

- на панели управления слоями, опция Непрозрачность (Opacity) – 45-50%;


- аналогично закрасить все остальное:

(выделяем фрагмент - новый слой - закрашиваем - прозрачность);

hello_html_mc1f7d14.jpg







hello_html_m2939a8e9.jpg

8


Выбранный для просмотра документ Photoshop 3.doc

библиотека
материалов

PHOTOSHOP 3

Контрастные изображения

Работа с текстом


- открыть файл / rain.jpg;

- выделить прямоугольной областью (Rectangular Marquee Tool) фрагмент текстуры, предварительно установить - Стиль: Фиксированный размер (Fixed Size), ширина (width):1024 пкс (px), высота (height): 768 пкс (px) – обои для рабочего стола под расширение;

! по умолчанию – измерение в см;

hello_html_m45544fe7.png



















- щ-к по изображению появится прямоугольник заданного фиксированного размера;

- не переключаясь на другие инструменты, подвинуть прямоугольник по холсту;

- Редактирование / Копировать (прямоугольник в буфер);

- Файл / Новый (File / New), вставить фрагмент, сохранить как *.psd

(размеры нового изображении = выделенному фрагменту);

hello_html_52dd1634.png












Изменение фона

(Задача: убрать белый фон)


- инструменты для выделения однородного пространства

1. Волшебная палочка (Magic Wand Tool).

- щ-к по белому фону общее выделение; (Выделение / Убрать выделение);


hello_html_m1fcecefb.png















2. Выделение / Цветовой диапазон (Select / Color Range).

- сделать все слои невидимыми, слой с текстурой – активным (кисть);

- пипеткой (Eyedropper Tool), выбрать белый цвет с изображения;

- Выделение / Цветовой диапазон (Select / Color Range);


hello_html_1382b65f.png










- выбрать опции как на примере, ОК все белое пространство выделяется;

- Редактирование / Резать (Edit / Cut);


- проверить: Изображение / Режим / RGB цвет (Image / Mode / RGB color)$

-hello_html_m1392022d.pngИзображение / Регулировки / Цветовой баланс (Image / Adjustments / Color Balance);

- добавить голубого (cyan) и синего (blue)
ОК:


- создать залитый белым слой под текстурой;

- создать залитый голубым слой над текстурой, прозрачность 20-40%;



hello_html_6acf5f3e.png















Создание текста

- выбрать черный цвет на палитре;

- инструмент Текст (Text);

- установить параметры текста на панели опций (шрифт, начертание, размер, цвет);

- щ-к на изображении создание нового слоя, набрать текст;


hello_html_59062ff9.pnghello_html_mb27a297.gif

















- кнопка «Искаженный текст», выбрать стиль (Style), задать опции искажения ОК;

hello_html_m716a8b16.png













- переместить текст, изменить в режиме произвольной трансформации;

hello_html_m45370a0e.png







- активен слой с текстом, инструмент Волшебная палочка (Magic Wand Tool);

- щ-к по букве «Д», щ-ки + Shift по остальным буквам;

- передвинуть выделение на текстуру, не выключая Волшебной палочки;


hello_html_5232166a.png






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

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

hello_html_7eca6250.png












5


Краткое описание документа:

В сборнике представлены три лабораторные работы для учащихся 9 - 11 классов, которые могут быть использованы при изучении темы "Компьютерная графика".В сборнике подробно описана работа с графическим редактором Photoshop. Первая работа - это введение в Photoshop. В ней учащиеся знакомятся с правилами создания новых изображений, панелей инструментов. Вторая работа - создание составных изображений. Третья работа - контрастные изображения и работа с текстом. В прикрепленном файле имеются файлы исходных изоражений к каждой лабораторной работе. Сборник может быть использован и при проведении факультативных занятий.

Автор
Дата добавления 14.01.2015
Раздел Информатика
Подраздел Конспекты
Просмотров614
Номер материала 298288
Получить свидетельство о публикации

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

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