21.04.2011 03:51:13
Уроки Photoshop'a от Белки
Делаем крассивый анимированный граф.
Я делала этот урок в Adobe Photoshop CS5 MacOSX 10.4
Он практически ничем не отличается от обычного Adobe Photoshop CS5.
Инструкция по созданию анимированного графника.
[изображение]
Создаем новый документ размером 500 на 500 писклей. Заливаем черным цветом #000000
[изображение]
Берем инструмент текст пишем наш ник. Во вкладке символ выставляем стиль текста, шрифт и цвет.
[изображение]
[изображение]
Ищем какую нибудь картинку абстракции ну как вам нравится, выделяем ее копируем и вставляем прямо на наш слой с текстом
[изображение]
Вставили,теперь создаем на этой картинке обтравочную маску
[изображение]
Получаем текст с нашей картинкой,бере м курсор и Двинам нашу картинку по тексту так как нам нравится
[изображение]
создаем новый слой и выделяем все три слоя мышкой с зажатой клавишей Ctrl, обьеденяем слои
[изображение]
кликаем по нашему слою с текстом 2 раза. открыаватся стиль слоя там выставляем все что вам нравится.маленький совет что бы текст не сливался с вашим будущи м фоном сделайте внешнее свечение черным цветом в режиме умножения до 5 пикс это лучше и аккуратнее чем обводка
[изображение]
Создаем новый слой и на нем с помощью кистей или фигур рисуем чтонить вокруг текста. и помните что граф размерами 130 на 32 пикселя. мысленно поставьте себе рамки за которые не выезжать или уж если все совсем плохо вытащите направляющие
[изображение]
ну примерно получили что-то такое….
[изображение]
Берем инструмент рамка и вырезаем наш граф из всего ненужного если необходимо увеличьте с помощью лупы малоли 1-3 пикселя лишних обрезать .
перейдем к анимации
[изображение]
сздаем над слоем с текстом новый слой. выбираем белый цвет.берем не четкую кисть примерно в 1-4 писк в зависимости от ширины вашего текста. ставим немного в стороне точку.открываем окно анимации
[изображение]
в окне анимации создаем новый кадр.берем инструмент курсор и перетаскиваем нашу точку на начало текста потом снова новый кадр и потащили ее дальше и так до конца текста примерна 10-15 кадров
[изображение]
теперь во вкладке слои жмеам обтравочну маску что бы наша точка не выезжала за приделы текста
[изображение]
задаем время анимации первый кадр не анимированный там как бы пауза
[изображение]
выделяем первый самый кадр и убираем глазик на слое с черным фоном
[изображение]
нажимаем файл сохранить для web и вот такими параметрами посмотрите что выделила примерно так проверяем там вес черная обводка без фона и тд)))
Создаем новый документ размером 500 на 500 писклей. Заливаем черным цветом #000000
[изображение]
Берем инструмент текст пишем наш ник. Во вкладке символ выставляем стиль текста, шрифт и цвет.
[изображение]
[изображение]
Ищем какую нибудь картинку абстракции ну как вам нравится, выделяем ее копируем и вставляем прямо на наш слой с текстом
[изображение]
Вставили,теперь создаем на этой картинке обтравочную маску
[изображение]
Получаем текст с нашей картинкой,бере м курсор и Двинам нашу картинку по тексту так как нам нравится
[изображение]
создаем новый слой и выделяем все три слоя мышкой с зажатой клавишей Ctrl, обьеденяем слои
[изображение]
кликаем по нашему слою с текстом 2 раза. открыаватся стиль слоя там выставляем все что вам нравится.маленький совет что бы текст не сливался с вашим будущи м фоном сделайте внешнее свечение черным цветом в режиме умножения до 5 пикс это лучше и аккуратнее чем обводка
[изображение]
Создаем новый слой и на нем с помощью кистей или фигур рисуем чтонить вокруг текста. и помните что граф размерами 130 на 32 пикселя. мысленно поставьте себе рамки за которые не выезжать или уж если все совсем плохо вытащите направляющие
[изображение]
ну примерно получили что-то такое….
[изображение]
Берем инструмент рамка и вырезаем наш граф из всего ненужного если необходимо увеличьте с помощью лупы малоли 1-3 пикселя лишних обрезать .
перейдем к анимации
[изображение]
сздаем над слоем с текстом новый слой. выбираем белый цвет.берем не четкую кисть примерно в 1-4 писк в зависимости от ширины вашего текста. ставим немного в стороне точку.открываем окно анимации
[изображение]
в окне анимации создаем новый кадр.берем инструмент курсор и перетаскиваем нашу точку на начало текста потом снова новый кадр и потащили ее дальше и так до конца текста примерна 10-15 кадров
[изображение]
теперь во вкладке слои жмеам обтравочну маску что бы наша точка не выезжала за приделы текста
[изображение]
задаем время анимации первый кадр не анимированный там как бы пауза
[изображение]
выделяем первый самый кадр и убираем глазик на слое с черным фоном
[изображение]
нажимаем файл сохранить для web и вот такими параметрами посмотрите что выделила примерно так проверяем там вес черная обводка без фона и тд)))