Вы вошли как Гость Группа "Гости"Приветствую Вас Гость RSS  
Главная


Форма входа
E-mail:
Пароль:

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 41234»
Модератор форума: _1_, Mystikal, Любанечка 
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки ImageReady » Анимация блика (Подробный урок для новичков)
Анимация блика
SpringДата: Понедельник, 08.12.2008, 15:57 | Сообщение # 1
Хранитель
Группа: Администраторы
Сообщений: 2800
Репутация: 163
Подарки: 44
Статус: Offline
Анимация блика

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

1. Открываем нужную картинку в программе “Photoshop”.

Внимание! Все картинки должны быть в режиме RGB color.
(Изображение(Image) -> Режим (Mode) ->RGB)

2. В панели инструментов выбираем опцию «Многоугольное лассо». (Чтобы выбрать этот инструмент, надо кликнуть правой кнопкой мыши по кнопке, указанной на картинке:

Для удобства рисунок можно увеличить [i](см. рисунок).

Чтобы вернуть исходный размер, надо нажать эту кнопку:[/i]

3. С помощью «Многоугольного лассо» очень аккуратно обводим контур нужного нам предмета/части предмета(кликая левой кнопкой мыши через короткие расстояния).
Соединяем последние точки – объект полностью выделен.

4. Не снимая выделения, нажимаем следующую комбинацию клавиш:
Ctrl+J - выделенная область скопирована на новый слой.

5. Создаём ещё один слой

и заливаем его любым цветом

6. Нажимаем комбинацию клавиш Shift+D, чтобы установить цвета по умолчанию (чёрный и белый).
В панели инструментов переключаемся на инструмент "Градиент" и выбираем "Зеркальный градиент.

Переключаем цвета, чтобы белый цвет оказался сверху

7. Работаем с верхним слоем:
(У нас выделен инструмент "Градиент")

Кликаем левой кнопкой примерно в центре верхнего слоя и (не отпуская кнопку!) указываем направление градиента (в таком же направлении и примерно на такое расстояние, как указано на рисунке):

Получаем результат:

Теперь у нас три слоя:
Верхний - с градиентом
Средний - с выделенной областью картинки
Нижний - с исходной картинкой.

8. Выделяем верхний слой (он должен быть выделен синим цветом).
Наводим курсор мышкой на миниатюру среднего слоя (при выделенном верхнем слое!)

и нажимаем комбинацию клавиш:
Ctrl+G (для Photoshop CS (2))
или
Ctrl+Alt+G (для других версий)

Получаем следующий результат:

В параметрах наложения слоёв выбираем "Перекрытие" (Overlay), при выделенном верхнем слое (Вместо этого можно попробовать выбрать режим "Замена светлым" (Lighten) или "Осветление" (Screen) )

9. Открываем окошко анимации (если ещё не открыто)
(В главной панели инструментов: Окно (Window) -> Анимация (Animation))

В окне анимации у нас пока только один кадр. Работаем с этим кадром.

В панели инструментов выделяем инструмент "Перемещение"

и перетаскиваем градиент в том же направлении, что и на рисунке (чтобы его не было видно):
.....

10. Под кадром выставляем время: 0 c. (без задержки) и режим "Всегда"(Forever)

Создаём новый кадр:

Теперь у нас два кадра:

11. Работаем со вторым кадром:
Теперь перетаскиваем градиент в противоположную сторону (чтобы его не было видно):
.....

12. Нажимаем кнопку "Создать промежуточные кадры"

и выбираем количество кадров (например, 12)

Возвращаемся к первому кадру и устанавливаем время под ним: 1 с.

13. Переходим в программу ImageReady. (Shift+Ctrl+M)

И сохраняем нашу картинку:
File – Save Optimized As… ! (Сохранить оптимизированный как...) (в формате gif)

14. Результат:


elleДата: Понедельник, 08.12.2008, 16:25 | Сообщение # 2
Свой человек
Группа: Пользователи
Сообщений: 497
Репутация: 59
Подарки: 6
Статус: Offline
я делаю немного по-другому... но и этот хороший урок! спасибо!

только вот... вопросик...

Quote (Spring)
и нажимаем комбинацию клавиш: Ctrl+G

?? для создания Обтравочной Маски (Clipping Mask) ???

а не Alt + Ctrl + G


all nite long
SpringДата: Понедельник, 08.12.2008, 18:22 | Сообщение # 3
Хранитель
Группа: Администраторы
Сообщений: 2800
Репутация: 163
Подарки: 44
Статус: Offline
Quote (elle)
?? для создания Обтравочной Маски (Clipping Mask) ??? а не Alt + Ctrl + G

Да, для Photoshop CS (2) следует нажимать эту комбинацию клавиш: Ctrl+G

Для других версий: Alt + Ctrl + G


elleДата: Понедельник, 08.12.2008, 18:44 | Сообщение # 4
Свой человек
Группа: Пользователи
Сообщений: 497
Репутация: 59
Подарки: 6
Статус: Offline
а! ясно! =) для более ранних версий по-другому...

у меня CS3 . у меня работает только комбинация Alt + Ctrl + G


all nite long
BlackstarДата: Вторник, 09.12.2008, 23:07 | Сообщение # 5
Наблюдатель
Группа: Пользователи
Сообщений: 28
Репутация: 2
Подарки: 0
Статус: Offline
Spring, Обожаю твои уроки!!! очень все понятно! спасибо!!!
Только у меня маленькая проблемка...9. Открываем окошко анимации (если ещё не открыто)
(В главной панели инструментов: Окно (Window) -> Анимация (Animation))

нет у меня этой анимации..... все переискала...может глюк какой то?

ElvenStarДата: Пятница, 12.12.2008, 13:49 | Сообщение # 6
Эксперт
Группа: Пользователи
Сообщений: 655
Репутация: 51
Подарки: 3
Статус: Offline
не получилось...


elleДата: Пятница, 12.12.2008, 13:59 | Сообщение # 7
Свой человек
Группа: Пользователи
Сообщений: 497
Репутация: 59
Подарки: 6
Статус: Offline
Blackstar, а у вас какая версия ФШ? на более ранних нет анимации. надо использовать Image Ready

ElvenStar, блик сам идёт.. но ещё появляется часть градиента, как я понимаю... может, это что-то на этапе анимации...


all nite long
СаламандраДата: Пятница, 12.12.2008, 19:28 | Сообщение # 8
Новичок
Группа: Пользователи
Сообщений: 8
Репутация: 3
Подарки: 0
Статус: Offline
elle, это не часть градиента,это граница слоя, на котором градиент. У меня тоже так полчучалось.. Просто надо градиент немного в другом месте нарисовать.
У меня наконецто получилось!


МотылекДата: Воскресенье, 04.01.2009, 21:48 | Сообщение # 9
V.I.P.
Группа: Пользователи
Сообщений: 1058
Репутация: 158
Подарки: 48
Статус: Offline
у меня тоже)) только делала дл чата а там размер картинки портит качество...


ДжадДата: Четверг, 08.01.2009, 20:56 | Сообщение # 10
Бывалый
Группа: Пользователи
Сообщений: 64
Репутация: 4
Подарки: 0
Статус: Offline
У меня вышло,но блик не того цвета которого я хотела,как исправить?
Блик цвета заливки.



Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки ImageReady » Анимация блика (Подробный урок для новичков)
Страница 1 из 41234»
Поиск:

Сегодня к нам заходили:

Мини-чат:


Аватарочка © 2016
Сайт управляется системой uCoz