Bce-TYT.ru -здесь есть всё для юкоз ucoz, DLE, софт

Красим диски авто в золотой цвет

(LORD) — Mon, 21 Dec 2009 14:01:39 GMT

Узнайте, как сделать любому автомобилю диски, отлитые из золота, бесплатно!

Сперва нужно открыть фотографию автомобиля. Я выбрал свой любимый (любимый авто автора урока - прим. перев.):

Теперь, зажав CTRL и пробел обведите рамкой передний диск машины - мы приблизили его. Установите цвет на #d3bc46. Выбирайте инструмент Pen (P) и расставляйте точки по периметру диска. Я решил показать Вам шаги, как я это делал:

Обратите внимание, на шаге 8 контур исчез. Я сделал это, кликнув правой кнопкой мыши по слою “gold” и выбрав пункт Rasterize Layer. Осталось только сменить режим смешивания слоя “gold” на Color Burn:

Если Вы хотите сделать золото темнее - скопируйте слой “gold“. Если светлее - скопируйте его и измените режим смешивания для получившегося слоя на Darken.

Теперь повторите те же шаги для заднего диска и…

Кнопка в стиле виста

(LORD) — Mon, 21 Dec 2009 13:57:22 GMT

В этом уроке я расскажу вам, как создать красивую и удобную кнопку, подобную этой:

Опишу 2 способа, один из которых предполагает использование лишь параметров смешивания, что даст возможность легко воссоздавать эту кнопку.

Итак, приступим.

1) Создайте изображение с размерами 300х70 пикселей
2) Создайте новый слой и нарисуйте на нем фигуру, используя Rounded Rectangle Tool с радиусом 5 пикселей и любым цветом.
3) Кликните дважды по слою с фигурой и выставьте следующие Параметры смешивания:

4) Создайте новый слой и залейте его белым цветом.
5) Удерживая Ctrl, кликните левой кнопкой мыши по слою с фигурой.
6) После этого выполните Select->Modify->Contract
7) Далее - Select->Inverse и нажмите кропку delete (на созданном нами белом слое)
8) Установите для этого слоя непрозрачность (Opacity) на уровень 20%.
9) Напишите любой текст.

В результате должно получиться некое подобие этого:

Всё это можно сделать всего лишь с помощью Параметров смешивания.
Для этого вместо предложенного градиента наложим этот:

и не будем создавать белых слоёв, а сразу напишем текст и будем использовать эту замечательную кнопку. Результат будет таким же.

Какой вариант выбрать - решать вам, но мне больше нравится второй, ведь он быстрее и удобнее в момент работы и в будующем (если его сохранить в стили).

Желаю вам удачного выполнения этого урока.

Как сделать кольцо

(LORD) — Mon, 21 Dec 2009 13:55:25 GMT

Шаг 1:

Откройте новый документ (Ctrl+N). (Размер документа не имеет значения.)
Возьмите инструмент «Эллипс» (U) , в режиме Слой-фигуры Растяните фигуру овальной формы. Затем нажмите Ctrl+T, чтобы расположить фигуру как на скриншоте.

(если нужно уменьшить, или увеличить фигуру, пропорционально центра, зажмите клавишу Alt и потяните за угол рамки, уменьшая, или увеличивая ее размер.)

*Цвет фигуры не так важен, главное чтобы он отличался от основного фона. Автор взял вот такой цвет: #B2B7BB*

Шаг 2:
Теперь, в настройках инструмента «Эллипс» поставьте – Вычесть из области фигуры (-) и нарисуйте еще один овал. Зажмите клавишу Ctrl (+- поменяется на черную стрелочку), кликните по краю этой фигуры (по ободку фигуры должны появиться 4-ре квадратика).

Нажмите Ctrl+T и поместите фигуру как на скриншоте.
*или воспользуйтесь инструментом «Выделение контура» (A) , для выделения нужной фигуры*

Так выглядит палитра слоев на этом этапе:

Шаг 3:
Дублируйте слой с фигурой (Ctrl+J). Измените цвет фигуры на Черный (#000000). И поменяйте эти слои местами (на палитре слоев).

Шаг 4:
Находясь на дубликате слоя, инструментом «Выделение контура» (A) , либо просто зажав клавишу Ctrl, кликните по малому овалу кольца, и опустите его немного вниз. Тем самым вы нарисуете внутреннюю часть кольца.

*цвет может быть не обязательно черный, так же можно применить этому слою Наложение Градиента*

Форма кольца нарисована, теперь остается только применить Стиль слоя, чтобы придать объем нашему кольцу.

Шаг 5:
Перейдите в палитре слоев на слой «Фигура 1».

Вызовите окно Стиль слоя (кликните на этом слое правой кнопкой мыши и выберите - Параметры наложения, либо просто кликните по этому слою два раза).
В Стиле слоя установите такие параметры:

Внутренняя тень:

Внутреннее свечение:

Тиснение:

В Тиснении, вкладка Контур:

Глянец:

Наложение Градиента, цвет от #C48C20 к #FFFFFF:

Вот что должно получиться:

Данные настройки индивидуальны для каждой фигуры: исходя из наклона, размера вашей фигуры, меняйте некоторые параметры.

Вот что получилось у автора, используя эти настройки как пример, (немного подкорректировав их под свое изображение).

==================================

Выжегание лазером

(LORD) — Fri, 04 Dec 2009 16:19:55 GMT

В этом уроке показано как сделать анимацию выжигания букв лазером.

Шаг 1.
Создайте новый документ (Ctrl+N) нужного размера. Автор создал документ размером 150х150px (на примере аватара).
Для начала нам нужен фон.
Создаем новый слой (Shift+Ctrl+N), берем инструмент Paint Bucket Tool (G)и заливаем этот слой любым цветом.
После этого выполняем Layer » Layer Style » Blending Options и настраиваем, как на картинках:

Шаг 2.
Берем инструмент Horizontal Type Tool (T)и печатаем нашу букву. Выберите ровный шрифт, без засечек (автор использовал шрифт Arial, размер 150pt, цвет буквы неважен):

Шаг 3.
Настроим стиль.
Выполняем Layer » Layer Style » Blending Options и настраиваем по картинкам (естественно настройки могут отличаться, все зависит от размера вашего шрифта):

Шаг 4.
Теперь копируем слой с буквой (Ctrl+J), скрываем оригинал (щелчок по иконке глаза в окне слоев Layers):

Далее убеждаемся, что у нас выбрана копия текста и в окне слоев (Layers) нажимаем на кнопку Add layer mask, для создания маски:

Теперь берем инструмент Brush Tool (B) с твердыми краями (Hardness: 100%), выставляем черный цвет и закрашиваем часть буквы. Буква начнет исчезать, так как мы работаем с маской:

Далее нам нужно скопировать этот слой, сам слой скрыть, а у копии слоя скрыть еще часть буквы. Повторяйте это действие, пока не сотрете букву полностью. Ниже показаны все текстовые слои:

Шаг 5.
Теперь будем делать сам лазер.
Скройте все слои с текстом.
Создаем новый слой, над текстовыми слоями.
Берем инструмент Brush Tool (B), выставляем размер кисти 5px, жесткость 100% (Master Diameter: 5px; Hardness: 100%), зажимаем Shift и рисуем вертикальную линию любого цвета (опять же, размер линии может быть другим, он зависит от толщины вашего текста):

Шаг 6.
Далее выполняем Layer » Layer Style » Blending Options и настраиваем по картинкам:

Шаг 7.
Берем инструмент Move Tool (V) и немного поднимаем эту линию, что бы видеть ее край:

Копируем этот слой (Ctrl+J).
Скрываем оригинал слоя с линией, берем инструмент Smudge Tool ® и выставляем такие настройки:
Master Diameter: 5px;
Hardness: 100%;
Mode: Normal;
Strength: 40%;

Далее убеждаемся, что у нас выбран слой с копией линии и размазываем край линии, как на картинке:

Шаг 8.
Повторяя шаг №7, создайте еще 2-3 линии, с разными направлениями "размазанности" (при этом оригинальный слой с линией не изменяйте!). Ниже показаны все слои с линиями автора:

Шаг 9.
Берем инструмент Pencil Tool (B), нажимаем F5 и настраиваем, как на картинках:

Далее слоям с линиями рисуем искры (оригинал слоя с линией не трогаем):

Шаг 10.
Создаем новый слой. В списке слоев располагаем его между слоями с линиями и текстовыми слоями.

Временно сделайте текстовый слой с полным видом буквы видимым.
Берем инструмент Brush Tool (B), выставляем размер кисти 30px, жесткость 0% (Master Diameter: 30px; Hardness: 0%) и используя цвет #F1FDD9 делаем пятно:

В окне слоев меняем режим наложения для этого слоя на Soft Light:

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

Шаг 11.
Приступим к анимации.
1) Если у вас Photoshop CS2 и ниже, то выполняем File » Edit in ImageReady, для перехода в Image Ready.
2) Если у вас Photoshop CS3, то вам не нужно запускать Image Ready, а просто нужно открыть окно анимации, Window » Animation.

Во избежание вопросов, автор объясняет назначение кнопок в окне анимации:

Кнопка №1 – создать новый кадр.
Кнопка №2 – создать промежуточные кадры.
Кнопки №3 – выставить время для кадра.

Ну, начнем.
Скрываем все слои, кроме слоя с основной линией и слоя с полной буквой. С помощью инструмента Move Tool (V) размещаем линию, на начало буквы:

Шаг 12.
Теперь скрываем все слои, кроме фонового:

Создаем новый кадр и делаем видимым слой, на котором видна самая маленькая часть буквы:

Далее делаем видимым слой с оригиналом линии:

После этого нажимаем на кнопку создания промежуточных кадров (Tweens animation frames), в появившемся окне выставляем Previous Frame и Frames to Add: 2:

И получаем такие кадры:

Шаг 13.
Создайте новый кадр.
Скройте слой с частью буквы и сделайте видимым следующий слой, на котором чуть большая часть буквы:

Далее скрываем слой с линией лазера и делаем видимым следующий слой. Инструментом Move Tool (V) размещаем эту линию на край части буквы:

Теперь делаем видимым слой с пятном, которое мы рисовали в шаге №10. На рисунке автор обвел красным, то место в котором должен быть этот слой:

Шаг 14.
Создаем еще один кадр.
Скрываем часть с буквой и делаем видимой следующую:

Скрываем линию лазера, делаем видимой следующую и перемещаем на край буквы:

Передвигаем пятно:

Шаг 15.
Повторяйте шаг №14 до тех пор, пока буква не будет видна полностью.
Не забывайте чередовать слои с линиями лазера.
Так же не забывайте двигать слой с пятном, оно должно идти вслед за линией.
В конце этого шага, у вас должна быть примерно такая картинка:

Шаг 16.
Создаем новый кадр и скрываем слои с линией и пятном:

Шаг 17.
Создаем 1 промежуточный кадр (запомните номер последнего кадра на этом шаге, у автора это кадр №20):

После этого создаем еще один кадр, скрываем слой с буквой и делаем 3 промежуточных кадра:

Шаг 18.
Теперь для кадра, который вы должны были запомнить, выставляем время 1sec, а для последнего кадра 0,5sec:

Шаг 19.
Теперь нам осталось только сохранить наше творение.
В Photoshop выполняем File » Save for Web (Alt+Shift+Ctrl+S).
В ImageReady выполняем File » Save Optimized As (Alt+Shift+Ctrl+S).
В обоих случаях сохраняем в формате .GIF

*Совет: для уменьшения веса картинки, замените на фоновом слое градиент на однородный цвет.

Вот результат:

Автор урока: SandWicH

Дизайнерский газон

(LORD) — Thu, 03 Dec 2009 14:48:46 GMT

FLORAL Background (обоина с элементами окружающей природы)

Всем привет. Давно вот ничего не переводил и решил начать с незамысловатого коллажа. Пока простенько но мне понравился результат. Очень надеюсь, что не было... Воспользовался поиском и каталогом.

Шаг 1. Открываем наш любимый фотошоп и создаем новый документ (File>New) (у автора размер - 1024x768 px и 72 dpi.). На панели инструментов выбираем Paint Bucket Tool (G) и заливаем слой вот таким цветом - #023D65

Шаг 2. Ищем в интернете картинку с травой и вырезав оттуда подходящий кусочек вставляем в наш документ. Заодно приминив к новому слою следующие настройки (они указаны на 3 и 4 рисунках этого шага)

Настройки к полученному слою:

Blending Options>Gradient Overlay

Gradient’s parameters:

Вот что получилось

Шаг 3. Ищем в интернете фотографию мельницы и с помощью небольших косметических манипуляции ставим ее поверх слоя с травой.

Шаг 4. Создаем новый слой и размещаем его под слоями с травой и мельницей. С помощью Brush Tool ( с размытыми краями (цвет - белый, Opacity - 10%) и рисуем то ли туман/то ли облака

В интернете найдем фотку неба поместим ее ниже слоя с травой и мельницей, немного уменьшим и выставим к слою Blending mode-Pin Light

Шаг 5. В поход за кистями. Нам понадобятся следующие: [url="http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial329/brushes.rar"]Flowery by ca_pris[/url] и [url="http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial329/Floral.rar"]Floral[/url]

Создаем новый слой под слоем с мельницей, и белой кистью из набора "Flowery by ca_pris" рисуем цветы

Скопируйте слой с цветочками и поставьте ровно над скопированным слоем (ух как криво вышло то с переводом)

Создаем новый слой, в какой раз, под слоем с мельницей и другой кисточкой из "Flowery by ca_pris" опять рисуем цветочки. (цвет кисти - белый)

Гыгы. Создаем новый слой над слоем с травой и с помощью кисти из набора "Floral" рисуем кривые завитушки)))))))) (цвет - белый)

Шаг 6. Ищем в интернете картинку деревьев. Вырезаем их и вставляем в наш документ на новый слой под слоем с мельницей.

Немного подправим цвет - CTRL+U

Шаг 7. Создаем новый слой под слоем с мельницей, но над слоем с деревьями. Кистью из "Floral" рисуем завитушки (цвет - белый)

Шаг 8. С помощью Custom Shape Tool (U) рисуем маленькую звездочку (цвет - #FFE725)

Сделайте несколько копий звездочек и с помощью Free Transform поменяйте им размер

Шаг 9. С помощью Rounded Rectangle Tool (U) (radius 10) нарисуем крестик. Вначале рисуем одну половинку, затем зажимаем SHIFT и рисуем вторую половинку (цвет - #99CC01)

Для крестика слоя с крестиком Blending Options>Stroke

Скопируйте несколько крестиков и измените их размер с помощью Free Transform

Шаг 10. Создаем новый слой и используя Custom Shape Tool (U) рисуем белый цветочек

Настройки слоя Blending Options>Stroke

Копируем цветочки и меняем размер используя Free Transform

Шаг 11. Ищем в интернете фотографию воздушного шара

Вырезаем шарик и вставляем к нам в документ. С помощью Ctrl+U меняем его цвет.

Копируем слой с шариком изменяем его размер (Free transform) и цвет (Ctrl+U)

Делаем лого

(LORD) — Thu, 03 Dec 2009 14:47:46 GMT

1. Сначала создадим текстуру, которую мы будем использовать в этом уроке. Для этого создайте файл с размерами 1x2 px. Возьмите карандаш (Pencil Tool) и закрасьте чёрным цветом верхний квадратик:

2. В главном меню выберите Edit » Define Pattern:

Вводим название текстуры, жмём Ok и закрываем окно, не сохраняя (оно нам не понадобится).

3. Снова создадим новое изображение размерами с ваш будущий логотип. Затем выбираем инструмент Rounded Rectangle Tool, радиус скругления ставим 15 пикселей (Radius: 15px) и, зажав кнопку Shift, рисуем такой квадрат (Shift мы зажали чтобы получить стороны одинакового размера):

4. Сейчас выберите инструмент Add Anchor Point Tool и со всех четырёх сторон по центру добавьте по одной точке:

5. Выбираем Direct Selection Tool и передвигаем созданные точки к центру фигуры:

Вот что должно получиться:

6. Добавим к слою эффектов (зайдём в Layer Style). Для этого на панели слоёв Layers кликните правой клавишей на слое с фигурой и выберите пункт Blending Options. Там перейдите на вкладку Drop Shadow (отбрасывание тени) и выставьте следующие значения:

7. Добавим внутреннее свечение — вкладка Inner Glow:

8. На вкладке Stroke добавим обводку:

9. Ну и добавим градиент (вкладка Gradient Overlay):

Ниже представлены подробные настройки градиента (чтобы открыть это окошко с настройками, кликните по полосе справа от надписи Gradient), красным цветом автор написал шестнадцатеричные значения цветов для соответствующих квадратиков:

Везде жмём Ok и смотрим на результат:

10. Создайте копию этого слоя. Для этого перетащите слой на иконку создания нового слоя, или на панели слоёв кликните по слою правой клавишей, там выберите пункт Duplicate Layer:

11. Очистите настройки слоя, для чего на панели кликните по слою правой клавишей и выберите пункт Clear Layer Style:

12. Зайдите в Layer Style на вкладку Inner Shadow (самозатенение) и выставьте следующие параметры:

13. Затем добавьте внешнее свечение (вкладка Outer Glow):

14. Добавьте градиент (Gradient Overlay):

Со следующими подробными настройками:

15. Добавьте обводку (Stroke):

Обводка в виде градиента со следующими настройками:

Жмём Ok и получаем примерно такой результат:

16. Сделаем копию только что созданного слоя. Сбросьте его настройки (Clear Layer Style), затем непрозрачность Fill поставьте в 0%:

17. Зайдите в Layer Style на вкладку Pattern Overlay и выберите в качестве градиента градиент, который мы с вами создали в первых пунктах урока:

Жмём Ok и получаем штриховку следующего вида:

18. Инструментом Ellipse Tool нарисуйте в углу маленький кружок:

19. Зайдите в Layer Style этого слоя с кружком и добавьте небольшую тень:

20. Добавьте градиент:

Со следующими настройками:

После этого кружок должен стать таким:

21. Сделайте три копии слоя с кружком и разместите их в других углах логотипа:

22. Напишите внутри какой-либо текст, желательно покороче — одну или две буквы, а можно рисунок векторный простенький вставить (или нарисовать):

23. Переходим в Layer Style на вкладку Drop Shadow и там сделаем так:

24. На вкладке Inner Glow вот так:

25. На вкладке Stroke добавьте обводку:

26. Ну и добавьте градиент:

Градиент со следующими настройками:

Жмём Ok и наш текст станет металлическим:

27. Зажмите клавишу Ctrl и на панели слоёв Layers кликните по верхнему слою, чтобы создать выделение. Затем выберите заливку (инструмент Paint Bucket Tool), создайте новый слой и залейте выделение белым цветом:

28. Не убирая выделения выберем инструмент Elliptical Marque Tool, затем зажимаем Alt и создаём овальное выделение как я показал ниже:

29. Инвертируйте выделение (Shift + Ctrl + I или в меню: Select » Inverse) и нажмите клавишу Delete чтобы удалить выделенную часть слоя:

30. К этому слою добавьте маску, для этого на панели слоёв Layers кликните по верхнему слою, а затем по кнопке Add vector mask (кнопка в виде прямоугольника, внутри которого круг):

31. Слой разделился на две части — сам слой и маска. Сейчас выбираем градиентную заливку (Gradient Tool), тип заливки — чёрная, плавно переходящая в белую, и заливаем ею нашу маску слоя снизу вверх:

Логотип можно доработать и усложнить, например, с помощью кисточек, или можно в начале форму логотипа сделать не такую, а что-нибудь более оригинальное.

В общем, подключите свою фантазию...

Горящая свеча

(LORD) — Thu, 03 Dec 2009 14:47:02 GMT

1) Открываем любое изображение со свечой. Если изображение большое, уменьшаем его размеры с помощью команды Image - Image Size
2) Любым удобным инструментом, например Lasso Tool выделяем пламя (точность необязательна, но желательно обогнуть область фитиля)
3) Копируем выделенную область (Ctrl+C)
4) На новом слое вставляем скопированное (Ctrl +V)
5) Дублируем еще 2 раза полученный слой. таким образом у нас будет 4 слоя: свечка и три слоя с огнем.
6) На каждом слое, кроме первого, с помощью Filter – Liquify изменяем форму языка пламени.
7) Дублируем кадры: для простоты сделаем количество кадров, равное количеству слоев.
8) Выделяем первый кадр. Оставляем видимым первый слой со свечой. Остальные слои скрыты.
9) Переходим на второй кадр. Оставляем видимыми первый слой со свечой и второй слой с огнем.
10) На третьем кадре оставляем видимыми первый и третий слой.
11) На четвертом кадре оставляем первый и четвертый слой.
12) Ставим на всех кадрах время - приблизительно 0,1 сек.

13) Сохраняем рисунок File-Save Optimized As…
Любуемся на горящую свечу!

Баннер

(LORD) — Thu, 03 Dec 2009 14:43:01 GMT

Опять же после просмотра актуального блокбастера у меня появилась идея создать cryptex банер.

Во что получилось:

А теперь покажу как я это сделал

1. Новый документ 9 на11 px.

2. Нарисовал карандашoм размером в 1px такую клетку.

вот оригинальный размер...

3. Сохранил как узор.

4. Новый документ в 9 на 528 px.

5. Залил узором который только что создал. Fill / Pattern...

6. Добавил в каждую клетку по одной букве . Тут уж сами смотрите, какие буквы добавлять. Можно например и весь алфавит добавить...

Получилась вот такая лента...

7. Затем я соединил все слои в один. Либо Ctrl+E или Copy Marged

8. Новый документ 88 на 31 (размер микробанера)

9. Перенёс ленты на новый документ...

И теперь получил 9 слоев с лентой на каждом слое. Ну конечно их нужно подогнать... но не буду писать, как это делать...

10. На новый слой добавил рамки... Не рисовал, а стырил с картинки и уменьшил,ну можно свои!

11. Создал новый слой и залил таким Gardient

12. Переставил видимость в Linear Burn.

13. Переходим к анимации.

14. Делаю копию первого кадра и подгоняю мне нужные буквы на каждом слое.

15. С помощю tween создал промежуточные кадры.

16. Последний кадр где написанно Photoshop остановил на 1 секунду.

Готово!

cryptex.psd

Cryptex из фильма

Позже для моего банера я добавил крышку.

Удачи!

Анимированный юзербар

(LORD) — Thu, 03 Dec 2009 14:42:25 GMT

Здравствуйте, сегодня мы будем создавать "навороченный" Userbar.
Сразу попрошу быть внимательными и прежде чем задавать вопрос, попробуйте найти ответ в уроке.
Ну, приступим...

Шаг 1.
Создаем новый документ (Ctrl+N) 350х20px.
Создаем новый слой (Sift+Ctrl+N).
Берем инструмент Gradient Tool (G), тип “Linear Gradient”, выставляем цвета #4e4e4e, #161616 и заливаем наш фон:

Шаг 2.
Создаем группу (Layer > New > Group).
Создаем в ней новый слой (Shift + Ctrl + N).
Берем инструмент Brush Tool (B.) размером 3px, выставляем основной цвет белый и нажимаем клавишу “F5”, настраиваем “Shape Dynamics” как на картинке:

Шаг 3.
Рисуем горизонтальную линию (зажмите “Shift” при рисовании), заходим в стили этого слоя (Layer > Layer Style > Blending Options) и настраиваем как на картинке:

Шаг 4.
Закрываем окно “ Blending Options ”, в списке слоев щелкаем правой кнопкой по этому слою и выбираем “Copy Layer Style”. В этой же группе создаем еще один слой. В списке слоев щелкаем по нему правой кнопкой мыши и выбираем “Paste Layer Style”, для применения к нему такого же стиля как и у предыдущего слоя.
Далее берем инструмент Brush Tool (B.) размером 1-2px, и рисуем искры:

Шаг 5.
Повторите шаг №4 для создания четырех – пяти слоев с искрами. Варьируйте расположение искр:

Шаг 6.
Временно скройте эту группу (в списке слоев щелчок по иконке глаза, около этой группы)
Создайте еще одну группу и в ней создайте слой, к нему примените тот же стиль, что и для предыдущих слоев. Берем инструмент Brush Tool (B.), выбираем из списка стандартную кисть размером 45px с размытыми краями и ставим точку в середине документа. После этого создаем еще 8 слоев все с тем же стилем и ставим на каждом из них по одной точке, кистями с размерами 80, 120, 160, 200, 300, 400, 500 и 800px:

Шаг 7.
Создаем новую группу.
Берем инструмент Horizontal Type Tool (T) и слева пишем “SUPER USERBAR”, я использовал шрифт “Arial”, размер 12pt. Создайте копию этого слоя (Ctrl+J) и примените к ней стиль как на картинке:

Шаг 8.
Создайте 11 копий слоя с текстом (с эффектом), далее выбираем верхний из этих слоев и удаляем все буквы, кроме первой. Переключаемся на второй слой и удаляем все буквы, кроме первой и второй. Выполните это действие для всех этих копий, удаляя на каждом слое на одну букву меньше, чем на предыдущем. Вот все наши текстовые слои:

Шаг 9.
Создаем новую группу.
Берем инструмент Horizontal Type Tool (T) и справа пишем “CLICK HERE”.
Сразу же создадим 4 копии этого слоя. К оригиналу этого слоя применяем стиль как у текста “Super userbar”. Далее выбираем любую копию, нажимаем “Ctrl+T” и сверху на панели выставляем значения “W: 50%” и “H: 50%”, жмем “Enter”. Далее выбираем вторую копию, нажимаем “Ctrl+T” и выставляем “W: 75%” и “H: 75%”. Для третьей копии выставляем “W: 90%” и “H: 90%”. Четвертую оставляем без изменений:

Шаг 10.
Далее, над всеми группами создаем новый слой, берем инструмент Rectangular Marquee Tool (M), создаем выделение в половину верхней части юзербара и заливаем белым цветом:

Шаг 11.
Меняем режим наложения для этого слоя на “Overlay” и выставляем “Opacity: 40%”:

Шаг 12.
Теперь, в списке слоев, поместите нашу первую группу над группой со словами “Super userbar”, а группу №2 со вспышками, поместите над всеми группами.
Теперь, перед создание анимации, сверим, что у нас в списке слоев, снизу вверх:
1) Фоновый слой.
2) Группа 3, в которой 13 слоев с текстом “Super userbar”.
3) Группа 1, в которой 4 слоя с искрами и 1 слой с линией.
4) Группа 4, в которой 5 слоев с надписью “CLICK HERE”.
5) Группа 2, в которой находятся 9 слоев со вспышкой из центра.
6) Слой – блик.
Теперь скрываем все слои, кроме слоев в группе 1, слоя с фоном и слоя с бликом.
Разместите слои группы 1 слева, за областью холста и потом скройте их тоже:

Шаг 13.
Запускаем “Image Ready” (Shift+Ctrl+M).
Если у вас Photoshop CS3, то вам не нужно запускать “IR”, вместо этого, просто откройте окно анимации “Window > Animation”.
Для избегания вопросов рассмотрим окно анимации, а вернее кнопки которые нам понадобятся. Их название нам не важно, просто запомните:

Кнопка №1 – создать новый кадр.
Кнопка №2 – создать промежуточные кадры.
Кнопки №3 – выставить время для кадра.

Шаг 14.
Приступим к созданию анимации.
Напомню, что на первом кадре, у нас скрыты все слои, кроме фона и блика.
Создаем новый кадр и делаем видимым слой с белой надписью “Super userbar”.
В окне анимации зажимаем “Ctrl”, выбираем оба кадра и жмем на кнопку добавления промежуточных кадров, появится окно “Tween”, выставите в нем в поле “Frames to Add” значение “4” и нажмите ок. Теперь у нас 6 кадров, выставите для последнего время “0,5 sec”:

Шаг 15.
Создаем новый кадр. Выставляем для него время “0” (No delay) и делаем видимым слой с линией (Группа 1), при этом искры по-прежнему должны быть скрыты. Создаем еще один кадр, берем инструмент Move Tool (V), зажимаем “Shift” и перетаскиваем линию вправо, так, что бы ее основание было чуть правее последней буквы “R”, в надписи “Super userbar”. Выделяем эти два кадра и создаем 11 промежуточных кадров:

Шаг 16.
Возвращаемся к кадру №8.
Проверьте, что в группе №3, слой с надписью без эффектов, расположен под слоями с эффектами, если это не так, то перенесите его.
Делаем видимым слой с буквой “S”. Переключаемся на кадр №9, скрываем слой с буквой “S” (по идее, он должен скрыться сам) и делаем видимыми слой с буквами “SU”. Повторите это действие для всех слоев с буквами. На 19-ом кадре, у вас должна быть полная надпись “Super userbar” с эффектами:

Шаг 17.
Возвращаемся к кадру №8.
Делаем видимым один из слоев с искрами. С помощью Move Tool (V), располагаем его на основании линии. Переключаемся на кадр №9, и делаем видимым другой слой с искрами, тоже располагаем его на основании. Повторите это действие до 18 кадра, чередуя слои с искрами, а на 19 кадре, оставьте видимым тот же слой с искрами, что и на 18, но установите для него “Opacity: 50%”:

Шаг 18.
Создаем новый кадр, скрываем слой с искрами. Передвигаем нашу линию примерно до середины юзербара и скрываем ее. Выбираем кадры №19, 20, и создаем 5 промежуточных кадров, для кадра №25 выставляем время “0,5sec”:

Шаг 19.
Создаем новый кадр (26), устанавливаем для него время “0”. Делаем видимым слой с маленькой надписью “Click here” (Группа 4).
Снова создаем новый кадр (27), делаем видимым следующий слой с надписью “Click here”, не скрывая предыдущий (обратите внимание на то, что слои должны располагаться от меньшего к большему, снизу вверх, т.е. нижний слой – это самый маленький, верхний - большой).
Создаем кадр (28), скрываем маленькую надпись и делаем видимым третий по размеру слой видимым.
Создаем кадр (29), скрываем второй по размеру слой и делаем видимым четвертый.
Создаем кадр (30), скрываем третий слой, делаем видимым слой с эффектом и устанавливаем для него “Opacity: 50%”.
Создаем кадр (31) и выставляем для слоя с эффектом “Opacity: 100%”:

Шаг 20.
Создаем новый кадр (32), скрываем надпись с эффектом. Выбираем кадры №31, 32 и создаем 2 промежуточных кадра.
Создаем новый кадр (35), снова делаем видимой надпись с эффектом. Выбираем кадры №34, 35 и создаем 2 промежуточных кадра.
Создаем новый кадр (38), скрываем надпись с эффектом. Выбираем кадры №37, 38 и создаем 2 промежуточных кадра. Выставляем для последнего кадра (40) время “0,5 sec”:

Шаг 21.
Создаем новый кадр (41), выставляем для него время “0”.
И делаем видимым слой, с маленькой вспышкой из центра (группа 2).
Создаем новый кадр и сделайте видимой большую вспышку, а маленькую скройте.
Создайте таким образом по одному кадру для каждого слоя.
Теперь на последнем кадре (49), полностью скрываем группы №1, 3, 4.
Создаем новый кадр (50), скрываем на нем группу №2. Выбираем кадры № 49, 50 и создаем 5 промежуточных кадров, для последнего (55) выставляем время “1 sec”.
Ну а теперь нам остается только сохранить это в .GIF формате. Для этого нажмите “Shift+Ctrl+S”:

Анимация огня

(LORD) — Thu, 03 Dec 2009 14:41:09 GMT

1. Для начала нам понадобится заготовка простого бигбара.

2. Приступаем непостредственно к подготовке огня. Создаем новый слой "Огонь". Рисуем на нем белую горизонтальную линию толщиной 4-6 пикселей. Можно просто воспользоваться Rectangular Marquee Tool и залить выделение белым цветом. Затем перемещаем эту линию в самый низ изображения, за его край.

Вот так как на Рисунке

3. Теперь как и в большинстве туторов по созданию огня нужно повернуть холст на 90 градусов: Image->Rotate Canvas->90° CW.

Далее следуем в Filter->Stylize->Wind и применяем такие параметры:

Два раза сделать!
Поворачиваем холст обратно: Image->Rotate Canvas->90° CCW

Нужно придать нашему огню форму, ведь пока что он похож на частокол. Нам предстоит использовать фильтр Liquify, созданный для искажения изображений вручную, но так как у нас на слое множество прозрачных областей, увидеть что -то в фильтре на фоне бело-серых квадратов будет сложно. Поэтому я рекомендую нажать Ctrl+I, тоесть инвертировать наш слой с огнем. Теперь "частокол" стал черным и увидеть его в окне фильтра будет проще.
Итак, Filter->Liquify.
Воспользуемся Zoom Tool чтобы было проще работать с языками пламени. Выбираем Pucker Tool. Настройки я выставил такие:

Теперь оооочень аккуратно, маленькими но частыми кликами придаем нашему пламени форму. Немного поработав этим инструментом, выбираем Bloat Tool с теми же настройками. Он работает противоположным образом, но также полезен. Работаем тем же способом.
Если что то не получется пользуемся Reconstruct Tool, если картина не нравится вообще, существует кнопка Restore All.
Выйдя из фильтра и нажав Ctrl+I вы должны увидеть примерно вот что:

Для более красивого огня применим 1 раз Filter->Distort->Ripple с настройкой на 30%
5. Ну вот, у нас получилось что-то похожее на языки пламени, теперь нам предстоит создать новый файл, от которого как раз и будет зависеть наша анимация. Создаем новый холст 350x240, остальные настройки стандартные. Жмем Filter->Render->Clouds, затем Filter->Render->Difference Clouds. Думаю вы и так видите для чего они нужны. Жмем Ctrl+F 3 раза. Получилось какое-то серое поле

Теперь нужно окрасить наше желе в желтовато-оранжевый. Image->Adjustments->Hue/Saturation или просто жмем Ctrl+U. Выставляем такие настройки:

Обратите внимание на галочку возле Colorize!
Вот что должно получиться:

6. Теперь довольно интересный шаг. Нам нужно закольцевать низ и верх получившегося изображения. Зачем - поймете позже. Чтобы нам легче было работать, идем в Window->Info. Эта панель облегчит нам жизнь, только нужно поставить в Palette Options этой панели Rules Units: Pixels.
Выделяем нижнюю часть изображения размером 350x50, здесь-то нам и поможет панель Info.

Щелкаем правой кнопкой по выделению, выбираем Layer via Copy. Это вставит выделенную облась на новый слой, оставив ее также на старом. Перемещаем обрезок на новом слое в самый вверх

Жмем Ctrl+E, тем самым слив 2 слоя в 1.
Настало время сгладить место "разрыва" изображения. В этом нам поможет Patch Tool. Выделяем с помощью Rectangular Marquee Tool нужное нам место, выбираем Patch Tool.

Обратите внимание, что в настройках Patch Tool (вверху) должен быть выбран пункт Source.
Теперь наводим курсор внуть выделения, зажимаем левую клавишу и ведем выделение где-то на 40 пикселей вниз, как бы выбрав "донорскую область", отпускаем клавишу, жмем Ctrl+D. Все, теперь переход виден намного хуже.

7. Переносим наш слой на бигбар. Для этого просто берем слой в палитре его изображения и перетаскиваем на изображение бигбара.
Назовем его "Эффект" и поставим выше слоя "Огонь". Выровняем слой Эффект, приставив его верхний край точно к верху нашего холста.

Теперь момент которого мы ждали image020 . Весь фокус состоит в режиме смешивания. Меняем его у слоя "Эффект" на Linear Light

Теперь огонь выглядит реалистично, не так ли? Так что теперь я просто добавлю текст .

8. Ну что ж? Переходим в Image Ready. Жмем Ctrl+Shift+M.
В палитре анимации жмем Duplicate Current Frame. Теперь перемещаем наш слой "Эффект" вверх и вверх, пока ввиду не останется только его низ. Выравниваем его так, чтобы первый кадр не отличался от второго. Снова выбираем первый кадр. В палитре анимации жмем Tween.

Жмем ОК, удаляем последний кадр.