scale

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

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

(далее…)

color swatches

что меня больше всего раздражает в работах начинающих флешеров, так это использование стандартных цветов панели swatches. мне кажется это всё связано с ленью, ведь гораздо проще выбрать существующий цвет, чем создать новый в color mixer.
стандартных цветов в панеле не так уж и много как может показаться на первый взгляд, поэтому любая флешка жутко режет глаз, если в ней используются только эти цвета.

поэтому сегодня я хотела бы дать несколько дельных советов любителям порисовать во флеше.

1. всегда! всегда удаляйте очищайте панель swatches от стандартных цветов. для этого используйте команду clear colors.
после очистки ваша панель будет иметь такой вид и у вас уже не будет искушения ткнуть в первый попавшийся цвет )

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

3. и собственно самое главное. что делать, когда нет времени, желания или способности подобрать правильно цвета.
для этого вам нужно просто взять изображение или часть изображения с понравившейся вам цветовой гаммой, пересохранить его в формате gif и импортировать с помощью команды add colors на панеле swatches.
в результате у вас будет приличный набор нестандартных цветов, который вы можете смело использовать! 🙂


удачных рисунков и анимаций вам! 🙂

отражения

наверное один из самых распространённых элементов стиля web 2.0 это отражения.
его легко можно сделать с помощью альфа канала в градиентной заливке.
заливка должна быть того же цвета что и общий фон.

но как поступить в случае, если фон неоднородный?

конечно можно сохранить нужный элемент в png и сделать отражение в фотошопе, но есть ещё один простой и интересный способ.

  • нужно дублировать символ и создать в нём новый слой с градиентной заливкой. обязательно белой!!!
  • символ должен быть movie clip. если это graphic, можно поменять ему тип на панели свойств.
  • задать режим blend: multiply (тоже на панели properties)

единственная проблема в том, что этот способ хорошо работает только на светлых фонах. это особенность режима multiply.

если вы знаете ещё какие-нибудь способы, велкам в камменты 🙂
исходник можно скачать тут

контурные линии для персонажей

сегодня хотелось бы рассказать о типах контурных линий для персонажей.
лично я знаю 4 стилистики:

  1. все контурные линии одного цвета. зачастую чёрного.
  2. контурные линии имеют оттенок цвета заливки, но более тёмного.
  3. контурные линии не используются вообще
  4. в качестве контура выступают линии нарисованные кистью.

проиллюстрирую на примере деда мороза 🙂 (картинка кликабельна)
говорить что такая стилистика правильная, а такая нет — глупо, т.к каждая применима в тех или иных случаях.

thumbnail1

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

если цвет контурных линий поменять на близкий к оттенку заливки которую они окружают, картинка сразу принимает более приятный вид:

если убрать контурные линии вообще, картинка станет аккуратнее, но в нашем случае некоторые детали сливаются:

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

прорисовка

вот осваиваю новую технику рисования во flash.
главная идея в том, чтобы результат получился вкусный как конфетка.
получилось вроде симпотно, но ещё надо работать и работать.

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

  • практически всегда наброски я рисую на бумаге карандашом или ручкой. возможно я консерватор, но никакой планшет не идёт в сравнение с обычным простым карандашом по части создания скетчей. советую поступать также. хотя иногда бывают исключения.
  • скетч помещается в самый нижний слой и делается guige, чтобы при компиляции не отображался.
  • используйте контурные линии контрастного цвета, например синюю или красную. чёрной прорисовывать очень не удобно.
  • забудьте вообще о таком инструменте рисования как pencil! pen, line и oval — вот наши друзья, которые помогут нарисовать всё что угодно. все точки и линии я редактирую с помощью arrow (чёрная стрелка), subselct (белую стрелку) использую только в особо сложных узлах.
  • используйте слои и группы. но без фанатизма! есть много элементов, которые можно без проблем совместить в один слой, ибо если слоёв много, с ними не удобно работать.
  • не нужно сразу все элементы преобразовывать в символы, достаточно использовать группы. в символы можно будет преобразовать в самом конце, на начальном этапе они будут только мешать.
  • при прорисовке я всегда меняю расположение панелей. т.к. анимации в ближайшее время не предполагается — разумно перенести панель timeline влево, при этом становится очень удобно работать со слоями, появляется больше свободного места:
  • после того как основные контурные линии прорисованы я занимаюсь подбором цветов. во-первых практически всегда удаляю стандартную цветовую палитру, чтобы глаза не мозолила и ищу новые цветовые решения. моя палитра хорошо видна на предыдущей картинке.
  • когда основные цвета подобраны, начинается кропотливая работа с градиентами, бликами и деталями.

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

может флеш и уступает иллюстратору в рисовании, но является тоже очень не плохим и удобным инструментом для создания хороших иллюстраций!