ФОТОГРАФИЯ И ОБРАБОТКА
ФОТОГРАФИЯ И ОБРАБОТКА
3 УрокСОДЕРЖАНИЕ1. Посещение фотостудии ............................................................4 Урок 2. Photo Editor. Обработка изображений .............................. 7 Урок 3. Создаем фотооткрытку ........................................................... 18 Урок 4. Создание статических фотоисторий ............................... 27 Урок 5. Создаем бесшовные ленты для Instagram..................... 36 Урок 6. Создание анимированных фотоисторий ........................ 41 Урок 7. Добавление анимации и спецэффектов на фото .......................................................................................... 48 Урок 8. Знакомимся с синемаграфией ............................................ 59
Урок 1 ФОТОСТУДИИПОСЕЩЕНИЕ
5 П ОСЕ щ ЕНИЕ ф ОтОС т УДИИ ПАМЯ т КА ПРЕПОДАВАт ЕЛЮ Здравствуйте! Модуль, посвященный фотографии и постобработке, следует начать с посещения фотостудии. Заранее тщательно подготовьтесь к данному собы тию. Оповестите родителей о предстоящей экскурсии, а также соберите их контактные данные. Вдобавок убедитесь в том, что был заключен договор с какой-либо фотостудией и ее сотрудники готовы к приходу группы дошкольного возраста. Не забудьте озаботиться вопросом транспортиров ки студентов в фотостудию, узнайте, подготовлен ли транспорт. Также помните, что группу студентов долж ны сопровождать минимум двое взрослых (в зависимо сти от количества детей). По прибытии в фотостудию следите за порядком. Не позволяйте студентам бегать и играть с дорогостоящей аппаратурой. Помните, что ваша главная цель – сделать несколько крутых профессиональных фото каждого студента. В двух словах расскажите о работе профессиональных фотографов, что они снимают, в каких сферах дея тельности задействован их труд (к примеру, в рекламе). Также поговорите об аппаратуре и прочих объектах, не обходимых для съемки.
6 УРОК 1 Не следует углубляться в сложную терминологию. Лучше подавать информацию в виде простых и понят ных фактов (например, «этот свет нужен, чтобы ос ветить твое лицо / чтобы твои глаза блестели / чтобы подсветить фон» и т. д.). В конце экскурсии убедитесь в том, что каждый сту дент поучаствовал в съемке и получил хорошие кадры. Заберите фото студентов на флешку или попросите фо тостудию скинуть кадры архивом на вашу электронную почту.По возвращении в Академию попросите студентов поделиться впечатлениями, рассказать, какая часть по нравилась им больше всего, что они запомнили о фото аппаратах и свете.
Урок 2 PHOTO ИЗОБРАЖЕНИЙОБРАБОТКАEDITOR.
8 УРОК 2 Познакомьте студентов с основами фотообработки. Для этого воспользуйтесь приложением Photo Editor – Easy Picture Editing App. Как и в случае со всеми остальными приложениями, заранее установите его на планшеты, а также отключите устройства от сети Интернет, чтобы уменьшить количество рекламы (рис. 2.1). Сразу после запуска программа предложит выбрать фото из галереи. Рисунок 2.1
9 Photo Editor. Об РА б От КА И з О б РАЖЕНИ й Также можно сделать новый кадр, нажав на знак + в правом нижнем углу (рис. 2.2). После этого фотография откроется в редакторе. Полный набор инструментов редактирования отобразится под рабочей областью (рис. 2.3). Рисунок 2.2
10 УРОК 2 Разберите со студентами каждую вкладку инстру ментов. Рисунок 2.3
11 Photo Editor. Об РА б От КА И з О б РАЖЕНИ й С помощью вкладки «Сетка» (Grids) можно создать фотоколлаж. Чтобы добавить дополнительные кадры в сетку, достаточно нажать на + в ячейке (рис. 2.4). Рисунок 2.4
12 УРОК 2 Похожим образом работает вкладка «Коллажи» (Collage). Только, помимо необычного размещения кадров, картинка получит яркий интересный фон (рис. 2.5). Рисунок 2.5
13 Photo Editor. Об РА б От КА И з О б РАЖЕНИ й Отдельным пунктом стоят «Рамки» (Frames). Саму фотографию в рамке можно масштабировать, двигать и поворачивать (рис. 2.6). Рисунок 2.6
14 УРОК 2 В разделе «Эффекты» (Effects) можно найти все возможные цветовые фильтры, а также фильтры для стилизации изображения (рис. 2.7). Рисунок 2.7
15 Photo Editor. Об РА б От КА И з О б РАЖЕНИ й Интересные и забавные картинки для украшения фото можно найти в разделе «Стикеры» (Stickers) (рис. 2.8). Рисунок 2.8
16 УРОК 2 Во вкладке «Коррекция» (Enhance) можно улуч шить четкость изображения, яркость, цветовой баланс и размытие (рис. 2.9). Рисунок 2.9
17 Photo Editor. Об РА б От КА И з О б РАЖЕНИ й В последних двух вкладках настраивается ориента ция картинки (отзеркаливание и поворот) (рис. 2.10), а также формат кадрирования кадра (рис. 2.11). Рисунок 2.10 Рисунок 2.11
Урок 3 ФОТООТКРЫТКУСОЗДАЕМ
19 СОз ДАЕМ ф ОтООт КР ыт КУ На этом занятии студенты создадут праздничную Дляфотооткрытку.этогоиспользуйте приложение Cute – Baby Photo Editor (рис. 3.1). Установите его на каждом планшете. Также отключите интернет, чтобы уменьшить ко личествоЗапуститерекламы.приложение и предложите студентам выбрать любой понравившийся шаблон для будущей открытки (рис. 3.2). Рисунок 3.1
20 УРОК 3 Заранее обсудите тему открытки (к примеру, по здравление с Днем рождения, привет с каникул и т. д.). Также студенты могут нажать на кнопку «Создать новый» и выбрать пустой шаблон из списка (рис. 3.3). Рисунок 3.2
21 СОз ДАЕМ ф ОтООт КР ыт КУ Разберите сам шаблон. В верхней части экрана находится рабочая область открытки, а в нижней – инструменты, с помощью ко торых можно менять или добавлять новые элементы (рис. 3.4). Рисунок 3.3
22 УРОК 3 Если вы работаете с шаблоном, первым делом научите студентов удалять элементы, которые уже есть в кадре. Для этого достаточно на несколько мгновений зажать объект на экране, а затем кликнуть на кнопку «Удалить» в левом нижнем углу. Рисунок 3.4
23 СОз ДАЕМ ф ОтООт КР ыт КУ Разберите по очереди каждый инструмент. Начните с раздела «Фото». Помогите студентам вставить в шаблон собственную фотографию. Напом ните им, что они могут использовать фото, сделанное в фотостудии. Затем разберите инструменты редактуры кадра: фильтры, цвет, поворот и отзеркаливание (рис. 3.5). Рисунок 3.5
24 УРОК 3 Также предложите студентам добавить на открытку стикеры из одноименной вкладки (рис. 3.6). Подробно разберите инструментарий редактуры стикеров. Многие функции совпадают с функциями редактора фото. Однако стикеры также можно дубли Рисунок 3.6
25 СОз ДАЕМ ф ОтООт КР ыт КУ ровать, добавить им тень, изменить непрозрачность и порядок элементов (рис. 3.7). Также на открытку можно добавить веселую рамку (рис. 3.8). Рисунок 3.7 Рисунок 3.8
26 УРОК 3 Помогите студентам собрать яркие открытки из готовых элементов. В конце занятия сохраните работы на планшеты и отправьте их родителям по почте или в мес сенджере.Чтобы сохранить картинку, выйдите из редактора любого инструмента и нажмите на кнопку «Сохранить фото» в правом нижнем углу (рис. 3.9). Рисунок 3.9
Урок 4 ФОТОИСТОРИЙСТАТИЧЕСКИХСОЗДАНИЕ
28 УРОК 4 Посвятите несколько занятий созданию контента для социальных сетей наподобие Instagram. Помните, что в силу возраста студенты скорее всего еще не пользуются этой сетью. Тем не менее следует поинтересоваться, сталкива лись ли они с Instagram и знают ли, что такое сторис. К примеру, студенты могли участвовать в съемках сто рис, которые проводили их родители. Начните со статических сторис. Для этого используйте приложение Story Star (рис. 4.1). Убедитесь, что оно установлено на каждом планшете. Рисунок 4.1
29 СОз ДАНИЕ С тАт Ич ЕСКИ х ф ОтОИС тОРИ й Программа условно бесплатная, поэтому не следует ожидать от нее большого количества бесплатных ша блонов и элементов. Любые платные элементы будут от мечены значками. К примеру, замочком (рис. 4.2). Тем не менее студенты смогут создать качественный фотоколлаж даже с небольшим выбором. Рисунок 4.2
30 УРОК 4 Начните с подбора самого шаблона. Вы можете вручную просмотреть библиотеку до ступных вариантов либо воспользоваться тематиче ским поиском. Кнопку поиска можно найти на нижней напели рядом с шаблонами (рис. 4.3). Помогите студентам ввести в строке поиска любые ключевые слова (например: праздник, друзья, путешествия и т. д.). Если необходимо, воспользуйтесь приме рами популярных запросов под строкой ввода (рис. 4.4). Заранее обговорите, чему будет посвящена история. Мотивируйте студентов выбирать шаблоны с фото коллажами, то есть такие, на которых можно разместить две или больше фотографий (рис. 4.5). Рисунок 4.3 Рисунок 4.4
31 СОз ДАНИЕ С тАт Ич ЕСКИ х ф ОтОИС тОРИ й Когда студенты определятся с выбором, переходите к редактированию шаблона. Чтобы вставить фото в рамку, достаточно нажать на значок + и выбрать нужный кадр из галереи (рис. 4.6). Рисунок 4.5
32 УРОК 4 Также, помимо фотографий, в проект можно доба вить стикеры и текст. В библиотеке приложения хранится множество раз ных тематических стикеров. Однако свободный доступ можно получить только к первым четырем элементам в каждом наборе (рис. 4.7). Рисунок 4.6
33 СОз ДАНИЕ С тАт Ич ЕСКИ х ф ОтОИС тОРИ й Любой элемент на рабочей области можно выделить и отредактировать.Основныеинструменты редактирования находятся в углах объекта. Это кнопки (рис. 4.8): ■ удаления; ■ дублирования; Рисунок 4.7
34 УРОК 4 ■ поворота; ■ масштаба.Дополнительные функции находятся на нижней панели. К примеру, работая с текстовыми элементами, можно менять шрифты, цвет, интервалы, добавлять тени, менять прозрачность, выравнивать строки по раз ным осям и т. д. Поинтересуйтесь(рис. 4.9–4.10).устудентов, хотят ли они доба вить на картинку какой-то текст. Помните, что студенты скорее всего не умеют читать, поэтому важно помочь им с этой задачей. Рисунок 4.8 Рисунки 4.9–4.10
35 СОз ДАНИЕ С тАт Ич ЕСКИ х ф ОтОИС тОРИ й Готовый проект нужно сохранить, нажав на кнопку в правом нижнем углу (рис. 4.11). Перешлите готовые проекты родителям студентов. По желанию они могут разместить их в соцсетях с пометкой Компьютерной Академии ШАГ. Рисунок 4.11
Урок 5 ДЛЯ INSTAGRAMБЕСШОВНЫЕСОЗДАЕМЛЕНТЫ
37 СОз ДАЕМ б ЕС ш ОВН ы Е ЛЕН ты ДЛЯ i n S tAG r A m Продолжите тему создания контента для социальных сетей. Вместе со студентами создайте фотоколлаж для бесшовной ленты Instagram. Для этого используйте приложение PuzzleStar (рис. 5.1). В данном приложении можно создать коллажи из 12, 9, 6 или 3 частей (рис. 5.2). Учитывая возраст студентов, лучше ограничиться тремя или шестью фрагментами. Рисунок 5.1
38 УРОК 5 Также учитывайте, что приложение условно бес платное. Для разблокирования шаблонов, отмеченных короной, нужно платить. Те же, которые отмечены за мочком, можно получить за просмотр рекламы (рис. 5.3). По возможности заранее разблокируйте несколько шаблонов на выбор. Рисунок 5.2 Рисунок 5.3
39 СОз ДАЕМ б ЕС ш ОВН ы Е ЛЕН ты ДЛЯ i n S tAG r A m Для заполнения шаблонов студентам понадобится несколько фото, снятых в одном стиле. Они могут использовать фото с эмоциями, которые создавали в начале обучения, либо снять абсолютно новый сет кадров в необычных позах, вместе с другом и т. д. Затем вместе со студентами загрузите фотографии в ячейкиПомогите(рис. 5.4).студентам сделать шаблоны уникальными. Заполните их с помощью фото, украсьте стикерами или текстом (по желанию). Когда проект будет готов, нажмите на кнопку «Сле дующий» в правом верхнем углу (рис. 5.5). Рисунок 5.4
40 УРОК 5 В центре экрана появится предварительный макет сетки с цифрами, которые показывают правильную последовательность публикации фотографий в ленте (рис. 5.6).Помогите студентам сохранить эту сетку и готовые кадры на планшет. Для этого нажмите на соответствую щие кнопки внизу экрана (рис. 5.7). Также помогите им поделиться готовым проектом с родителями с помощью электронной почты или мессенджера. Рисунок 5.5 Рисунок 5.6 Рисунок 5.7
Урок 6 АНИМИРОВАННЫХСОЗДАНИЕФОТОИСТОРИЙ
42 УРОК 6 Продолжите работу над проектами по созданию контента для социальных сетей. На этот раз используйте приложением Animated Stories (рис. 6.1), которое должно быть заранее уста новлено на всех планшетах. Вместе со студентами просмотрите галерею сторис. Данное приложение также является условно бес платным, потому не все шаблоны доступны для сво бодного скачивания. Чтобы не ошибиться с выбором, обращайте внимание на значок Pro в правом верхнем углу шаблона (рис. 6.2). Рисунок 6.1
43 СОз ДАНИЕ АНИМИРОВАНН ых ф ОтОИС тОРИ й Также обсудите со студентами тематику сторис. К примеру, предложите им с помощью фото расска зать о дружбе. Помогите студентам разделиться на ко манды и сделать несколько коллективных фото. Рисунок 6.2
44 УРОК 6 Далее переходите к редактуре шаблона. Начните с тайминга. Расскажите о стандартном вре мени сторис – 15 секунд. Объясните, почему не стоит делать их длиннее или короче (рис. 6.3). Рисунок 6.3
45 СОз ДАНИЕ АНИМИРОВАНН ых ф ОтОИС тОРИ й Затем помогите студентам поменять цвет фона, если это предусмотрено шаблоном (рис. 6.4). То есть, если студент выбрал шаблон, в котором фото занимает всю площадь кадра, поменять фон не удастся. Не забывайте о тексте. Право добавлять или не добавлять текст остается за студентами. Тем не менее именно вам предстоит помочь им правильно напеча тать выбранную фразу. Мотивируйте их выбирать чтото тематическое и креативное, что подчеркнет основной посылИнструментарийсторис. редактуры текста очень широк. Вы можете изменить не только шрифты (большинство из которых успешно поддерживает кириллицу), но и размер букв, расстояние между строками, цвет текста, анимации и многое другое (рис. 6.5). Рисунок 6.4 Рисунок 6.5
46 УРОК 6 Как и в предыдущем приложении, здесь также доступны статичные и анимированные стикеры, которые позволят оживить проект (рис. 6.6). Предложите сту дентам добавить несколько в свой проект. Музыка, к сожалению, входит в раздел платного контента. Рисунок 6.6
47 СОз ДАНИЕ АНИМИРОВАНН ых ф ОтОИС тОРИ й Напоследок объясните, как проверить работу. Нажав на значок глаза в правом верхнем углу экрана, можно ознакомиться с финальным результатом проекта. А кнопка со стрелкой позволит сгенерировать финальный ролик, который можно отправить по по чте, в мессенджере или сразу опубликовать в Instagram (рис. 6.7). Рисунок 6.7
Урок 7 СПЕЦЭФФЕКТОВДОБАВЛЕНИЕАНИМАЦИИИНАФОТО
49 ДОбАВЛЕНИЕ АНИМАЦИИ И СПЕЦЭ ффЕК тОВ НА ф ОтО На этом занятии вам предстоит поработать с приложением motionleap (рис. 7.1) и вместе со студентами вдохнуть жизнь в скучные статичные фотографии. Заранее установите нужное приложение на все планшеты.После запуска программы на экране появится демокартинка, с помощью которой можно разобрать основной функционал приложения (рис. 7.2). Количество бесплатных функций ограничено. Рисунок 7.1
50 УРОК 7 Поочередно разберите функционал каждой вкладки. Рисунок 7.2
51 ДОбАВЛЕНИЕ АНИМАЦИИ И СПЕЦЭ ффЕК тОВ НА ф ОтО Во вкладке Animate вы найдете инструмент, с помощью которого можно создавать иллюзию движения воды или ветра. Если в кадре есть вода, развевающаяся ткань, волосы и т. д., достаточно нарисовать несколько линий движения на той части кадра, которую вы хотите оживить. Затем, нажав Play, наслаждаться результатом (видео 7.1). С помощью инструмента Speed в этой же вкладке, можно ускорить или замедлить анимацию (видео 7.2). Видео 7.1 Видео 7.2
52 УРОК 7 Инструмент Freeze позволяет ограничить анимацию. К примеру, если на фоне движущегося водопада стоит человек (как на рисунке 7.3), его фигура должна оставаться статичной. Чтобы добиться этого, достаточ но закрасить с помощью инструмента Freeze нужную зону. То же самое касается и инструмента Unfreeze, ко торый может «разморозить» участки кадра, если, к при меру, вы закрасили лишнее. Рисунок 7.3
53 ДОбАВЛЕНИЕ АНИМАЦИИ И СПЕЦЭ ффЕК тОВ НА ф ОтО Последний полезный инструмент в этой вкладке –это Loop. Он работает в трех режимах (видео 7.3): ■ Blend – создают плавную цикличную анимацию без резких переходов; ■ Boomerang – зацикливает повторение анимации в прямом и обратном порядке; ■ Circular – проигрывает полную анимацию, а затем создает резкий скачок в начало. Видео 7.3
54 УРОК 7 Для создания эффекта текучести рекомендуется использовать первый режим – Blend. Во вкладке Sky можно поменять небо на анимированный аналог. Алгоритм программы хорошо просчи тывает содержимое кадра, успешно меняя небо даже в отражениях. К тому же, вместе с небом меняется и об щий оттенок фото, чтобы избежать ощущения неестественности освещения (видео 7.4). Видео 7.4
55 ДОбАВЛЕНИЕ АНИМАЦИИ И СПЕЦЭ ффЕК тОВ НА ф ОтО Помните, что не все элементы доступны бесплатно. Платные объекты отмечены значком короны. Еще несколько интересных анимационных эффектов можно найти во вкладке Effects. К примеру, от пер сонажа могут разлетаться различные элементы (видео 7.5). При этом с помощью круга можно отрегулировать расстояние их полета: чем больше круг, тем сильнее влияние на частицы. Видео 7.5
56 УРОК 7 Также краям объектов в кадре можно добавить сия ние (видео 7.6). Либо превратить какой-либо объект в источник дыма. Обратите внимание, если передвинуть круг влияния из одного края кадра в другой, можно изменить на правление дыма (видео 7.7). Во вкладке Elements можно найти анимирован ные стикеры для укращения кадра (видео 7.8). Но стоит Видео 7.6 Видео 7.7
57 ДОбАВЛЕНИЕ АНИМАЦИИ И СПЕЦЭ ффЕК тОВ НА ф ОтО учитывать, что в бесплатной версии программы можно добавить всего один стикер. Последняя вкладка, которую следует рассмотреть –это overlay. Здесь также хранятся всевозможные анимирован ные элементы, которые будут перекрывать ваше фото. С их помощью можно добавить в кадр дождь, туман, блики света и т. д. (видео 7.9). Видео 7.8 Видео 7.9
58 УРОК 7 Предложите студентам создать подобный анимиро ванный проект со своим фото. Дайте тему для анимации: «Я – супергерой». Студенты смогут сфотографироваться в необычных супергеройских позах, а затем с помощью спецэффектов добиться ощущения полета, огненной суперсилы и т. д.
Урок 8 С СИНЕМАГРАФИЕЙЗНАКОМИМСЯ Материалы к уроку прикреплены к данному PdF-файлу. Для доступа к материалам необходимо открыть файл в программе Adobe Acrobat reader
60 УРОК 8 На последнем занятии необходимо познакомить студентов с синемаграфией – техникой создания живых фото. Для этого воспользуйтесь приложением Cinegraph pro app (рис. 8.1). Не забудьте установить его на всех планшетах. Прежде чем приступать к работе, покажите несколько примеров синемаграмм (видео 8.1). Так сту денты лучше поймут, в чем суть задания. Рисунок 8.1
61 зНАКОМИМСЯ С СИНЕМА г РАф ИЕ й Несколько примеров вы найдете в дополнительных материалах, приложенных к уроку. Затем приступайте к съемке. Помните, что качественную синемаграмму не возможно создать без качественного видеоролика . Помогите каждому студенту стабилизировать камеру, разместив планшет в устойчивом положении. Снимите короткий ролик (не более нескольких секунд) с помо щью приложения, нажав на кнопку Camera (рис. 8.2). Видео 8.1 Рисунок 8.2
62 УРОК 8 Обратите внимание! Для создания синемаграммы необязательно делать что-то сложное. Наоборот, достаточно простых ми молетных действий: морганий или движения волос на ветру. Предложите и студентам сделать что-нибудь подоб ное. Если же у вас есть возможность использовать реквизит (жидкости, мыльные пузыри, шарики, лампочки и т. д.), дайте волю фантазии. Далее программа предложит выбрать самый удачный кадр, на основе которого будет сделано живое фото. Выбрав снимок, вы попадете в редактор. Чтобы оживить фотографию, необходимо выбрать инструмент Brush и аккуратно зарисовать область, которая оста нется «живой» (рис. 8.3). Настройки кисти скрыты в дополнительном меню Brush Settings (рис. 8.4). Здесь можно выбрать толщи ну и жесткость этого инструмента (рис. 8.5). Чтобы контур выделенной области был точнее, можно воспользоваться инструментом Zoom, увеличив нужную часть фотографии (рис. 8.6). Когда видео будет готово, достаточно нажать на галочку в верхнем правом углу и дождаться конвертации синемаграммы. После этого можно разослать работы студентов их родителям (по электронной почте или в мессенджерах).
63 зНАКОМИМСЯ С СИНЕМА г РАф ИЕ й Рисунок 8.3 РисунокРисунок8.5 8.4 Рисунок 8.6
© Компьютерная Академия ШАГ www.itstep.org Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения, фрагменты которых использованы в материале, принадлежат их законным владель цам. Фрагменты произведений используются в иллюстративных целях в объеме, оправданном поставленной задачей, в рамках учебного процесса и в учебных целях, в соответствии со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське право і суміжні права». Объем и способ цитируемых произведений соответствует принятым нормам, не наносит ущерба нормальному использованию объектов авторского права и не ущемляет законные интересы автора и правообладателей. Цитируемые фрагменты произведений на момент использования не могут быть заменены альтернативными, не охраняемыми авторским правом аналогами, и как таковые соответствуют критериям добросовестного использования и честного Всеиспользования.правазащищены. Полное или частичное копирование материалов запрещено. Согласование использования произведений или их фрагментов производится с авторами и правообладателями. Согласованное использование материалов возможно только при указании источника. Ответственность за несанкционированное копирование и коммерческое исполь зование материалов определяется действующим законодательством Украины. ФОТОГРАФИЯ И ОБРАБОТКА