Итак .. делать будем эффект печати на струйном или матричном принтере
.. то есть печатать строчками пикселей .. но на прозрачном фоне .. делал в CS3 .. для остальных версий, различия если и есть, то они минимальны и не существенны .. 1. создаем новый документ, например 200х50 с прозрачным фоном .. печатаем на нем какой-нить текст .. . я брал пиксельный шрифт Acme_7_Wide_Bold.rar Кол-во скачиваний: 1354 , размер 18px.. можете поставить на свой вкус, но имейте в виду, чем выше текст, тем больше придется делать слоев.. Для своего-же удобства, увеличиваем масштаб Ctrl++ (я делал при 400%) включаем линейки Ctrl+R и View > Show > Layer Edges .. установите вертикальные направляющие по границам текста .. (клик на линейку и тянете направляющую).. ясен пень, можно всего этого и не делать, просто так удобней .. . для слоя с текстом ставим прозрачность 50%-70% (не принципиально) .. 2. Ctrl+клик по иконке слоя с текстом (загрузить выделение), создаем новый слой .. Shift+Ctrl+N.. жмем Add Lauer Mask .. кликните по значку между иконкой слоя и маской, что-бы они не зависели друг от друга . . 3. убедившись что у нас активен именно слой, а не маска (вокруг иконки слоя видна граница), берем и делаем выделение так, что-бы оно проходило по верхнему ряду пикселей, текста.. заливаем его черным цветом, делаем deselect Ctrl+D .. должно получится примерно нижеследующее.. заметьте, что из-за маски, заливка видна только там, где пересекается с пикселами текста .. .
4. берем , правый клик на слой с маской, выбираем Duplicate Layer
..после создания копии, будет активен новый слой, просто нажмите на
клавиатуре кнопку "Down"(вниз), сместив залитую строчку на один пиксель
вниз.. (слой с текстом по идее теперь только для лучшего ориентира,
посему делать мы с ним ничего больше не будем).. поторяем этот шаг пока не заполним строчками весь текст .. для урока у меня получилось 20 слоев ..
5. .. удерживая Ctrl, выделяем каждый второй слой начиная с нижнего
(слой с текстом не трогаем и не считаем) .. примерно так ..
при активном инструменте , жмем кнопку "Right"(право) на клавиатуре до
тех пор, пока выделенные слои не сдвинутся вправо, выровняйте их край
по направляющей.. (если жать клавишу "Right", удерживая при этом Shift,
перемещение будет не по 1 пикселу, а по 10) .. теперь так-же выделяем оставшиеся слои, через один, начиная со второго и смщаем их влево .. теперь если выделить в палитре все слои, увидим примерно следующее .. ..теперь собсна анинимация.. говорю сразу, с таким количеством кадров, слоев и однообразных действий, запутатся.. "как нефиг делать" .. 6. .. отключитете видимость для слоя с текстом, убедитесь что выбран инструмент выбираем нижний слой (слой с текстом не в счет) в окне Animation (Window > Animation), дублируем первый кадр (новый кадр будет активен), на клавиатуре жмем кнопку "Left"(лево), сдвигая строку пикселей, ровняем ее по направляющей ...
зажав Ctrl, выделяем первый и второй кадры, внизу окна анимации
нажимаем кнопку Tween, ставим 5 кадров и жмем Ок(кол-во промежуточных
кадров можно ставить на свой вкус)
выделяем последний кадр, дублируем его 2 раза, в палитре слоев выбираем
второй снизу слой и жмем кнопку "Right"(право), двигая слой вправо, до
направляющей .. с помощью Ctrl, снова выделяем два последних кадра,
жмем Tween и вновь генерим промежуточные кадры .. и так далее, пока не дойдем до верхнего слоя .. для самого последнего кадра можно установить чуть побольше времени, чтобы текст какое-то время побыл на виду..
кроме того можно замутить его постепенное исчезновение .. например
дублируя последний кадр и отключая видимость одного из слоев .. и т.д.
. тот-же эффект можно сделать и на непрозрачном фоне .. там чуть
попроще, маски не нужно делать.. правда запутатся так-же легко .. вот конечный результат ......
|