-Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Музыкальный плеер
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в НАДЕЖДА_БЫКОВСКИХ

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.11.2009
Записей: 3690
Комментариев: 14238
Написано: 36801


Урок делаем разрезную рамочку в Ф.Ш. с анимацией.

Пятница, 26 Ноября 2010 г. 00:06 + в цитатник
Цитата сообщения Джоан Урок делаем разрезную рамочку в Ф.Ш. с анимацией.

 

Уроков по разрезным рамочкам очень много.
Этот урок будет дополнением, для тех,
кто хочет сделать не простую разрезную рамочку,
а с клипартом и анимацией ( и не с одной).
Хороший урок по простой разрезной рамочки ТУТ
Итак начнем. Открываем в фотошопе новый файл
ширина-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.

Код рамочки для вставки в блог:

И последнее ЗДЕСЬ результат моей рамочки, можете посмотреть.
Удачи друзья!!

Для вас от eshershun
Рубрики:  Рамки

марина-значит_морская   обратиться по имени Пятница, 26 Ноября 2010 г. 06:24 (ссылка)
Спасибо.Желаю дальнейших успехов.
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку