среда, 30 января 2019 г.

Урок 20-21. Изменение размеров изображения в Gimp

Дата проведения занятия 30.01.2019

Размеры изображения при просмотре

В презентации К. Полякова Презентация GIMP Ч.1 смотрим  слайды 2-10 
При выводе изображения  нужно указать  его размеры на экране монитора  или на бумаге. 
Связь между шириной и высотой изображения  в пикселях и его размерами в см или мм устанавливает разрешение, т.е. число пикселей на единицу размера изображения. Например, разрешение измеряется в пикселях на дюйм (ppi -  pixel per inch, 1 дюйм = 2,54 см примерно). Чем больше разрешение,  тем выше качество изображения, но тем больше места оно занимает в памяти. 
При выводе на экран изображение размером 10х15 см имеет следующие размеры в пикселях при разрешении 96 ppi:
высота: 10х96 / 2,54 = 378 пикселей 
ширина: 15х96 / 2,54 = 567 пикселей
Печатающие устройства могут обеспечить значительно большее разрешение, чем экран.
Для получения отпечатков среднего качества  требуется разрешение около 300 ppi. При этом размер изображения в пикселях:
высота: 10х300 / 2,54 = 1181 пикселей 
ширина: 15х300 / 2,54 = 1772 пикселей
В редаторе GIMP размер изображения на экране меняется в диалоговом окне Смена размера изображения. Чтобы попасть в это окно, щелкните правой клавишей по изображению и выберите: Изображение - Размер изображения
При этом для управления качеством преобразования используйте параметр Интерполяция
Размер изображения для печати меняется в  диалоговом окне Смена разрешения при печати. Чтобы попасть в это окно, щелкните правой клавишей по изображению и выберите: Изображение - Размер при печати.

Ввод изображений

Растровые изображения чаще всего вводятся с цифровых фотоаппаратов и сканера. 
В фотоаппарате фотографии сохраняются на встроенной карте памяти в форматах RAW  и JPEG. Для загрузки изображений с фотоаппарата в компьютер эти устройства соединяются  кабелем через порт USB. После подключения фотоаппарат появляется как новый съемный диск.
Сканировать изображение можно прямо из приложения GIMP (Меню - Файл - Создать (2) - Сканер). При этом рекомендуется параметр Разрешение установить несколько большим, чем потом предполагается  применять. Если изображение сканируется для вывода на экран (с разрешением 72 - 96 ppi), то для сканирования рекомендуется выбрать разрешение 150 - 200 ppi. 

Кадрирование

После сканирования полученное изображение обычно нужно выполнить  кадрирование, т.е. выбрать нужные границы и обрезать лишнее. Для кадрирования выбираем инструмент  Изображение - Автокадрирование или   Изображение - Усердное кадрирование. 

среда, 23 января 2019 г.

Изображения на страницах сайта

Дата проведения занятия 2.02.18
На веб-странице можно размещать изображения только в тех графических форматах, которые распознаются браузером. Это форматы GIF, PNG, JPG (JPEG). Мы уже встречались с этими форматами, когда изучали графический редактор GIMP
Давайте освежим свои знания - посмотрим  слайды 16-22 презентации К.Ю.Полякова 
«Компьютерная графика и анимация». Часть II

В перечисленных форматах используется сжатие данных. Если увеличивать степень сжатия, то качество изображения ухудшается, и наоборот (слайды 17 -22).
Подробнее о форматах можно прочитать ЗДЕСЬ.
Давайте теперь обратим внимание на размеры изображения (высота и ширина).Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах. Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины. 
Поэтому рекомендуется всегда записывать эти атрибуты и указывать в них естественные размеры картинки. Если размеры указываются неверно — картинка выводится браузером с искажением. Если указание размеров вовсе опущено — на экране происходит маленькое землетрясение в момент прихода картинки из сети. Ведь, не зная размеров картинки, браузер оставляет под нее на экране стандартный прямоугольник, продолжая строить остальные элементы. Когда картинка загружена, браузеру приходится полностью перерисовывать экран. 

Задача на сегодня:  подобрать и обработать изображения, которые будут на страницах сайта 

Практическая работа с сайтом

  1. На локальном диске в своей папке по ИКТ создать папку web-img
  2. Поместить в эту папку все изображения, которые вы хотите разместить на страницах сайта.
  3. В GIMP изменить размеры изображений.
    Требования к каждому изображению:
    • Разрешение для вывода на экран 96 ppi
    • Ширина для картинок с ВУЗами - не более 250 пикселей
    • Ширина для логотипов организаций  100-150 пикселей
    • Размер каждого файла - 100 - 200 Кб
  4. Показать папку с изображениями учителю
  5. Внести изображения на страницы сайта (загрузить с локального диска):
    • На главной странице .
      Сегодня ввести текст и подпись к фотографии
    • На странице с ВУЗами: не менее 4-х картинок Для каждого ВУЗа - ввести название, которое затем сделать ссылкой на WEB-страницу ВУЗа. Страница в итоге не должна занимать более 2-х экранов, лучше один экран
    • На странице с потенциальными работодателями поместить логотипы организаций  и ссылки на их  WEB-страницы
  6. Показать сайт учителю

вторник, 15 января 2019 г.

Урок 18-19. Графические редакторы

Дата проведения занятия 16.01.19
Правила жизни. Татьяна Владимирская Черниговская. Эфир от 21.05.18 / Телеканал Культура (24 минуты)
Зачем нужно читать книги? Татьяна Владимировна Черниговская 17.11.17. (16 минут) 
Графические редакторы - это специализированные программы для работы с изображениями.
Графические редакторы делятся на две большие группы: растровые и векторные редакторы
Ребята, самостоятельно найдите в сети ответы на следующие вопросы:

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

А теперь создайте новое сообщение в своем блоге и поместите туда ответы на эти вопросы.
Не забудьте вставить ссылки на используемые интернет-ресурсы!
В сообщение добавьте по два изображения каждого вида графики.
Название сообщения в блоге: Графические редакторы. 
Ярлык сообщения: ИКТ
Здесь ссылки на ваши блоги