Презентация к вебинару, который будет проведен в рамках курса повышения квалификации преподавателей "Мультимедийное учебное пособие: от идеи до реализации"

1. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога

2. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Вопрос
Стоит ли самостоятельно заниматься
дизайном учебных материалов, созданием
иллюстраций… или лучше обратиться за
помощью к профессиональному дизайнеру?
2

3. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Типичные ошибки
1. Искажение пропорций изображения
3

4. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Типичные ошибки
2. Избыточное увеличение масштаба, растрирование
изображения
4

5. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Типичные ошибки
3. Использование слишком больших изображений
5
2592*1944 px
2,34 Мб
1037*778 px
637 Кб

6. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Типичные ошибки
4. Желание приукрасить
6

7. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Вопрос
А с какими трудностями сталкиваетесь Вы
при иллюстрировании своих учебных
материалов?
7

8. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Масштабируйте правильно!
8

9. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Растровое изображение
Формат JPG, PNG, GIF
9

10. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Размер изображения
10
количество
пикселей
в изображении
качество
изображения
качество
изображения
количество
пикселей
в изображении
Размер изображения
(ширина, высота, байты)
Размер изображения
(ширина, высота, байты)

11. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Найдите баланс между качеством и размером!
11
2,33 Мб
2592*1944 px (100%)
946 Кб
1296*972 px (50%)
438 Кб
778*583 px (30%)
237 Кб
518*389 px (20%)
92.1 Кб
259*194 px (10%)
23.8 Кб
78*58 px (3%)

12. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Правило!
≤ 3 цвета (или цветовых оттенка)
≤ 3 шрифта (или )
12

13. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Цветовые схемы
13
Прекрасный
помощник в
выборе
сочетания
цветов

14. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Инструменты
1. Microsoft Office Picture Manager
14
Если нужно быстро
выполнить элементарное
редактирование иллюстрации:
• обрезка
• изменение размера
• регулировка
яркости/контраста…

15. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Инструменты
2. Adobe Photoshop
15
Готов исполнить
любую Вашу «прихоть»
при редактировании
изображения

16. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Инструменты
3. GIMP
16
бесплатный
аналог
Фотошопа

17. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Скриншоты: попробуйте Clip2Net
17

18. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Основы компьютерной графики
для педагога
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Вопрос на засыпку
Как Вы относитесь к защите авторских прав
на изображения, которые свободно можно
найти и скачать в Интернете?
18
Информация к размышлению: Е. Базу Картинка ясна: как использовать
изображения в интернете: http://bers.platfor.ma/how-to-use-images

19. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Спасибо за внимание!
19