Делаем разрезную рамочку в ФШ с анимацией.Урок от eshershun
Источник http://blogs.mail.ru/mail/eshershun/7B89363F2622BE36.html
Уроков по разрезным рамочкам очень много.
Этот урок будет дополнением, для тех,
кто хочет сделать не простую разрезную рамочку,
а с клипартом и анимацией ( и не с одной).
Хороший урок по простой разрезной рамочки ТУТ
Итак начнем. Открываем в фотошопе новый файл
ширина-800 пик. высота-800 пик.
С помощью инструмента "прямоугольник со скругленными концами"
рисуем рамочку.
ПКМ щелкаем по слою и идем в параметры наложения,
выбираем наложить узор, находим наш узор
и применяем к нашему слою.
Узор у нас анимированный (глиттер).
Т.к. фон у нас будет анимированный,
создаем копию слоя1 и применяем узор 2,
затем опять делаем копию (слой1 (копия2) и применяем узор 3.
Более детальный урок по применению глиттеров ТУТ
Далее создаем слой 2.
И с помощью инструмента "прямоугольник со скругленными концами"
рисуем еще одну рамочку, применяем просто узор.
Открываем наш клипарт и инструментом "перемещение "
переносим его на нашу рамочку.
Елочные шарики я решила поставить с двух сторон,
но т.к. их надо развернуть,
идем меню -> трансформирование ->отразить по горизонтали.
Еще, если размер клипарт большой или маленький,
идем меню-> изображение -> размер изображения.
И меняем размер на нужный.
Теперь анимируем наши шарики.(слой 5)
Я решила их анимировать при помощи наложения градиента,
по вашему желанию это может быть и узор.
К слою шариков применяем градиент(любой),
только установите непрозрачность 23-30%.
Создаем копию шариков и к нему применяем
также градиент, только другого цвета..
Снова создаем копию шариков
и применяем градиент другого цвета.
Со вторыми шариками (слой 6) проделываем тоже,
что и с первыми.
Дальше переходим в имедж реди
или открываем окно анимации ( у кого какой фотошоп).
Создаем 2 копии первого кадра. У нас получилось 3 кадра.
Для 1 кадра закрываем глазки на всех копиях слоя.
Для 2 кадра закрываем глазки на слое1,
слой1(копия2), слой 5(это шарики1), слой 5 (кпоия2)
и слой 6 (это у на шарики 2), слой 6 (копия2).
Для 3 кадра закрываем глазки на слое1, слой1(копия),
слой 5, слой 5 (копия) и слой 6,слой 6 (копия).
Ставим время вам нужное (у меня 0.1 сек.)
Включаем воспроизведение и любуемся.
Вот наша рамочка готова,
теперь остается ее разрезать на 3 части.
Я разрезаю при помощи инструмента "рамка". Мне так удобней.
Существуют другие способы, выше приведен урок,
можете посмотреть,
вот ТУТ также можно посмотреть способ разрезания рамочки.
Я расскажу, как я разрезаю.
Выделяю инструментом первый фрагмент,
ПКМ нажимаю, появляется - кадрировать(нажимаем).
Идем меню-> файл-> сохранить для Web, сохраняем в формате gif.
Сохранив наш 1 фрагмент, возвращаемся в фотошоп,
идем меню-> редактирование->шаг назад.
И наша рамочка вернулась.
Опять ее разрезаем (по середине), кадрируем, сохраняем.
Тоже проделываем в третий раз с низом рамочки.
Теперь загружаем наши фрагменты в радикал(код№1)
и вставляем в код рамочки в блог.
Размеры рамочки(ширина-width), ставим такие, как в фотошопе.
В данном случае мы брали размер 800,
значит и наша ширина будет 800.
И последнее ЗДЕСЬ результат моей рамочки, можете посмотреть.
Удачи друзья!!
)
