Делаем анимированный блинк.

(Туториал для русской версии Adobe PhotoShop)


Ну вот, вы собрали в моём мейкере блинк. Для примера я сделала надпись "Kiss" и прилепила 2 картинки. Затем я фотографирую блинк с помощью кнопки "PrintScreen".

Я открываю PhotoShop и создаю новый файл. В разделе "Содержание" (в самом низу появившегося окна) надо поставить галочку на пункте "Прозрачный".

Это даст нам возможность сделать прозрачный фон у нашего блинка. Вставляю в этот документ полученную картинку с помощью комбинации кнопок "Ctrl+V" или в строке меню "Редактирование=>Вставить". Если детали изображения слишком мелкие, не пугайтесь: компьютер просто подогнал картинку под размер экрана. Красным цветом обведён наш блинк. Вот как это выглядит:

Теперь нам потребуются эти инструменты:

Берём лупу и увеличиваем картинку. Вот так теперь выглядит наш блинк:

Как мы видим, блинк на белом фоне. Чтобы получить прозрачный фон, мы возьмём инструмент "Ластик фона". На панели настроек (сразу под строкой меню) Выбираем форму кисти(лучше самую обычную круглую) и диаметр(не надо бояться! Чем больше, тем лучше!). Мы видим крестик-это центр кисти. Наводим этот крестик на белый фон и кликаем один раз. Замечательно! Наш блинк теперь на фоне клеточек:

В PhotoShop'е именно так выглядит прозрачный фон.

С помощью инструмента "Кадрирование" я "отрезаю" лишнее пространство, отступив от блинка примерно на 1 пиксель со всех сторон. Надо просто выделить необходимую область, если нужно, увеличить или уменьшить её, и затем нажать клавишу "Enter". Так выглядит результат:

(Здесь я увеличила масштаб, поэтому картинка крупнее)

Теперь начинаем анимацию. Создаём с помощью кнопки "Новый слой"

столько слоёв, сколько в слове букв. В нашем случае это 4. Теперь начинаем обводить каждую букву белым цветом. На палитре "Образцы" или "Цвет" выберите белый. Возьмите обычную круглую кисть и задайте диаметр в 1 пиксель. Не забывайте, что обводить надо каждую букву на отдельном слое! Лучше обводить буквы по порядку, иначе потом можно будет запутаться. Вот что у нас получилось:

Теперь нажимаем кнопку "Перейти в ImageReady". Не волнуйтесь и не говорите, что у вас нет такой программы! Программа ImageReady устанавливается автоматически, вместе с Adobe PhotoShop. Так вот, ваш блинк открылся в другой программе. Тут нам нужна панель "Анимация".

Надо установить время, сколько будет длиться (если можно так выразиться) каждый кадр и установить режим показа кадров "Forever". Время показа (сразу под кадром, где на картинке стоит "0 sec") установим 0,1 sec. Теперь каждый кадр будет длиться одну десятую секунды. На первом кадре должна быть видна только буква "K". Чтобы скрыть остальные белые буквы, надо "убрать" пиктограмму с глазом, кликнув на ней один раз(кнопка "Скрыть\Показать слой"; кликнув на неё, можно скрывать и отображать соответствующий слой ). Она находится на панели "Слои" рядом с каждым слоем.

Мы должны скрыть букву "I" и две буквы "S", то есть мы кликаем на пиктограмму рядом с соответствующими словами. Именно для этого я вам советовала обводить буквы по порядку.

Теперь делаем остальные кадры. Нажимаем кнопку "Копировать кадр" (на панели "Анимация", выглядит так же, как и кнопка "Новый слой"). Появившийся кадр выделяем кликом и на нём скрываем букву "K" и делаем видимой букву "I". Так же делаем 2 оставшиеся буквы. Картинки мы не трогаем.

Отлично! Мы сделали анимированный блинк! Теперь посмотрим, как это будет выглядеть. Нажимаем кнопку "Play"(на панели "Анимация"). Она выглядит так же как в проигрывателе: треугольничек. Смотрим:

По-моему получилось неплохо. Наверное, вас интересует, как сделать так, чтобы картинка была анимированным Gif-ом? Надо просто нажать вот эту кнопку:

Итак, мы очутились в Internet Explorer'e. Вот так здесь выглядит наш блинк:

Получилось просто замечательно. Надо теперь только кликнуть эту картинку правой кнопкой мыши и из выпавшего меню выбрать команду "Сохранить рисунок как" и собственно сохранить наш блинк в формате .gif под любым именем!

P.S. Ну и на последок: не бойтесь экспериментировать! Пусть буквы в блинках "загораются" в любом порядке, кто знает, может, так получится ещё лучше!