[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 11
Форум обучение с помощью интернета » Дизайн » Сделай сам » Создание Ascii анимации (урок)
Создание Ascii анимации
NatalkaДата: Суббота, 22.10.2011, 01:38 | Сообщение # 1
Авторитет
Группа: Администраторы
Сообщений: 1113
Репутация: 12
Статус: Offline



Опишу как сделать такую анимацию в фотошоп.

Прежде, чем приступить к уроку скачиваем плагин для создания Ascii графики в фотошоп, разархивируем и устанавливаем в программу Adobe Photoshop.

1. Создаем новый документ 300 * 300, фон белый.
2. Выбираем фигуру пазлы (скачать фигуры пазлы) и рисуем любым цветом.

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



4. Растрируем кадый слой с фигурой.
5. Под каждым слоем с фигурой создаем новый слой, заливаем его белым цветом. Палитра слоев будет выглядеть:



6. Объединяем каждый слой с фигурой с предыдущим белым слоем. Те слои, которые нужно объединить в один выделены одним цветом:



В итоге получим 4 слоя, на каждом будет находится фигура

продолжение в комментарии...
Прикрепления: 1167941.png(4Kb) · 5878942.png(12Kb) · 6487228.png(22Kb) · 0985533.png(22Kb)
 
NatalkaДата: Суббота, 22.10.2011, 01:59 | Сообщение # 2
Авторитет
Группа: Администраторы
Сообщений: 1113
Репутация: 12
Статус: Offline

7. Делаем активным верхний слой с фигурой и применяем к нему плагин Ascii Art(Фильтры -> Richard RoseMan -> Ascii Art)

(смотри видеоурок создания рисунком символами)

8. Откроется блокнот с рисунком символами. Нажмите одновременно клавиши Alt + Print Screen для того, чтобы сделать скриншот активного окна (блокнота).

9. В фотошопе Файл -> Новый (создаем документ с любыми настройками)

10. Редактировать -> Вклеить

11. Возвращаемся к документу с пазлами. Убираем видимость верхнего слоя с фигурой и проделываем пункты 7, 8, 10 (9 пункт пропускаем, вклеиваем новую фигуру с символами на документ, куда уже вклеивали первый скриншот)

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

13. При помощи волшебной палочки или цветового диапазона выделяем фон и клавишей delete удаляем его. Вы можете также изменить цвет каждой фигуры, применив к каждому из слоев команду Редактирование -> Цветовой баланс.

14. Активируем окно анимации и составляем анимацию.

В следующем комментарии вы можете просмотреть видеоурок, в котором узнаете как избавиться от фона и составить анимацию в фотошоп.
 
NatalkaДата: Суббота, 22.10.2011, 02:21 | Сообщение # 3
Авторитет
Группа: Администраторы
Сообщений: 1113
Репутация: 12
Статус: Offline

 
fazaДата: Понедельник, 24.10.2011, 19:20 | Сообщение # 4
Активист
Группа: Администраторы
Сообщений: 205
Репутация: 3
Статус: Offline

Кажется, что все сложно. Растянуто аж на 3 сообщения. На самом деле для тех, кто владеет элементарными понятиями фотошоп, выполнить этот урок не составит труда. Главное придумать кадры для гифки. Тогда можно составлять свои разнообразные ascii анимации.
 
Форум обучение с помощью интернета » Дизайн » Сделай сам » Создание Ascii анимации (урок)
Страница 1 из 11
Поиск: