Fotodryg.ru - Уроки Фотошоп.Создаем имитацию кругов на воде


Уроки Фотошоп



Полезное на сайте


Смотреть видеоурок




От этого блюда нельзя оторваться




На главную
Фотошоп уроки

Анимация кругов на воде в программе Фотошоп.

[104] [105] [106]

Вам потребуется Photoshop CS3.

1. Создаем новый документ (Файл-Новый) размером 300Х100 пикселей, на прозрачном фоне. Устанавливаем основным синий (0107d9), а фоновым темно-синий цвет (000197).

2. Применяем фильтр Облака (Фильтр-Рендеринг-Облака). А после фильтр Океанские волны (Фильтр-Искажение-Океанские волны), с параметрами как на рисунке. Это будет у нас вода.



3. Активируем инструмент "Текст", подбираем нужный шрифт, размер и набираем нужную надпись. Двойным левым кликом по строке слоя с текстом вызываем окно "Стили слоя и применяем любые стили которые Вам нравятся (или применяем уже готовые), в нашем примере были использован стиль Тиснение и Наложение градиента, с параметрами как на рисунке.









4. Копируем слой с водой, перетащив строку слоя на значек "Создать новый слой" в нижней части палитры Слои. Перемещаем полученный слой на самый верх слоев и устанавливаем режим наложения "Перекрытие". Склеиваем все слои Слой-Объеденить видимые (Ctrl+Shift+E).

5. Копируем получившийся слой и применяем к новому слою (назовем его 1) фильтр Зигзаг (Фильтр-Искажение-Зигзаг). В появившемся окне устанавливаем Стиль - Круги на воде, Степень - 20, Складки - 20.

6. Снова копируем самый нижний слой и к полученному слою (назовем его 2) применяем фильтр Зигзаг, меняем параметр Степень на 19, Складки - 18.

7. Снова копируем самый нижний и к полученному слою (назовем его 3) применяем фильтр Зигзаг. Степень - 18, Складки - 16.

8. Копируем самый нижний и к полученному слою (назовем его 4) применяем фильтр Зигзаг. Степень - 17, Складки - 14.

9. Копируем самый нижний и к полученному слою (назовем его 5) применяем фильтр Зигзаг. Степень - 16, Складки - 12.

10. Копируем самый нижний и к полученному слою (назовем его 6) применяем фильтр Зигзаг. Степень - 15, Складки - 10.

11. Копируем самый нижний и к полученному слою (назовем его 7) применяем фильтр Зигзаг. Степень - 14, Складки - 8.

12. Копируем самый нижний и к полученному слою (назовем его 8) применяем фильтр Зигзаг. Степень - 13, Складки - 6.

13. Копируем самый нижний и к полученному слою (назовем его 9) применяем фильтр Зигзаг. Степень - 12, Складки - 4.

14. Копируем самый нижний и к полученному слою (назовем его 10) применяем фильтр Зигзаг. Степень - 11, Складки - 2.

15. Копируем самый нижний и к полученному слою (назовем его 11) применяем фильтр Зигзаг. Степень - 10, Складки - 1.

16. Откройте панель анимации в Photoshop CS3 (Окно-Анимация) или перейдите в ImageReady CS, при помощи кнопки "Редактировать в ImageReady" (внизу панели инструментов), если вы работаете в более ранней версии программы.

17. На панели анимации, когда она открывается уже имеется один кадр анимации, переходим на палитру Слои оставляем видимым только самый нижний слой, у остальных отключаем видимость нажав на значок Глаза слева от строки слоя.

18. Копируем первый кадр анимации, нажав на значек "Создание копии выделенных кадров" в нижней части панели Анимации, в полученном кадре делаем видимым только слой 11.



19. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 10.

20. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 9.

21. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 8.

22. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 7.

23. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 6.

24. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 5.

25. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 4.

26. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 3.

27. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 2.

28. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 1.

28. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 3.

28. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 6.

29. Копируем последний кадр анимации и в полученном кадре делаем видимым только слой 9. У нас должно получиться 15 кадров.

29. Задайте время задержки каждого кадра 0,1 секунды, а первому кадру 2 секунды. Чтобы не задавать время задержки для каждого кадра по отдельности, кликаем по второму кадру делая его активным и зажав клавишу Shift кликаем по 15 кадру, так будут выделены кадры со 2 по 15, теперь задаем время задержки любому из выделенных кадров и это время будет у всех выделенных кадров.



Ну все, теперь нажмите кнопку PLAY и посмотрите что получилось. Вместо текста Вы можете вставлять изображения, фантазируйте.



Для того, чтобы сохранить анимацию в Photoshop CS 3 заходим в меню ФАЙЛ-СОХРАНИТЬ ДЛЯ ВЭБ и сохраняем изображение в нужную Вам папку, как рисунок и HTML-код в формате GIF. Если сохраняете из Image Ready, то заходим в меню ФАЙЛ-СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК и сохраняем изображение как рисунок и HTML-код в формате GIF.

[104] [105] [106]






Комментарии



Оставляйте пожалуйста Ваши комментарии и советы по уроку. Поля "Текст комментария" и "Имя" обязательны для заполнения

Текст комментария:


Ваше имя:


Оцените урок 1 2 3 4 5

введите цифры с картинки








BurtonflideJM
30:05:2017
Alergyx – это уникальная, безопасная и эффективная комбинация растительных экстрактов, которая, будучи принятой внутрь, уже в течение 10 минут блокирует реакцию организма на аллерген, останавливая или предотвращая проявление аллергии. Полный курсовой прием препарата в течение 30 дней полностью избавляет от хронических форм недуга, очищает от токсинов и восстанавливает организм.
ALERGYX помогает нашему телу выработать собственные «блокирующие антитела», которые НАВСЕГДА ИСКЛЮЧАТ ВОЗМОЖНОСТЬ ПОВТОРНОГО ВОЗНИКНОВЕНИЯ АЛЛЕРГИИ.
Официальный сайт: http://alergyx.bxox.info






StevseinkEU
21:05:2017
ARMERIA – инновационный омолаживающий комплекс
для борьбы с основными проблемами кожи.
Запатентованная формула комплекса ARMERIA
позволяет использовать его для любого типа кожи,
интенсивно питая и увлажняя все слои,
восстанавливая её структуру.

Armeria – это очень активный и самодостаточный комплекс, дающий хороший результат.
Хочу заметить, что именно комплекс, а не каждое средство по отдельности дает превосходный эффект, который заметен уже после нескольких применений:
разглаживаются мелкие морщины, повышается упругость кожи, подтягивается овал лица и исчезают «мешки» под глазами.
Раньше считалось, что крема, наносимые на кожу, проникнуть на глубокий уровень дермы не мо






HectorPiodaJN
10:05:2017
Этот чай уникального пурпурного цвета, вот уже более шести тысяч лет выращивается в самых высоких горах на земле - Непале и Тибете и используется в разнообразных медицинских целях, а сейчас засчёт огромного набора полезных свойств заслуженно набирает популярность во всём мире.
Пурпурный чай - это мощнейший жиросжигатель, который к тому же препятствует возникновению новых отложений, превращая жир в энергию.
Официальный сайт: http://pur.bxox.info






EthanjemWR
10:05:2017
Крем Здоров на основе прополиса: купить, отзывы, цена, инструкция

Официальный сайт: http://zdorov.bxox.info






StevenJerCO
10:05:2017
Крем-воск Здоров от псориаза. Лечебный состав крема. Отзывы

Официальный сайт: http://zdorov.bxox.info






Елена Баева.
12:01:2012
Если честно, то ничего не поняла.