• Авторизация


Фотошоп урок «Наложение фигурной рамки на анимацию» 28-09-2013 14:34 к комментариям - к полной версии - понравилось!

Это цитата сообщения Юля_Линд Оригинальное сообщение

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

 


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

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


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 - сохранить.


[показать]


Любуемся результатом  [показать]


[показать]

 


4814775___94478660_cooltext718938300_1_ (110x38, 5Kb)

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


Вы сейчас не можете прокомментировать это сообщение.

Дневник Фотошоп урок «Наложение фигурной рамки на анимацию» | zayka53 - Дневник zayka53 | Лента друзей zayka53 / Полная версия Добавить в друзья Страницы: раньше»