Это цитата сообщения FlashStudio Оригинальное сообщение
Работа с глитерами. Способ 2
Внимание! этот урок написан для Photoshop CS3.
Cоздаем в Фотошоп два файла:
1. "serdechko.psd" - 100х100 пиксел
2. "blesk.psd" - 200х200 пиксел
Все точно также, только размер 200х200 (пиксел, не сантиметров или дюймов)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Работаем с файлом 100х100 "serdechko.psd". Часть 1-я.
Устанавливаем цвета foreground - желтый и background - темно-красный. Сознательно не даю никаких цветовых кодов - вдруг вам захочется фон других цветов.
Выбрав цвета, активизируем инструмент "Градиент" в боковой панели (Gradient Tool (G)). Устанавливаем инструменту "Градиент" значение "Радиальный".
Устанавливаем курсор примерно в середину документа. Зажимаем клавишу Shift. и тянем, зажав левую кнопку мышки, от центра в любой угол. Отпускаем левую кнопку, у нас получился красивый цветовой переход - градиент. Это будущий фон. Так и назовем этот слой в меню слоев F7 - "Фон". Создаем новый слой Shift+Ctrl+N. Можно вызвать меню слоев F7 и нажать иконку "Создание нового слоя",
Назовите слой "сердечко". Теперь рисуем сердечко. Не умеете рисовать? А в Фотошопе, как в Греции - все есть. Надо только знать, где. Активизируем инструмент Custom Shape Tool (U)
[показать]. Слева сверху выставляем ему значение "Fill pixel". Рядом с этой функцией есть еще один пункт меню свойств Сustom shapes - для размеров и соотношений. Устанавливаем, как на картинке.
Открываем библиотеку Сustom shapes, и там есть сердечко.
Если вдруг его нет, вы уже умеете устанавливать кисти нажатием маленькой круглой кнопочки с черным треугольником внутри. Точно такая же кнопочка есть и у библиотеки автофигур Сustom shapes. Жмем ее, выбираем "Load Shapes". По умолчанию фотошоп отправит нас в библиотеку автофигур на нашем жестком диске. Остается только выбрать коллекцию фигур "All". И там совершенно точно есть сердечко. Даже не одно. Свойства автофигуры выбраны, значения установлены. Осталось только щелкнуть мышкой, целясь в середину картинки. Цвет сердечка не имеет значения. Теперь его нужно отцентровать. В верхнем меню выделяем картинку Select »» All и центруем. Вот так:
Снимаем выделение.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Работаем с файлом 200х200 "blesk.psd"
Устанавливаем цвета foreground - белый и background - черный. Заливаем картинку белым цветом (Alt+Backspace). Идем в меню Filter »» Noize »» Add Noize... Выставляем значения шума, как на картинке:
Должна получиться картинка вроде этой:
Выделяем картинку Select »» All и копируем Edit »» Copy.
Щелчком мыши по картинке снимаем выделение, и отправляемся трудиться над файлом "serdechko.psd".
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Работаем с файлом 100х100 "serdechko.psd". Часть 2-я.
Находясь в слое "сердечко", выбираем инструмент выделения Magic Wand Tool (W)
Кликаем по фигурке сердечка, оно приобретает такой вид:
Помните, в буфере обмена у нас находится кусочек блеска? Вот сейчас мы его и пристроим. В верхнем баре функция Edit »» Paste Into. Пожалуйста, обратите внимание, НЕ просто Paste, а именно Paste INTO. Это важно. Меню слоев F7 теперь должно иметь такой вид:
Мы с вами создали так называемую "маску слоя". Выбираем в верхнем меню File »» Save for Web&Devices. Сохраняем наше сердечко в формате *.PNG-24 и назывем файл ani_01. В меню слоев F7 в верхнем слое, кликнув по серому фону между квадратиком шума и белым сердечком на черном фоне, убираем значок, похожий на звено цепочки. Кликаем по квадратику шума, выделяя его. Поворачиваем кусочек шума под маской: Edit »» Transform »» Rotate 90°. И теперь Save for Web&Devices в *.PNG-24 - ani_02. Повторить операцию поворота. Сохранить *.PNG-24 - ani_03. Повторить операцию поворота. Сохранить *.PNG-24 - ani_04.
Закрываем файл "serdechko.psd"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
для очень ленивых в этом альбоме лежат четыре готовых файла с сердечками.
Можко брать и тренироваться.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Приступим к анимации.
Не ищите в боковой панели Photoshop CS3 кнопочки "Edit in Image Ready". Ее там нет.
Этот Фотошоп все делает сам. Создаем новый файл 100х100 с известными нам значениями //см.начало урока. Называем его "Аnimation". По очереди открываем Фотошопом все четыре файла *.PNG наших сохраненных сердечек (ani_01, ani_02 и т.д.). Выделяем каждый (Select »» All), копируем (Edit »» Copy) и вставляем (Edit »» Paste) в наш новый файл 100х100 "Аnimation" все четыре сердечка. слои F7 теперь выглядят так:
Идем в меню Windows »» Workspace и меняем свойства на Video and Film
В рабочем окне появится окошечко анимации, знакомое нам по Image Ready. Пока там только один кадр-фрейм. Но мы это сейчас исправим. В маленьком окошке анимации нажмем крохотную правую верхнюю менюшку, и увидим выпадающий список, в котором выберем опцию "Make Frames from Layers" - "Превратить слои в кадры".
Осталось только выставить время задержки, проигрыша каждого кадра:
и приказать Фотошопу, что проигрывать эту анимацию надо "Forever" - "Постоянно"
Сохраняем результат File »» Save for Web&Devices
Кто не умеет сам выставлять значения сохраняемых *.GIF, подсказка здесь.
Результат:
*Не забудьте по окончанию работы в меню Windows »» Workspace поменять свойства на Default. А то вам трудно будет найти некоторые привычные функции для редактирования фотографий и рисования статики. Точно также делается блестящий текст и сверкающие одеяния фей на шикарных анимашках в стиле MySpace. Только там формы маскирующих слоев посложнее, шумы для глиттеров цветные, и добавлены полупрозрачные слои с бликами и тенями, и иногда - со звездами.
Источник: здесь