МЭШ — Как искать картинки

Качество в деталях

Hey, folks! Надеюсь, в процессе просмотра моего предыдущего видео вы прониклись идеей того, что нужно всё делать хорошо и качественно. Поэтому давайте будем сегодня делать всё хорошо и КАЧЕСТВЕННО.

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

Проблема с Google Картинками

Но сначала небольшое лирическое отступление. В середине февраля 2018 года Google под натиском правообладателей вынуждена была убрать из своего поисковика кнопочку «Открыть в полном размере» из своего сервиса Google Картинки. И это действительно большая проблема, потому что сильно усложнило работу с сервисом, которым мы в общем-то и будем пользоваться сегодня.

Поэтому я настоятельно рекомендую установить вот это расширение для Google Chrome или любого другого браузера — оно есть для каждого из них. Этот плагин просто возвращает кнопочку «Открыть в полном размере» в сервис Google Картинки. Ссылка на плагин для Google Chrome есть в описании.

Поиск и фильтрация изображений

Окей, теперь, когда плагин установлен, можно браться за дело. Давайте поищем что-нибудь, что может нам пригодиться на уроке. Раз уж я такой весь информатик, давайте поищем что-то банальное вроде «компьютер».

Поисковая выдача по слову «компьютер»! Нас с вами сегодня интересуют картинки. В разделе «Картинки» мы видим поисковую строку, панель инструментов, появившуюся недавно панельку с возможными уточнениями картиночек и, собственно говоря, выдачу картинок, которые нам нужны. Тут в первую очередь надо определиться, для чего мы ищем изображение. Например, будет ли это фон вашего слайда, будет ли это интерактивный элемент, те самые подвижные картинки, либо что-то другое.

Давайте сначала попробуем найти картинку, подходящую для фона. Напомню, что в случае с нашей доской разрешение 4K — это 3840 на 2160 пикселей. Именно к такому размеру изображения мы с вами должны стремиться. Открываем панель инструментов, кликая на кнопку «Инструменты». Давайте отфильтруем изображения по размеру. Рекомендую использовать фильтр, который называется «Больше чем», и выбираем изображение подходящего размера. В нашем случае это примерно 10 мегапикселей — 10 или 12, но пусть будет 10.

Сохранение качественного изображения

Кликаем, применяется фильтр, и теперь мы видим изображения, которые всё гарантированно большого размера. В этом легко убедиться, если открыть любое из этих изображений, и вот здесь справа вы видите размер. Переключаться между изображениями можно с помощью мышки либо клавиш влево и вправо на вашей клавиатуре.

Давайте приглядимся к вот этому изображению. Его размер примерно совпадает с размерами доски, так что его не стыдно будет показывать. Спасибо установленному ранее плагину, мы можем открыть это изображение в полном размере с помощью вот этой кнопочки. Открываем, кликаем и убеждаемся, что изображение действительно большого размера.

Теперь можно сохранить правой кнопкой: «Сохранить картинку как...». И теперь можно выбрать, куда мы хотим это сохранить. Я выберу сразу рабочий стол. Название уже есть. Сохранить. Внизу слева виден прогресс сохранения. Сохранилось, и вот наша картиночка на рабочем столе. Её теперь можно открыть, просматривать, редактировать и так далее.

Трудности с сайтами-стоками

Возвращаемся снова в Chrome. Закрываем эту вкладочку и возвращаемся в поисковую выдачу. Давайте присмотримся, скажем, к самому первому изображению. Несмотря на то, что размеры указаны 5600 на 3700 пикселей, на экране она выглядит довольно маленькой. Такое бывает довольно часто. Давайте попробуем открыть её в полном размере и убеждаемся, что у нас ничего не получается.

Потому что в интернете полно сайтов, которые не позволяют сразу переходить на изображение в полном качестве, а требуют дополнительных каких-то действий для того, чтобы его получить. Ну вот как раз мы столкнулись сейчас с одним из них. Справа кнопочка «Скачать оригинал» и разные размеры, которые нам могли бы пригодиться. Давайте попробуем скачивать оригинал.

«Пожалуйста, залогиньтесь». К счастью, нам повезло, и на этом сайте можно войти с помощью Facebook. Если у вас есть аккаунт на Facebook, это сильно упрощает задачу, потому что 80% сайтов в интернете позволяют вход с помощью Фейсбука. Я бы даже сказал, что Facebook — это такая не совсем социальная сеть, а скорее инструмент для входа повсюду.

Когда вы собираетесь входить на каком-нибудь сайте с помощью Фейсбука, вас перекидывает на вашу страничку в Фейсбуке с запросом, разрешаете ли вы этому сайту воспользоваться частью вашей информации. Чаще всего это общедоступный профиль: то, как вас зовут, ваш аватар и какие-то базовые данные, которые доступны всем без регистрации на Фейсбуке. Электронная почта по умолчанию считывается, но вообще везде, потому что такой базовый элемент регистрации повсюду.

Окей, нажимаем «продолжить», и я думаю, что на этом процесс регистрации заканчивается. Да, вот мы заходим, и нас перебросило, к сожалению, непонятно куда. Наше изображение здесь потерялось, но, к счастью, есть как минимум два способа вернуться назад. Мы можем нажать правой кнопкой на кнопочку «Назад» и вернуться на самую первую страницу, с которой мы заходили, то есть вот сюда. Как вариант, можно закрыть вкладку и повторить всё заново.

Как вернуться назад и скачать изображение

Наше изображение здесь потерялось, но, к счастью, есть как минимум два способа вернуться назад. Мы можем нажать правой кнопкой на кнопочку «Назад» и вернуться на самую первую страницу, с которой мы заходили, то есть вот сюда. Как вариант, можно закрыть вкладку и повторить всё заново, зайти с помощью поисковой выдачи сюда.

Давайте попробуем скачать. Теперь, когда у нас есть регистрация, нажимаем «Скачать» и... Ура! Картиночка скачалась, мы видим это вот там внизу слева. Сворачиваем Chrome и убеждаемся, что картиночка появилась у нас на рабочем столе. Опять же, её можно открыть, её можно редактировать и всяко-разно с ней поступать, как вам заблагорассудится.

Окей, оставим её на потом. Возвращаемся в Chrome, закрываем вкладочку, возвращаемся к поисковой выдаче.

Настройка фильтров в поиске изображений

Итак, что мы только что сделали? Набрали в поисковой строке изображение, которое мы хотели бы найти. В панели инструментов, которая открывается с помощью нажатия вот на эту кнопочку, мы отфильтровали изображения таким образом, чтобы размер изображения примерно совпадал с размером нашей доски. В нашем случае это более 10 мегапикселей.

Теперь, если вы хотите, вы можете что-нибудь отфильтровать еще. Например, фотографии под цвет. Если вам больше нравится желтый цвет, вы сможете выбрать фотографии с желтым оттенком.

Права на использование. Тут всё чуточку сложнее. Вообще-то, по-хорошему, мы с вами должны использовать изображения только с лицензией на использование. То есть те изображения, которые автор самостоятельно разрешил использовать другим людям. Фактически, сохраняя такое изображение, вы не совершаете кражи, как в остальных случаях.

Но существует проблема. Не каждый автор помнит, что нужно специальным образом назначать права. Поэтому часто бывает так, что изображение можно использовать и автор это разрешает, но он просто забыл это указать. Поэтому в этом фильтре Google оно не отображается. Еще хочется сказать, что, учитывая, как Московская электронная школа относится к авторскому праву... Других путей я не знаю. Будем считать, что этот фильтр нам не нужен.

Работа с типами изображений и анимацией

Дальше — фильтр по типу. Мы можем найти изображения компьютера, на которых также, помимо компьютера, встречаются лица. Это могут быть фотографии компьютера. Если нам нужны именно фотографии, мы не хотим видеть рисунки.

Клипарт — это чаще всего всякие иконочки и изображения из магазинов, например, с виртуальных витрин и так далее. Рисуночки в чёрно-белом цвете — чаще всего это детские раскраски. Кстати говоря, очень удобно искать детские анимации на тему компьютера. Они здесь не сразу видны, но если кликнуть на одну из них, мы увидим, что изображение анимировано, после того как оно прогрузится. Ну вот, например.

По времени. Свежие и недавние фотографии — например, вы освещаете какое-то событие, произошедшее недавно, то, возможно, имеет смысл отфильтровать ещё и по времени. Во вкладке «Ещё» есть такая замечательная штучка — «Показать размер». Иногда это бывает удобно, но в нашем случае мы и так знаем, что изображение подходит нам по размеру, потому что фильтр по размерам у нас уже установлен.

Поиск прозрачных изображений для интерактивных элементов

А теперь давайте поговорим про картиночки, которые будут использованы в качестве интерактивных элементов. Найти такие изображения не просто, а очень просто. Мы переходим во вкладку «Цвет» и выбираем «Прозрачные».

Когда вы выбираете прозрачное изображение, вы увидите, что все они на белом фоне. На самом деле всё не совсем так. Давайте откроем первое попавшееся. И когда мы увидим вот такое изображение с шахматным фоном, это обозначает, что на самом деле фона никакого нет. Давайте откроем это изображение в полном размере. Правый клик — «Сохранить картинку как...». Сохранили её на рабочий стол.

Теперь у нас на столе есть три картиночки. Давайте посмотрим, в чём разница между ними. Для этого я использую PowerPoint как один из наиболее популярных и узнаваемых инструментов. Создаём новую пустую презентацию, нажмём кнопочку «Макет» и выберем пустой слайд. Вкладка «Вставка», кнопочка «Рисунки». Вот мои рисунки на рабочем столе, и я вставлю их все сразу. Выделю рамочкой, нажму кнопку «Вставить» — и получу вот такую вот кучу мала у себя на рабочем столе.

Теперь мне придётся разносить все эти файлы, документы, всё это ужасно неудобно, поэтому я срочно всё это отменю. А вы, пожалуйста, не повторяйте мои ошибки и вставляйте изображения по одному. Напоминаю: вкладка «Вставка», рисунки, выбираем картиночку. Выберем ту, которая у нас была самой первой. Вот картина у нас на слайде. Давайте вставим ещё две сверху, чтобы посмотреть, в чём между ними разница.

Разница очевидна. Изображение, которое мы получили с помощью фильтра, прозрачное, действительно не имеет фона. Возвращаемся в Chrome. Теперь мы знаем, что изображение с вот таким шахматным фоном фона на самом деле не имеет. Поэтому, когда вы используете фильтры «Прозрачные», такие вот изображения будут вам попадаться много и часто.

Иногда бывает так, что изображение показано на белом фоне и маленького размера. Такое происходит, когда сайт, на котором лежит изображение, требует входа, регистрации или что-то такое. Давайте попробуем всё-таки открыть в полном размере, вдруг повезёт. Повезло! Значит, мы смело можем его скачивать и использовать: правой кнопкой «Сохранить картинку как...» на рабочий стол.

Можно полюбоваться на результаты собственной работы в виде двух изображений в формате JPEG, у которых есть фон, и двух в формате Portable Network Graphics, у которых фона нет, которые можно использовать как подвижные интерактивные элементы в вашем сценарии урока.

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

Результаты работы

На рабочий стол можно полюбоваться на результаты собственной работы в виде двух изображений в формате JPEG, у которых есть фон, и двух в формате Portable Network Graphics, у которых фона нет. Их можно использовать как подвижные интерактивные элементы в вашем сценарии урока.

Планы на будущее

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

Подписывайтесь, ставьте лайк. Не забывайте добавлять ролик себе, показывать всем остальным. Давайте делать красиво и круто! До новых встреч!