= Необходимый минимум для проведения занятий = === Предисловие === * Данный текст не является полным руководством по программам курса, а является исключительно описанием использования инструментов, необходимых в рамках курса в объеме, необходимом для курса и не более. * Сохранение файлов и прочие особенности, которые могут варьироваться в зависимости от пользователей даны исключительно в рамках курса, даже если какие-то моменты даются несколько искаженно или слишком урезанно относительно их исходного значения. * Материал структурирован по занятиям, а не по смысловым разделам и подается в том порядке, в котором он должен быть подан на занятии, согласно составленному плану. Кроме того, он снабжен достаточно простыми примерами, которые могут быть использованы для проведения занятий. * Все вопросы установки, запуска и настройки в данном тексте не отражаются. Основные понятия, не раскрываемые в тексте, считаются читателю известными. * Данный текст верен исключительно для системы, прилагаемой вместе с курсом. Со всеми другими системами и версиями могут быть различные расхождения, за которые автор ответственности не несет. == Занятие 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". Для того, чтобы добавить любой из эффектов, необходимо нажать левой кнопкой мыши на название эффекта в списке на вкладке "Список эффектов" и, не отпуская кнопку мыши, перетащить эффект на нужный клип, находящийся на таймлайн. Для того, чтобы удалить эффект, необходимо нажать правой кнопкой мыши на клип, к которому добавлен эффект, в открывшемся меню выбрать подменю "Удалить эффект", и в открывшемся списке выбрать эффект, который необходимо удалить. К одному клипу можно применить несколько эффектов. Ниже будут рассмотрены параметры спецэффектов. * Brightness Окно сразу после добавления эффекта выглядит следующим образом: [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] * Charcoal Окно сразу после добавления эффекта: [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] * Gamma Окно сразу после добавления эффекта выглядит следующим образом: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_4ff12d60.png] С помощью этого эффекта можно менять яркость на протяжении всего клипа, а не на каком-то отдельном его участке. Пример измененных параметров эффекта: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m257420c5.png] * Greyscale Окно сразу после добавления эффекта выглядит следующим образом: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m609c89b9.png] С помошью данного эффекта можно делать клип черно-белым на всем его протяжении. Параметры данного эффекта изменять невозможно. * Invert Окно сразу после добавления эффекта выглядит следующим образом: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m3a0f812c.png] С помошью данного эффекта можно делать клип инвертированным на всем его протяжении. Параметры данного эффекта изменять невозможно. * Mirror Окно сразу после добавления эффекта выглядит следующим образом: [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] * Sepia Окно сразу после добавления эффекта выглядит следующим образом: [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 == Потоковое видео: добавление переходов. Окончание работы над клипами. === Добавление переходов === Чтобы добавить переход от одного клипа к другому, необходимо щелкнуть правой кнопкой мыши по клипу с которого предполагается осуществить переход, в открывшемся меню выбрать подменю "Добавить переход", и выбрать из открывшегося списка переход нужного типа. Добавившийся переход можно перемещать и изменять его размер аналогично клипам. Для изменения параметров перехода необходимо два раза щелкнуть по нему мышью и в открывшейся вкладке "Переход" изменить его параметры. Для того, чтобы удалить переход, необходимо щелкнуть по нему правой кнопкой мыши, в открывшемся меню выбрать пункт "Удалить переход". Между двумя клипами в один момент времени может быть только один переход. Ниже подробно описаны параметры всех переходов. * Crossfade Внешний вид перехода после его добавления без изменения параметров: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_715ba7a1.png] С помощью этого перехода осуществляется плавное преобразование верхнего клипа в нижний. В раскрывающемся списке можно выбрать, переход на какую дорожку будет осуществляться. * Push Внешний вид перехода после его добавления без изменения параметров: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5a0bffcf.png] С помощью этого перехода одно изображение накладывается на другое и они проигрываются все время перехода одновременно (возможно перемещение одного изображения относительно другого). С помощью переключателей "Начало" и "Конец" определяется, будут меняться параметры начальной точки или конечной. С помощью матрицы можно выбрать направление движения клипа. С помощью ползунка "Прозрачность" - изменять прозрачность в начальной либо конечной точке перехода. В раскрывающемся списке можно выбрать, переход на какую дорожку будет осуществляться. Пример перехода с измененными параметрами: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m213cf15f.png] * PIP Внешний вид перехода после его добавления без изменения параметров: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m6a54aa3f.png] С помощью переключателей "Начало" и "Конец" определяется, будут меняться параметры начальной точки или конечной. С помощью ползунка "Прозрачность" - изменять прозрачность в начальной либо конечной точке перехода. С помощью ползунка "Размер" - задавать коэффициент увеличения в начальной либо конечной точке перехода. С помощью ползунка "Horiz. position" - изменять позицию по горизонтали в начальной либо конечной точке перехода. С помощью ползунка "Vert. position" - изменять позицию по горизонтали в начальной либо конечной точке перехода. В раскрывающемся списке можно выбрать, переход на какую дорожку будет осуществляться. Пример перехода с измененными параметрами: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m558e2cf5.png] * Wipe Внешний вид перехода после его добавления без изменения параметров: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_5e6ab1ee.png] С помощью этого перехода один клип преобразовывается в другой по анимированной маске. С помощью перемещения ползунка "Softness" можно изменять четкость границ маски. Так же можно выбрать нужную маску из набора. В раскрывающемся списке можно выбрать, переход на какую дорожку будет осуществляться. Пример перехода с измененными параметрами: [http://scirus.benran.ru/~mememeandme/instructions/instructions_html_m35f0af0a.png]