Это цитата сообщения Фима-Собак Оригинальное сообщение

Красивый коллаж для фотошопа «Леди Лилия» от Ольги Бор в двух вариантах.

Коллаж «Леди Лилия».

В этом уроке я познакомлю вас с созданием коллажа из двух изображений.

Результат урока.
[показать]

Использованные изображения:
"Helen" - автор alfa48
Beautiful Gothic 5 by `cosmosue

[показать] [показать]

1.Открываем фото, меняем задний план на слой, увеличиваем размер холста до 1200пикселей по ширине, увеличение влево.

[показать]

2.Пипеткой определяем цвет с фона фото
[показать] Создаём новый слой (вторая иконка внизу панели слоёв), опускаем его под фотографию и заливаем полученным цветом.

3.Возвращаемся на слой с фото, сдвигаем его немного влево и ластиком с мягкой кисточкой стираем границы.

[показать]

4.Соединяем слои, дублируем полученный слой и корректируем у дубликата цветовой баланс на средних тонах (меню – изображение – коррекция – цветовой баланс).
[показать]Вы можете выбрать любой оттенок, всё зависит от вашей фантазии. Мой выбор зависел от темы дипломной работы «оттенки лилового».
Но учтите, что все настройки цвета в уроке привязаны к данному тону.

5. Добавим к дубликату векторную маску (третья иконка слева внизу панели слоёв) и мягкой широкой кисточкой чёрного цвета с непрозрачностью 60% сделаем несколько кликов по фигуре. Таким образом, мы уменьшим насыщенность цвета на фигуре
[показать]Можно это действие провести и ластиком, не заморачиваясь на маске, но я предпочитаю именно маску, потому что в ней всегда можно подкорректировать лишнее стирание, сменив чёрный цвет на белый, а именно:
Если в панели цвета основной цвет чёрный, то работая кисточкой будет происходить удаление.
Если вы случайно удалили слишком много, то переключите на основной цвет - белый(клавиша Х).
Работая кисточкой белого цвета вы восстановите удалённое.

6.Соединим слои, сделаем прямоугольное выделение
[показать]

7.Копируем выделение на новый слой ( меню - слои - новый - скопировать на новый слой или сочетание клавиш Ctrl+J) и отражаем дубликат по горизонтали (меню - редактирование - трансформирование - отразить по горизонтали).
[показать]Соединяем слои. Параметры полученного слоя «девушка». Сохраняем файл в формате JPF под любым другим названием, отличным от названия файла, на котором работаем. Я сохранила, как «заготовка».
Можно этого и не делать, но этот файл может пригодиться для другого коллажа.

8. Открываем файл с фоном и переносим на наш документ, располагая так.
[показать]

9. Дублируем слой с фоном и изменяем цвет.
Для этого топаем в меню – изображение – коррекция – цветовой тон/насыщенность. Ставим галочку на «тонирование», цветовой тон – 295, насыщенность 40.
[показать]

10. Добавляем к тонированному фону векторную маску и немного стираем со свечей. Я взяла мягкую кисточку в 65 пикселей, непрозрачность 65% и по разу кликнула на свечи.
[показать]

11. Соединяем слои с фоном, добавляем к полученному слою векторную маску и стираем в районе фигуры. Не забудьте поменять непрозрачность кисточки до 100%.
Чтобы удобнее было работать, изменяйте непрозрачность слоя с фоном.
В итоге должно получиться так.
[показать] Применяем слой-маску (клик по иконке маски, в выпавшем меню выбрать "применить слой-маску)

12. Теперь нужно «вписать» девушку на фон путём изменения освещения.

1)На слое с фоном поработаем инструментом «затемнитель» на решётке окна.
Настройки инструмента:
Кисть – мягкая 48пикселей.
Диапазон - средние тона.
Экспонир – 55%
Защитить тона – активна (галочка).
[показать]
2)Переходим на слой «девушка» и инструментом «осветлитель» работаем над цветком с перьями.
Настройки инструмента:
Настройки инструмента:
Кисть – мягкая 48пикселей.
Диапазон - средние тона.
Экспонир – 48%.
[показать]
3)Создаём новый слой меняем режим наложения на умножение и мягкой кисточкой 300пикселей, цвет #504d51 пройдёмся по правой части девушки.
[показать]
4)Перейдём на слой «девушка» и немного осветлим левую часть лица инструментом «осветлитель». В настройках снимем галочку с «защитить цвета».
[показать]

13.Соединяем слои и инструментом «рамка» кадрируем документ, отрезая немного справа.
[показать]

14. Меняем размер документа (меню – изображение – размер изображения) по ширине пишем 500пикселей, а по высоте размер изменится автоматически, но при условии, что активна (стоит галочка) позиция «сохранить пропорции».
[показать]

15.Увеличиваем размер холста (меню – изображение – размер холста) на 30пикселей по ширине и высоте.
[показать]

16.Загружаем выделение слоя, инвертируем, создаём новый слой и заливаем его цветом
#370235.
[показать]

17. Меню – фильтр – Tramages – Metal Peacocks.
Настройки:
Tile Size – 221
Offset – 183
Shading – 128
[показать]

18. Инвертируем выделение, затем расширяем на 3пикселя (меню – выделение – модификация – расширить).
[показать]

19.Создаём новый слой и заливаем его тем - же цветом. Снимаем выделение.
[показать]

20.Применяем к слою с заливкой размытие по гауссу с радиусом 2,7 пикселя (меню – фильтр – размытие – размытие по гауссу).
[показать]

21.Загружаем выделение слоя с плагином, инвертируем выделение и удаляем со слоя с заливкой.
[показать]

22.Создаём новый слой, располагая его в палитре слоёв на самом верху, и делаем обводку с настройками:
Ширина – 1пиксель
Расположение – по центру.
Цвет - # f8e2f7.
[показать]

23.Загружаем выделение всего документа (меню – выделение – всё) и на том же слое делаем обводку с теми же настройками, но расположение – внутри. Снимаем выделение.
[показать]

24.Увеличиваем размер холста на 10пикселей по ширине и высоте.
[показать]

25. Создаём новый слой, располагаем его внизу в панели слоёв, и заливаем цветом #370235.
[показать]

26.Для завершения образа добавим надпись и оформление слоя с плагином.

1)Пишем в нижнем правом углу LADY LILY.
[показать]
2)Загружаем выделение слоя с текстом, создаём новый слой и мягкой кисточкой цветом #370235 делаем несколько кликов по тексту. Снимаем выделение. Режим наложения «жёсткий свет»
[показать]
3) К слою с текстом применяем эффект слоя «тень» с настройками по умолчанию.
[показать]

Для статичного изображения работа почти завершена.
Сохраните файл ( меню – файл – сохранить как…)под названием «коллаж с анимацией» в формате psd ( для работы над анимацией)
Ещё раз сохраните файл(меню – файл – сохранить как…) под название «статичный коллаж»

Продолжаем работу на файле "статичный коллаж"..

4)Загружаем выделение слоя с тестом, создаём новый слой, располагаем его над слоем с жёстким светом и заливаем слоем глиттера. Снимаем выделение.
[показать]

5)Находясь на слое с глиттером, топаем в меню – изображение коррекция – обесцветить.
Изменяем режим наложения слоя на «перекрытие»
[показать]
6)Переходим на слой с плагином, загружаем выделение слоя, создаём новый слой, заливаем выделение слоя глиттера, снимаем выделение. И повторяем действия с глиттером, как в предыдущем подпункте.

27. Создаём корректирующий слой «цветовой тон/насыщенность» с настройками:
Цветовой тон – минус 6
[показать]

28.Переходим на слой «коллаж» и добавляем немного резкости.
Для этого топаем в меню – фильтр – усиление резкости – умная резкость . Настройки по умолчанию с эффектом 40% Насыщенность – минус 11.
[показать]
Статичный коллаж завершён. Сохраните в формате jpg.

Анимация коллажа "Леди Лилия"

Результат урока.
[показать]

Глиттеры:
[показать] [показать]
[показать]


Чтобы добавить анимацию к коллажу, созданному в первой части урока, сначала нужно убрать цвет. Сделать это нужно обязательно, так как цвет очень насыщенный и имеет большой спектр. Всё это приведёт к его деформации при оптимизации гиф файла.
Итак, приступим.

1. Открываем файл «коллаж с анимацией» и создаём корректирующий слой «чёрное – белое», располагая его на самом верху в панели слоёв. Я выбрала зелёный фильтр, непрозрачность слоя 80%. Фильтр затемнил тёмное и осветлил светлое. То, что слишком тёмное будет светлее с анимацией.

[показать]


2. Приступаем к созданию слоёв для анимации.
Рамка (слой с плагином).

1) Создаём папку (третья иконка справа внизу панели слоёв) с параметрами «глиттер для рамки», располагая её на самом верху в панели слоёв.
[показать]
2) Создаём в папке три новых слоя, загружаем выделение слоя «рамка» и заливаем их глиттером. Выделение НЕ снимаем для того, чтобы к этой области применить корректирующий слой.
[показать]
3) Создаём новый корректирующий слой «чёрное – белое» и выбираем «максимальный белый»
[показать]
4) У папки меняем режим наложения на «перекрытие».
[показать]

Кант.

5)Создаём ещё одну папку с параметрами «глиттер для канта», создаём в папке три новых слоя, загружаем выделение слоя «кант» и заливаем глиттером «золото». [показать]
6) Создаём новый корректирующий слой «чёрное – белое» и выбираем «максимальный чёрный»
[показать]

Текст.

7)Создаём новую папку и располагаем её над слоем с текстом с параметрами «глиттер для текста».
[показать]
8) Создаём в папке три новых слоя, загружаем выделение слоя с тестом и заливаем глиттером «золото».
[показать]
9) Создаём новый корректирующий слой «чёрное – белое» и выбираем «светлее». [показать]

Цветок с перьями.

10) Переходим на слой «коллаж», выделяем цветок с перьями любым удобным для вас способом (я использовала инструмент «быстрое выделение» - этот инструмент есть только в версии CS5) Увеличивайте процент видимости документа, чтобы было удобнее выделять. Я увеличила до 200%.
[показать]
11) Создаём папку с параметрами «глиттер для украшения», в папке создаём три новых слоя и заливаем их глиттером «блёстки».
[показать]

12) Снимаем выделение и у папки меняем режим наложения на «линейный осветлитель», непрозрачность папки 60%.
[показать]

Ободок .

13) Выделяем ободок на голове ( я использовала инструмент «прямолинейное лассо») [показать]

14) Копируем выделение на новый слой (меню з слои – новый – скопировать на новый слой или сочетание клавиш Ctrl+J).
[показать]
15) Создаём папку с параметрами «ободок», убираем в неё скопированный слой и дублируем его два раза. В итоге в папке три слоя с ободком.
[показать]

16)Добавляем к этим слоя шум (меню – фильтр – шум – добавить шум)
К первому слою эффект 7%, ко второму – 7,5%, к третьему – 8%. «Равномерная, монохромный» на всех слоях.
[показать]

Свечи.

17)Создаём новый слой над слоем «коллаж» с параметрами «свечи».
[показать]

18)Берём мягкую кисточку размером 24пикселя, непрозрачность 45% и делаем клики по фитилькам с огнём.
[показать]
19) Дублируем слой «коллаж» и немного осветляем дубликат уровнями (меню – изображение – коррекция – уровни).
[показать]

3.Анимация.

Анимация свечей.
1) Открываем панель анимации, меняем задержку времени на 0,1 сек. В панели слоёв убираем видимость слоёв «свечи» и «коллаж копия».
[показать]
2)В панели анимации создаём следующий кадр и, находясь на нём, открываем видимость слоёв «свечи» и «коллаж копия».
[показать]
3) Ко второму кадру добавляем два промежуточных кадра. Для этого сделаем клик по третьей иконке справа внизу панели анимации и в открывшемся окне меняем значение по умолчанию(5) на 2
[показать]
4) После добавления промежуточных кадров создаём следующий, пятый кадр, и, находясь на нём, убираем видимость слоёв «свечи» и «коллаж копия».
[показать]
5) К пятому кадру добавляем два промежуточных слоя, как и ко второму. После добавления в панели анимации образовалось 7 кадров. Седьмой кадр идентичен первому кадру, поэтому мы его удаляем, сделав клик по иконке «корзинка» внизу панели анимации.
[показать]
Включаем просмотр и видим плавное горение свечей. Усиление горения сопровождается усилением освещения коллажа.
Плавное горение мы создали с помощью промежуточных кадров.

Применяем видимость слоёв по кадрам из группы «обводка».
6) В панели анимации переходим на первый кадр. В панели слоёв открываем группу «ободок» и оставляем видимость только первого слоя.
[показать]
7) В панели анимации переходим на второй кадр. В панели слоёв открываем видимость второго слоя и закрываем видимость первого
[показать]
8) В панели анимации переходим на третий кадр. В панели слоёв открываем видимость третьего слоя и закрываем видимость первого.
[показать]На 4ом кадре повторяем видимость первого кадра (подпункт6), на пятом кадре – видимость второго кадра (подпункт7), на шестом – видимость третьего кадра (подпункт8).
Применение видимости слоёв из групп «глиттер для украшения», «глиттер для текста», «глиттер для рамки», «глиттер для канта» такое же, как и из группы «обводка».

4.Сохранение анимации.
После того, как видимость всех слоёв по кадрам расставлена, и просмотр вас удовлетворил, переходим в окно оптимизации (меню – файл – сохранить для Web и устройств…)
Настройки:
Формат оптимизированного файла – GIF
Модель редукции цвета – селективная
Определение модели дизеринга – случайное
Цвета – 256.
[показать]
Такие настройки оптимизации для данной работы позволяют сохранить качество изображения, но файл тяжеловат почти 900кб.
Жмём «сохранить».

На этом урок закончен. Задача выполнена.
Надеюсь, что действия, описанные в данном уроке, вам пригодятся в творчестве

С теплом, Ольга Бор.