Тамара (mtv59) wrote,
Тамара
mtv59

Урок анимации "Карусель".

Автор - Mademoiselle_Viv. Это цитата этого сообщения


У Лариса Гурьянова 14 Сентября 2013 г появился Урок от Бэтт - Карусель. Многим понравился этот эффект, но так как автор не очень понятно объяснила, как его выполнить, меня попросили объяснить. Поэтому на авторство я не претендую, а объясню, как я бы выполнила этот эффект.
Карусель (500x500, 304Kb)
">
1. Создать новый документ
2013-09-18_230650 (700x335, 136Kb)
2. В панели слоев потяните за замочек и переместите его в корзину.
2013-09-18_230758 (367x288, 39Kb)
3. Активируйте инструмент Заданные формы - Эллипс
2013-09-18_231151 (378x192, 49Kb)
Зажмите клавишу Shift, чтобы круг был ровным.
Установите крестик в левом верхнем углу и, зажав левую кнопку мыши(ЛКМ) потяните курсор в правый нижний угол
2013-09-18_232106 (350x364, 46Kb)
Отпустите ЛКМ и у Вас получится круг. Нажмите на слой с кругом в панели слоев правой кнопкой мыши (ПКМ) и в выпавшем меню выберите "Растрировать слой".
2013-09-18_232223 (514x282, 86Kb)
Результат в панели слоев:
2013-09-18_232247 (361x281, 47Kb)

4. Поменяйте местами основные цвета, нажав на стрелочку2013-09-18_233214 (86x52, 1Kb)

5. Снова активируйте инструмент Заданные формы, но выберите Произвольную фигуру
2013-09-18_233723 (377x207, 20Kb)

Форму растровой точки "тонкая круглая рамка"
2013-09-18_233830 (647x169, 33Kb)

Зажмите клавишу Shift, и нарисуйте внутри круга колечко. Не переживайте, если оно не встанет точно в центре - его можно будет переместить 2013-09-18_234442 (35x30, 0Kb) в нужное место.

2013-09-18_234629 (350x340, 19Kb)

6. Зажмите клавишу CTRL и кликните по иконке с колечком
2013-09-18_234932 (367x363, 28Kb)

- на Вашей работе появится выделение.

Активируйте слой ниже (Фигура 1) и нажмите Delete на клавиатуре
2013-09-18_235417 (367x360, 25Kb)

Слой "Фигура 2" удалите - он больше не нужен. Выделение отменить (Сtrl+D).

7. Теперь нам нужно загрузить текстуру. Автор предложила использовать стиль, но у меня такого не нашлось, так как я ими почти не пользуюсь, поэтому я из ее скрина сделала текстуру
2013-09-18_224846 (171x158, 18Kb)
А Вы решайте сами, как Вам удобнее.

Итак, если Вы выбираете текстуру, то открывайте ее фотошопе.
Редактирование - Определить узор - Ок.
2013-09-19_003311 (535x114, 15Kb)

Если будете использовать стили - этот пункт пропустите.

8. Создайте новый слой.
Залейте текстурой (Редактирование - Выполнить заливку - Регулярный
2013-09-19_003553 (499x253, 33Kb)

или в панели Стили кликните по выбранному стилю.

9. Слои - Создать дубликат слоя или нажать Ctrl+J.

10. Редактирование - Свободное трансформирование (Ctrl+Т).
На верхней панели проставьте угол поворота 60°
2013-09-19_010718 (700x406, 82Kb)

11. Повторите п.п. 9 и 10.
Результат в панели Слои:
2013-09-19_011245 (361x459, 31Kb)

12. Активируйте первый слой залитый текстурой, на двух других закройте "глазки".

Фильтры - Размытие - Радиальное размытие
2013-09-19_011607 (573x413, 145Kb)
2013-09-19_012130 (284x267, 68Kb)

Результат:
2013-09-19_012328 (342x340, 35Kb)

13. Повторите Размытие на остальных слоях с текстурой (не забывая включать глазки).

14. Поменяйте цвет фона на #7a7e84

15. Новый слой.
Заполните линейным градиентом
2013-09-28_221953 (360x350, 11Kb)

Сейчас слои выглядят так:
2013-09-19_015345 (368x536, 34Kb)

16. Дублируйте слой с градиентом дважды.

17. Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" 2013-09-19_021221 (29x22, 1Kb) по внешней части за кругами.
2013-09-19_020853 (358x356, 20Kb)

18. Активируем слой с градиентом "Слой 2"

Выделения - Инверсия.

Delete на клавиатуре.
Выделения - Отменить.

19. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри большого круга
2013-09-19_023441 (381x378, 18Kb)

Активируем слой с градиентом "Слой 2 копия"

Выделения - Инверсия.

Delete на клавиатуре.

Выделения - Отменить.

20. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри маленького круга

2013-09-19_022059 (339x333, 15Kb)

21. Активируем слой с градиентом "Слой 2 копия 2"

Выделения - Инверсия.

Delete на клавиатуре.

Выделения - Отменить.

В результате наших манипуляций получилось так:
2013-09-19_022340 (350x432, 29Kb)

22. Активируем 1-ый слой с градиентом.
2013-09-28_223115 (364x394, 26Kb)
Инструментом Ластик с мягкой кистью и нажимом 20-30%
2013-09-28_223407 (700x62, 10Kb)
начинаем стирать вокруг внутренней части круга
2013-09-28_224304 (339x347, 21Kb)

23. Активируем 2-ый слой с градиентом.
И снижаем Непрозрачность до нужной прозрачности (извините за тавтологию)
2013-09-28_224717 (699x363, 70Kb)

24. Под слоями с градиентом создаем новый слой и заливаем его красным цветом
2013-09-28_230003 (368x506, 32Kb)

Немного снижаем Непрозрачность и ставим режим смешения - Разделить (в фотошопе CS6, в CS5 и ниже такого режима нет, поэтому цвет заливки и режим смешения подбирайте по вкусу)
2013-09-28_230958 (169x515, 21Kb)

25. Удалить слой с фигурами
2013-09-28_232227 (357x99, 10Kb)

26. Открываем понравившуюся картинку (цветы, кластеры и т.п.) и перетаскиваем на основную работу, установив под слой с большим кольцом
2013-09-28_232654 (326x195, 12Kb)

27. Дублируйте слой и переместите его на самый верх слоев и немного сотрите ластиком (с теми же настройками) слева по большому кольцу
2013-09-28_233015 (700x428, 80Kb)

28. Сделайте надпись (если хотите).

29. Все готово для анимации.
Включайте поочередно видимость слоев с текстурой (или стилем), видимость всех остальных слоев включена постоянно.
2013-09-28_233947 (472x130, 14Kb)

30. Сохранить для Web и устройств...

Серия сообщений "Photoshop":
Часть 1 - Фотошоп с нуля.Уроки с 1 по 64.
Часть 2 - Бродилка по урокам фотошоп.
...
Часть 14 - Как загрузить новые шрифты в Фотошоп.
Часть 15 - Уроки фотошоп от Natali.
Часть 16 - Урок анимации "Карусель".
Часть 17 - Стеклянный шар на фоне пейзажа - урок ФШ.

Оригинал записи и комментарии на LiveInternet.ru

Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments