Компьютерная графика и web-дизайн
Покупка
Основная коллекция
Тематика:
Общая информатика
Издательство:
Издательский Дом ФОРУМ
Под ред.:
Гагарина Лариса Геннадьевна
Год издания: 2020
Кол-во страниц: 400
Дополнительно
Вид издания:
Учебное пособие
Уровень образования:
Среднее профессиональное образование
ISBN: 978-5-8199-0790-0
ISBN-онлайн: 978-5-16-106582-2
Артикул: 682954.04.01
К покупке доступен более свежий выпуск
Перейти
Учебное пособие «Компьютерная графика и web-дизайн» посвящено работе с компьютерной графикой, включая создание анимации, а также основам web-дизайна. Книга знакомит с работой в следующих программах: Adobe Photoshop CS5, Adobe Flash CS5, а также c созданием web-страниц с помощью программы Блокнот.
Предложен теоретический и практический материал. В теоретической части рассматриваются различные аспекты компьютерного дизайна и современные подходы к созданию web-страниц. В практической части описываются основные приемы работы в изучаемой программной среде и задания с подробными инструкциями по выполнению. Дополнительные материалы, иллюстрирующие теоретическую часть учебника, и материалы, необходимые для выполнения практических заданий, представлены в электронно-библиотечной системе Znanium.com.
Пособие предназначено для студентов, изучающих дисциплину «Информатика», преподавателей, слушателей курсов повышения квалификации, а также для широкого круга пользователей персональных компьютеров, самостоятельно изучающих программные продукты.
Тематика:
ББК:
УДК:
ОКСО:
- Среднее профессиональное образование
- 09.02.01: Компьютерные системы и комплексы
- 09.02.02: Компьютерные сети
- 09.02.03: Программирование в компьютерных системах
- 09.02.04: Информационные системы (по отраслям)
- 09.02.05: Прикладная информатика (по отраслям)
- 09.02.06: Сетевое и системное администрирование
- 09.02.07: Информационные системы и программирование
- 09.02.08: Интеллектуальные интегрированные системы
- 54.02.01: Дизайн (по отраслям)
ГРНТИ:
Только для владельцев печатной версии книги: чтобы получить доступ к дополнительным материалам, пожалуйста, введите последнее слово на странице №3 Вашего печатного экземпляра.
Ввести кодовое слово
ошибка
-
Облако\Глава 1\ps-1_Контрольная-1\Вариант 1\
-
Thumbs.db
-
_Вариант-1.jpg
-
пингвин.bmp
-
тайланд.jpg
-
фиджи.jpg
-
-
Облако\Глава 1\ps-1_Контрольная-1\Вариант 2\
-
Thumbs.db
-
_Вариант-2.jpg
-
марокко.jpg
-
тунис.jpg
-
-
Облако\Глава 1\ps-1_Контрольная-1\Вариант 3\
-
_Вариант-3.jpg
-
венеция.jpg
-
германия.jpg
-
лондон.jpg
-
париж.jpg
-
-
Облако\Глава 1\ps-1_Контрольная-1\Вариант 4\
-
_Вариант-4.jpg
-
альпы.jpg
-
сидней.jpg
-
япония.jpg
-
-
Облако\Глава 1\ps-1_Контрольная-1\Вариант 5\
-
_Вариант-5.jpg
-
яхта.jpg
-
-
Облако\Глава 1\ps-1_Контрольная-2\Задание 1\
-
dodge_viper.jpg
-
Font.txt
-
Thumbs.db
-
_SportAuto.jpg
-
-
Облако\Глава 1\ps-1_Контрольная-2\Задание 2\
-
Font.txt
-
Thumbs.db
-
_IrisDesign.jpg
-
дом1.jpg
-
дом2.jpg
-
дом3.jpg
-
полоски-текстура.gif
-
-
Облако\Глава 1\ps-1_Контрольная-2\Задание 3\
-
A_Action.jpg
-
Ch_Chester.jpg
-
D_Dolphin.gif
-
F.jpg
-
F_Frog.jpg
-
I_Ice.jpg
-
L_Lilya.gif
-
Q.jpg
-
Thumbs.db
-
А.jpg
-
Б.jpg
-
Задание 3.doc
-
К.jpg
-
Р.jpg
-
У.jpg
-
Ю.jpg
-
Я.jpg
-
-
Облако\Глава 1\ps-1_Практика-1\
-
Кремль.jpg
-
Московский_Кремль.jpg
-
-
Облако\Глава 1\ps-1_Практика-1\Обрезка\
-
Доспехи.jpg
-
Кошка1.JPG
-
Кошка2.JPG
-
Кошка3.JPG
-
Школа.JPG
-
-
Облако\Глава 1\ps-1_Практика-1\Поворот\
-
Дания.bmp
-
Лужники.jpg
-
Москва.jpg
-
-
Облако\Глава 1\ps-1_Практика-1\Размеры\
-
Море_и_сосны.jpg
-
Раковины.jpg
-
Фотоаппарат.jpg
-
-
Облако\Глава 1\ps-1_Практика-2\Выделение\
-
1_Rectangular_Marquee.jpg
-
2_Eleptical_Marquee.jpg
-
3_Magic_Wand.jpg
-
4_Lasso.jpg
-
5_Poligonal_Lasso.jpg
-
6_Magnetic_Lasso.jpg
-
7_Type_Mask.jpg
-
8_Quick_Mask.jpg
-
-
Облако\Глава 1\ps-1_Практика-3\
-
Transform.psd
-
-
Облако\Глава 1\ps-1_Практика-4\Animals\
-
Animals.jpg
-
коза.gif
-
лошадь.gif
-
обезьяна.gif
-
трава.jpg
-
-
Облако\Глава 1\ps-1_Практика-4\
-
metall.jpg
-
-
Облако\Глава 1\ps-1_Практика-5\
-
Flowers.jpg
-
Vector_Flower.abr
-
Кисти - Открытка Vector_Flower.jpg
-
Кисти - Пейзаж 1.jpg
-
Кисти - Пейзаж 2.jpg
-
Кисти - Фредди ты где Kitties.jpg
-
Кисти Стили Шрифт - Открытка.jpg
-
Фрактальные узоры_Fractal.abr
-
Цветочный_орнамент_Floral ornamenst.abr
-
-
Облако\Глава 1\ps-1_Практика-6\
-
Лужники.jpg
-
НЛО.jpg
-
-
Облако\Глава 1\ps-1_Теория\Виды графики\3d-графика\
-
3d_дельфины.jpg
-
3d_диназавр.jpg
-
3d_корабль.jpg
-
3d_меч.jpg
-
3d_натюрморт.jpg
-
3d_фрукты.jpg
-
Thumbs.db
-
-
Облако\Глава 1\ps-1_Теория\Виды графики\
-
Thumbs.db
-
-
Облако\Глава 1\ps-1_Теория\Виды графики\Вектор\
-
kot.swf
-
Thumbs.db
-
Vector_Example.jpg
-
vector_leaf.jpg
-
Рисунок.jpg
-
Ценники.jpg
-
Эмблема.jpg
-
-
Облако\Глава 1\ps-1_Теория\Виды графики\Растр\
-
Gif-анимация.gif
-
Pixel-Example.png
-
raster_leaf.jpg
-
Thumbs.db
-
Рамка фотографии.png
-
Фон.jpg
-
Фотография.jpg
-
-
Облако\Глава 1\ps-1_Теория\Виды графики\Фрактал\
-
1.jpg
-
2.jpg
-
3.jpg
-
4.jpg
-
Fractal_2d_pattern_1.jpg
-
Fractal_3d_broccoli.jpg
-
Thumbs.db
-
-
Облако\Глава 1\ps-1_Теория\Колометрический круг\2 цвета\
-
1_через1_Ж-О.jpg
-
1_через1_Жз-Жо.jpg
-
1_через1_Жо-Ко.jpg
-
1_через1_З-Ж.jpg
-
1_через1_К-Ф.jpg
-
1_через1_Ко-Кф.jpg
-
1_через1_Кф-Сф.jpg
-
1_через1_О-К.jpg
-
1_через1_С-З.jpg
-
1_через1_Сз-Жз.jpg
-
1_через1_Сф-Сз.jpg
-
1_через1_Ф-С.jpg
-
2_контраст_Ж-Ф.jpg
-
2_контраст_Жо-Сф.jpg
-
2_контраст_К-З.jpg
-
2_контраст_Ко-Сз.jpg
-
2_контраст_Кф-Жз.jpg
-
2_контраст_О-С.jpg
-
3_светлота_Ж-Ф.jpg
-
3_светлота_Жо-Сф.jpg
-
3_светлота_К-З.jpg
-
3_светлота_Кф-Жз.jpg
-
3_светлота_С-О.jpg
-
3_светлота_Сз-Ко.jpg
-
4_родственно-контраст_Жз-Ко.jpg
-
4_родственно-контраст_Жз-Сз.jpg
-
4_родственно-контраст_Кф-Ко.jpg
-
4_родственно-контраст_Сз-Кф.jpg
-
-
Облако\Глава 1\ps-1_Теория\Колометрический круг\3 цвета\
-
1_равностор_Ж-К-С.jpg
-
1_равностор_Жо-Кф-Сз.jpg
-
1_равностор_Ко-Сф-Жз.jpg
-
1_равностор_О-Ф-З.jpg
-
2_равнобедр_Ж-Кф-Сф.jpg
-
2_равнобедр_Жз-К-Ф.jpg
-
2_равнобедр_Жо-Ф-С.jpg
-
2_равнобедр_З-Ко-Кф.jpg
-
2_равнобедр_К-Сз-Жз.jpg
-
2_равнобедр_Ко-С-З.jpg
-
2_равнобедр_Кф-З-Ж.jpg
-
2_равнобедр_О-Ф-Сз.jpg
-
2_равнобедр_С-Жо-Ко.jpg
-
2_равнобедр_Сз-О-К.jpg
-
2_равнобедр_Сф-Ж-О.jpg
-
2_равнобедр_Ф-Жз-Жо.jpg
-
-
Облако\Глава 1\ps-1_Теория\Колометрический круг\4 цвета\
-
1_квадрат_Ж-Ко-Ф-Сз.jpg
-
1_квадрат_Жо-К-Сф-З.jpg
-
1_квадрат_О-Кф-С-Жз.jpg
-
2_прямоуг_Ж-О-Ф-С.jpg
-
2_прямоуг_Жо-Ко-Сф-Сз.jpg
-
2_прямоуг_Жо-Кф-Сф-Жз.jpg
-
2_прямоуг_К-Ф-С-Ж.jpg
-
2_прямоуг_Ко-Кф-Сз-Жз.jpg
-
2_прямоуг_О-К-С-З.jpg
-
3_трапеция_Ж-Жо-Кф-С.jpg
-
3_трапеция_Жз-Ж-К-Сф.jpg
-
3_трапеция_Жо-О-Ф-Сз.jpg
-
3_трапеция_З-Жз-Ко-Ф.jpg
-
3_трапеция_К-Кф-Сз-Ж.jpg
-
3_трапеция_Ко-К-С-Жз.jpg
-
3_трапеция_Кф-Ф-З-Жо.jpg
-
3_трапеция_О-Ко-Сф-З.jpg
-
3_трапеция_С-Сз-Жо-К.jpg
-
3_трапеция_Сз-З-О-Кф.jpg
-
3_трапеция_Сф-С-Ж-Ко.jpg
-
3_трапеция_Ф-Сф-Жз-О.jpg
-
-
Облако\Глава 1\ps-1_Теория\Колометрический круг\6 цветов\
-
основные_Ж-Ф-О-С-К-З.jpg
-
смешанные_Жо-Сф-Ко-Кф-Сз-Жз.jpg
-
-
Облако\Глава 1\ps-1_Теория\Колометрический круг\
-
Круг Иттена.jpg
-
Круг Иттена.psd
-
Цветовые созвучия.psd
-
-
Облако\Глава 1\ps-1_Теория\Типы изображений\
-
Bitmap.bmp
-
Grayscale.jpg
-
Indexed.png
-
RGB.jpg
-
Thumbs.db
-
-
Облако\Глава 1\ps-1_Теория\Цветовые модели\
-
CMY.png
-
RGB.png
-
Thumbs.db
-
цветовой_охват.png
-
-
Облако\Глава 2\ps-2_Практика-1\Color Replacement\
-
Исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-1\Healing Brush\
-
Исходник.jpg
-
Результат.jpg
-
-
Облако\Глава 2\ps-2_Практика-1\Patch Tool\
-
Исходник.jpg
-
Результат.jpg
-
-
Облако\Глава 2\ps-2_Практика-2\Colors\
-
исходник.jpg
-
памятные цвета.jpg
-
результат.jpg
-
-
Облако\Глава 2\ps-2_Практика-2\Curves\
-
Thumbs.db
-
исходник1.jpg
-
исходник2.jpg
-
результат.jpg
-
-
Облако\Глава 2\ps-2_Практика-2\Histogram\
-
1.jpg
-
2.jpg
-
3.jpg
-
gist1.jpg
-
gist2.jpg
-
gist3.jpg
-
-
Облако\Глава 2\ps-2_Практика-2\Levels\
-
исходник.jpg
-
результат.jpg
-
-
Облако\Глава 2\ps-2_Практика-3\Shadows and Higlights\
-
исходник.jpg
-
исходник2.jpg
-
-
Облако\Глава 2\ps-2_Практика-3\Режимы наложения\
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-4\Liquify\
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-4\Vanishing point\
-
граффити.jpg
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-5\Apply Image\
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-5\Channel work\
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-6\Lab Channels\
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_Практика-6\Lab Curves\
-
исходник.JPG
-
-
Облако\Глава 2\ps-2_Практика-7\web\
-
исходник.jpg
-
-
Облако\Глава 2\ps-2_теория\LAB\
-
0Исходное изображение для восстановления цвета.jpg
-
1Результат проведения коррекции при помощи инструмента Curves в модели Lab.jpg
-
Изменение цвета изображения с помощью каналов LAB.jpg
-
Преобразование цветов дерева при помощи каналов Lab.jpg
-
Пример изображения для изменения цвета в пространстве Lab.jpg
-
Создание полутонового изображения из канала яркости L.jpg
-
Фотография для работы в пространстве Lab.jpg
-
-
Облако\Глава 2\ps-2_теория\LAB\Apply Image\
-
Исходник для повышения цветности изображения.jpg
-
Увеличение цветности изображения при помощи Apply Image в пространстве Lab.jpg
-
-
Облако\Глава 2\ps-2_теория\Анализ фото по гистограмме\
-
Внешний вид изображения до и после коррекции.jpg
-
Засвеченная фотография и ее гистограмма.jpg
-
Затемненная фотография и ее гистограмма.jpg
-
Обычная фотография и ее гистограмма.jpg
-
-
Облако\Глава 2\ps-2_теория\Каналы\
-
Исходное изображение для перевода в градации серого.jpg
-
Объект для выделения с помощью Channels.jpg
-
Отображение фотографии в различных каналах.jpg
-
Сравнение двух методов создания преобразования цветного изображения в полутоновое.jpg
-
-
Облако\Глава 2\ps-2_теория\
-
Различные вариации одного изображения.jpg
-
Фотография с розами.jpg
-
-
Облако\Глава 2\ps-2_теория\Разные эффекты\
-
00_Исходное изображение (старый домик).jpg
-
01_Изображение без деталей, после использования размытия.jpg
-
02_Выделение краев изображения при помощи фильтров.jpg
-
03_Результат преобразования при помощи режимов наложения.jpg
-
04_Результат художественного преобразования.jpg
-
10_Изображение для которого будут применятся эффекты постеризации.jpg
-
11_Результат работы фильтра Surface Blur.jpg
-
12_Результат работы фильтра Cutout.jpg
-
13_Результат работы фильтра Poster Edges.jpg
-
14_Создание эффекта постера для изображения.jpg
-
15_Применение дополнительных эффектов.jpg
-
-
Облако\Глава 2\ps-2_теория\Режимы наложения\
-
Пример цветовой гаммы.jpg
-
Слой, к которому применяем режим наложения.jpg
-
-
Облако\Глава 2\ps-2_теория\Фильтры\
-
Результат работы фильтра Colored Pencil.jpg
-
Результат работы фильтра Cutout.jpg
-
Эффект контурного выделения на примере изображения с подсолнухом.jpg
-
Эффект мазков у фильтра Angled Strokes.jpg
-
-
Облако\Глава 3\wd_Практика-1\Создание простой таблицы\
-
Простая таблица.html
-
-
Облако\Глава 3\wd_Практика-1\Создание сложных таблиц\
-
Таблица со списком.html
-
-
Облако\Глава 3\wd_Практика-1\Ссылки\
-
main.html
-
Простая таблица.html
-
Таблица со списком.html
-
Флаг.html
-
-
Облако\Глава 3\wd_Практика-1\Флаг\
-
Флаг.html
-
-
Облако\Глава 3\wd_Практика-2\block content\
-
index.html
-
style.css
-
-
Облако\Глава 3\wd_Практика-2\blocks\
-
index.html
-
style.css
-
-
Облако\Глава 3\wd_Практика-2\CSS\
-
index.html
-
style.css
-
-
Облако\Глава 3\wd_Практика-3\error\
-
index.html
-
-
Облако\Глава 3\wd_Практика-4\
-
Макет разметки сайта.jpg
-
-
Облако\Глава 3\wd_Практика-5\center\
-
index.html
-
style.css
-
-
Облако\Глава 3\wd_Практика-5\Сайт\css\
-
style.css
-
-
Облако\Глава 3\wd_Практика-5\Сайт\images\
-
bg-featured.png
-
bg-figure.png
-
bg-header.gif
-
bg-logo.png
-
bg-nav-left-selected.gif
-
bg-nav-left-selected1.gif
-
bg-nav-left.gif
-
bg-nav-right-selected.gif
-
bg-nav-right-selected1.gif
-
bg-nav-right.gif
-
bg-nav-selected.gif
-
bg-sidebar-footer.jpg
-
bg-sidebar-heading.jpg
-
bg-sidebar.jpg
-
featured.jpg
-
frame.png
-
great-site.jpg
-
icons.png
-
site1.jpg
-
site2.jpg
-
site3.jpg
-
site4.jpg
-
skinhead.png
-
-
Облако\Глава 3\wd_Практика-5\Сайт\images\icons\
-
googleplus-hover.png
-
googleplus.png
-
icon-facebook-hover.png
-
icon-facebook.png
-
icon-twitter2-hover.png
-
icon-twitter2.png
-
pinterest-hover.png
-
pinterest.png
-
-
Облако\Глава 3\wd_Практика-5\Сайт\
-
index.html
-
-
Облако\Глава 4\flash_Контрольная\
-
Вариант 1 ny340x440.swf
-
Вариант 2 ny340x440.swf
-
Вариант 3 ny340x440.swf
-
-
Облако\Глава 4\flash_Практика-1\
-
leave.swf
-
smile.swf
-
привет.swf
-
-
Облако\Глава 4\flash_Практика-2\
-
apple-pear-hint.swf
-
apple-pear.swf
-
Thumbs.db
-
дерево.swf
-
океан.swf
-
полет птицы.swf
-
-
Облако\Глава 4\flash_Практика-3\
-
auto-mask.fla
-
auto-mask.swf
-
sanibig.jpg
-
НовыйГод.swf
-
-
Облако\Глава 4\flash_Практика-3\Flash-презентация\
-
car-black.jpg
-
car-blue.jpg
-
car-red.jpg
-
car-white.jpg
-
car-yellow.jpg
-
foggy_-_come_into_my_dream.mp3
-
fon_1.jpg
-
fon_2.jpg
-
fon_3.jpg
-
fon_4.jpg
-
fon_5.jpg
-
Thumbs.db
-
-
Облако\Глава 4\flash_Теория\Flash-баннеры\
-
234x200_Nissan.swf
-
240x400_Optix.swf
-
240x400_Umanetto.swf
-
240x400_WiFi.swf
-
240x400_Игры.swf
-
300x250_Qwerty.swf
-
500x200_Агент.swf
-
500x200_Фото.swf
-
600x90_Games.swf
-
735x90_Sony.swf
-
760x90_J7.swf
-
760x90_Woman.swf
-
-
Облако\Глава 4\flash_Теория\Flash-ролики\
-
akula.swf
-
ant.swf
-
avia33.swf
-
braza.swf
-
cat.swf
-
cats12.swf
-
ciborg.swf
-
emerg.swf
-
friends.swf
-
hedg.swf
-
koshmar.swf
-
mailcorp_eng.swf
-
monkey.swf
-
room.swf
-
sea12.swf
-
sezz.swf
-
smile.gif
-
ustal.swf
-
Лето.swf
-
Смайлики.swf
-
-
Облако\Глава 4\flash_Теория\Работы слушателей\
-
nyc01.swf
-
nyc02.swf
-
nyc03.swf
-
nyc04.swf
-
nyc05.swf
-
nyc07.swf
-
nyc08.swf
-
nyc09.swf
-
snezhki.swf
-
Автомобильчик.swf
-
Акула.swf
-
Байкал и леопард.swf
-
Белка.swf
-
Гарфилд.swf
-
Клип.swf
-
Кот.swf
-
Лыжи.swf
-
Особенности сотовой связи.swf
-
Червяк.swf
-
Скопировать запись
Компьютерная графика и web-дизайн, 2023, 682954.09.01
Компьютерная графика и web-дизайн, 2022, 682954.07.01
Компьютерная графика и web-дизайн, 2021, 682954.06.01
Фрагмент текстового слоя документа размещен для индексирующих роботов
КОМПЬЮТЕРНАЯ ГРАФИКА И WEB-ДИЗАЙН Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин Под редакцией Л.Г. Гагариной Рекомендовано Учебно-методическим советом по среднему профессиональному образованию в качестве учебного пособия для студентов, обучающихся по УГС 09.02.00 «Информатика и вычислительная техника» УЧЕБНОЕ ПОСОБИЕ Москва ИД «ФОРУМ» — ИНФРА-М 2020
УДК 004.921(075.32) ББК 85.15я723 Н50 Немцова Т.И. Н50 Компьютерная графика и web-дизайн : учебное пособие / Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин ; под ред. Л.Г. Гагариной. — Москва : ИД «ФОРУМ» : ИНФРА-М, 2020. — 400 с. + Доп. материалы [Электронный ресурс]. — (Среднее профессиональное образование). ISBN 978-5-8199-0790-0 (ИД «ФОРУМ») ISBN 978-5-16-013955-5 (ИНФРА-М, print) ISBN 978-5-16-106582-2 (ИНФРА-М, online) Учебное пособие «Компьютерная графика и web-дизайн» посвящено работе с компьютерной графикой, включая создание анимации, а также основам web-дизайна. Книга знакомит с работой в следующих программах: Adobe Photoshop CS5, Adobe Flash CS5, а также c созданием web-страниц с помощью программы Блокнот. Предложен теоретический и практический материал. В теоретической части рассматриваются различные аспекты компьютерного дизайна и современные подходы к созданию web-страниц. В практической части описываются основные приемы работы в изучаемой программной среде и задания с подробными инструкциями по выполнению. Дополнительные материалы, иллюстрирующие теоретическую часть учебника, и материалы, необходимые для выполнения практических заданий, представлены в электронно-библиотечной системе Znanium.com. Пособие предназначено для студентов, изучающих дисциплину «Информатика», преподавателей, слушателей курсов повышения квалификации, а также для широкого круга пользователей персональных компьютеров, самостоятельно изучающих программные продукты. УДК 004.921(075.32) ББК 85.15я723 Р е ц е н з е н т ы: доктор технических наук, профессор кафедры «Информатика и программное обеспечение вычислительных систем» Национального исследовательского университета «МИЭТ» О.И. Лисов; кандидат технических наук, доцент Института государственного управления, права и инновационных технологий А.В. Барышев ISBN 978-5-8199-0790-0 (ИД «ФОРУМ») ISBN 978-5-16-013955-5 (ИНФРА-М, print) ISBN 978-5-16-106582-2 (ИНФРА-М, online) Материалы, отмеченные знаком , доступны в электронно-библиотечной системе Znanium.com © Немцова Т.И., Казанкова Т.В., Шнякин А.В., 2014 © ИД «ФОРУМ», 2014
Предисловие Учебное пособие «Компьютерная графика и webдизайн» отражает технологию работы в наиболее распространенных на сегодняшний день программных продуктах. Книга предназначена для тех, кто хочет получить навыки работы с компьютерной графикой, включая создание анимации, а также познакомиться с основами webдизайна. Цель учебного пособия — научить: • основным понятиям компьютерной графики, а также основам построения композиции и подбора цвета; • создавать растровые изображения и проводить коррекцию изображений средствами программы Adobe Photoshop CS5; • создавать webсайты, используя текстовый редактор Блокнот, учитывая современные требования в области webдизайна; • разрабатывать анимацию средствами программы Adobe Flash CS5. В данном пособии возможности программных продуктов вы осваиваете, сочетая изучение теоретического материала с практическими заданиями, что является наиболее эффективным способом изучения нового материала. Материал пособия разбит на четыре главы. Первая глава посвящена основам работы в программе. Во второй главе рассматриваются профессиональные приемы коррекции фотографий в программе Adobe Photoshop CS5. Третья глава посвящена разработке webсайтов. Четвертая глава знакомит с принципами создания анимации в программе Adobe Flash CS5. Все главы книги состоят из занятий, которые необходимо выполнять последовательно, не пропуская предыдущие. Каждое последующее занятие раскрывает дополнительные возможности изучаемых программных продуктов, основываясь на знаниях,
полученных при изучении материала предыдущих занятий. Целью любого занятия является постепенное, шаг за шагом, освоение технологии работы в изучаемой программной среде. Каждое занятие пособия состоит из теоретической и практической частей. В теоретической части излагаются сведения, необходимые для получения практических навыков в программной среде. Практическая часть делится на два раздела: основные приемы работы и задания. Раздел «Основные приемы работы» представляет собой краткую справку, в которой описывается выполнение тех команд, которые нужно освоить в данном занятии. В разделе «Задания» подробно описывается технология работы для достижения поставленной в задании цели. При возникновении вопросов в процессе выполнения задания рекомендуется вновь обращаться к разделу «Основные приемы работы». В конце занятия даются контрольные вопросы для закрепления материала. 4 Предисловие Дополнительные материалы, доступные в электронно-библиотечной системе Znanium.com, содержат иллюстрации, дополняющие теоретическую часть пособия, а также материал, необходимый для выполнения практических заданий. Методика, которая положена в основу изложения материала, позволяет существенно ускорить процесс освоения программной среды, достаточно быстро сформировать целостное представление о технологии работы и ее возможностях для решения профессиональных задач. Выполнив все задания пособия, вы приобретете устойчивые навыки работы в изучаемой программной среде. Книга рекомендуется в качестве пособия по курсу «Информатика» для средних и высших учебных заведений. Она также может использоваться как самоучитель, с помощью которого за короткое время вы самостоятельно освоите актуальные компьютерные технологии, поймете, где и как их применять в своей деятельности. Данное пособие является результатом многолетней методической и преподавательской работы в Центре компьютерного обучения Московского института электронной техники (WWW.ckomiet.ru).
Глава 1 РАСТРОВАЯ ГРАФИКА. ADOBE PHOTOSHOP, ЧАСТЬ 1 Фирма Adobe Systems Incorporated является лидером на рынке программного обеспечения для настольных издательских систем. Особое место среди продуктов фирмы занимает программа Photoshop. Эту программу ежедневно используют в своей работе и дизайнеры, и фотографы, и специалисты по рекламе, и работники сети Интернет. Сфера применения программы столь же широка, как и ее распространение. Глава 1 посвящена изучению основных возможностей и задач программы Photoshop. Рассматриваются все необходимые для работы инструменты — вы научитесь выделять изображение, работать со слоями, освоите технику рисования в этой программе. Большое внимание уделено общим вопросам компьютерной графики. В теоретической части введены определения понятий, которые должен знать каждый работающий в области компьютерного дизайна. В практической части даны не только советы по работе с графикой, но также приведены подробные объяснения выполнения различных операций по созданию и обработке изображений. Разделы «Основные приемы работы» могут быть использованы как справочное пособие. Изучив эту главу, вы научитесь: • проводить трансформацию изображения (изменять размер, поворачивать, обрезать); • работать с фрагментами изображения (выделять, трансформировать);
• создавать изображение с помощью инструментов рисования и заливки; • применять эффекты к слоям; • работать с текстом в растровом изображении; • использовать векторные возможности программы Photoshop. 1.1. ЗАНЯТИЕ 1 Понятие компьютерной графики Цель занятия: 1) познакомиться с видами и особенностями компьютерной графики; 2) освоить основные приемы работы в программе Photoshop. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ. Виды компьютерной графики. Размер и разрешение растровых изображений. Интерфейс программы Adobe Photoshop CS5 1. Виды компьютерной графики Компьютерная графика — раздел информатики, который изучает средства и способы создания и обработки графических изображений при помощи компьютерной техники. Различают два основных вида компьютерной графики. Это растровая графика и векторная графика. Отдельно стоят фрактальный тип представления данных и трехмерная графика. Все виды графики отличаются принципами формирования изображения при отображении на экране монитора или при печати на бумаге. Растровая графика. Растровое изображение — это прямоугольная (растровая) сетка пикселей на компьютерном мониторе, бумаге и других отображающих устройствах и материалах. Пиксель (англ. pixel, сокр. от англ. PICture'S ELement, элемент изображения) — это мельчайшая единица цифрового изображения в растровой графике. Он представляет собой неделимый объект прямоугольной (обычно квадратной) формы, обладающий определенным цветом. Любое растровое компьютерное изображение состоит из пикселей, расположенных по строкам и столбцам. При увеличении изображения видны ряды пикселей. 6 Глава 1. Растровая графика. Adobe Photoshop, часть 1
Максимальная детализация растрового изображения задается при его создании и не может быть увеличена. Если увеличивается масштаб изображения, пиксели превращаются в крупные зерна и напоминают мозаику. Никаких дополнительных деталей при увеличении растрового изображения рассмотреть не удается. От количества пикселей зависит детальность изображения. Чем больше количество пикселей и чем меньше их размеры, тем лучше выглядит изображение. Пиксели, сливаясь на расстоянии, создают ощущение цветовых переходов. Достоинства растровой графики: • можно воспроизвести любой рисунок — и условный, схематичный, и фотографического качества; • растровая графика используется сейчас практически везде — от маленьких иконок до плакатов. Недостатки растровой графики: • большой размер, занимаемый файлами; • потеря качества изображения при операциях трансформирования. Форматы растровых графических файлов: • PSD (PhotoShop Document) — формат файла для редактирования в Photoshop. В этом формате сохраняются все слои рисунка; • JPEG (Joint Photographic Expert Group — название организации, которая разработала этот стандарт) — сжатый формат для размещения рисунка на webстранице. В формате JPEG сохраняются фотографии, рисунки с большим количеством цветов и плавными переходами цветов (градиентная заливка); • GIF (Graphic Interchange Format — формат графики компании CompuServe) — сжатый формат для размещения рисунка на webстранице и для анимационных рисунков. В формате GIF сохраняются рисунки с небольшим количеством цветов и резкими границами между цветами (типа мультика), а также рисунки, содержащие много текста. Формат GIF поддерживает только 256 цветов, но позволяет сохранять прозрачный фон рисунка; • PNG (Portable Network Graphics — портативная сетевая графика) — улучшенный формат, замена JPEG (PNG24) и GIF (PNG8). В формате PNG нельзя сохранить анимацию. Векторная графика. Векторное изображение представляет собой набор объектов — линий или примитивных геометрических фигур 1.1. Понятие компьютерной графики 7
(окружности, прямоугольники). Этим объектам присваиваются атрибуты — форма линии, ее толщина, цвет, характер линии (сплошная, пунктирная и т. п.) и цвет заполнения. Векторный рисунок хранится в файле как набор координат, векторов и других чисел, характеризующих объекты рисунка. Все современные компьютерные видеодисплеи способны отображать информацию только в растровом формате. Для отображения векторного формата на растровом используются преобразователи, программные или аппаратные, встроенные в видеокарту. Также существует узкий класс устройств, ориентированных исключительно на отображение векторных данных. К ним относятся графопостроители, а также некоторые типы лазерных проекторов. Векторные изображения используются при компьютерном черчении, создании технической иллюстрации, деловой графики, шрифтов, векторной анимации. Достоинства векторной графики: • небольшой размер файла; • нет потери качества при операциях трансформирования объектов; • векторные изображения на растровых устройствах выводятся с максимальным качеством, доступным на этом устройстве. Недостатки векторной графики: • не каждый объект может быть изображен в векторном виде, например фотографии; • чем больше число объектов, тем больше памяти и времени требуется на отображение и обработку векторного рисунка. Фрактальные изображения. Фрактал — это рисунок, который состоит из подобных между собой элементов. Построение фрактального рисунка осуществляется по какомулибо алгоритму или путем автоматической генерации изображений при помощи вычислений по конкретным формулам. Изменения значений в алгоритмах или коэффициентов в формулах приводят к модификации этих изображений. Главным преимуществом фрактальной графики является то, что в файле фрактального изображения сохраняются только алгоритмы и формулы. 3Dграфика. Трехмерная графика (3Dграфика) изучает приемы и методы создания объемных моделей объектов, которые максимально соответствуют реальным. Такие объемные изображения можно вращать и рассматривать со всех сторон. 8 Глава 1. Растровая графика. Adobe Photoshop, часть 1
2. Размер и разрешение растровых изображений Растровое изображение (растровая сетка) содержит цифровую информацию о цвете каждой точки изображения — пикселя. Растровые изображения хранятся в памяти компьютера в цифровой форме. Параметры растровых изображений: • размер растровой сетки (количество пикселей); • разрешение устройства вводавывода (размер элемента изображения). Устройства вывода. Изображение отображается устройствами вы вода: монитором или принтером. Элементы растровой сетки монитора также называются пикселями. В принтере растровую сетку формируют пятна краски или тонера, эти пятна называются точками. Устройства ввода. В память компьютера изображения могут попадать через сканер или цифровую камеру. Сканер измеряет размер бумажного оригинала в точках по горизонтали и вертикали. В цифровой камере также фиксируется свет, но отраженный не от бумаги или пленки, а от реальных предметов. Все растровые устройства используют регулярную (то есть с одинаковыми интервалами) прямоугольную растровую сетку. Поэтому все растровые изображения имеют прямоугольную форму, которую можно измерить в пикселях по ширине и высоте, например: 800×600, 1024×768. Разрешение — это основная характеристика устройств ввода и вывода, которая показывает, сколько точек растровой сетки приходится на единицу длины (сантиметр или дюйм). Разрешение измеряется в точках на дюйм (dpi — dot per inch) или точках на сантиметр (dpc — dot per centimeter). Пример. Если принтер может печатать с максимальным разрешением 1200 dpi, то это значит, что он на одном дюйме (2,54 см) может уместить 1200 цветных пятен. Если 1200 dpi — это максимальное разрешение сканера, это значит, что на одном дюйме сканируемого рисунка сканер способен различить 1200 цветных точек. В мониторах стандартным является разрешение 72 или 96 dpi. Размер изображения. Точки и пиксели в устройствах ввода и вывода имеют строго определенный размер. Чем выше разрешение устройства, тем мельче точки растра. Мелкие детали изображения передаются лучше, если разрешение устройства высокое, а значит, точки растра мелкие. 1.1. Понятие компьютерной графики 9
Определение физического размера изображения. Вычисляется физический размер по следующей формуле: ширина в пикселях / разрешение. Результат получается в дюймах. Если разрешение монитора 96 dpi, то изображение 100×100 пикселей будет иметь размеры 2,65×2,65 см. Например, при разрешение 72 dpi то же изображение имело бы другой размер — 3,53×3,53 см. Вывод: чем больше разрешение изображения, тем меньше его физический размер. Если вы сканируете рисунок, который будет использоваться на webстраницах, разрешение изображения может быть от 72 до 150 dpi. Но если вы готовите изображение для полиграфической печати, то его разрешение должно быть от 150 до 300 dpi. 3. Интерфейс программы Adobe Photoshop CS5 Adobe Photoshop — известный графический редактор, предназначенный для создания и редактирования графики. В нем можно сделать различные текстовые эффекты, коллажи из фотографий, графику для сайтов (webдизайн), различные фантастические изображения, спецэффекты, фоновые изображения и так далее. Окно программы Photoshop CS5 представлено на рис. 1.1. 10 Глава 1. Растровая графика. Adobe Photoshop, часть 1 Рис. 1.1. Окно программы Photoshop
К покупке доступен более свежий выпуск
Перейти