UserBars.ru

d3idaRa

Пролог: Решил делать что-то полезное для очень хорошего форума.
Не будите опять-же строго, Баян-стопятцот, но все-же мой первый тутор.
Надеюсь, вам понравится. ^_~

Видел я тутор, но снег там не реалистичный.
Хотелось-бы показать вам как сделать снежок, просто и не тяжело используя 2 основных "инструмента" - Photoshop & ImageReady.
Моим примером будет Лицензионная Русификация Adobe® Photoshop® CS2, Версия 9.0 .

Ну начнём.

1. Создайте новый документ, размером 350 на 40 пискелей.

2. Подбираем подходящую картинку к нашему Биг-Бару (Далее "ББ" ). Я выбрал такую:

3. Вставляем её в ББ как душе угодно. У меня получилось так:

4. Создаём 2 новый слоя - "Обводка" и "Снег".

Как делать обводку думаю все знают, но все-же покажу.
а). Выделяем весь рисунок Ctrl+A ;
б). Делаем активным слой "Обводка", одним щелчком по нему левой кнопкой мыши ;
в). Переходим в: Редактирование -> Выполнить Обводку ;
г). Задаём такие парам-ры обводки (Поскольку рисунок темный, я решил сделать обводку белой) .

5. Теперь займемся слоем "Снег". Делаем слой активным, выделяем Рисунок, не считая обводки! Что-бы снег не заходил на Обводку, да и по эстетичнее будет.

Далее выбираем кисть диаметром 3 пикс., и нажимаем F5 для вызова окна "Установки Кисти".

Ставим галочку на пункт "Рассеивание" и переходим непосредственно в него. Там изменяем настройки, для кисти, похожей на снег: Рассеивание - 1000%.

6. Когда мы сделали подходящую кисть, начинаем рисовали снежок на слое "Снег". Это уже ваща фантазия, а у меня результат вышел такой:

7. Теперь создадим дубликат слоя "Снег", правой кн. мыши на слой, Создать дубликат слоя... .

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

9. После этого объединяем наши слои: "Снег" и "Снег (копия)", Выделяем 2 слоя, и жмём Ctrl+E или же правой кн. мыши, и Объеденить слои .
Результатом будет более длинный слой, со "спрятанной" частью рисунка.
10. Переходим с ImageReady (далее просто "IM" ) с помощью клавиш Ctrl+Shift+M или щелчком мыши по значку:

.
11. В IM , в окне "Анимация" мы видим один кадр, ставим ему Время отображения кадра - 0.1 сек. Далее с помощью дублируем этот кадр при помощи инструмента:

Дублировать текущий кадр .

12. В результате у нас получается 2 кадра в анимации. Теперь возьмёмся за анимацию: Во втором кадре сместите слой "Снег" вниз, Я опустил почти до конца, как на картинке: [1ый кадр] [2ой кадр] . (Слево будет положения слоя на 1ом кадре, справа же на 2ом) .

13. Ну теперь с помощью инструмента

Создать промежуточные кадры создаём ну например 5 кадров.

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

. Вот вы сделали карды, окно "Анимация" выглядит примерно так:

14. Теперь вы можете добавить туда любой текст/картинку ну это по желанию, я сделал легкую штриховку, и написал визитором "snow <3" .
Для окончания работы сохраните ваш Снежный ББ: Файл -> Сохранить оптимизированный как... .
Так-же советую сохранить *.psd для дальнейшей доработки.

Вот то что получилось у меня:

[ by d3idaRa . Special for Ubforum.ru ]

Добавлено спустя 2 минуты 37 секунд:

Просьба перенести тему в раздел: Учебники по созданию юзербаров/бигбаров (userbars/bigbars)

-Undercover-

Байанисто..и старо(:

Roler

А где картинки то, собственно? Где результат?
О перемещении пока можно забыть.
_________________

d3idaRa

-Undercover-, Ну, простите... Просто видел 2 тутора, все какие-то странные показались.
Roler, Картинки есть, кроме двух, сейчас наскриню.

-Undercover-

Вот с картинками весьма и весьма лучше(: А так впринципе неплохо(: Спасибо за старание)

d3idaRa

-Undercover-, и вам огромное спасибо, за благодарность.

Roler

Вот теперь лучше.

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

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

Перемещаю.
_________________

d3idaRa

Roler, Спасибо. Буду старатся

ivaJke

Не могли бы вы подробнее рассказать, как выполняются пункты 8 и 12. Не совсем понятно, какие тулы нужно юзать. Заранее спасибо.

Брюс Ле

нормальный тутор. тока кадров бы побольше, а принцип показан неплохо Smile

Xandr

ivaJke
Там банально юзается "перемещение" ( по умолчанию "V")
_________________

ivaJke

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

Xandr

ivaJke
Эммм... Как бы обьяснить попроще... В пункте 8 ты создаёшь один длинный слой со снегом, часть которого вверху расположена, за границей холста. В 12 пункте, в кадре номер два ты его тем же перемещением тупо опускаешь вниз, пока не покажется верхний край этого снега. Ставь побольше кадров и все дела.
_________________

ivaJke

Спасибо - буду пробовать

Romjke

d3idaRa
я не могу понят чем отличается этот урок от тутора рейва? Оо картинками и кистями?