Аааа... ты бы ещё фотки добавлял, чтобы понятнее было=)

Green loading bar

1/ Создаем изображение размером 180x30px Выбираем Rounded Rectangle Tool([реклама вместо картинки]) и создаем прямоугольник с радиусом 2.

Применяем к нему стиль вот с такими параметрами. Drop Shadow: Blend mode: Normal Color: #000000 (Black) Opacity: 21 Angle: 90 Distance: 0 Spread: 0 Size: 5 Contour:
[реклама вместо картинки]

Inner shadow: Blend Mode: Normal Opacity: 41 Angle: 90 Distance: 0 Spread: 0 Size: 2 Contour

[реклама вместо картинки]

Вот что получается:

[реклама вместо картинки]

Далее снова выбираем и создаем небольшой прямоугольник и применяем к нему стиль с параметрами. Drop Shadow: Blend mode: Normal Color: #000000 (Black) Opacity: 100 Angle: 90 Distance: 0 Spread: 0 Size: 3 Inner shadow: Blend Mode: Multiply Opacity: 39 Angle: 90 Distance: 0 Spread: 0 Size: 5 Color Overlay: Color: # BAFF00 Opacity: 100 В итоге вот что получаем:

[реклама вместо картинки]

Далее выбираем слой с маленьким прямоугольником и копируем и перемещаем его до тех пор, пока не получиться вот так.

[реклама вместо картинки]

Теперь приступим к созданию анимации. Нажимаем Ctrl+Shift+M и переходим в ImageReady, потом отключаем все слои кроме первого с большим прямоугольником. Далее в окне Animation выставляем задержку первого кадра 0,1сек., затем нажимаем на кнопку создать новый кадр. Включаем первый слой с маленьким прямоугольником, затем повторяем эти действия для второго кадра, третьего, четвертого, пятого и т.д. Как все это сделали сохраняем жмем File>Save Optimized. Вот и все.

[реклама вместо картинки]

Отредактировано demogreat (2006-11-27 01:30:54)

Анальгин
: Пасибо)))

Следующий урок я yfsk в одном месте.. но сам не смог сделать... может у кого-нибудь получится?

Создаём новый документ 500х200 с чёрным фоном
Создаём новый слой и пишем там текст оранжевым цветом

Создаём ещё один слой и делаем foreground colour - чёрный и background colour - белый (или нажимаем D)
Применяем фильтр: filter > render > clouds

Применяем filter > sketch > chrome с такими параметрами:
detail = 4
smoothmess = 6

[реклама вместо картинки]

Меняем режим наложения этого слоя (blending mode) на colour dodge

[реклама вместо картинки]

Переходим к слою с текстом и растеризуем его (правой кнопкой мыши на названии слоя > Rasterize)
Дублирум этот слой 3 раза (теперь у нас есть 4 слоя с текстом, расположенные между первым слоем и слоем с хромом)

[реклама вместо картинки]

Переходим на третий слой (второй снизу слой с текстом) и применяем к нему filter > blur > motion blur с параметрами:
angle = 0
distance = 100
Переходим на четвёртый слой (третий снизу слой с текстом) и применяем к нему filter > blur > motion blur с параметрами:
angle = -45
distance = 100
Переходим к пятому слою, верхнему слою с текстом и применяем к нему filter > blur > motion blur с параметрами:
angle = 45
distance = 100
Получим такой результат:

[реклама вместо картинки]

Склеиваем текстовые слои, перейдя к верхнему слою с текстом и нажав 3 раза Ctrl+E. Теперь у нас есть 3 слоя: первый - чёрный, второй - текст-плавка и третий - хром
Переходим к слою с текстом и filter > blur > gaussian blur (radius = 3)
Создаём новый слой между слоем с текстом и слоем с хромом и пишем чёрным тот же текст . Теперь у нас есть 4 слоя

[реклама вместо картинки]

Можно вот на этом шаге остановиться, а можно пойти дальше
Меняем непрозрачность слоя верхнего слоя с текстом на 60%

[реклама вместо картинки]

Нажимаем Ctrl+U (hue / saturation), выбираем colorize и подбираем с помощью ползунков хороший

[реклама вместо картинки]
Можно поиграть с Ctrl+M, Ctrl+B и Ctrl+L для получения лучшего результата.

Делаем аватарку

Сегодня я расскажу как я делаю аватарки. Для примера была взята аватарка пользователя NIFIGA69. Я постарался максимально упростить процесс создания анимации. Все рассписано очень подробно, указано куда тыкать, что нажимать. Прочитав эту статью вы обязаны получить ответы на многие свои вопросы. А также у вас должны появиться еще добрая порция новых вопросов. Надеюсь что статья получит продолжение.

Я использовал для этого пакет Macromedia Fireworks MX. Далее по шагам.

1) Копируем аватарку в память. Запускаем ГП (графический пакет). Создаем новый документ (Ctrl - N). Размеры автоматически проставлены по размеру картинки в памяти. Нам остается только в появивешамся диалоговом окне нажать "ОК". Что мы и сделаем.

2) Вставим из памяти скопированный рисунок (CTRL - V) дважды (желательно иметь всегда две копии исходных изображений на слое - один для работы и "издевательств" второй на "пожарный" случай или же для кадров где нужен "чистый" кадр). Так как аватарка маленькая, а работа нам предстоит "ювелирная" маштабируем изображение максимально близко (CTRL - +, так же можно использовать для этого кнопки цифровой клавиатуры, например: CTRL - 1 (100%), CTRL - 4 (400%) и т.д.). Я работал в масштабе 600%. Результат махинаций:

3) Приступим к вырезанию глаз. Берем инструмент лассо (L, на рисунке). Выделяем нужную нам область, стараясь не задеть ничего лишнего. Если вы случайно ошиблись (бывает и у меня такое), не стоит начинать заново. Чтобы вырезать из выделения лишнее нажимаем и держим ALT и выделяем лишнее. Если же не хватает кусочка и его надо добавить в текущее выделение жмем SHIFT и проделываем ту же операцию. И так мы получили нужное нам выделение. Нажимаем CTRL - X (вырезаем в память) и затем CTRL - V (вставляем вырезанное из памяти).

4) То же самое проделываем и со вторым глазом.

5) Далее начинаем работу с кадрами. В панели "Frames and History" выбираем наш первый и единственный слой. Дважды кликаем на правой части выделенной строки (там где написана цифра 7, у вас она может быть другой). В появившемся окошечке выставляем число задержки кадра в секундах (значение 100 равно 1 секунде). Нажимаем Enter или просто кликаем в любом месте вне этого окошка.

6) Теперь нам необходимо скопировать текущий слой (все махинации до были подготовкой к следующим слоям, чтобы нам просто играть параметрами для достижения необходимой анимации). Нажимаем и держим на текущий кадр и тянем на иконку нового кадра (см. рисунок) и отпускаем над ним (на него).

) Работаем с текстом. Выбираем элемент "Текст" (T). Выделяем область по ширине картинки. Набираем текст. Устанавливаем выравнивание. Цвет. Шрифт. Размер. Положение.

8) Добавление эффекта тени. Нажимаем кнопку добавления эффекта. Выбираем эффект "Тень".

9) Выставляем настройки как на рисунке.

10) А также прозрачность.

11) Далее работаем с глазами. Выделяем оба глаза (используя SHIFT). Добавляем эффект "Заливка цветом".

12) Настройка эффекта:

13) Создаем новый слой из текущего (копируем, он будет у нас под номером три).

14) Глазам добавляем больше красного:

15) Я сэкономлю место и покажу настройки для эффекта "Тени" для всех последующих кадров.
Также в последующих кадрах (кроме последнего) прозрачность установить 100%.

16) В четвертом кадре глаза достигают максимальной "яркости" в 50%.

17) Дальше глаза идут на убыль яркости - 40% и в последнем 6 кадре 20%. Итоговое количество кадров:

18) Вот вроде и все. Аватара готова. Пора ее экспортировать. Выставляем параметры оптимизации. Параметр "Colors" влияет на колчиество цветов (а отсюда и на качество и размер). Я оставил по умолчанию, так как цветов тут не много, а значит хватит и 128 =).

19) Шагаем в меню и выбираем пункт "экспортировать..."

20) Последний шаг. Тут рядовой пользователь не заблудится =).

21) Результат мучений =)

Желю Удачи в ПОстижении ФотоЖопа drag

Как сделать чтобы слои меняли друг друга?