-Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Продолжение ...
Продолжение ...
23:01 04.10.2013
Фотографий: 2
Посмотреть все фотографии серии Это я ...
Это я ...
01:50 07.12.2012
Фотографий: 1

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

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

Поиск сообщений в Юля_Линд

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.02.2012
Записей: 1117
Комментариев: 8379
Написано: 11248


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

Среда, 10 Апреля 2013 г. 20:31 + в цитатник

 

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


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

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


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 - Урок для Фотошопа «Оригинальная Джинсовая Визитка»
...
Часть 46 - Как добавить объем на фотографии
Часть 47 - Удаление фона в фотошопе с помощью волшебного ластика
Часть 48 - Удаление фона с помощью «Волшебного ластика»



Процитировано 46 раз
Понравилось: 21 пользователям

Lana4ka_T   обратиться по имени Среда, 10 Апреля 2013 г. 20:57 (ссылка)
Благодарю за урок!
Ответить С цитатой В цитатник
Люмлия   обратиться по имени Четверг, 11 Апреля 2013 г. 08:48 (ссылка)
Все подробно написано, все понятно. Спасибо огромное!
Ответить С цитатой В цитатник
Я_просто_Вера   обратиться по имени Четверг, 11 Апреля 2013 г. 11:54 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Юля_Линд   обратиться по имени Четверг, 11 Апреля 2013 г. 15:17 (ссылка)
Ответить С цитатой В цитатник
Ольга_Витман   обратиться по имени Суббота, 13 Апреля 2013 г. 10:39 (ссылка)
Обязательно попробую, спасибо, Юлечка!
Ответить С цитатой В цитатник
Tamreko   обратиться по имени Суббота, 13 Апреля 2013 г. 20:10 (ссылка)
Ответить С цитатой В цитатник
Юля_Линд   обратиться по имени Воскресенье, 14 Апреля 2013 г. 00:10 (ссылка)
Ольга_Витман, Tamreko

Приятного вечера, девочки!
Ответить С цитатой В цитатник
Fideriga   обратиться по имени Заголовок Вторник, 16 Апреля 2013 г. 18:18 (ссылка)
Большое Спасибо!Процитировала себе.
Ответить С цитатой В цитатник
Перейти к дневнику
Nelya27   обратиться по имени Четверг, 04 Февраля 2016 г. 22:32 (ссылка)
Большое спасибо за урок!
Ответить С цитатой В цитатник
tane4ka777   обратиться по имени Понедельник, 17 Октября 2016 г. 23:23 (ссылка)
спасибо большое за урок!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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