Сначала моя работа по уроку.
[показать]
А дальше урок Анты.
Всем привет!
Сегодня мы с вами будем учиться делать вот такой коллаж в фотошопе :

Результат урока :

В полном размере работы можно посмотреть кликнув по картинке.
От всей души благодарю Sabine Astana за великолепный перевод урока для корелл, который можно посмотреть ЗДЕСЬ
Урок написан для фотошоп CS5 по мотивам урока для корелл.
Все совпадения считать чисто случайными.
Подготовка к работе.
Материал для работы возьмите ЗДЕСЬ.
В папке с материалами для работы находится пресет для фильтра Eye Candy 5/ Impact Glass.
Как его установить смотрим урок ЗДЕСЬ
Фильтры.
Carolaine and Sensibility/ CS-DLines и cs-texture
Backgroundmaniac/Oriental Lines 'n Dots
Mura's Meister/Perspective Tiling и Cloud
FM Tile Tools/Blend Emboss
Alien Skin Eye Candy 5: Impact/Glass
Unlimited 2.0/Funhouse/Angulate – находится в материалах для работы
Simple/Blintz и Pizza Slice Mirror
Фильтры ЗДЕСЬ
Палитра цветов.
Основной - # 972c04
Фоновый - # ffd2c1
У меня так :

Итак, начнем!
1. Файл – открыть документ «Анта» находится в материалах для работы.
2. Создаем радиальный градиент :

Заливаем документ от центра в правый верхний угол.
3. Фильтр – умная резкость :

4. Фильтр Simple/Pizza Slice Mirror по умолчанию.
5. Фильтр Carolaine and Sensibility/CS-DLines:

6. Фильтр Backgroundmaniac/Oriental Lines 'n Dots:

В полном размере скрин открывается кликом по картинке.
7. Выделение – загрузить выделенную область – ищем выделенный элемент №1, получается так :

8. Редактирование – скопировать. Редактирование – вставить.
9. Применим тень :

Внутренняя тень :

10. Слой объединить с предыдущим. Слой переименовать в слой «фон».
11. Изображение – тримминг – обязательно.
12. Слой дублировать.
Изображение – размер холста :

13. Фильтр Mura's Meister/Perspective Tiling:

14. Тень :

15. Слой объединить с предыдущим.
16. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №2, получается так :

17. Заливаем выделение основным цветом темным. Применим тень :

18. Выделение – модификация – сжать на 5 пикселей. Новый слой и снова залить основным цветом. В этом моем УРОКЕ
мы применяли паттерны. Применим их и сейчас :

И выбираем паттерн :

Вы можете наложить узор какой вам понравится – фантазия всегда приветствуется!
Слой объединить с предыдущим.
19. Фильтр Alien Skin Eye Candy 5: Impact/Glass, урок по установке пресетов ЗДЕСЬ, применим пресет « @matou_Glass_1 » :

Выделение отменить.
20. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №3, получается так :

21. Редактирование – выполнить заливку – выберем цвет белый.
22. Тень :

23. Выделение – модификация – сжать на 24 пикселя. Новый слой – залить выделение темным цветом. Применим тень :

24. Фильтр Carolaine and Sensibility/CS-DLines , настройки как в п.5.
25. Фильтр Carolaine and Sensibility/cs-texture:

26. Фильтр Alien Skin Eye Candy 5: Impact/Glass , применим пресет « @matou_Glass_7 » :

Выделение отменить.
27. Эти три верхних слоя объединить :

Получается так :

28. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №4, получается так :

29. Заливаем основным цветом.
30. Фильтр Alien Skin Eye Candy 5: Impact/Glass/ « @matou_Glass_1 ».
31. Тень :

32. Новый слой. Заливаем фоновым цветом.
33. Фильтр Alien Skin Eye Candy 5: Impact/Glass/ « @matou_Glass_1 ».
34. Тень :

Выделение отменить.
35. Закрываем глазик на этом слое.
36. Активируем слой 4 :

37. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №5, получается так :

38. Заливаем выделение фоновым цветом – светлым.
39. Фильтр Alien Skin Eye Candy 5: Impact/Glass/ « @matou_Glass_1 ».
40. Тень :

41. Объединить эти два слоя и переименовать в «анимация 1» :


Выделение не отменять.
42. Новый слой. Залить выделение основным цветом.
43. Фильтр Alien Skin Eye Candy 5: Impact/Glass/ « @matou_Glass_1 ».
44. Тень :

Откроем глазик на верхнем слое.
Эти два слоя объединить и переименовать в слой «анимация 2» :


Выделение отменить.
Если у вас так, значит вы все сделали правильно.
Идем дальше!
45. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №6, получается так :

46. Заливаем фоновым цветом.
47. Выделение – модификация – сжать на 5 пикселей.
48. Новый слой. Заливаем фоновым цветом. Тень :

49. Фильтр Mura's Meister/Cloud:

50. Фильтр – размытие – размытие по Гаусу с радиусом 15 пикселей.
51. И снова работаем с паттернами.


Получается такой рисунок :

52. Фильтр Alien Skin Eye Candy 5: Impact/Glass/ « @matou_Glass_7 »:

Слой объединить с предыдущим.
53. Тень :

Выделение отменить.
54. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №7, получается так :

55. Редактирование – выполнить заливку. Выбираем фоновый цвет светлый.
56. Фильтр FM Tile Tools/Blend Emboss по умолчанию.
57. Тень :

58. Два самых верхних слоя объединить. Выделение отменить.
59. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №8, получается так :

60. Редактирование – выполнить заливку – выбрать основной цвет темный.
61. Фильтр FM Tile Tools/Blend Emboss по умолчанию.
62. Фильтр – усиление резкости – усиление резкости.
63. Тень :

Слой объединить с предыдущим. Выделение отменить.
64. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №9, получается так :

65. Заливаем фоновым цветом – светлым.
66. Тень :

67. Выделение – модификация – сжать на 5 пикселей.
68. Новый слой – заливаем фоновым цветом – светлым.
69. Тень:

Эти два верхних слоя объединить.
70. Фильтр Mura's Meister/Cloud с теми же настройками.
71. Фильтр – размытие по Гаусу с радиусом – 35 пикселей.
72. Фильтр Alien Skin Eye Candy 5: Impact/Glass с последними настройками.
73. Выделение отменить – два верхних слоя объединить.
74. В слоях сейчас так :

75. Новый слой. Выделение – загрузить выделенную область – ищем выделенный элемент №10, получается так :

Залить выделение основным цветом. Выделение отменить.
76. Тень :

77. Фильтр – усиление резкости – усиление резкости.
78. Переименовать этот слой в слой «анимация». Выделение отменить.
79. Слой дублировать. Редактирование – свободное трансформирование – уменьшить на 50%.
80. Слой переименовать в «анимация 3».
81. Становимся на слой «фон».
82. Изображение – триминг – обязательно.
83. Новый слой – упорядочить на задний план. Переименовать в слой «рамочка».
84. Изображение – размер холста :

85. Становимся на слой «фон». Волшебной палочкой кликнем на пустом месте.
86. Выделение – инверсия. Новый слой. Заливаем основным цветом – темным.
87. Выделение - модификация – сжать на 3 пикселя. Залить выделение цветом фона – светлым.
88. Выделение – модификация – сжать на 1 пиксель. Редактирование- очистить. Выделение отменить.
89. Слой объединить с предыдущим.
90. Применим тень :

Работаем на слое «рамочка».
Залить слой радиальным градиентом как в п. 2.
92. Усиление резкости – умная резкость с теми же настройками.
93. Фильтр Unlimited 2.0/Funhouse/Angulate:

В полном размере скрин открывается кликом по картинке.
94. Фильтр Carolaine and Sensibility/CS-DLines:

95. Фильтр Simple/Blintz: 2 раза.
96. Фильтр Simple/4 Way Average.
97. Если закрыть глазики на всех верхних слоях, то у нас получится так :

98. Применить обводку внутри фоновым цветом:

Сейчас можно аккуратно подписать работу.
100. Слои «рамочка, слой с подписью и слой «фон» - объединить.
101. Откроем файл с девушкой – перенесем на основную работу и расположим справа как у меня.
102. Тень :

103. Три самых нижних слоя объединить. В слоях сейчас так :

104. Активируем инструмент «текст», находим наш шрифт « Gears of Peace » (находится в материалах для работы) и пишем «Engrenages». Цвет текста – фоновый. Настройки текста :

В полном размере скрин открывается кликом по картинке.
105. Применим к тексту такие эффекты :


Усиление резкости – усиление резкости.
106. Слой объединить с предыдущим.
107. Сейчас наша работа выглядит так :

В слоях так :

А теперь займемся анимацией!
1. Становимся на слой «анимация» - это наша большая шестеренка. Дублируем его.
2. Редактирование – свободное – трансформирование, настройки :

3. Слой дублировать. Редактирование – свободное трансформирование, настройки :

4. Слой дублировать. Редактирование – свободное трансформирование, настройки :

5. Слой дублировать. Редактирование – свободное трансформирование, настройки :

6. Слой дублировать. Редактирование – свободное трансформирование, настройки :

7. У нас должно получиться шесть слоев с большой шестеренкой, я специально их выделила:

8. Теперь становимся на слой «анимация 3» - это маленькая шестеренка. И раскручиваем ее в обратную сторону.
9. Слой дублировать. Редактирование – свободное трансформирование, настройки :

10. Слой дублировать. Редактирование – свободное трансформирование, настройки :

11. Слой дублировать. Редактирование – свободное трансформирование, настройки :

12. Слой дублировать. Редактирование – свободное трансформирование, настройки :

13. Слой дублировать. Редактирование – свободное трансформирование, настройки :

14. У нас тоже должно получиться 6 слоев с маленькой шестеренкой, для наглядности я их выделила :

15. А теперь нужно быть очень внимательными!
Оставьте видимость слоев так, как у меня (активность слоя роли не играет) :

16. Откроем окно анимации. И выставим время анимации 0,2 сек.:

17. Создать новый кадр ( указала стрелочкой) :

В слоях так :

18. Создаем новый кадр :

В слоях так :

19. Создаем новый кадр :

В слоях так :

20. Создаем новый кадр :

В слоях так :

21. Создаем новый кадр:

В слоях так :

22. У нас должно получиться 6 кадров в окне анимации и по 6 слоев большой шестеренки и маленькой. Бусинок у нас всего 2 слоя.
23. Нажимаем на просмотр. И, если все устраивает, работу сохраняем как для WEB в формате GIF.
24. Готово!
Надеюсь, Вам понравилось!
С любовью, Ваша Анта!
Из группы В ГОСТЯХ У АНТЫ