-Рубрики

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

Поиск сообщений в LORA_IR

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

 

 -Сообщества

Участник сообществ (Всего в списке: 2) БУДЬ_ЗДОРОВ Только_для_женщин
Читатель сообществ (Всего в списке: 2) H_B Релакс_и_вдохновение

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.12.2012
Записей: 12282
Комментариев: 716
Написано: 13142


Фотошоп урок «Наложение фигурной рамки на анимацию

Вторник, 21 Мая 2013 г. 18:20 + в цитатник
Цитата сообщения Юля_Линд Фотошоп урок «Наложение фигурной рамки на анимацию»

 

Наложение фигурной рамки на анимацию *


Если рамка прямоугольная, то проблем не возникает,

а вот если рамка фигурная, то этот урок вам поможет наложить рамку аккуратно.


1. Открываем анимацию в Фотошоп (например эту)


Наложение фигурной рамки на анимацию 
Наложение фигурной рамки на анимацию


2. На панели слоёв кликаем мышкой по верхнему слою нашей картинки.
и создаём группу слоёв (назовём группу - картинка)


Наложение фигурной рамки на анимацию


3. ЛКМ по любому слою и в выпавшем окне выбираем Select Similar Layers.

Все слои выделятся и тогда курсором мыши перетащите их в папку группы.

Наложение фигурной рамки на анимацию
Наложение фигурной рамки на анимацию


4. Поместим в наш документ рамку FILE (Файл) - Place (поместить)
Например, эту рамку

 
Наложение фигурной рамки на анимацию




5. Области, которые выходят за рамку нам нужно скрыть.

Для этого, активируем слой с группой картинка и создадим для этого слоя маску.
а) установим основным цветом - чёрный, дополнительным - белый
б) под политрой слоёв щёлкнем по иконке маска


Наложение фигурной рамки на анимацию


На слое «Картинка» появится белый квадратик


Наложение фигурной рамки на анимацию


6. Щёлкаем мышкой по маске (белому квадратику) и жёсткой кистью чёрного цвета,

на рабочей области документа аккуратненько закрашиваем всё, что нужно скрыть,

т.е. области , которые вылезают за рамку.

Если закрасили что-то лишнее - не беда:

переключите цвет кисти на белый и подкрасте те места, где накосячили

(кисть чёрного цвета - скрывает слой под маской, белого - проявляет)


Наложение фигурной рамки на анимацию

 

Если мы сейчас сохраним результат и посмотрим файл в браузере,
то заметим, что края у нашей картинки не ровные - не аккуратные.
А всё потому, что формат gif не поддерживает полупрозрачность.

 

7. Чтобы картинка выглядела аккуратно нужно знать на каком фоне она будет.
  • Сделайте скриншот с фона на котором будет помещена ваша работа, откройте в фш и инструментом пипетка определите цвет
  • Активируйте инструмент заливка, вызовите палитру цветов Window - Swatches

 


Наложение фигурной рамки на анимацию


И добавьте новый образец, нажав под палитрой на иконку


Наложение фигурной рамки на анимацию


Образец фона мы сохранили - документ со скрином фона можно закрыть - он нам больше не понадобится.


8. Откроем документ с нашей картинкой.
 

 

Щёлкнем курсором по инструменту заливка, 
затем щёлкнем по палитре цветов 
и щёлкнем курсором по сохранённому нами образцу (он последний в палитре) 
- тем самым установим этот цвет основным.


Наложение фигурной рамки на анимацию


9. Сохраним нашу картинку с рамкой File (Файл) - Save for Web (Сохранить для Web )
В открывшемся окне в графе Matte установим Foreground Color и внизу Save - сохранить.


Наложение фигурной рамки на анимацию


Любуемся результатом smile.gif


Наложение фигурной рамки на анимацию

 


4814775___94478660_cooltext718938300_1_ (110x38, 5Kb)

Серия сообщений "Уроки":
Часть 1 - Работа с текстом - Создание эффекта Зеркального отражения
Часть 2 - Анимация снегопада
...
Часть 33 - Как в фотошопе убрать морщины под глазами
Часть 34 - Урок от Оли Бор «Корзина с пасхальными яйцами» (Фотошоп)
Часть 35 - Фотошоп урок «Наложение фигурной рамки на анимацию»
Часть 36 - Перевод урока «Рисование волчонка от Silverfox5213»
Часть 37 - Урок для Фотошопа «Оригинальная Джинсовая Визитка»
Часть 38 - Деревянный текст в фотошопе от Вячеслава Федоткина
Часть 39 - Написание текста в Фотошоп по окружности и по кривой линии.
Часть 40 - «Размытая рамка» в Фотошопе
Рубрики:  ОФОРМЛЕНИЕ ДНЕВНИКА/фотошоп
Метки:  

 

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

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

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

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