Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
«Девушка-русалка»
tn_gallery_3_1_92220.jpg
Обработка фотографии по уроку от DOU: "Девушка-русалка"
© iskra
06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

4 страниц V   1 2 3 > »   
Добавить ответ в эту темуОткрыть тему
> Рисуем блик, пошаговое рисование пробегающего блика
V
Olka
сообщение 25.11.2006 - 02:52
Сообщение #1


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


Будем рисовать блик. Для начала выбираем картинку и подготавливаем ее для web (надеюсь это рассказывать не надо). Загружаем флеш и выставляем размер документа Modify-Document в зависимости от размера нашей картинки.
Идем в меню File-Import-Import to Stage, выбираем картиночку из списка и в первом кадре первого слоя картиночка появляется.

Прикрепленное изображение

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

Прикрепленное изображение

Следующим делом, организуем слой с бликом. Нажимаем кнопочку Insert Layer, которая находится внизу окошка Timeline. Новый слой сразу переименовываем, например Блик.

Рисуем Rectangle Tool (следите, чтобы указатель на Timeline стоял именно в первом кадре слоя Блик). Цвет и заливка прямоугольника нас пока не интересует, будем исправлять ее в следующем пункте.

Прикрепленное изображение

Чтобы изменить заливку нашего блика, нажимаем на первый кадр слоя Блик, прямоугольник стал в крапочку. Нажимаем кнопочку Fill color и выбираем линейный градиент.

Прикрепленное изображение

Теперь открываем панельку Color, если вдруг она не найдется, то Window-Color Mixer.
Настраиваем градиент :

Прикрепленное изображение

Среднюю точку тоже можно сделать попрозрачней, тогда блик будет смотреться натуральней. Также меняем прозрачность контура до полного нуля.

Анимируем блик. Где-нибудь в кадре 30-ом на слое Блик нажимаем F6, чтобы сделать новый ключевой кадр. Не пугайтесь, если пропала картинка машинки, сейчас это исправим. Перемещаемся на слой машинки в тот же 30-тый кадр и нажимаем F5, лишний ключевой кадр делать не стоит, это утяжеляет конечный файл. Возвращаемся на 30-тый кадр слоя Блик и, действуя стрелочками, перемещаем прямоугольник вдоль картинки на обратную сторону. Делаем заполнение кадров движением. Правой клавишей мышки нажимаем на любой кадр, кроме последнего ключевого, слоя Блик и выбираем Create Motion Tween. Можно нажать и в последнем ключевом, только тогда придется еще раз делать это же на последовательности кадров 1-29.

Прикрепленное изображение

Вешаем замочек и на этот слой. Теперь надо определить области, где наш блик будет виден, то есть, рисуем маску. Делаем еще один слой, переименуем его в слой Маска, и, выбрав инструмент перо Pen Tool, обводим места, которые надо подсветить бликом.

Прикрепленное изображение

Кликаем правой клавишей мышки на слое Маска рядышком с названием и в контекстном меню выбираем пункт Mask. Это значит, что слой лежащий под слоем Маска будет виден, только в местах закрашенных на этом слое.

Прикрепленное изображение

Все, нажимаем Ctrl-Enter и любуемся. Я еще продлила немножко слои (просто переходим на слой в последний кадр и нажимаем F5 несколько раз), чтобы между бликами был промежуток.
Окончательный вид панели Timeline.

Прикрепленное изображение

И результат.


Сообщение отредактировал Des - 18.02.2008 - 21:55


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Edwards
сообщение 12.12.2006 - 12:34
Сообщение #2


Добрейшей души человек
***

Меткий стрелок
Группа: Жители
Сообщений: 567
Регистрация: 12.05.2006
Из: С.-Петербург
Пользователь №: 54
Группировка "Придурки"



Симпатии:  79  


Спасибо, Olka!



--------------------
За все эти годы можно было привыкнуть, но ты не привык до сих пор(© "Зоопарк")
Мой ЖЖ
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olka
сообщение 14.12.2006 - 15:53
Сообщение #3


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


Edwards Да, на здоровьечко biggrin.gif Смотрю с ftp уже разобрались! Поздравляю, у меня все равно муж заливает, а я даю только ссылки.


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
blackhawk
сообщение 16.06.2008 - 02:51
Сообщение #4






Группа: Туристы
Сообщений: 5
Регистрация: 16.06.2008
Пользователь №: 9103



Симпатии:  0  


А можно ли получить готовый fla файлик...

вот здесь заклинило и все тут sad.gif

Цитата
Анимируем блик. Где-нибудь в кадре 30-ом на слое Блик нажимаем F6, чтобы сделать новый ключевой кадр. Не пугайтесь, если пропала картинка машинки, сейчас это исправим. Перемещаемся на слой машинки в тот же 30-тый кадр и нажимаем F5, лишний ключевой кадр делать не стоит, это утяжеляет конечный файл. Возвращаемся на 30-тый кадр слоя Блик и, действуя стрелочками, перемещаем прямоугольник вдоль картинки на обратную сторону. Делаем заполнение кадров движением. Правой клавишей мышки нажимаем на любой кадр, кроме последнего ключевого, слоя Блик и выбираем Create Motion Tween. Можно нажать и в последнем ключевом, только тогда придется еще раз делать это же на последовательности кадров 1-29.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olka
сообщение 16.06.2008 - 22:59
Сообщение #5


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


blackhawk, а что именно не получилось? Если про движение блика, то прямоугольник - имелось в виду, тот, который собственно изображает блик. Его надо в 30-ом ключевом кадре передвинуть на новое место. И тогда после создания Motion Tween, прямоугольничек-блик будет бегать с начального места в конечное(от первого кадра в последний). smile.gif

Вот тут исходник, надеюсь, что разберетесь(старой картинки нет, исходник остался на старом винте, так что сделала новую, извиняюсь за корявые блики rolleyes.gif ).


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
blackhawk
сообщение 18.06.2008 - 16:36
Сообщение #6






Группа: Туристы
Сообщений: 5
Регистрация: 16.06.2008
Пользователь №: 9103



Симпатии:  0  


Olka, мне вот этот момент не понятен..

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


Скриншот прикрепил тоже



Сообщение отредактировал blackhawk - 18.06.2008 - 16:44
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
blackhawk
сообщение 18.06.2008 - 19:22
Сообщение #7






Группа: Туристы
Сообщений: 5
Регистрация: 16.06.2008
Пользователь №: 9103



Симпатии:  0  


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

З.Ы. У меня почему маска не закрышивает в цвет блика sad.gif

Сообщение отредактировал blackhawk - 18.06.2008 - 19:24
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olka
сообщение 18.06.2008 - 19:41
Сообщение #8


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


blackhawk

Прикрепленное изображение

У вас получается два состояния вашего блика в двух ключевых кадрах. В первом кадре например справа, в 30-ом - слева. А потом надо чтобы блик не перескочил на 30-ом кадре просто на новое место, а
плавно проехал, вот для этого и делается заполнение кадров движением.

Цитата
Делаем заполнение кадров движением : правой клавишей мышки нажимаем на любой кадр на временной шкале (кроме последнего ключевого) слоя Блик и выбираем Create Motion Tween. Можно нажать и в последнем ключевом, только тогда придется еще раз делать это же на последовательности кадров 1-29.


Так понятнее? smile.gif

Цитата
У меня почему маска не закрышивает в цвет блика


Вот тут я точно не знаю, либо вы поменяли цвет во время редактирования маски, либо что-то было исправлено в новой версии флеша. У меня флеш 8 стоит. Но главное в маске не цвет, надо, чтобы просто цвет был. Маска в данном случае просто окошки через которые блик будет виден.

И не расстаривайтесь, все мы когда-то начинали, задавайте вопросы, ответим всем коллективом, если вдруг моих слабых знаний не хватит. Ну, а вообще-то учебник почитать не помешает. smile.gif

Сообщение отредактировал Olka - 18.06.2008 - 19:48


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
blackhawk
сообщение 18.06.2008 - 20:08
Сообщение #9






Группа: Туристы
Сообщений: 5
Регистрация: 16.06.2008
Пользователь №: 9103



Симпатии:  0  


Ух.... Olka вы просто супер, спасибо большое, все грамотно и доходчиво объяснили, все оказалось намного проще, оказывается по дефолту у меня в CS3 не стоит автозаполнение контуров, ну я вручную залил маску и все заработало smile.gif

Еще раз спс за урок smile.gif

Вот собственно мои труды, немного дальше пошел развернув блик по диагонали smile.gif

http://mobilediary.ru/flash/medal.swf

Сообщение отредактировал blackhawk - 18.06.2008 - 20:12
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olka
сообщение 18.06.2008 - 20:19
Сообщение #10


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


blackhawk, да на здоровье. smile.gif Посмотрела на ваши труды. Может блик сделать слегка прозрачней? Смотрится жестковато. В Color Mixer можно менять прозрачность маркеров цвета. На такой маленькой картиночке надо подобрать блик помягче.
Удачи. smile.gif


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
blackhawk
сообщение 18.06.2008 - 20:31
Сообщение #11






Группа: Туристы
Сообщений: 5
Регистрация: 16.06.2008
Пользователь №: 9103



Симпатии:  0  


Спасибо за совет, обязательно поиграюсь с прозрачностью smile.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
ElenaMat
сообщение 28.06.2008 - 02:54
Сообщение #12






Группа: Туристы
Сообщений: 1
Регистрация: 1.10.2007
Пользователь №: 5608



Симпатии:  0  


Огромное спасибо за урок, он мне очень понравился, доступно объяснен и тема актуальна.
Еще раз спасибо! clap.gif clap.gif clap.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olka
сообщение 28.06.2008 - 12:59
Сообщение #13


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


ElenaMat, рада, что урок понравился. smile.gif


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
miksus
сообщение 7.07.2008 - 01:35
Сообщение #14






Группа: Туристы
Сообщений: 3
Регистрация: 7.07.2008
Пользователь №: 9304



Симпатии:  0  


Здравствуйте! я тоже начинающий и вот возник такой вопрос... я на одном слое создаю несколько закрашеных зон под маску в разных местах картинки и делаю один градиент чтоб проходя через всю картинку блик появлялся постепенно то в одном то в другом месте, но программа делает блик только в первом закрашеном участке а в остальных нет.. у меня Flash CS3 может есть возможность как то решить ето или в настройках программы что поменять.. а то не хочется создовать несколько слоев и градиентов...

------------------------------------------------
Хы.. странно а в flash MX все нормально... маска делается сразу на несколько закрашеных мест без проблем... если кто то сможет подсказать как решить ету проблему для adobe flash CS3 буду очень признателен...

Сообщение отредактировал miksus - 7.07.2008 - 22:22
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Des
сообщение 12.07.2008 - 17:02
Сообщение #15


тритониус
****

Звезда писателя I степениЗа вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 728
Регистрация: 9.12.2007
Из: Москва \ Питер
Пользователь №: 6553
дышу под водой
Галерея Блог


Симпатии:  68  


Цитата(miksus @ 7.07.2008 - 02:12) *
<...> делаю один градиент чтоб проходя через всю картинку блик появлялся постепенно то в одном то в другом месте, но программа делает блик только в первом закрашеном участке а в остальных нет.. <...> а то не хочется создовать несколько слоев и градиентов...
<...> странно а в flash MX все нормально... маска делается сразу на несколько закрашеных мест без проблем...


К сожалению, не очень понял, в чем именно заключается проблема - в градиентной маске или в нескольких movieClip-ах на одном слое-маске?
Если первое - то, к сожалению, в Flash нет градиентных масок. Все, что можно сделать - имитировать градиентную маску, размещая полупрозрачные psd \ png битмапы. Это, конечно, не то, но иногда позволяет выйти из положения.
Если второе - то на слое-маске как маска воспринимается только один муви-клип. Если нужно, чтобы маска состояла из нескольких мувиков, их нужно объединить в один (и редактировать уже его), т.е. выбрать все размещенные на слое-маске муви-клипы => F8 (тип - MovieClip).
Может быть, в MX у Вас все получилось в результате других настроек инструментов рисования (опция "рисовать объектами", "Draw Objects" выключена)?


--------------------
"Высшая мудрость - умение разговаривать с людьми" ((с) Ямамото Цунэтомо (Дзётё), "Хагакурэ")
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

4 страниц V   1 2 3 > » 
Быстрый ответДобавить ответ в эту темуОткрыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 17.12.2017 - 22:38