Как сделать обтекание картинки текстом в powerpoint

Бегущая строка в PowerPoint

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

Основные настройки, которые нам понадобятся во всех вариантах:

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

1. Переходим на вкладку «Анимация» и применяем эффект «Вылет».
2. В дополнительных параметрах эффекта выставляем опцию «Справа». Таким образом строка будет появляться с правого края слайда и лететь на свое место, и мы сначала будем видеть начало фразы.
3. В настройках времени определяем длительность и задержку если она нужна.

Выбегающая строка

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

Выбегающая строка с повторениями

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

1. Активируйте «область анимации»
2. Нажмите на кнопку со стрелкой вниз на строчке с нужной анимацией
3. Выберите «параметры эффекта»
4. Установите нужное число повторений

Бегущая строка покидающая слайд

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

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

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

В предыдущем параграфе хвост мешал вылету заново, если вы хотите, чтобы был видно следующее поведение:

• Хвост бегущей строки подходит к левому краю слайда
• В этот момент та же самая строка начинается у левого края слайда.

Вам нужно сделать следующее:

1. Скопируйте ту же самую строку и расположите ее поверх первой
2. Настройте параметры старта для второго объекта:

• Начало – с предыдущим
• Задержка – половина длительности

Проблема вписывания фото в текст

С определенной версии PowerPoint окно для текста превратилось в «Область содержимого». Данный участок теперь используется для вставки абсолютно всех возможных файлов. Вставить в одну область можно лишь один объект. Как следствие, текст вместе с изображением не могут сосуществовать в одном поле.

В итоге, два этих объекта стали несовместимыми. Один из них всегда должен либо находиться позади другого в перспективе, либо спереди. Вместе – никак. Потому такой же функции настройки вписывания картинки в текст, как это есть, например, в Microsoft Word, в PowerPoint нет.

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

Способ 1: Ручное обрамление текстом

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

1. Для начала нужно иметь вставленное в нужный слайд фото.

Здесь нас интересует кнопка «Надпись». Она позволяет начертить произвольную область только для текстовой информации.

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

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

Главный минус способа – это долго и нудно. Да и далеко не всегда удается ровно располагать текст.

Способ 2: Фото на заднем плане

Этот вариант несколько попроще, однако тоже может иметь определенные трудности.

1. Нам понадобится вставленное в слайд фото, а также область содержимого с внесенной текстовой информацией.

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

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

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

В итоге получится также неплохой вариант обтекания картинки.

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

Способ 3: Цельное изображение

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

1. Нужно вставить необходимые текст и изображение в листок Word, и уже там произвести обтекание картинки.

В Word 2016 данная функция может быть доступна сразу при выборе фото рядом в специальном окне.

Если с этим трудности, то можно использовать и традиционный путь. Для этого нужно будет выделить требуемое фото и перейти в шапке программы во вкладку «Формат».

Здесь потребуется нажать на кнопку «Обтекание текстом»

Остается выбрать варианты «По контуру» или «Сквозное». Если фото имеет стандартную прямоугольную форму, то подойдет и «Квадрат».

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

Будет выглядеть очень хорошо, да и делается сравнительно быстро.

Проблемы здесь тоже свои есть. Во-первых, придется работать с фоном. Если у слайдов белый или однотонный задний план, то будет достаточно просто. Со сложными изображениями выйдет проблема. Во-вторых, такой вариант не предусматривает редактирования текста. Если придется что-то править, то останется лишь делать новый скриншот.

Шрифт, маркеры и отступы абзацев презентаций

Основными текстовыми элементами презентаций являются списки. В отличие от Word списки PowerPoint изначально предполагаются многоуровневыми, что вносит некоторую специфику в приемы их форматирования. Чтобы приукрасить списки презентации, созданной на предыдущем занятии, выполните следующие шаги.

1. Откройте презентацию План.ррt

2. Из обычного режима, щелкнув на соответствующей кнопке, перейдите в Режим слайдов, чтобы развернуть слайд на все окно PowerPoint.

3. Несколькими нажатиями клавиши Page Down перейдите к последнему, восьмому слайду, показанному на. рис. 14.1. На этом слайде расположен двухуровневый список.

4. Чтобы вывести на экран линейки (если таковые отсутствуют), выберите команду Вид > Линейка.

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

Рис. 14.1. Слайд презентации PowerPoint с двухуровневым списком

6. Перетащите ползунок левого отступа второго уровня вправо на 4 см. Этот ползунок смещает как маркеры, так и пункты списка.

7. Перетащите влево на 1 см ползунок отступа маркеров. Маркеры второго уровня сместятся влево, а текст пунктов останется на месте.

8. Щелкните слева от пункта 30-секундный ролик, чтобы выделить его.

9. Нажмите клавишу Shift и щелкните слева от следующего пункта. Теперь окажутся выделенными два пункта второго, уровня.

10. Щелкните в области выделенного текста правой кнопкой мыши и выберите в контекстном меню команду Список (рис. 14.2).

11. В открывшемся окне диалога щелкните на вкладке Маркированный список.

12. С помощью этого окна можно выбрать один из предлагаемых вариантов маркеров, щелкнув на нем, или же самим разработать вариант маркера. Щелкните на кнопке Настройка. В списке Шрифт окна диалога Символ выберите пункт Wingdings (рис. 14.3).

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

Как сделать слайды?

Открываем программу PowerPoint. На экране появится следующее окно с пустым слайдом.

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

Создаем первый слайд

Итак, по умолчанию программа нам выдала слайд с титульной разметкой. В нашем случае мы будем использовать разметку Только заголовок. Чтобы ее установить на вкладке Главная в группе Слайды нажимаем кнопку Разметка слайда для изменения текущего макета. В выпадающем списке выбираем нужную разметку.

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

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

Вставляем рисунки

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

Откроется окно вставки рисунка. Нужно просто указать необходимое изображение и нажать вставить или дважды кликнуть по нему.

Вставку рисунка или фото можно выполнить простым перетаскиванием на слайд прямо из папки.

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

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

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

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

Делаем пояснительный текст

Далее вставим пояснительный текст под картинками. Для этого нам понадобиться инструмент Надпись. Он находится на вкладке Вставка в группе Текст.

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

Анимация в PowerPoint 2010

Общая схема внедрения анимации в версии 2010 года во многом соответствует инструкциям для программ 2013-2016 гг., описанным выше. Поскольку повторять их нет смысла, рассмотрим лишь некоторые специфические нюансы.

Как вставить анимацию в презентацию PowerPoint 2010?

Приведенная ниже инструкция позволит снабдить один объект несколькими эффектами.

1. Откройте «Анимация».
2. Выделите нужный объект.
3. Выберите один из эффектов, предложенных в группе «Анимация».
4. Перейдите в раздел «Расширенная анимация», нажав «Добавить анимацию». Если требуемых эффектов в основном списке нет, выберите вариант «Дополнительные эффекты…».
5. Выберите один из доступных эффектов.
6. В левой части ленты нажмите «Просмотр».

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

Примечание. Числовые метки, обозначающие объекты с анимацией, можно видеть лишь при открытой вкладке «Анимация» или в поле «Область анимации».

Просмотр перечня эффектов

Список используемых эффектов можно посмотреть в пункте «Область анимации» (группа «Расширенная анимация»). Здесь отображается ряд важных данных о каждом эффекте анимации.

Совет! Дайте каждому объекту уникальное имя, тогда с ними будет легче работать.

Рассмотрим подробнее характеристики эффектов, представленных в области анимации.

• Числовые метки отображают порядок воспроизведения эффектов. Их также можно увидеть на слайде рядом с анимированными объектами.
• Значки указывают на используемые типы анимации.
• Временные шкалы подают длительность эффектов. Чтобы просмотреть время запуска всех эффектов, кликните по значку меню рядом с одним из эффектов и выберите «Скрыть расширенную временную шкалу».

Как сделать анимацию в PowerPoint 2013/2016?

Последние версии PowerPoint анимируют практически любой объект. Это дает широкий простор для творчества. Но для начала необходимо овладеть базовыми навыками.

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

Анимирование любого неподвижного объекта, в том числе и текста, предполагает 4 шага.

1. Выделите объект, который желаете анимировать (вокруг него должны обозначиться маркеры изменения размера).
2. На вкладке «Анимация» кликните «Добавить анимацию».
3. Выберите желаемый эффект.
4. Определите параметры эффекта.

Выбирая эффекты, помните, что некоторые из них доступны исключительно как анимация текста в PowerPoint. Это касается таких эффектов, как «Кнут», «Волна», «Падение» и ряда других.

Чтобы добавить к уже существующей анимации дополнительный эффект потребуется выполнить 3 последовательные действия.

1. Нажмите «Добавить анимацию».
2. Отметьте нужный эффект.
3. Кликните пункт «С предыдущим» в разделе «Область анимации».

Совет! Убедитесь, что в настойках слайд-шоу не стоит отметка «Без анимации». Если она установлена анимация не будет воспроизводиться во время показа слайд-шоу, а лишь при предварительном просмотре. А значит, все старания пойдут насмарку.

Запуск эффектов

PowerPoint предлагает 3 варианта запуска эффектов:

• «по щелчку» (эффект включается после щелчка по слайду);
• «с предыдущим» (запуск происходит в одно время с предыдущим эффектом);
• «после предыдущего» (эффект воспроизводиться по завершению предшествующей анимации, при этом нет необходимости что-либо щелкать).

Если всех эффектов анимации достаточно, то от варианта «по щелчку» лучше отказаться. Его использование требует больше времени, что повышает риск распыления внимания докладчика.

Рассмотрим, как сделать анимацию картинки в PowerPoint, используя один из вышеуказанных вариантов запуска.

1. Выделите эффект, который будете редактировать.
2. Во вкладке «Анимация» кликните «Начало».
3. Выберите требуемый показатель.

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

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

1. Нажмите «Анимация» > «Область анимации».
2. Выделите эффект, который не стоит на своем месте в порядке анимации.
3. В пункте «Изменить порядок анимации» выберите «Переместить вперед» или «Переместить назад».

Вышеупомянутыми командами можно пользовать несколько раз подряд.

Скорость показа эффектов

В данном случае понадобиться параметр «Длительность». Пользоваться им очень просто.

1. Выделите эффект, который будет редактироваться.
2. В поле «Длительность» введите требуемое число с помощью клавиатуры.

Минимальная длительность показа составляет 0.01 с, а максимальная – 59 с.

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

Как удалить анимацию в PowerPoint?

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

1. Выберите цифру возле ненужной анимации.
2. Нажмите «DELETE».

Изогнутый текст вокруг круга или другой фигуры

Вы можете использовать объект WordArt с эффектом » преобразовать текст» для изгиба или поворота текста вокруг фигуры. Если нужно, чтобы текст полностью окружал фигуру, потребуется немного больше усилий. Объект WordArt также можно вставить несколько раз, чтобы задать обтекание текста вокруг фигур с прямыми границами.

Перейдите к разделу вставка > WordArtи выберите нужный стиль WordArt.

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

Замените текст заполнителя на собственный текст.

Выделите свой текст WordArt.

Перейдите к разделу Формат фигуры или Работа с рисунками, нажмите кнопку текстовые эффекты >преобразовать и выберите нужный вид.

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

Дополнительные методики

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

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

Группа перемещения и копирование Чтобы переместить или скопировать несколько объектов WordArt как одну фигуру, ознакомьтесь с разделами группирование и разгруппировка фигур, рисунков или других объектов .

Точный элемент управления «угол» Угол наклона текста WordArt по отношению к фигуре можно точно настроить с помощью инструмента вращения.

Если вам нужен очень точный контроль или вы создаете сложное сочетание фигур и текста, вы можете создать текст вокруг фигуры с помощью сторонней программы рисования и скопировать и вставить его в документ Office.

Создание изогнутого или кругового текста WordArt

Перейдите к разделу вставка > WordArt.

Выберите нужный стиль WordArt.

Выделите текст WordArt.

Перейдите к разделу Формат фигуры > текстовые эффекты > преобразуйте и выберите нужный эффект.

Дополнительные методики

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

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

Группа перемещения и копирование Чтобы переместить или скопировать несколько объектов WordArt как одну фигуру, ознакомьтесь с разделами группирование и разгруппировка фигур, рисунков или других объектов .

Точный элемент управления «угол» Угол наклона текста WordArt по отношению к фигуре можно точно настроить с помощью инструмента вращения.

Если вам нужен очень точный контроль или вы создаете сложное сочетание фигур и текста, вы можете создать текст вокруг фигуры с помощью сторонней программы рисования и скопировать и вставить его в документ Office.

В Веб-приложение Word вы можете увидеть объект WordArt, который уже есть в документе, но добавить другие объекты WordArt, чтобы открыть или изменить документ в классической версии Word.

Вы можете использовать возможности шрифта на вкладке Главная , чтобы изменить цвет и размер шрифта, а также применить к тексту полужирное начертание, курсив или подчеркивание.

Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки

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

Растровая графика

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

Есть разные типы растровых файлов, например, JPEG, GIF и PNG и каждый тип имеет свои нюансы. Растровые изображения идеальны для редактирования фотографий и создания цифровых картин в таких программах как Photoshop и GIMP, они могут сжиматься для хранения, их можно оптимизировать для размещения в интернете.

Возможности использования растровой графики определяются его размерами и разрешением. Разрешение (разрешающая способность) задается параметром ppi (pixels-per-inch) — количеством пикселей на единицу длины – дюйм.

Общий размер изображения также выражается в пикселях (px), к примеру 5000 * 2000 px (ширина * высота). Чем больше значение ppi и размерность, тем выше качество. Печатные материалы требуют разрешения не меньше 300 ppi. Например, вы готовите брошюру и вам нужно сделать изображение для фона, которое будет печататься на бумаге формата А4 (переведя в дюймы получим размерность 8.5” x 11”). Ваша фоновая картинка, должна иметь размерность 2550 пикселей в ширину (8.5 дюймов) на 3300 пикселей в высоту (11 дюймов) при разрешении 300 ppi.

Если разрешение будет меньше, то есть риски деградации качества, так как растровые изображения имеют ограничения при масштабировании до больших размеров. При расширении качество теряется, и картинка становится размытой, так как каждый пиксель становится больше или программное обеспечение для редактирования графики пытается найти компромисс, подбритая промежуточные цветные пиксели. Растр плохо масштабируется, но хорошо сжимается. Типовой прием – при размещении картинки в интернете, разрешение и размерность уменьшают. Например, до показателя в 72 или 96 ppi.

Как сделать анимацию картинки при нажатии на нее?

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

Загрузим изображение из Интернета. Для этого нажмем на соответствующую пиктограмму:

Выберем интересное изображение, набрав в поисковой строке интересующую нас тему.

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

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

Затем можно попробовать выбрать «Эффекты для рисунка», они находятся в соответствующем месте. Я выбрал, как на фото:

Посмотрите, как изменилось восприятие изображения. Теперь можно переходить к анимации. Опять кликаем мышью по фото, переходим на вкладку «Анимация» и нажимаем «Добавить анимацию»:

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

Мы будем увеличивать фото, поэтому выбираем «Изменение размера»:

Но, это еще не все. Не забываем снова выделить нашу фотку щелчком мыши. Рядом на панели появилась еще одна звезда — «Параметры анимации». Нажимаем на нее и далее делаем, как на фото:

Увеличение будет происходить во все стороны. Увеличение будет «огромным». Вот почему я выбрал фото с высоким разрешением. Теперь осталось только настроить наше выделение по щелчку. И не забыть задать длительность эффекта:

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

В чём разница между растровой и векторной графикой?

Так как растровое изображение это группа пикселей, оно не может увеличиваться без потери качества. Если вы увеличите масштаб растровой картинки, она начнет «пикселизировать» или размываться. Чем меньшее разрешение (ppi- количество пикселей на дюйм) у файла, тем меньшие геометрические размеры у картинки должны быть, чтобы обеспечить приемлемое воспринимаемое качество. В случае с вектором всё наоборот, математические формулы, которые задают вид векторов помогают программе визуализации (web браузеру, графическому редактору и т.д.) пересчитывать картинку когда мы меняем масштаб. Таким образом мы можем неограниченно увеличивать векторную схему, при этом сохраняя чёткие и ясные края полигонов. Разница наиболее заметна, когда вы одинаково «зазумите» растровую картинку и такую же векторную картинку:

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

Для растрового изображения геометрия картинки зависит от разрешения, для векторного — нет.

Растровые картинки способны воспроизвести миллиарды цветов в одном изображении и позволяют редактировать цвета намного многообразнее. Они могут воспроизводить тончайшие нюансы света и теней если выбрано правильное разрешение. Цветовая гамма в растровых картинках — намного богаче.

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

Реалистичность графики

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

Типы и размеры файлов.

Типовые расширения векторных файлов — .JPG, .GIF, .PNG, .TIF, .BMP, and .PSD. Наибольшее оставшиеся векторные файлы это .SVG, .AI. Также векторная графика может храниться в файлах с расширением .PDF в том случае, когда документы были созданы в программе, поддерживающей редактирование / воспроизведение векторов.

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

Итоговая таблица сравнения:

Растровые изображения	Векторные изображения
Состоят из пикселей, организованных для цели составления изображения	Состоят из контуров (path), описанных математическими формулами
Ограничены разрешением и размерностью	Неограниченно расширяемы
Богатые возможности поддержки сложных цветовых блендов	Сложности с формированием цветовых блендов без растеризации
Большие размеры файлов (но можно сжимать)	Малые размеры файлов
Типы файлов: .jpg, .gif, .png, .tif, .bmp, .psd; а также .eps and .pdf, созданные растровыми редакторами.	Типы файлов: .ai, .cdr, .svg; а также .eps and .pdf, созданные векторными редакторами
ПО: Photoshop, GIMP	ПО: Illustrator, CorelDraw, InkScape
Прекрасно подходят для рисования	Прекрасно подходят для черчения
Возможности детального редактирования	Меньше деталей, но возможности формирования точных контуров