Необходимый минимум для проведения занятий

Предисловие

Занятие 1

Общеознакомительное занятие. Оценка возможных посетителей. Работа с Psi: набор на клавиатуре, индивидуальный и групповой чат. Работа с digikam. Подготовка фотографий детей для последующей их работы.

Работа с Psi

Psi - это удобный графический клиент сети быстрого обмена сообщениями Jabber.

http://scirus.benran.ru/~mememeandme/instructions/1.png

Главное окно Psi выглядит следующим образом:Для отправки сообщений на опрелененный компьютер необходимо дважды щелкнуть мышью по номеру компьютера, на который хочется требуется отправить сообщение, чтобы открыть окно индивидуального чата.

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

http://scirus.benran.ru/~mememeandme/instructions/2.png

Чтобы написать текст сообщения – достаточно начать набирать текст. Если необходимо добавить смайлы (эмоции) – кликнуть по http://scirus.benran.ru/~mememeandme/instructions/button-1.png и выбрать нужный из списка:

http://scirus.benran.ru/~mememeandme/instructions/add-1.png

По окончанию нажать Enter. Сообщение появится в окне чата, как показано на рисунке:

http://scirus.benran.ru/~mememeandme/instructions/3.png

Если будет получен ответ на сообщение, оно будет размещено ниже и выделено другим цветом:

http://scirus.benran.ru/~mememeandme/instructions/4.png

Если будет получено сообщение от контакта, окно чата с которым не открыто, его иконка в списке пользователей изменится, снизу окна появится сообщение о количестве полученных, но не прочитанных сообщений, изменится иконка в трее:

http://scirus.benran.ru/~mememeandme/instructions/5.png

Чтобы принять участие в групповом чате, необходимо щелкнуть мышью по кнопке, вызывающей основное меню http://scirus.benran.ru/~mememeandme/instructions/button-2.png и выбрать пункт меню "Присоединиться к конференции". Появится окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/6.png

В поле "Room" необходимо написать название комнаты, в которую вы хотите попасть (либо создать). В поле "Nickname" - имя, под которым вы хотите присоединиться к конференции. При желании можно указать пароль в поле "Password". После нажатия кнопки "Присоединиться" можно попасть в уже существующую комнату, либо создать новую.

Тот, кто вошел первым, автоматически становится модератором и ему предлагается сконфигурировать комнату. Но этого можно и не делать.

После присоединения участников конференции, окно группового чата выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/7.png

Чтобы отправить сообщение, которое будет видно всем, необходимо начать набирать текст и по окончанию нажать Enter. Чтобы отправить личное сообщение одному из присоединившихся, необходимо щелкнуть 2 раза по его имени, в результате чего появится окно, аналогичное окну индивидуального чата.

Digikam

DigiKam - простая в использовании, но мощная программа управления

цифровыми фотографиями.

Сразу после запуска он выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_9811842.png

Для просмотра файлов необходимо выбрать альбом (щелкнуть мышкой по названиям слева). Тогда на панели справа будут представлены эскизы изображений, содержащихся в альбоме:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2c1795e4.png

Для просмотра конкретного изображения, необходимо щелкнуть по нему мышью один раз:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_74cd5f9d.png

Для возврата к просмотру альбома необходимо щелкнуть мышью по изображению снова.

Некоторые альбомы могут содержать в себе вложенные – для просмотра списка вложенных альбомов и последующего выбора необходимо щелкнуть мышью около треугольника слева от имени альбома. Тогда список альбомов будет выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m73c7cfd1.png

Для того, чтобы свернуть список достаточно щелкнуть на тот же треугольник.

Открытие файлов в GIMP из digikam

Для того, чтобы открыть выбранный файл в GIMP, необходимо щелкнуть правой кнопкой мыши по понравившемуся изображению (открытому или нет), выбрать пункт "Открыть в" и далее - "GIMP".

GIMP

GIMP – мощный редактор для создания и обработки изображений.

Основное окно – панель инструментов – выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_3541d437.png

Каждое изображение открывается отдельным окном:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m4dbd2d11.png

Поворот целого изображения, масштабирование целого изображения

Как видно из примера выше, может возникнуть необходимость повернуть все изображение, а не какую-то его часть. Для этого необходимо в меню "Изображение" (на окне с изображением) выбрать пункт "Преобразование" и там – операцию, которую необходимо совершить с изображением. В данном случае - "Повернуть на 90 по часовой".

После совершения операции изображение будет выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m3c02d8c8.png

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

Чтобы уменьшить изображение, необходимо в меню "Изображение" окна с изображением выбрать пункт "Масштабировать...". Появится окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7b7ec141.png

Измените значения ширины и высоты (в пикселях), насколько вам необходимо и нажмите кнопку "Масштабировать". Изображение уменьшится до указанных вами размеров.

Работа с инструментом выделения форм в изображении (ножницы)

Для того, чтобы выделить какую-то форму на изображении, необходимо щелкнуть мышкой по инструменту http://scirus.benran.ru/~mememeandme/instructions/button-3.png на панели инструментов.

Допустим, необходимо выделить девушку фигуру человека. Проставив первую точку выделения (щелчок мышью по точке, с которой хотелось бы начать выделение – для удобства рекомендуется начинать на более ровных линиях), на курсоре появляется плюс рядом с изображением ножниц, что означает, что можно добавлять последующие точки выделения.

Главная особенность инструмента выделения форм в изображении в том, что кривая между двумя точками строится на основе цветовой информации в изображении – на границе двух достаточно отличающихся между собой цветов, что позволяет делать линию выделения более точной. Все точки, кроме крайних, в выделении можно перемещать, удерживая клавишу Ctrl (курсор при этом должен быть не с плюсом, а со стрелками крестом). Так же можно добавлять точки между двумя существующими – для этого достаточно щелкнуть по линии выделения и, при необходимости, переместить точку.

Выделение, которое создается таким образом – временное, с ним невозможно выполнять операции, которые можно выполнять с выделением. С другой стороны, его можно удобно корректировать. Чтобы выделение преобразовать в постоянное, которое невозможно редактировать, но над которым можно совершать операции, необходимо замкнуть временное выделение щелчком по точке начала выделения (курсор должен быть не как во время добавления точек, а как во время перемещения). Теперь при наведении курсора внутрь выделенной области должен быть с дугой, а за пределами – с перечеркнутым кругом. Далее необходимо щелкнуть мышью куда-либо в область внутри выделения – и оно преобразуется.

Пример временного выделения:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_mbe17d73.png

Пример преобразованного выделения:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_2c08435.png

Следует заметить, что в случаях, когда требуется более плавное выделение (менее резкие границы по краям), можно растушевывать края перед преобразованием выделения – для этого необходимо выбрать пункт "Растушевать края" в свойствах инструмента на панели инструментов и указать радиус.

Копирование/вставка в другое изображение отдельным слоем, перемещение

Чтобы скопировать выделенную область необходимо выбрать в пункте меню "Правка" на окне с изображением пункт "Копировать".

Чтобы вставить изображение в другое, заранее выбранное и открытое, необходимо в меню "Правка" на окне с выбранным изображением выбрать пункт "Вставить".

Пример вставки:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7563d465.png

Если открыть диалог со слоями ("Диалоги"->"Слои"), то можно увидеть, что выделение является отдельным слоем:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_46e843e4.png

Для того, чтобы закрепить изображение на данном слое, можно в пункте меню "Слой" на окне изображения выбрать пункт меню "Новый слой", либо нажать на кнопку http://scirus.benran.ru/~mememeandme/instructions/button-4.png на диалоге "Слои".

Поворот, масштабирование, искривление, перспектива

Для поворота изображения выбирается инструмент http://scirus.benran.ru/~mememeandme/instructions/button-5.png. Поворачивать можно на произвольный градус, либо указывая значение угла поворота в открывшемся окне:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7cf00663.png

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

Для подтверждения действия можно нажать кнопку "Повернуть" на диалоге вращения, либо нажать Enter.

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m6caa972f.png

Для масштабирования слоя или выделения используется инструмент http://scirus.benran.ru/~mememeandme/instructions/button-6.png. Параметры можно задавать в специальном диалоге:Подобную операцию можно выполнять с помощью мыши. Помимо изображения с желаемым масштабом, до подтверждения действия будет отображаться и исходный вариант:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m71633ded.png

Для подтверждения масштабирования можно нажать кнопку "Масштабировать" на диалоге масштабирования, либо нажать Enter.

Для искривления слоя или выделения используется инструмент http://scirus.benran.ru/~mememeandme/instructions/button-7.png. Параметры можно задавать в специальном диалоге:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5a1b5ba1.png

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

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m50aa17a8.png

Для подтверждения искривления можно нажать кнопку "Наклонить" на диалоге искривления, либо нажать Enter.

Для вращения плоскости слоя или выделения используется инструмент http://scirus.benran.ru/~mememeandme/instructions/button-8.png. Параметры можно менять мышкой. Информация о деформации отображается в информационном окне:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_1cc86820.png

Помимо изображения с новым положением объекта, до подтверждения действия будет отображаться и исходный вариант:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_177cd50e.png

Для подтверждения можно нажать кнопку "Преобразовать" на информационном окне, либо нажать Enter.

Инструменты прямого рисования: карандаш/кисть/перо и выбор цвета/кисти ("подрисуй хвост сестрёнке"), текст

Для выбора инструмента "Карандаш" необходимо щелкнуть мышью по значку http://scirus.benran.ru/~mememeandme/instructions/button-9.png на панели инструментов.

Для выбора инструмента "Кисть" необходимо щелкнуть мышью по значку http://scirus.benran.ru/~mememeandme/instructions/button-10.png на панели инструментов.

Для выбора инструмента "Перо" необходимо щелкнуть мышью по значку http://scirus.benran.ru/~mememeandme/instructions/button-11.png на панели инструментов.

Отличия линий, которые можно получить, используя данный инструмент, можно посмотреть на рисунке ниже (слева направо – карандаш, кисть, перо):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_44c0494d.png

Можно менять форму и цвет каждого из инструментов.

Для выбора цвета необходимо два раза щелкнуть по цвету переднего плана на основной панели инструментов. Откроется диалог выбора цвета:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m19427928.png

Перемещая курсор по различным цветовым областям, можно выбрать необходимый цвет. Для подтверждения выбора необходимо нажать Enter. Теперь инструмент будет рисовать выбранным цветом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_68a662af.png

Для изменения параметров инструмента "Карандаш" и инструмента "Кисть" используется меню свойств инструмента, отображаемое на панели инструментов при выборе инструмента "Карандаш" или инструмента "Кисть":

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m3593d413.png

Для изменения типа кисти необходимо щелкнуть по изображению текущей кисти http://scirus.benran.ru/~mememeandme/instructions/button-12.png и выбрать из появившегося меню:

http://scirus.benran.ru/~mememeandme/instructions/button-13.png

Для изменения свойств инструмента "Перо", используется меню свойств инструмента, отображаемое на панели инструментов при выборе инструмента "Перо":

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m16d4e02f.png

Для вставки текста используется инструмент http://scirus.benran.ru/~mememeandme/instructions/button-14.png. Для добавления текста достаточно щелкнуть мышью в ту область изображения, в которую необходимо добавить текст, и набрать текст в всплывающем окошке:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_4d4a6b6c.png

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m838a2d8.png

Набранный текст вставляется отдельным слоем. В меню свойств инструмента можно менять параметры набранного текста – шрифт (для смены шрифта необходимо щелкнуть по значку с изображением уже выбранного шрифта), его размер (набрав самостоятельно либо выбрав из списка), цвет (аналогично выбору цвета кисти):Слой с текстом на изображении будет выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m6aff4593.png

Сохранение в указанное место

Для сохранения изображения в указанное место необходимо в меню "Файл" на окне с изображением выбрать пункт "Сохранить как". Откроется окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m59262050.png

Для корректного выбора папки рекомендуется развернуть диалог, нажав по пункту "Просмотреть другие папки":

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_mba64ca9.png

Чтобы сохранить файл в рекомендуемое место для сохранения, необходимо щелкнуть два раза по пункту "Рабочий стол" в списке "Места". В соседнем списке выбрать двойным щелчком папку "OUTPUT", далее – папку с названием группы и с фамилией. Рекомендуется так же указать более корректное имя файла (а так же, в имени файла указать расширение или выбрать его из списка (для доступа к списку необходимо развернуть пункт "Выбрать тип файла (По расширению) и при необходимости свернуть пункт с выбором места):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2b003386.png

Для подтверждения необходимо нажать кнопку "Cохранить". Возможно, появится окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_64a82aa9.png

Если сохраняемый файл не предполагается редактировать в дальнейшем, то для продолжения работы необходимо нажать кнопку "Экспорт". Если планируется редактирование файла (в плане работы со слоями), то рекомендуется выбрать другой формат файла, нажав "Отмена" и вернувшись к диалогу сохранения.

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

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m541d6dbf.png

Рекомендуется не менять качество и нажать "OK".

Занятие 2

Продолжение работы с GIMP. Тонирование "перекрась кошечку". Кадрирование.

Тонирование

Для тонирования слоя или выделения необходимо в меню изображения "Слой" выбрать подменю "Цвет", а там – пункт "Тонировать".

Откроется диалог следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m37233ca.png

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

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m705542b7.png

Например, при значении параметра "Тон", равном 65, изображение будет иметь вид:Изображение при высоком уровне насыщенности:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m514e78f0.png

При низком уровне насыщенности:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_a876f97.png

При высоком уровне осветления:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m622b4927.png

При низком уровне осветления:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7b0f67bc.png

Для сброса изменений необходимо нажать кнопку "Сбросить". Для подтверждения изменений – кнопку "ОК".

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

Кадрирование – изменение количества пикселей в изображении путем "отсечения" пикселей вокруг выбранной области. Для кадрирования изображения используется инструмент http://scirus.benran.ru/~mememeandme/instructions/button-15.png.

Для кадрирования необходимо выбрать область, которую планируется оставить (подобно работе с прямоугольным выделением). Ее размеры можно корректировать в открывшемся диалоге, либо мышью.

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m51117d8c.png

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_b98260f.png

Область, которая будет обрезана в результате операции, затемняется.

Для подтверждения операции необходимо нажать кнопку "Кадрировать" на диалоге кадрирования, либо нажать Enter.

Занятие 3

Gif-анимация в GIMP (рисование по кадрам, с модификацией исходного изображения, скрипт-фу), создание нового изображения, инструмент заливка, изменение порядка слоев, объединение слоев, просмотр, корректное сохранение.

Любая gif анимация, которая создается в GIMP – последовательное отображение слоев от нижнего в верхнему с некой задержкой по времени между ними.

Создание нового изображения, анимация с помощью рисования по кадрам

Суть анимации с помощью рисования по кадрам – создание нового изображения на каждом новом слое, например, используя инструмент "Кисть". Каждый новый слой может копироваться из предыдущего, либо рисоваться отдельно. Ниже будут рассмотрены оба случая.

Для начала работы с анимацией необходимо создать новое изображение. Для этого достаточно в меню "Файл" на панели инструментов выбрать пункт "Новый...".

Появится окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m5f1ab77.png

При необходимости, можно изменить размер создаваемого изображения, указав нужные значения в полях "Ширина" и "Высота". Для создания нового изображения заданной величины необходимо нажать "ОК".

Новое изображение будет иметь следующий вид:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m32325a29.png

Нарисуем изображение на текущем слое (например, используя инструмент "Кисть"):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m762f8445.png

Если открыть диалог со слоями, то будет видно, что пока создан только один слой:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m13f2de74.png

Для того, чтобы создаваемое изображение было анимацией, необходимо сделать как минимум ещё один слой. Создать новый слой можно либо нажав кнопку "Новый слой", либо в меню "Слой" окна с изображением выбрать пункт "Новый слой".

Появится диалоговое окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m62c9f9ec.png

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

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_40e3bc29.png

После создания нового слоя, изображение будет визуально выглядеть как новое:

Однако, в диалоге "Слои" будет два слоя:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_210d5016.png

На новый слой нанесем новый рисунок:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m180a0cf8.png

Для просмотра предыдущего слоя можно сделать последующие слои невидимыми – щелкнуть мышью по http://scirus.benran.ru/~mememeandme/instructions/button-16.png на них:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_13b6c32d.png

Тогда на окне с изображением будет отображаться только видимые слои:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m55cf36cc.png

Если нарисованный слой не удовлетворяет, его можно либо откорректировать (например, закрасить кистью белого цвета ненужные участки), либо полностью удалить. Слой, который предлагается удалить, необходимо выделить в диалоге "Слои". На рисунке ниже показан пример выделения нижнего слоя:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_307b471d.png

Для удаления слоя достаточно нажать на кнопку http://scirus.benran.ru/~mememeandme/instructions/button-17.png.

Тогда останется только один слой:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m236cb2de.png

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

Можно дублировать ранее созданный слой. Для этого необходимо нажать на кнопку http://scirus.benran.ru/~mememeandme/instructions/button-18.png на диалоге "Слои". В результате этой операции, появится слой, дублирующий выделенный:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_513e5978.png

Теперь к копии слоя можно дорисовывать необходимые части:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m3dce79ff.png

Если необходимо следующий слой сделать с помощью дорисовывания данного, повторяется аналогичная операция:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_52dd29b.png

Следует заметить, что все слои в данном случае перекрывают друг друга, то есть если каким-либо образом изменить изображение нижнего слоя, оно никак не повлияет на уже созданные последующие слои:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_mb51feb2.png

Второй вариант создания такой анимации основан на дорисовывании в новом прозрачном слое.

На первом слое рисуется нужное изображение:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m4e3e913a.png

Создается новый слой. Однако, в этот раз в пункте "Тип заливки слоя" ставится параметр "Прозрачность":

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_44d5a5de.png

После создания нового прозрачного слоя, диалог "Слои" должен выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m671ec0f7.png

При этом окно с изображением будет выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m7d1f7d42.png

На новом прозрачном слое наносятся все необходимые изменения:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_41a778ce.png

Следует заметить, что если сделать предыдущий слой невидимым, отображаться будут только изменения, а не все изображение:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m5598af66.png

Здесь квадратики обозначают прозрачность.

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

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m6e1b1c37.png

Если оба слоя сделать видимыми, то конечное изображение будет выглядеть, как показано на рисунке ниже:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_256ac4ae.png

Анимация с помощью модификации исходного изображения, изменение порядка слоев

Анимацию можно делать и из исходных изображений. Например, из фотографий.

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m6f0910a9.png

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

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m119ee583.png

На всех новых слоях со вставленным объектом делаются все необходимые изменения (перемещение, деформации и т.п.):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_2469b1e3.png

В этом случае изображение выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7c42a284.png

Чтобы на каждом последующем кадре не было видно предыдущий, заранее были скопированы слои с фоном. Их необходимо разместить в порядке "через один" со слоями с перемещающимся объектом. Для перемещения слоя его необходимо выделить в диалоге "Слои" и перетащить мышью на нужное положение.

Правильно перемешанные слои должны выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_mcf176d6.png

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

Внешний вид диалога "Слои" после объединения всех необходимых слоев:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7ca19193.png

Анимация с использованием скрипт-фу

В GIMP есть встроенные средства для создания анимации. Создают они то же, что было описано ранее – некоторое множество слоев, только они создаются автоматически при использовании определенных инструментов.

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

Для добавления анимированных волн необходимо в меню "Скрипт-Фу" на окне с изображением выбрать подменю "Аниматоры", а там – пункт "Волны". Появится всплывающее окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_mba50cf7.png

При желании, можно изменить значения по умолчанию – изменить количество кадров, амплитуду и длину волны – но обычно значения по умолчанию вполне оптимальны.

По окончании изменения нужных параметров необходимо нажать кнопку "ОК". Возможно, потребуется некоторое время для генерации всех слоев.

Конечное изображение может выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_6eb9b327.png

Диалог "Слои" при этом будет выглядеть, как показано на рисунке ниже:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m540f6543.png

Для добавления анимированных волн необходимо в меню "Скрипт-Фу" на окне с изображением выбрать подменю "Аниматоры", а там – пункт "Волны". Появится всплывающее окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_34b672ce.png

При желании, можно изменить значения по умолчанию: количество кадров, цветовую информацию, – но обычно значения по умолчанию вполне оптимальны.

По окончанию изменения нужных параметров необходимо нажать кнопку "ОК". Возможно, потребуется некоторое время для генерации всех слоев.

Конечное изображение может выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_72938c0b.png

Диалог "Слои" при этом будет выглядеть, как показано на рисунке ниже:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m68884a7a.png

Для добавления анимированных волн необходимо в меню "Скрипт-Фу" на окне с изображением выбрать подменю "Аниматоры", а там – пункт "Волны". Появится всплывающее окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_686db6c9.png

При желании, можно изменить значения по умолчанию: количество кадров, силу ряби, тип края, – но обычно значения по умолчанию вполне оптимальны.

По окончанию изменения нужных параметров необходимо нажать кнопку "ОК". Возможно, потребуется некоторое время для генерации всех слоев.

Конечное изображение может выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m25e8feab.png

Диалог "Слои" при этом будет выглядеть, как показано на рисунке ниже:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5f17a7f2.png

Просмотр анимации

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

Откроется окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_70b14f9f.png

Нажатием кнопки "Пуск/Стоп" можно начать либо остановить воспроизведение анимации. Кнопка "Перемотка" возвращает на первый кадр анимации. С помощью кнопки "Шаг" можно просматривать анимацию по шагам – то есть самостоятельно определять интервал между сменой кадров. Для выхода из режима просмотра анимации достаточно нажать кнопку "Закрыть".

Корректное сохранение анимации

При сохранении анимации необходимо либо выбрать тип файла "Gif", либо указать его самостоятельно через точку после имени файла (например, имя файла может быть анимация.gif).

После нажатия кнопки "OK" на диалоге сохранения, появится окно следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m5fedddcd.png

Чтобы изображение сохранилось как анимация, необходимо переключить флаг на "Сохранить как анимацию", который не выбран по умолчанию.

После выбора данного пункта, необходимо нажать кнопку "Экспорт".

Возможно, появится изображение следующего содержания:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_26f6e46e.png

Если части изображения, выходящие за края не нужны при отображении анимации, то следует нажать кнопку "ОК".

Если анимация сохраняется корректно, должно появится следующее окно:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m85a3917.png

Тут, при желании, можно указать комментарий (английскими буквами), а так же задать параметры анимации. Если анимация должна быть бесконечной, необходимо выбрать пункт "Бесконечный цикл", в противном случае выделение необходимо снять. Можно указать задержку между кадрами – чем больше, тем медленнее, (задержка одинакова на протяжении всей анимации).

Расположение кадра – можно выбрать, в зависимости от того, как была выполнена анимация. Если этот пункт оставить без изменения, то анимация будет отображаться так же, как она отображается при просмотре.

По окончанию корректировки всех настроек, необходимо нажать кнопку "ОК".

Занятие 4

Векторная графика на примере XaraLX. Чем хороша векторная графика. Изучение инструментов карандаш, выделение, изменение цвета линий и заливки, масштабирование объектов, перемещение объектов, поворот объектов, ручка, правка фигуры, прямоугольник, эллипс, фигура. Попытка создания собственного изображения. Сохранение.

XaraLX

Xara – графический векторный редактор.

Главное окно выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5e3dda38.png

Преимущества векторной графики

Преимущество векторной графики перед растровой хорошо видно при сравнении увеличенного векторного и растрового изображения.

Для сравнения предлагается рассмотреть 2 линии – нарисованную в Xara и в GIMP.

Линия, нарисованная в Xara:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_287cb900.png

Линия, нарисованная в Xara, увеличенно (400%):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_f33934f.png

Линия, нарисованная в GIMP:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_6905cae.png

Линия, нарисованная в GIMP, увеличенно (400%):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m7f91ae0.png

Из приведенных выше примеров очевидно, что в случае векторной графики качество изображения не изменяется при его увеличении.

Изучение инструментов

Инструмент "Карандаш" необходим для рисования произвольных линий и произвольных фигур (в случае замкнутой линии). Чтобы замкнуть линию, необходимо навести курсор на точку начала линии (курсор должен иметь вид плюса) и завершить линию. В противном случае линия останется незамкнутой.

Пример незамкнутой линии и фигуры (слева направо):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7fbf8f37.png

Как видно из примера выше, несмотря на то, что линия визуально кажется замкнутой (пересекается), замкнутой фигура не является.

Для выделения объекта необходимо выбрать элемент http://scirus.benran.ru/~mememeandme/instructions/button-19.png и щелкнуть по нужному объекту мышью.

Пример выделенного объекта (выделена черная фигура):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m1ec7e141.png

Для изменения цвета линии необходимо щелкнуть правой кнопкой мыши по нужному цвету в палитре. Для изменения цвета заливки фигуры – левой кнопкой.

Пример фигуры, с измененным цветом линий и заливки, вместе с палитрой:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_59430dff.png

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

Для перемещения необходимо навести курсор на объект и перетащить, удерживая левую кнопку мыши, пока объект не будет на желаемом месте.

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

Пример уменьшенного, перемещенного и повернутого объекта с рисунка выше:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_68db3b7b.png

Инструмент "Ручка" http://scirus.benran.ru/~mememeandme/instructions/button-20.png необходим для создания прямых и кривых линий.

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

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

Для создания фигуры данным инструментом, необходимо замкнуть линию, нажав на начальную точку.

Пример ломаной, фигуры и кривой, созданных с помощью инструмента "Ручка" (слева направо):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m285b490e.png

Инструмент "Правка фигуры" http://scirus.benran.ru/~mememeandme/instructions/button-21.png используется для редактирования ранее созданных форм.

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

При наведении курсора на точки углов фигуры, курсор будет выглядеть в форме стрелок. Для изменения положения точки, ее необходимо перетащить правой кнопкой мыши на нужное положение. Чтобы удалить точку, необходимо щелкнуть по ней мышью (выделить) и нажать на кнопку http://scirus.benran.ru/~mememeandme/instructions/button-22.png на панели свойств инструментов.

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

Внешний вид касательных (у самой левой точки фигуры) виден на приведенном ниже изображении:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2870d551.png

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

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

Для того, чтобы нарисовать прямоугольник, используется инструмент "Прямоугольник" http://scirus.benran.ru/~mememeandme/instructions/button-23.png.

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

Пример прямоугольника:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_8f5b916.png

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

Чтобы сделать его редактируемым, необходимо щелкнуть по нему правой кнопкой мыши и выбрать пункт "Преобразовать в редактируемую форму".

После преобразования, объект можно редактировать как кривую:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m1a4255b0.png

Для скругления краев нередактируемой фигуры "Прямоугольник" необходимо щелкнуть мышью по кнопке http://scirus.benran.ru/~mememeandme/instructions/button-24.png на панели свойств инструмента.

Полученный результат может выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_597ffb1c.png

Для того, чтобы нарисовать эллипс, используется инструмент "Эллипс" http://scirus.benran.ru/~mememeandme/instructions/button-25.png. Действия по созданию и редактированию эллипса идентичны прямоугольнику, за исключением возможности скругления углов.

Пример эллипса:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_68e04437.png

С помощью инструмента "Фигура" можно создавать эллипсы, многоугольники и звезды с заданным количеством граней либо концов.

Изначально создается многоугольник, аналогично эллипсу и прямоугольнику:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_2abb390f.png

Для изменения типа фигуры, необходимо щелкнуть по соответствующей кнопке в свойствах инструмента. Для окружности - http://scirus.benran.ru/~mememeandme/instructions/button-26.png, для звезды - http://scirus.benran.ru/~mememeandme/instructions/button-27.png. Следует заметить, что фигура может быть превращена в звезду, только если она является многоугольником (не нажата кнопка "Эллипс"). К звездам и многоугольникам можно применять скругление углов:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_299904a0.png

Для изменения количества углов, необходимо либо выбрать в меню http://scirus.benran.ru/~mememeandme/instructions/button-28.png соответствующее значение, либо написать с клавиатуры.

Пример пятиконечной звезды с закрученными концами:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_34314108.png

Сохранение

Сохранение изображений аналогично сохранению изображений в GIMP, однако в Xara выбирать тип файла не требуется.

Занятие 5

Векторная графика на примере XaraLX. Изучение инструментов текст, заливка, прозрачность, тень, фаска, контур, смешивание (кошечки-собачки, "преврати собачку в кошечку, мальчика в девочку"). Попытка создания собственного изображения.

Изучение инструментов

Для добавление текста необходимо выбрать элемент http://scirus.benran.ru/~mememeandme/instructions/button-29.png, затем щелкнуть мышью в место, где предполагается разместить текст, и набрать текст.

Для того, чтобы изменить шрифт, необходимо выделить участок текста, шрифт которого предполагается изменить, и в разворачивающемся меню в свойствах инструмента http://scirus.benran.ru/~mememeandme/instructions/button-30.png выбрать нужный.

Пример изменения шрифта на фрагменте текста:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m4209558c.png

Для изменения размера, необходимо выделить участок текста, шрифт которого предполагается изменить, и в разворачивающемся меню в свойствах инструмента http://scirus.benran.ru/~mememeandme/instructions/button-31.png выбрать нужный.

Пример изменения размера шрифта на фрагменте текста:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2fcbcd44.png

Для того, чтобы текст был жирным, необходимо нажать кнопку http://scirus.benran.ru/~mememeandme/instructions/button-32.png в свойствах инструмента, после выделения нужного участка текста.

Для того, чтобы сделать текст курсивом, необходимо нажать кнопку http://scirus.benran.ru/~mememeandme/instructions/button-33.png в свойствах инструмента, после выделения нужного участка текста.

Текст может быть одновременно и жирным, и курсивом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_10fdc4c1.png

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

Пример желтого текста с синим контуром:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_1a84ce02.png

Текст, как и любую другую форму, можно перемещать, вращать, масштабировать.

Инструмент "Заливка" используется для выбора типа заливки изображения.

Тип заливки можно выбрать в соответствующем меню: http://scirus.benran.ru/~mememeandme/instructions/button-34.png. При выборе градиентных типов, можно менять все цвета, используемые в градиенте. Для этого удобнее всего щелкнуть 2 раза по цвету, который предполагается изменить http://scirus.benran.ru/~mememeandme/instructions/button-35.png. Откроется окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_2abdd2be.png

Здесь на полоске снизу можно выбирать оттенок, а на поле сверху – яркость и насыщенность. По окончанию выбора, необходимо закрыть окно.

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

Пример применения линейного градиента на звезде:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m79270436.png

Градиент может быть простым (повторяться один раз), а может быть повторяющимся (повторяться бесконечное количество раз). Для того, чтобы изменить это свойство градиента, необходимо выбрать в соответствующем меню http://scirus.benran.ru/~mememeandme/instructions/button-36.png нужное значение.

Примеры всех видов заливки (вверху – простой, внизу – повторяющийся, если имеется) показаны на рисунке ниже.

Слева направо: линейный, по кругу, эллиптический, конический, бриллиант, равномерный, трехцветный, четырехцветный, растровое изображение, фрактальные облака, фрактальная плазма.

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m1a99f294.png

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m64c734a6.png

Пример изображения с использованием различных градиентов:

В общем работа с прозрачностью аналогична работе с заливкой, однако один из цветов отсутствует, за счет чего обеспечивается прозрачность. Для работы с инструментом прозрачность, необходимо выбрать элемент http://scirus.benran.ru/~mememeandme/instructions/button-37.png на панели инструментов.

Используя инструмент "Прозрачность" можно добиваться эффектов как на рисунке ниже:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m26863cb1.png

Инструмент "Тень" http://scirus.benran.ru/~mememeandme/instructions/button-40.png используется для добавления тени к выделенному объекту. Для добавления тени к объекту, необходимо нажать левую кнопку мыши на нужном объекте и перетащить тень на нужное место.

Тень бывает нескольких типов – вертикальная, горизонтальная и свечение. Для выбора вертикальной тени, необходимо щелкнуть по кнопке http://scirus.benran.ru/~mememeandme/instructions/button-41.png на панели свойств инструмента. Для выбора горизонтальной тени, необходимо щелкнуть по кнопке http://scirus.benran.ru/~mememeandme/instructions/button-42.png на панели свойств инструмента. Для выбора тени типа "Свечение", необходимо щелкнуть по кнопке http://scirus.benran.ru/~mememeandme/instructions/button-43.png на панели свойств инструмента.

На рисунке ниже показаны все типы теней (слева направо: горизонтальная, вертикальная, свечение):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m185ca3c6.png

Можно менять четкость краев и насыщенность тени. Для изменения четкости краев тени, необходимо на следующем ползунке http://scirus.benran.ru/~mememeandme/instructions/button-44.png выставить нужное значение. Для изменение насыщенности – на ползунке http://scirus.benran.ru/~mememeandme/instructions/button-45.png.

Примеры теней разной четкости и насыщенности:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_589b0fc5.png

Инструмент "Фаска" добавляет фаску к фигуре или линии. Перед использованием инструмента, необходимо выбрать, к какому объекту будет добавляться фаска, и выделить его. Далее необходимо выбрать элемент "Фаска" на панели инструментов http://scirus.benran.ru/~mememeandme/instructions/button-38.png. Вокруг выделенного объекта появятся стрелочки следующего типа:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_mef0ed4b.png

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

Примеры фасок, добавленных к фигурам и линиям:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m4be0b9f6.png

Контур добавляется аналогично фаске с помощью инструмента "Контур" http://scirus.benran.ru/~mememeandme/instructions/button-39.png. Можно изменить количество уровней на панели свойств инструмента в поле http://scirus.benran.ru/~mememeandme/instructions/button-47.png - от 1 до 99.

Примеры контуров с разным количеством ступеней:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_853a5a2.png

С помощью инструмента "Смешивание" можно делать преобразования одной фигуры в другую.

Чтобы нарисовать преобразование одного объекта в другой, необходимо нажать левую кнопку мыши на первом объекте, перетащить курсор до второго и отпустить кнопку мыши.

Исходные изображения:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_26aa965e.png

После использования инструмента "Смешивание":

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m20819b2f.png

Как и в случае инструмента "Контур", можно менять количество шагов в преобразовании, меняя значение в поле http://scirus.benran.ru/~mememeandme/instructions/button-47.png на панели свойств инструмента.

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

Занятие 6

Векторная графика на примере XaraLX. Дорисовывание рамочек к своим растровым изображениям. Импорт битмапа, применение маски. Использование ранее изученных инструментов.

Импорт растрового изображения

Для импорта растрового изображения необходимо в пункте меню "Файл" выбрать пункт "Импорт". Откроется диалог открытия файла следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_4caa1508.png

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

Импортированное растровое изображение будет добавлено на рабочую площадь:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m36ae685b.png

К импортированному растровому изображению можно применять инструменты "Прозрачность", "Тень", "Фаска", "Смешивание". Примеры применения этих инструментов показаны на рисунке ниже (слева направо):

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m670706a0.png

Так же, импортированные растровые изображения можно масштабировать, перемещать, поворачивать.

Применение маски

Для применения маски к импортированному растровому изображению, необходимо нарисовать фигуру по форме рамки, разместить ее на заднем плане (в меню "Расположение" выбрать пункт "На задний план"), расположить растровое изображение поверх рамки, выделить оба объекта (например, выделить первый и, удерживая клавишу Shift, выделить второй) и в меню "Расположение" выбрать пункт "Применить маску".

Изображение может выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m608c1352.png

Для перемещения импортированного изображения в пределах рамки, необходимо перемещать его за курсор в центре. Все последующие изменения рамки будут изменять и изображение внутри:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_50f13a93.png

Края рамки можно делать более размытыми, если перемещать ползунок http://scirus.benran.ru/~mememeandme/instructions/buttun-46.png :

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m3d4104da.png

Занятие 7

Потоковое видео на примере kdenlive. "Отстойный клипушник, Батхед!". Добавление исходных материалов в проект, просмотр исходных материалов, подбор материалов для клипа из исходных. Составление клипов. Сохранение с желаемым качеством. Сохранение и открытие проекта.

Kdenlive

Kdenlive – редактор нелинейного монтажа видео.

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

Главное окно kdenlive выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_73469dbf.png

Добавление исходных материалов в проект

Для добавление исходных клипов в проект необходимо щелкнуть правой кнопкой мыши по области "Дерево проектов" и в появившемся меню выбрать пункт "Добавить клипы".

Откроется диалоговое окно открытия следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m43991aea.png

Предлагаемые исходные материалы находятся в Desktop->INPUT->video – видео и Desktop->INPUT->music – аудио. После выбора исходных материалов (можно выбирать более одного файла в пределах каталога, удерживая клавишу Shift), необходимо нажать кнопку "Open".

Внешний вид kdenlive с загруженными исходными материалами:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m4de9c917.png

Просмотр исходных материалов

Для просмотра исходных материалов, необходимо выбрать клип в поле дерева проекта, который предполагается просмотреть (щелкнуть по нему левой кнопкой мыши), а затем в области просмотра клипа нажать на кнопку "Играть" http://scirus.benran.ru/~mememeandme/instructions/button-48.png. Для того, чтобы приостановить просмотр на определенном месте, необходимо нажать кнопку "Пауза".

Пример приостановленного во время просмотра клипа:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7d762e57.png

Прослушивание музыки аналогично просмотру видео.

Добавление клипов на таймлайн

Для того, чтобы добавить клип на таймлайн, необходимо нажать левую кнопку мыши на клипе и перетащить его на таймлайн на любую из дорожек. При этом видео рекомендуется добавлять на дорожки, отмеченные значком http://scirus.benran.ru/~mememeandme/instructions/button-49.png, а аудио – только значком http://scirus.benran.ru/~mememeandme/instructions/button-50.png.

Пример добавленных аудио и видео клипов на таймлайн:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_2a79728.png

Такое расположение означает, что вместе с музыкой начнется показ клипа на Track 1, клип на Track 2 виден не будет, так как клип на Track 1 перекрывает его. Как только закончится показ клипа на Track 1, будет показываться клип на Track 2. Как видно из рисунка, клипы можно располагать в любом месте на дорожке.

Следует, однако, заметить, что для корректного сохранения клипа необходимо, чтобы видео начиналось сразу, иначе видео не сохранится.

Просмотр таймлайн

Для просмотра таймлайн необходимо в области просмотра переключиться на вкладку "Таймлайн" и начать просмотр, аналогично просмотру исходных материалов.

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

Внешний вид окна при просмотре таймлайн:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2c626031.png

Перемещение клипов

Для перемещения клипов используется инструмент "Перемещение" http://scirus.benran.ru/~mememeandme/instructions/button-51.png на панели инструментов.

Чтобы переместить клип, необходимо выбрать данный инструмент, нажать левой кнопкой мыши по клипу на таймлайн, который предполагается переместить, и, удерживая кнопку нажатой, перетащить клип в нужное место.

Корректировка длины клипов

Есть два способа корректировки длины клипа – разрезая клип (на таймлайн остается два разных клипа) и уменьшая (либо увеличивая) длину клипа.

Для разрезания клипов используется инструмент "Разрезание" http://scirus.benran.ru/~mememeandme/instructions/button-52.png на панели инструментов. Выбрав данный инструмент, необходимо нажать левую кнопку мыши в том месте клипа, в котором предполагается разделить его на две части. Пример разрезанного пополам клипа:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2c626031.png

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

Так, например, на рисунке ниже показан разрезанный в предыдущем примере клип, первая часть которого была перемещена и увеличена, а вторая – уменьшена.

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_60f58fb3.png

Сохранение и открытие проекта

Сохранение проекта – сохранение в специальный файл проекта ссылок на загруженные исходные материалы вместе с размещением их на таймлайн, необходимый для дальнейшей работы над проектом.

Чтобы сохранить проект, необходимо в меню "Файл" выбрать пункт "Сохранить". Откроется окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_68846d3d.png

Сохранение проекта производится в место сохранения прочих файлов (в личную папку). После окончания выбора места и названия, необходимо нажать кнопку "Сохранить".

Чтобы открыть ранее сохраненный проект, необходимо в меню "Файл" выбрать пункт "Открыть". В открывшемся диалоговом окне – выбрать проект из места, куда он был сохранен и нажать кнопку "Открыть". Если какие-либо исходные файлы были перемещены или изменены, необходимо заново указать путь до вариантов файлов, которые были при сохранении проекта.

Экспорт таймлайн с желаемым качеством

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

Для экспорта таймлайн, в меню "Рендер" выбирается пункт "Экспортировать таймлайн". Открывается окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_3601b3b5.png

Для сохранения данных исходных материалов рекомендуется на вкладке "Среднее качество" выбрать формат "Mpeg" размером 512х384 среднего качества:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m41d9e8bf.png

Чтобы в поле "Папка экспорта" был указан корректный путь для сохранения видео, необходимо нажать кнопку http://scirus.benran.ru/~mememeandme/instructions/button-53.png. Откроется окно следующего вида:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7871f7be.png

После окончания выбора места сохранения, достаточно нажать кноку "ОК".

При желании, можно изменить имя файла в поле "Имя файла". По умолчанию стоит "untitled.mpeg". Рекомендуется оставить расширение, написанное через точку после имени файла.

По окончанию выбора всех параметров, необходимо нажать кнопку "Экспорт" внизу окна экспорта, и ждать, пока экспортируется таймлайн. Прогресс экспорта можно наблюдать внизу основного окна kdenlive:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_540a33e2.png

По окончанию экспорта, окно экспорта можно закрыть, нажав кнопку "Закрыть".

Занятие 8

Потоковое видео: продолжение начатой работы над клипами. Попытка корректного (осмысленного по контексту) совмещения видеопотока с аудиопотоком. Добавление спецэффектов.

Добавление эффектов

Список спецэффектов, которые можно добавить, находится на вкладке "Список эффектов". Изменение свойств добавленных эффектов осуществляется посредством изменения параметров на вкладке "Effect Stack". Для того, чтобы добавить любой из эффектов, необходимо нажать левой кнопкой мыши на название эффекта в списке на вкладке "Список эффектов" и, не отпуская кнопку мыши, перетащить эффект на нужный клип, находящийся на таймлайн.

Для того, чтобы удалить эффект, необходимо нажать правой кнопкой мыши на клип, к которому добавлен эффект, в открывшемся меню выбрать подменю "Удалить эффект", и в открывшемся списке выбрать эффект, который необходимо удалить. К одному клипу можно применить несколько эффектов.

Ниже будут рассмотрены параметры спецэффектов.

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5de6beb6.png

Параметр Index определяет, будут сейчас меняться настройки относительно начала или относительно конца клипа (0 – начало, 1 – конец).

Position определяет начало применения эффекта относительно клипа. Intensity – уровень яркости для этой точки.

Например, эффект может выглядеть следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_ma863ad8.png

Тогда участки вне области, отмеченной линией, будут отображаться без изменений. В начальной точке эффекта изображение будет неярким:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_46bd771b.png

А в конце – ярким:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m36a47ff2.png

Окно сразу после добавления эффекта:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_md61a8d5.png

"Horizontal scatter" изменяет степень размазанности изображения по горизонтали (при увеличении значения размазанность увеличивается). "Vertical scatter" изменяет степень размазанности изображения по вертикали (при увеличении значения размазанность увеличивается). "Scale" изменяет интенсивность изображения. "Mix" изменяет насыщенность цвета.

Следует заметить, что эффект "Charcoal" применяется для всего клипа, в отличии от ранее описанного эффекта "Brightness"

Пример измененных параметров эффекта:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_md61a8d5.png

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_4ff12d60.png

С помощью этого эффекта можно менять яркость на протяжении всего клипа, а не на каком-то отдельном его участке.

Пример измененных параметров эффекта:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m257420c5.png

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m609c89b9.png

С помошью данного эффекта можно делать клип черно-белым на всем его протяжении. Параметры данного эффекта изменять невозможно.

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m3a0f812c.png

С помошью данного эффекта можно делать клип инвертированным на всем его протяжении. Параметры данного эффекта изменять невозможно.

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_6bb9af83.png

С помощью этого эффекта можно отразить изображение одним из предложенных вариантом. По умолчанию изображение отражается горизонтально относительно середины изображения. В раскрывающемся списке "Mirroring direction" можно выбрать направление отражения.

Вертикальное отражение относительно середины изображения:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_756ef50e.png

Диагональное относительно середины изображения, из левого нижнего угла в правый верхний:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_3a66d062.png

Диагональное относительно середины изображения, из левого верхнего угла в правый нижний:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m4d92aee7.png

Отражение целого изображения горизонтально относительно центра:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m47847c20.png

Отражение целого изображения вертикально относительно центра:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_7bd5555d.png

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_1d227f78.png

С помощью данного эффекта можно зацензурить определенное место в определенное время проигрывания клипа.

Параметр Index определяет, будут сейчас меняться настройки относительно начала или относительно конца клипа (0 – начало, 1 – конец).

Position определяет начало применения эффекта относительно клипа. X и Y – координаты верхней левой точки области зацензуривания. "Width" – ширина области зацензуривания, "Height" - высота области зацензуривания.

Пример измененных параметров эффекта:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_65f926a6.png

Окно сразу после добавления эффекта выглядит следующим образом:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m2c5eedd4.png

Изменяя значения параметров "Chrominance U" и "Chrominance V" можно получить нужный оттенок изображения.

Пример измененных параметров эффекта:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_52d09c28.png

Занятие 9

Потоковое видео: добавление переходов. Окончание работы над клипами.

Добавление переходов

Чтобы добавить переход от одного клипа к другому, необходимо щелкнуть правой кнопкой мыши по клипу с которого предполагается осуществить переход, в открывшемся меню выбрать подменю "Добавить переход", и выбрать из открывшегося списка переход нужного типа. Добавившийся переход можно перемещать и изменять его размер аналогично клипам. Для изменения параметров перехода необходимо два раза щелкнуть по нему мышью и в открывшейся вкладке "Переход" изменить его параметры. Для того, чтобы удалить переход, необходимо щелкнуть по нему правой кнопкой мыши, в открывшемся меню выбрать пункт "Удалить переход". Между двумя клипами в один момент времени может быть только один переход.

Ниже подробно описаны параметры всех переходов.

Внешний вид перехода после его добавления без изменения параметров:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_715ba7a1.png

С помощью этого перехода осуществляется плавное преобразование верхнего клипа в нижний.

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

Внешний вид перехода после его добавления без изменения параметров:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5a0bffcf.png

С помощью этого перехода одно изображение накладывается на другое и они проигрываются все время перехода одновременно (возможно перемещение одного изображения относительно другого).

С помощью переключателей "Начало" и "Конец" определяется, будут меняться параметры начальной точки или конечной. С помощью матрицы можно выбрать направление движения клипа. С помощью ползунка "Прозрачность" - изменять прозрачность в начальной либо конечной точке перехода.

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

Пример перехода с измененными параметрами:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m213cf15f.png

Внешний вид перехода после его добавления без изменения параметров:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m6a54aa3f.png

С помощью переключателей "Начало" и "Конец" определяется, будут меняться параметры начальной точки или конечной. С помощью ползунка "Прозрачность" - изменять прозрачность в начальной либо конечной точке перехода. С помощью ползунка "Размер" - задавать коэффициент увеличения в начальной либо конечной точке перехода. С помощью ползунка "Horiz. position" - изменять позицию по горизонтали в начальной либо конечной точке перехода. С помощью ползунка "Vert. position" - изменять позицию по горизонтали в начальной либо конечной точке перехода.

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

Пример перехода с измененными параметрами:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m558e2cf5.png

Внешний вид перехода после его добавления без изменения параметров:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5e6ab1ee.png

С помощью этого перехода один клип преобразовывается в другой по анимированной маске.

С помощью перемещения ползунка "Softness" можно изменять четкость границ маски. Так же можно выбрать нужную маску из набора.

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

Пример перехода с измененными параметрами:

http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m35f0af0a.png