Всем привет!
Сегодня мы с вами будем учиться делать вот такой коллаж в фотошопе :
Результат урока :
Данный урок является адаптацией урока для корелл, оригинал которого можно посмотреть ЗДЕСЬ.
Все совпадения считать чисто случайными.
Подготовка к работе.
Материал для работы возьмите ЗДЕСЬ.
Фильтры.
Ulead Effects Gif-X 2.0
Graphics Plus
И сегодня мы с вами познакомимся с новым фильтром Ulead Effects Gif-X 2.0, который нам поможет сделать анимацию вращающейся сферы.
Фильтр находится в материалах для работы в папке «фильтры».
Установка стандартная. В папке с фильтром находится установочный файл. Запускаем его. В процессе прописываем путь в ваш фотошоп в папку с фильтрами.
Если будут вопросы по фильтру – задавайте в комментах.
Палитра цветов.
Основной - #fce1b8
Фоновый -#761a02
У меня так :
Итак, начнем!
1. Файл – создать новое изображение на прозрачном фоне с размерами 650х550 пикселей. Заливаем цветом фона.
2. Новый слой – заливаем основным цветом.
3. Работаем с маской. Откроем маску masque_ovni ( как работать с маской - урок ЗДЕСЬ).
Переносим ее на основную работу и растянем по слою. Переходим в каналы.
Левой клавишей мышки кликнем по синему слою. Зажав клавишу Ctrl кликнем по иконке синего слоя. У нас на работе появится выделение. Выделение – инверсия. Переходим в слои. Слой с маской удалить. Редактирование – Очистить.
Выделение отменить. Фильтр – усиление резкости – резкость+. Слой объединить с предыдущим.
Получается так :
4. Файл – открыть «38-8dbbb02a858a4c4616c0b18ddc36339e». Перенесем на нашу работу и растянем по слою.
5. Фильтр – искажение – полярные координаты :
6. Режим наложения – мягкий свет. Непрозрачность 60%.
7. Файл открыть «SKF_Planets215 [1] [1] 0,07» - перенесем на нашу работу и расположим в правом верхнем углу как у меня. Непрозрачность поставим 55%.
Тень :
8. Файл – открыть девушку. Перенесем на нашу работу . Редактирование – свободное трансформирование, настройки :
Получается так :
Непрозрачность на слое с девушкой поставим 40%.
9. Активируем инструмент «овальная область» и аккуратно обведем кружок в котором находится девушка. Должно получиться так ( при этом стоим на слое с девушкой) :
10. Выделение – инверсия. Редактирование – очистить.
Получается так :
11. У нас девушка уже открыта в фотошопе. Снова перенесем ее на основную работу и при помощи редактирования свободного трансформирования уменьшим девушку с такими настройками :
12. Тень к девушке :
13. Становимся на слой 3 , активируем инструмент «волшебная палочка» и кликаем на пустом месте. У нас получается такое выделение :
Становимся на слой с девушкой – слой 5. Редактирование – очистить. Выделение отменить.
Фильтр – усиление резкости – усиление резкости.
14. Становимся на слой 3 (туда, где у нас планеты) и применим тень как у девушки.
15. Становимся на слой с девушкой – активируем инструмент «текст», размер текста поставим 60 пикселей и напишем шрифтом «Life Craft Font» (находится в материалах для работы )название нашего коллажа «future world», цвет текста черный.
16. Активируем инструмент «прямоугольная область» и выделим верхнюю часть текста, получится так :
Стараемся, что бы полосочка была не очень широкой.
Редактирование – очистить. Выделение отменить.
Получается так :
17. Применим тень к тексту :
18. Редактирование – свободное трансформирование :
19. Работу подписать. Объединить видимые.
20. Работаем с рамочкой.
21. Изображение – размер холста. По ширине и по высоте поставим 4 пикселя.
22. Волшебной палочкой выберем эту прозрачную границу.
23. Редактирование – выполнить заливку – основной цвет.
Выделение отменить.
24. Новый слой – упорядочить на задний план.
25. Изображение – размер холста. По ширине и по высоте поставим 40 пикселей. Заливаем слой цветом фона. Стоим на этом залитом слое.
26. Файл - открыть документ «SKF_Planets215 [1] [1] 0,07» - перенесем на основную работу и с помощью редактирования – свободного трансформирование растянем по слою .
27. Файл – открыть «SKF_Planets215» - перенесем на нашу работу и растянем по слою с помощью редактирования свободного трансформирования.
28. В слоях так :
29. Стоим на слое 6. Применим тень :
30. На слое 6 закроем глазик. Объединить видимые. Слой переименуем в слой «фон» для удобства в дальнейшей работе. Глазик открыть. Становимся на нижний слой, применим фильтр Graphics Plus/ Cross Shadow по умолчанию.
Слои объединить видимые.
31. Применим фильтр Ulead Effects - Gif-X 2.0 :
Нажимаем «Add…» и получаем это :
Вот так это выглядит :
Нажимаем «Ок» и нажимаем «Save» (сохранить) – получаем диалоговое окно с компом, в котором пишем имя файла ищем папку для сохранения нашей гифки-шарика :
Нажимаем «Cancel». Наш шарик готов.
32. Занимаемся анимацией.
33. Файл – открыть. Ищем нашу гифку ( ту, которую мы сохранили). Мы видим, что наш шарик открылся в 15 слоях. Значит мы все сделали правильно. Должно быть так :
В слоях :
34. Зажимаем клавишу Shift и шлепаем левой клавишей мышки по 15-му слою. У нас выделились все слои сразу :
35. Применим редактирование – свободное трансформирование и уменьшим наш шарик на 35%. Захватим мышкой шарик и перетащим его на основную работу. При этом проследим, что бы у нас все слои с шариком в этот момент были выделены.
36. Расположим шарик примерно так, как у меня. Активируем самый первый слой с шариком, получается так на работе :
В слоях сейчас так :
37. Применим тень к первому слою :
38. Теперь нам нужно добавить такую же тень к остальным слоям.
Кликнем правой клавишей мышки по первому слою с шариком и получим вот такое окно, в нем выберем «скопировать стиль слоя» :
39. Становимся на второй слой с шариком. И выделим все верхние слои точно так же как мы это проделали в п. 34. Кликнем по любому из выделенных слоев правой кл. мышки и в полученном окне выберем «вклеить стиль слоя» :
В результате у нас к каждому слою добавится тень. Быстро и удобно!
40. Открываем окно анимации. На первом кадре выставим время 0,25 сек, ну или какое вам больше нравится. Активируем первый слой с шариком и начинаем создавать анимацию постепенно создавая кадры соответственно слоям закрывая и открывая глазики на слоях так, как мы это делали в предыдущих моих уроках. Кому будет непонятно, как это сделать – пишите – помогу.
41. Особое внимание хочу обратить на то, что к 15 слою 15 кадр создавать не нужно, так как анимация начнет притормаживать. Ограничимся 14-ю кадрами и 15-ю слоями. В окне анимации у нас вот такая картинка :
В слоях ничего не меняется.
42. Работу сохранить как для WEB в формате GIF.
43. Готово!
Надеюсь, Вам понравилось!
С любовью, Ваша Анта!