-–убрики



”рок дл€ CS5 коллаж Future world/Ѕудущее ћира от јнта

„етверг, 19 ћарта 2015 г. 22:49 + в цитатник
¬сем привет!
—егодн€ мы с вами будем учитьс€ делать вот такой коллаж в фотошопе :

Ѕез-имени-4.gif

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

Ѕез-имени-2.gif

ƒанный урок €вл€етс€ адаптацией урока дл€ корелл, оригинал которого можно посмотреть «ƒ≈—№.
¬се совпадени€ считать чисто случайными.

ѕодготовка к работе.
ћатериал дл€ работы возьмите «ƒ≈—№.

‘ильтры.
Ulead Effects Gif-X 2.0
Graphics Plus

» сегодн€ мы с вами познакомимс€ с новым фильтром Ulead Effects Gif-X 2.0, который нам поможет сделать анимацию вращающейс€ сферы.
‘ильтр находитс€ в материалах дл€ работы в папке Ђфильтрыї.
”становка стандартна€. ¬ папке с фильтром находитс€ установочный файл. «апускаем его. ¬ процессе прописываем путь в ваш фотошоп в папку с фильтрами.
≈сли будут вопросы по фильтру Ц задавайте в комментах.

ѕалитра цветов.
ќсновной - #fce1b8
‘оновый -#761a02
” мен€ так :
Image 2.png
»так, начнем!
1. ‘айл Ц создать новое изображение на прозрачном фоне с размерами 650х550 пикселей. «аливаем цветом фона.
2. Ќовый слой Ц заливаем основным цветом.
3. –аботаем с маской. ќткроем маску masque_ovni ( как работать с маской - урок «ƒ≈—№).
ѕереносим ее на основную работу и раст€нем по слою. ѕереходим в каналы.
Ћевой клавишей мышки кликнем по синему слою. «ажав клавишу Ctrl кликнем по иконке синего сло€. ” нас на работе по€витс€ выделение. ¬ыделение Ц инверси€. ѕереходим в слои. —лой с маской удалить. –едактирование Ц ќчистить.
¬ыделение отменить. ‘ильтр Ц усиление резкости Ц резкость+. —лой объединить с предыдущим.
ѕолучаетс€ так :
Image 3.png
4. ‘айл Ц открыть Ђ38-8dbbb02a858a4c4616c0b18ddc36339eї. ѕеренесем на нашу работу и раст€нем по слою.
5. ‘ильтр Ц искажение Ц пол€рные координаты :
Image 4.png
6. –ежим наложени€ Ц м€гкий свет. Ќепрозрачность 60%.
7. ‘айл открыть ЂSKF_Planets215 [1] [1] 0,07ї - перенесем на нашу работу и расположим в правом верхнем углу как у мен€. Ќепрозрачность поставим 55%.
“ень :
Image 36.png
8. ‘айл Ц открыть девушку. ѕеренесем на нашу работу . –едактирование Ц свободное трансформирование, настройки :
Image 5.png
ѕолучаетс€ так :
Image 6.png
Ќепрозрачность на слое с девушкой поставим 40%.
9. јктивируем инструмент Ђовальна€ областьї и аккуратно обведем кружок в котором находитс€ девушка. ƒолжно получитьс€ так ( при этом стоим на слое с девушкой) :
Image 7.png
10. ¬ыделение Ц инверси€. –едактирование Ц очистить.
ѕолучаетс€ так :
Image 8.png
11. ” нас девушка уже открыта в фотошопе. —нова перенесем ее на основную работу и при помощи редактировани€ свободного трансформировани€ уменьшим девушку с такими настройками :
Image 9.png
12. “ень к девушке :
Image 12.png
13. —тановимс€ на слой 3 , активируем инструмент Ђволшебна€ палочкаї и кликаем на пустом месте. ” нас получаетс€ такое выделение :
Image 11.png
—тановимс€ на слой с девушкой Ц слой 5. –едактирование Ц очистить. ¬ыделение отменить.
‘ильтр Ц усиление резкости Ц усиление резкости.
14. —тановимс€ на слой 3 (туда, где у нас планеты) и применим тень как у девушки.
15. —тановимс€ на слой с девушкой Ц активируем инструмент Ђтекстї, размер текста поставим 60 пикселей и напишем шрифтом ЂLife Craft Fontї (находитс€ в материалах дл€ работы )название нашего коллажа Ђfuture worldї, цвет текста черный.
16. јктивируем инструмент Ђпр€моугольна€ областьї и выделим верхнюю часть текста, получитс€ так :
Image 13.png
—тараемс€, что бы полосочка была не очень широкой.
–едактирование Ц очистить. ¬ыделение отменить.
ѕолучаетс€ так :
Image 16.png
17. ѕрименим тень к тексту :
Image 17.png
18. –едактирование Ц свободное трансформирование :
Image 18.png
19. –аботу подписать. ќбъединить видимые.
20. –аботаем с рамочкой.
21. »зображение Ц размер холста. ѕо ширине и по высоте поставим 4 пиксел€.
22. ¬олшебной палочкой выберем эту прозрачную границу.
23. –едактирование Ц выполнить заливку Ц основной цвет.
¬ыделение отменить.
24. Ќовый слой Ц упор€дочить на задний план.
25. »зображение Ц размер холста. ѕо ширине и по высоте поставим 40 пикселей. «аливаем слой цветом фона. —тоим на этом залитом слое.
26. ‘айл - открыть документ ЂSKF_Planets215 [1] [1] 0,07ї - перенесем на основную работу и с помощью редактировани€ Ц свободного трансформирование раст€нем по слою .
27. ‘айл Ц открыть ЂSKF_Planets215ї - перенесем на нашу работу и раст€нем по слою с помощью редактировани€ свободного трансформировани€.
28. ¬ сло€х так :
Image 19.png
29. —тоим на слое 6. ѕрименим тень :
Image 20.png
30. Ќа слое 6 закроем глазик. ќбъединить видимые. —лой переименуем в слой Ђфонї дл€ удобства в дальнейшей работе. √лазик открыть. —тановимс€ на нижний слой, применим фильтр Graphics Plus/ Cross Shadow по умолчанию.
—лои объединить видимые.
31. ѕрименим фильтр Ulead Effects - Gif-X 2.0 :
Image 21.png
Ќажимаем ЂAddЕї и получаем это :
Image 22.png
¬от так это выгл€дит :
Image 23.png
Ќажимаем Ђќкї и нажимаем ЂSaveї (сохранить) Ц получаем диалоговое окно с компом, в котором пишем им€ файла ищем папку дл€ сохранени€ нашей гифки-шарика :
Image 24.png
Ќажимаем ЂCancelї. Ќаш шарик готов.
32. «анимаемс€ анимацией.
33. ‘айл Ц открыть. »щем нашу гифку ( ту, которую мы сохранили). ћы видим, что наш шарик открылс€ в 15 сло€х. «начит мы все сделали правильно. ƒолжно быть так :
Image 26.png
¬ сло€х :
Image 27.png
34. «ажимаем клавишу Shift и шлепаем левой клавишей мышки по 15-му слою. ” нас выделились все слои сразу :
Image 28.png
35. ѕрименим редактирование Ц свободное трансформирование и уменьшим наш шарик на 35%. «ахватим мышкой шарик и перетащим его на основную работу. ѕри этом проследим, что бы у нас все слои с шариком в этот момент были выделены.
36. –асположим шарик примерно так, как у мен€. јктивируем самый первый слой с шариком, получаетс€ так на работе :
Image 29.png
¬ сло€х сейчас так :
Image 30.png
37. ѕрименим тень к первому слою :
Image 31.png
38. “еперь нам нужно добавить такую же тень к остальным сло€м.
 ликнем правой клавишей мышки по первому слою с шариком и получим вот такое окно, в нем выберем Ђскопировать стиль сло€ї :
Image 32.png
39. —тановимс€ на второй слой с шариком. » выделим все верхние слои точно так же как мы это проделали в п. 34.  ликнем по любому из выделенных слоев правой кл. мышки и в полученном окне выберем Ђвклеить стиль сло€ї :
Image 33.png
¬ результате у нас к каждому слою добавитс€ тень. Ѕыстро и удобно!
40. ќткрываем окно анимации. Ќа первом кадре выставим врем€ 0,25 сек, ну или какое вам больше нравитс€. јктивируем первый слой с шариком и начинаем создавать анимацию постепенно создава€ кадры соответственно сло€м закрыва€ и открыва€ глазики на сло€х так, как мы это делали в предыдущих моих уроках.  ому будет непон€тно, как это сделать Ц пишите Ц помогу.
41. ќсобое внимание хочу обратить на то, что к 15 слою 15 кадр создавать не нужно, так как анимаци€ начнет притормаживать. ќграничимс€ 14-ю кадрами и 15-ю сло€ми. ¬ окне анимации у нас вот така€ картинка :
Image 34.png
Image 35.png
¬ сло€х ничего не мен€етс€.
42. –аботу сохранить как дл€ WEB в формате GIF.
43. √отово!
Ќадеюсь, ¬ам понравилось!
— любовью, ¬аша јнта!

»з группы ¬ √ќ—“я’ ” јЌ“џ

–убрики:  ► ”–ќ » ¬ ‘ќ“ќЎќѕ≈/* ”роки  оллажи *
Beautiflash_
ћетки:  

ѕроцитировано 7 раз
ѕонравилось: 37 пользовател€м