Содержание учебного пособия "Компьютерная графика (Photoshop + GIMP)"Цель написания - обеспечение учеников и преподавателей учебным пособием по технологиям создания и обработки графики в Photoshop и GIMP. Метод изложения - сопоставление основных операций. Содержание пособия: Глава 1. Растровая графика 3 1.1. Растровое изображение 3 1.2. Разрешение графического изображения 3 1.2.1. Разрешение сканера 4 1.2.2. Разрешение монитора 4 1.2.3. Разрешение принтера 5 1.3. Кодирование цвета 5 1.4. Модели цвета 5 1.4.1. Модель RGB 5 1.4.2. Модели CMY и CMYK 6 1.4.3. Модель Lab 6 1.4.4. Модель HSB 6 1.5. Типы графических изображений 6 1.5.1. Чёрно-белое изображение 6 1.5.2. Изображение в градациях серого 7 1.5.3. Полноцветное изображение 7 1.5.4. Изображение с индексированными цветами 7 1.6. Форматы записи графической информации 8 1.6.1. Формат bitmap 8 1.6.2. Формат JPEG 8 1.6.3. Формат GIF 8 1.6.4. Формат TIFF 9 1.6.5. Формат PNG 9 1.6.6. Формат PSD 9 1.6.7. Формат XCF 9 Глава 2. Графические редакторы Photoshop и GIMP 9 2.1. Возможности редакторов Photoshop и GIMP 10 2.2. Элементы окна Photoshop и GIMP 10 2.2.1. Панель инструментов Photoshop 10 2.2.2. Панель инструментов GIMP 12 2.2.3. Панель свойств текущего инструмента 13 2.2.4. Индикации основного цвета и цвета фона 13 2.3. Выбор цвета 14 2.3.1. Photoshop 14 2.3.2. GIMP 16 2.4. Подготовка к работе с новым изображением 17 2.4.1. Photoshop 17 2.4.2. GIMP 18 2.5. Элементы структуры рабочего поля 20 2.5.1. Линейки в Photoshop 20 2.5.2. Направляющие в Photoshop 20 2.5.3. Сетка в Photoshop 21 2.5.4. Линейки в GIMP 22 2.5.5. Направляющие в GIMP 23 2.5.6. Сетка в GIMP 24 2.6. Закрытие окна редактора 25 Глава 3. Инструменты Photoshop 25 3.1. Инструмент «Карандаш» 25 3.2. Инструмент «Кисть» 26 3.3. Инструмент «Линия» 28 3.4. Инструмент «Прямоугольник» 29 3.5. Инструмент «Скругленный прямоугольник» 30 3.6. Инструмент «Полигон» 31 3.7. Инструмент «Эллипс» 31 3.8. Инструмент «Градиент» 32 3.9. Инструмент «Заливка» 32 3.10. Инструмент «Ластик» 33 3.11. Инструмент «Фоновый ластик» 35 3.12. Инструмент «Волшебный ластик» 36 3.13. Инструмент «Размытие» 37 3.14. Инструмент «Резкость» 38 3.15. Инструмент «Палец» 38 3.16. Инструмент «Осветлитель» 39 3.17. Инструмент «Затемнитель» 40 3.18. Инструмент «Губка» 40 3.19. Инструмент «Узорный штамп» 42 3.20. Инструмент «Штамп» 42 3.21. Инструмент «Прямоугольная область» 44 3.22. Инструмент «Овальная область» 45 3.23. Инструменты «Область (горизонтальная строка)» и «Область (вертикальная строка)» 47 3.24. Инструмент «Лассо» 47 3.25. Инструмент «Прямолинейное лассо» 48 3.26. Инструмент «Магнитное лассо» 49 3.27. Инструмент «Волшебная палочка» 50 3.28. Инструмент «Перемещение» 51 3.29. Инструмент «Раскройка» 51 3.30. Инструмент «Выделение фрагмента» 51 3.31. Инструмент «Перо» 52 Завершение контура 52 Прямой контур 52 Сглаженный контур 53 3.32. Инструмент «Свободное перо» 53 Работа инструментом 53 3.33. Инструмент «Перо+ (Добавить опорную точку)» 54 3.34. Инструмент «Перо- (Удалить опорную точку)» 54 3.35. Инструмент «Угол» 54 3.36. Инструмент «Выделение контура» 54 3.37. Инструмент «Стрелка» 54 3.38. Инструмент «Текст» 55 3.39. Инструмент «Вертикально расположенный текст» 55 3.40. Инструмент «Горизонтальный текст-маска» 56 3.41. Инструмент «Вертикальный текст-маска» 56 3.42. Инструмент «Пипетка» 56 Выбор основного цвета 57 Выбор цвета фона 57 Подбор цвета 57 3.43. Инструмент «Цветовой эталон» 57 3.44. Инструмент «Линейка» 58 3.45. Инструмент «Архивная кисть» 58 3.46. Инструмент «Архивная художественная кисть» 59 3.47. Инструмент «Восстанавливающая кисть» 59 3.48. Инструмент «Заплатка» 61 3.49. Инструмент «Красные глаза» 62 3.50. Инструмент «Точечная восстанавливающая кисть» 62 3.51. Инструмент «Рамка» 63 3.52. Инструмент «Масштаб» 65 3.53. Инструмент «Рука» 66 Глава 4. Инструменты GIMP 67 4.1. Инструмент «Лупа» 67 4.2. Инструмент «Навигация по изображению» 68 4.3. Инструмент «Карандаш» 69 4.4. Инструмент «Кисть» 70 4.5. Инструмент «Ластик» 72 4.6. Инструмент «Аэрограф» 73 4.7. Инструмент «Плоская заливка» 74 4.8. Инструмент «Градиент» 75 4.9. Инструмент «Резкость или размывание» 77 4.10. Инструмент «Осветление или затемнение» 77 4.11. Инструмент «Палец» 79 4.12. Инструмент «Перо» 79 4.13. Инструмент «Штамп» 80 4.14. Инструмент «Штамп по перспективе» 81 4.15. Инструмент «Лечебная кисть» 83 4.16. Инструмент «Контуры» 84 Завершение контура 84 Прямой контур 85 Сглаженный контур 85 4.17. Инструмент «Прямоугольное выделение» 85 4.18. Инструмент «Эллиптическое выделение» 87 4.19. Инструмент «Свободное выделение» 90 4.20. Инструмент «Выделение связанной области» 91 4.21. Инструмент «Выделение по цвету» 92 4.22. Инструмент «Умные ножницы» 93 4.23. Инструмент «Выделение переднего плана» 94 4.24. Инструмент «Перемещение» 97 4.25. Инструмент «Выравнивание» 97 4.26. Инструмент «Измеритель» 99 4.27. Инструмент «Кадрирование» 100 4.28. Инструмент «Вращение» 101 4.29. Инструмент «Масштаб» 103 4.30. Инструмент «Искривление» 106 4.31. Инструмент «Перспектива» 108 4.32. Инструмент «Зеркало» 109 4.33. Инструмент «Текст» 110 4.34. Инструмент «Цветовой баланс» 111 4.35. Инструмент «Тон-Насыщенность» 113 4.36. Инструмент «Тонировать» 115 4.37. Инструмент «Яркость-Контраст» 117 4.38. Инструмент «Порог» 118 4.39. Инструмент «Уровни» 120 4.40. Инструмент «Кривые» 122 4.41. Инструмент «Постеризация» 124 4.42. Инструмент «Обесцветить» 126 4.43. Инструмент «Пипетка» 128 Выбор основного цвета 129 Выбор цвета фона 129 Подбор цвета 129 Глава 5. Палитры Photoshop 129 5.1. Палитра «Навигатор» 129 5.2. Палитра «Информация» 130 5.3. Палитра «Гистограмма» 131 5.4. Палитра «Цвет» 132 5.5. Палитра «Образцы» 132 5.6. Палитра «Стили» 133 5.7. Палитра «История» 133 5.8. Палитра «Операции» 133 5.9. Палитра «Слои» 134 5.10. Палитра «Каналы» 135 5.11. Палитра «Контуры» 135 5.12. Палитра «Символ» 138 5.13. Палитра «Абзац» 139 Глава 6. Панели GIMP 140 6.1. Панель «Навигатор» 140 6.2. Панель «Курсор мыши» 141 6.3. Панель «Гистограмма» 142 6.4. Панель «Цвета» 143 6.5. Палитра «Образцы цветов» 143 6.6. Палитра «Градиенты» 144 6.7. Палитра «Текстуры» 145 6.8. Палитра «Цветовая карта» 145 6.9. Панель «История действий» 146 6.10. Панель «Кисти» 147 6.11. Панель «Слои» 147 6.12. Панель «Каналы» 147 6.13. Панель «Контуры» 148 6.14. Панель «Шрифты» 149 6.15. Панель «Абзац» 149 Глава 7. Способы изменения масштаба 150 7.1. Ступенчатое изменение масштаба мышью в Photoshop 150 7.2. Плавное изменение масштаба мышью в Photoshop 150 7.3. Ступенчатое изменение масштаба в палитре «Навигатор» в Photoshop 151 7.4. Плавное изменение масштаба в палитре «Навигатор» в Photoshop 152 7.5. Задание масштаба вручную в Photoshop 153 7.6. Ступенчатое изменение масштаба мышью в GIMP 154 7.7. Плавное изменение масштаба мышью в GIMP 154 7.8. Задание масштаба вручную в GIMP 155 Глава 8. Выделение фрагментов и работа с выделенным 156 8.1. Правило выделенного 156 8.2. Выделение всего изображения 156 8.3. Инструменты выделения 157 8.4. Выделение фрагмента изображения 157 8.5. Отмена (снятие) выделения 159 8.6. Изменение формы выделенного фрагмента 159 8.6.1. Добавление область выделения 159 8.6.2. Уменьшение области выделения 160 8.6.3. Формирование области пересечения 160 8.7. Изменение размеров выделенного фрагмента 160 8.7.1. Photoshop 160 8.7.2. GIMP 160 8.8. Инверсия выделения 161 8.8.1. Photoshop 161 8.8.2. GIMP 162 8.9. Преобразование выделенного фрагмента в контур 162 8.9.1. Photoshop 162 8.9.2. GIMP 162 8.10. Копирование фрагмента рисунка в буфер обмена 162 8.10.1. Photoshop 162 8.10.2. GIMP 162 8.11. Вырезание фрагмента рисунка в буфер обмена 162 8.11.1. Photoshop 163 8.11.2. GIMP 163 8.12. Вставка информации из буфера обмена 163 8.12.1. Photoshop 163 8.12.2. GIMP 163 8.13. Перемещение фрагмента рисунка 163 8.13.1. Photoshop 163 8.13.2. GIMP 164 8.14. Дублирование фрагмента рисунка в Photoshop 164 8.15. Удаление фрагмента рисунка 164 8.15.1. Photoshop 164 8.15.2. GIMP 164 8.16. Преобразования в рисунках 164 8.16.1. Отражение выделенного фрагмента (Photoshop) 165 8.16.2. Отражение выделенного фрагмента (GIMP) 165 8.16.3. Поворот выделенного фрагмента (Photoshop) 165 8.16.4. Поворот выделенного фрагмента (GIMP) 166 8.16.4. Изменение размеров выделенного фрагмента (Photoshop) 167 8.16.5. Изменение размеров выделенного фрагмента (GIMP) 168 8.16.6. Сдвиг выделенного фрагмента (Photoshop) 170 8.16.7. Сдвиг выделенного фрагмента (GIMP) 170 8.16.8. Создание перспективы выделенного фрагмента (Photoshop) 172 8.16.8. Создание перспективы выделенного фрагмента (GIMP) 172 8.16.9. Деформация выделенного фрагмента (Photoshop) 173 8.16.10. Фиксированный поворот выделенного фрагмента (Photoshop) 174 8.17. Обрезка рисунка 174 8.17.1. Photoshop 174 8.17.2. GIMP 176 8.18. Подрезка рисунка 177 8.18.1. Photoshop 177 8.18.2. GIMP 178 Глава 9. Слои и работа с ними 179 9.1. Создание слоя 179 9.1.1. Photoshop 179 9.1.2. GIMP 180 9.2. Выбор слоя для работы 181 9.3. Изменение имени слоя 182 9.3.1. Photoshop 182 9.3.2. GIMP 182 9.4. Показ/скрытие содержимого слоя 184 9.4.1. Photoshop 184 9.4.2. GIMP 185 9.5. Перемещение слоя 186 9.5.1. Photoshop 186 9.5.2. GIMP 187 9.6. Дублирование слоя 188 9.6.1. Photoshop 188 9.6.2. GIMP 189 9.7. Перемещение изображения в слое 191 9.7.1. Photoshop 191 9.7.2. GIMP 192 9.8. Дублирование выделенного фрагмента в новом слое в Photoshop 192 9.9. Копирование выделенного фрагмента в новый слой 194 9.9.1. Photoshop 194 9.9.2. GIMP 195 9.10. Наложение слоев 196 9.10.1. Photoshop 196 9.10.2. GIMP 197 9.11. Объединение слоев 199 9.11.1. Photoshop 199 Объединение двух слоёв 199 Объединение видимых слоёв 200 9.11.2. GIMP 200 Объединение двух слоёв 200 Объединение видимых слоёв 201 9.12. Связывание слоев 201 9.12.1. Photoshop 201 9.12.2. GIMP 202 9.13. Преобразования изображения в слоях 203 9.13.1. Photoshop 203 9.13.2. GIMP 203 9.14. Удаление слоя 204 9.14.1. Photoshop 204 9.14.2. GIMP 205 Глава 10. Технологии подготовки рисунков 205 10.1. Рисование отрезков 205 10.1.1. Photoshop 205 10.1.2. GIMP 206 10.2. Рисование прямоугольников 207 10.2.1. Photoshop 207 10.2.2. GIMP 208 10.3. Рисование эллипсов 208 10.3.1. Photoshop 208 10.3.2. GIMP 209 10.4. Рисование многоугольников 210 10.4.1. Photoshop 210 10.4.2. GIMP 210 10.5. Рисование объектов сложной формы 211 10.5.1. Photoshop 211 10.5.2. GIMP 212 10.6. Метод послойного конструирования в Photoshop (вариант 1) 212 10.7. Метод послойного конструирования в GIMP (вариант 1) 221 10.8. Метод послойного конструирования в Photoshop (вариант 2) 235 10.9. Метод послойного конструирования в GIMP (вариант 2) 252 10.10. Метод комбинирования контуров в Photoshop 270 10.11. Метод комбинирования контуров в GIMP 277 Глава 11. Обработка отсканированных изображений 289 11.1. Соотношение разрешений рисунка и устройств ввода/вывода графики 289 11.2. Сканирование 289 11.3. Окно диалога сканера 290 11.4. Задание размеров сканируемой области 292 11.5. Поворот и обрезка изображения 295 11.5.1. Photoshop 295 11.5.2. GIMP 296 11.6. Подрезка изображения 298 11.6.1. Photoshop 298 11.6.2. GIMP 299 11.7. Проверка и изменение уровней 300 11.7.1. Photoshop 300 11.7.2. GIMP 302 11.8. Изменение яркости и контрастности 305 11.8.1. Photoshop 305 11.8.2. GIMP 306 11.9. Изменение размеров изображения 306 11.9.1. Photoshop 306 11.9.2. GIMP 307 11.10. Изменение размеров холста 308 11.10.1. Photoshop 308 11.10.2. GIMP 309 11.11. Прорисовка отсканированного изображения («метод стеклофона») 310 11.12. Нанесение надписей 311 11.12.1. Photoshop 311 11.12.2. GIMP 311 Глава 12. Фильтры 311 12.1. Применение фильтров в Photoshop 312 12.1.1. Фильтр «Размытие» 312 12.1.2. Фильтр «Резкость» 312 12.1.3. Фильтр «Оформление» 313 12.1.4. Фильтр «Стилизация» 314 12.1.5. Фильтр «Шум» 314 12.1.6. Фильтр-галерея 315 12.2. Применение фильтров в GIMP 316 12.2.1. Фильтр «Размывание» 316 12.2.2. Фильтр «Улучшение» 317 12.2.3. Фильтр «Имитация» 318 12.2.4. Фильтр «Искажения» 319 12.2.5. Фильтр «Шум» 321 12.2.6. Фильтр «Декорация» 322 Глава 13. Операции с файлами 323 13.1. Принцип шкафа 323 13.2. Сохранение нового рисунка 324 13.2.1. Редактор Photoshop 324 13.2.2. Редактор GIMP 325 13.3. Сохранение отредактированного рисунка 325 13.4. Сохранение рисунка в формате GIF 325 13.4.1. Редактор Photoshop 325 13.4.2. Редактор GIMP 326 13.5. Сохранение рисунка в формате JPEG 328 13.5.1. Редактор Photoshop 328 13.5.2. Редактор GIMP 329 13.6. Сохранение рисунка в формате PNG 330 13.6.1. Редактор Photoshop 330 13.6.2. Редактор GIMP 331 13.7. Сохранение рисунка в формате TIFF 331 13.7.1. Редактор Photoshop 331 13.7.2. Редактор GIMP 333 13.8. Открытие готового рисунка 333 13.9. Оптимизация для Web в Photoshop 335 13.9.1. Оптимизация для записи в формате GIF 335 13.9.2. Оптимизация для записи в формате JPEG 337 13.9.3. Оптимизация для записи в формате PNG 339 13.10. Открытие готового рисунка 341 13.10.1. Редактор Photoshop 341 13.10.2. Редактор GIMP 342 Глава 14. Динамическая графика в GIMP 353 14.1. Общий порядок создания анимации 353 14.2. Пример анимации 354 14.2.1. Создание окна изображения требуемых размеров 354 14.2.2. Создание рисунков 356 14.2.3. Создание копии слоя 357 14.2.4. Внесение изменений в слоях 357 14.2.5. Просмотр анимации 359 14.2.6. Оптимизация анимации 359 14.2.7. Сохранение анимации 360 Главная | Школьная образовательная среда | Предыдущая страница | Следующая страница |