Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Уроки Photoshop'a от Белки

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 и вот такими параметрами посмотрите что выделила примерно так проверяем там вес черная обводка без фона и тд)))
#7440
21.04.2011 03:58:04
Re: Уроки Photoshop'a от Белки

Обучение к использованию инструмента пера
и внутреннего свечения, с примером.
Инструкция к обучению (перо и внутреннее свечение)
[изображение]
Открываем новый файл заливаем его черным цветом
[изображение]
Берем жескую кисть нужного вам размера
[изображение]
Выбираем белый цвет(неоновое свечение что бы делать)
[изображение]
Выбираем инструмент перо
[изображение]
Создаем новый слой
[изображение]
ставим первую опорную точку потом вторую и изгибаем линию так как вам хочется!и так же последующие
[изображение]
Правой кнопкой мышки выбираем выполнить обводку контура
[изображение]
Выполняем обводку выбираем кисть которую изначально ставили)))
[изображение]
правой кнопкой мышки удаляем контур
[изображение]
получаем нашу линию
[изображение]
открываем стиль слоя нашей линии и добавляем внешнее свечение смотрите примерные параметры на рисунке выше))
[изображение]
берем ластик мягкой кистью нужного вам размера немного больше чем ширина линии вместе со свечением
[изображение]
подтираем края так вам надо что бы например линия была закончена не грубо


Еще пример использования внешнего свечения под неон с использованием внутреннего
[изображение]
Здесь внешнее свечение и немного внутреннего смотрите примерные параметры ниже
[изображение]
#7441

Другие темы раздела