Воскресенье, 26.03.2023, 17:43
Главная Регистрация RSS
Приветствую Вас, Гость
Новости
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Photoshop » Уроки для начинающих

Движущаяся рамочка

Многие из вас видели картинки или аватарки с «движущейся» рамочкой.

Вашему вниманию – один из несложных вариантов такого эффекта.



Как это сделано

Сразу картинка-пояснение:


 

1. Подготовка изображения
 

1.1 Открываем картинку, к которой будем добавлять рамочку


1.2 Если слой является неизменяемым (Background), измените его (на Layer) – двойной клик на названии в меню слоев (название меняется на Layer 0)


1.3 Включаем свободную трансформацию (главное меню – Edit или Ctrl+T)


1.4 При нажатой клавише Alt с помощью левой кнопки мыши перемещаем один из уголков «прямоугольника трансформации» немного к центру изображения. Нажимаем клавищу Enter («прямоугольник» скрывается)


1.5 Создаем новый слой – нажимаем на соответствующую иконку в меню слоев. Чтобы слой создался под Layer 0, кликаем на иконку при нажатой клавише Ctrl


1.6 Создаем заливку новосозданного слоя Layer 1: кликаем на иконку в меню слоев и выбираем, например, градиентную заливку


1.7 Выставляем параметры заливки (на рисунке – один из вариантов настроек)


1.8 Копируем слой с градиентом несколько раз (при шаге с изменением угла заливки в 30 градусов – еще пять слоев): главное меню – layer или Ctrl+J


В меню слоев мы должны увидеть такое


1.9 Теперь для каждого слоя с градиентом меняем угол заливки:
Переходим на очередной слой, дважды кликаем на маске градиента…


… и изменяем угол заливки (у меня получилось: 160, 130, 100, 70, 40 и 10 градусов для слоев с градиентом)


Мы подготовили изображение для создания «движущейся» рамочки
 

2. Создание анимации
 

2.1 Открываем меню анимации (главное меню – Windows)


2.2 Копируем кадр – кликаем на иконку в меню анимации


2.3 В новом кадре убираем «глазок» (видимость) на верхнем слое с градиентом


2.4 Повторяем пункт 2.2 и в каждом новом кадре убираем видимость очередного слоя (пункт 2.3)
2.5 Можно поменять продолжительность кадров


Такой результат будет при 0.1 секунды


 

3. Сохранение
 

В главном меню: "файл" – "сохранить для web" или Alt+Shift+Ctrl+S








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




Успехов!
 

Категория: Уроки для начинающих | Добавил: Админ (02.12.2008)
Просмотров: 797 | Рейтинг: 0.0/0

html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Самые популярные записи на сайте:

Катя Самбука - Сказка (видеоклип и слова...
Пьяный Медведев (фото и видео)
Корректная работа паролей NOD32
События в Урумчи, Китай (36 фото)
Лучшие музыкальные сайты Рунета
Дресс-код от Газпрома (17 страниц прилож...
Очень красивые виды природы со всего мир...
Обнаженная Катя Гусева в майском номере ...
Гермиона топлесс (фото)
Фантастические картины Mahir Ates (24 фо...
Топ-100 главных книг в мире по версии Ne...
Отличные фотографии дня ВДВ в 2008 и 200...
Проиграла пари - раздевайся (7 фото ню)
Вырезаем снежинки из бумаги (инструкция)
Подарок папе своими руками (фото)
Эрнестина Шепард, 75-летний тренер по фи...
13 самых страшных компьютерных игр
Классное платье от Джоди Марш (9 фото)
Сиськи Милы Йовович (12 фото)
Супергибкость. Резиновые женщины (53 фот...

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]