Урок «Крутящийся шар» - Уроки Adobe PhotoShop <!--if(Уроки Adobe PhotoShop)-->- Уроки Adobe PhotoShop<!--endif--> - Каталог файлов - PhotoShop






Все для PhotoShop















Разное















Рубрика Людмилы















Мини-Чат















Случайные Новости





Русский шрифт

Русский шрифт
Просмотров: 552
Комментарии: (0)

Цифры - Цветы в Векторе

Цифры - Цветы в Векторе
Просмотров: 9114
Комментарии: (5)

Рамка для фото - С Днем Рождения

Рамка для фото - С Днем Рождения
Просмотров: 1861
Комментарии: (4)

80 Золотых Стилей

80 Золотых Стилей
Просмотров: 2668
Комментарии: (15)

Stock Vectors Xmas Tree

Stock Vectors Xmas Tree
Просмотров: 1124
Комментарии: (5)

Flaming Pear / Floodv 1.40.1 (Eng /Rus)

Flaming Pear / Floodv 1.40.1 (Eng /Rus)
Просмотров: 1947
Комментарии: (1)

Клипарт - Рамки-на Море

Клипарт - Рамки-на Море
Просмотров: 2465
Комментарии: (0)

PSD - исходник - Бабочки

PSD - исходник - Бабочки
Просмотров: 3691
Комментарии: (7)

Скрап-набор - FM-Sweet Easter  Пасхальный

Скрап-набор - FM-Sweet Easter Пасхальный
Просмотров: 1421
Комментарии: (2)

Vintage Love Vignettes

Vintage Love Vignettes
Просмотров: 1097
Комментарии: (0)












Каталог файлов - PhotoShop - Описание сайта



Главная » Файлы » Уроки Adobe PhotoShop » Уроки Adobe PhotoShop

Урок «Крутящийся шар»
31.03.2012, 01:29
Урок «Крутящийся шар»

Источник: Fotodryg.ru
Урок не такой уж и сложный, как покажется Вам на первый взгляд, но всё равно постараюсь описать свои действия, как можно подробнее Основываясь на исходном уроке, выкладываю его со своими скриншотами и некоторыми дополнениями/изменениями
Если Вас заинтересовал этот урок , выполняя его будьте внимательны , наберитесь терпения и у Вас обязательно всё получиться.



Мой исходный материал: Здесь
Сразу давайте разберём где же взять вот такую сетку-заливку
Если у вас в узорах её нет, давайте загрузим. Делайте так , как написано ниже:

Идём Редактирование-Управление наборами и  выбираем на верхней строке «Узоры», жмём на маленькую стрелочку справа и выбираем строку «Узоры», жмём «Добавить» и «Готово»




Вот теперь приступим к работе:
1. Создаём «Новый документ»: Файл - Создать и выбираем любой удобный для вас размер, жмём ОК


2. В окне слои переименуем «Слой 1» в «Облака 1», как это сделать см. Здесь

3. Продублируем слой «Облака 1» 3 раза сочетанием клавиш Ctrl+J и слои соответственно назовём «Облака 2», «Облака 3», «Облака 4»

4. Становимся на слой «Облака 1» и идём Фильтр-Рендеринг-Облака
При этом цвета в левой панели инструментов стоят черно-белый   (если у вас стоят другие цвета, просто нажмите клавишу D)



5. Переходим на слой «Облака 2» и просто жмём сочетание клавиш Ctrl+F.
Облака автоматически примут другое направление. Со слоями «Облака 3» и «Облака 4» проделайте тоже самое.


6. Активируем инструмент «Овальная область», зажимаем клавишу Shift , кликаем левой кнопкой мыши на изображение и удерживая её тянем выделение из левого верхнего угла в правый нижний, сначала отпускаем мышку, потом клавишу Shift. Получаем выделение-круг



PS: Если вы хотите передвинуть выделенную область-круг, то левой кнопкой мыши захватываем выделенную область внутри круга и передвигаем, так же можно увеличить или уменьшить выделенную область-круг: идём Выделение-Трансформировать выделенную область или жмём сочетание клавиш Ctrl+T, появились маркеры, удерживая Shift, за уголки трансформируем, отпускаем сначала мышку, потом Shift, Enter-применить

7. Идём Выделение-Инверсия или жмём сочетание клавиш Shift+Ctrl+I, жмём клавишу Delete-очистить



Не снимая выделения переходите на следующие слои с облаками и жмите Delete
Ctrl+D - снять выделение

8. Теперь в окне Слои создаём «Новый слой», нажатием на листик , активируем инструмент «Заливка» и заливаем его узором-сетка
Называем этот слой «Узор 1»



9. Дублируем слой «Узор 1» - Ctrl+J и называем слой «Узор 2»
Возвращаемся к слою «Узор 1»
Проверяем: глазики вкл. на слоях «Узор 1» и «Облака 1» , на остальных выкл.
Зажимаем клавишу Ctrl и кликаем по «Миниатюре слоя Облака 1», получаем выделение.



10.
Стоим на слое «Узор 1» и идём Фильтр-Искажение-Сферизация



11. Идём: Выделение-Инверсия или жмём сочетание клавиш Shift+Ctrl+I, жмём клавишу Delete-очистить, Ctrl+D-снять выделение
Устанавливаем режим наложения для слоя «Линейный затемнитель»



12. Правой кнопкой мыши кликаем по слою «Узор 1» и выбираем строку «Объединить видимые» или жмём сочетание клавиш Shift+Ctrl+E

13. Далее идём: Изображение-Коррекция-Цветовой тон/Насыщенность и придадим нашему шарику цвет.
В графе Тонирование - поставьте галочку.
Насыщенность - от 50 до 100%.
Цветовой тон - на ваше усмотрение
Значения обязательно Запомните!



14. Переходим на слой «Узор 2»
Проверяем: «Узор 2» - глазик вкл. , «Облака 2» - глазик вкл., на остальных слоях - выкл.

Активируем инструмент «Перемещение» , зажимаем клавишу Shift и жмём на клавиатуре «Стрелку вправо», так мы сдвинем наше изображение на 10 пикс. вправо




15. Дублируем слой «Узор 2» - Ctrl+J и называем его «Узор 3»
Возвращаемся к слою«Узор 2»
Проверяем: глазики вкл. на слоях «Узор 2» и «Облака 2», на остальных выкл.
Зажимаем клавишу Ctrl и кликаем по «Миниатюре слоя Облака 2», получаем выделение



15. Стоим на слое «Узор 2»
Идём: «Фильтр» и кликаем на верхнюю строку «Сферизация» или жмём сочетание клавиш Ctrl+F

16. Идём: Выделение-Инверсия или жмём сочетание клавиш Shift+Ctrl+I, жмём клавишу Delete-очистить, Ctrl+D-снять выделение
Устанавливаем режим наложения для слоя «Линейный затемнитель»



17. Правой кнопкой мыши кликаем по слою «Узор 2» и выбираем строку «Объединить видимые» или жмём сочетание клавиш Shift+Ctrl+E

18. Далее идём: Изображение-Коррекция-Цветовой тон/Насыщенность и выставляем значения, которые были на предыдущем слое, их мы должны были запомнить, вот что получаем:



19. Переходим на слой «Узор 3»
Проверяем: «Узор 3» - глазик вкл., «Облака 3» -глазик вкл., на остальных слоях -выкл.

Активируем инструмент «Перемещение» , зажимаем клавишу Shift и жмём на клавиатуре «Стрелку вправо», так мы сдвинем наше изображение ещё на 10 пикс. вправо



20. Дублируем слой «Узор 3» - Ctrl+J и называем его «Узор 4»
Возвращаемся к слою «Узор 3»
Проверяем: глазики вкл. на слоях «Узор 3» и «Облака 3», на остальных выкл.
Зажимаем клавишу Ctrl и кликаем по «Миниатюре слоя Облака 3», получаем выделение

21. Стоим на слое «Узор 3»
Идём: «Фильтр» и кликаем на верхнюю строку «Сферизация» или жмём сочетание клавиш Ctrl+F

22. Идём: Выделение-Инверсия или жмём сочетание клавиш Shift+Ctrl+I, жмём клавишу Delete-очистить, Ctrl+D-снять выделение
Устанавливаем режим наложения для слоя «Линейный затемнитель»

23. Правой кнопкой мыши кликаем по слою «Узор 3» и выбираем строку «Объединить видимые» или жмём сочетание клавиш Shift+Ctrl+E

24. Далее идём: Изображение-Коррекция-Цветовой тон/Насыщенность и выставляем значения, которые были на предыдущем слое, их мы должны были запомнить, вот что получаем:



25. Переходим на слой «Узор 4»
Проверяем: «Узор 4» - глазик вкл., «Облака 4» - глазик вкл., на остальных слоях - выкл.

Активируем инструмент «Перемещение» , зажимаем клавишу Shift и жмём на клавиатуре «Стрелку вправо», так мы сдвинем наше изображение ещё на 10 пикс. вправо



26. Зажимаем клавишу Ctrl и кликаем по «Миниатюре слоя Облака 4», получаем выделение

27. Стоим на слое «Узор 4»
Идём: «Фильтр» и кликаем на верхнюю строку «Сферизация» или жмём сочетание клавиш Ctrl+F

28. Идём: Выделение-Инверсия или жмём сочетание клавиш Shift+Ctrl+I, жмём клавишу Delete-очистить, Ctrl+D-снять выделение
Устанавливаем режим наложения для слоя «Линейный затемнитель»

29. Правой кнопкой мыши кликаем по слою «Узор 4» и выбираем строку «Объединить видимые» или жмём сочетание клавиш Shift+Ctrl+E

30. Далее идём: Изображение-Коррекция-Цветовой тон/Насыщенность и выставляем значения, которые были на предыдущем слое, их мы должны были запомнить, вот что получаем:



31. В окне Слои создаём «Новый слой», нажатием на листик , называем его «Заливка», активируем инструмент «Пипетка» подбираем цвет примерно как сам шарик, активируем инструмент «Заливка» и заливаем Устанавливаем режим наложения для слоя «Жёсткий свет»



32. Дублируем слой «Заливка» - Ctrl+J 2 раза и называем слои «Блик 1» и «Блик 2»
Становимся на слой «Блик 1» и идём Фильтр-Рендеринг-Блик



33. Активируем инструмент «Перемещение» , зажимаем блик мышкой и ставим на нужное место, получаем вот что :



34. Видим, что после перемещения появилась прозрачная основа, выделяем ее при помощи инструмента «Волшебная палочка» , активируем инструмент «Заливка» и заливаем выделение тем же цветом, что и основная заливка. Ctrl+D-снять выделение



35. Переходим на слой «Блик 2» и проделываем всё тоже самое , что и со слоем «Блик 1» , только блик располагаем в другом месте



36. Активируем инструмент «Рамка» для того что бы обрезать лишнее (выделяем «Рамкой» - кликаем левой кнопкой мыши и тянем выделение по диагонали с левого верхнего угла в правый нижний, отпускаем мышку и клавиша «Enter» - применить)

Что бы можно было использовать этот шарик на другом изображении, давайте вырежем его:

37. Становимся на слой «Заливка»
Проверяем: глазики вкл. на слоях «Заливка» и «Узор 4»
Зажимаем клавишу Ctrl и кликаем по «Миниатюре слоя Узор 4» и получаем выделение



38. Идём Выделение-Инверсия или жмём сочетание клавиш Shift+Ctrl+I и жмём клавишу Delete
Не снимая выделения переходим на слой «Блик 1» и снова жмём Delete
Не снимая выделения переходим на слой «Блик 2» и снова жмём клавишу Delete
Ctrl+D-снять выделение
Таким образом мы убрали всё лишнее


39. Теперь давайте к шарику приделаем палку. Её можно просто нарисовать на «Новом слое», но я воспользуюсь вот таким шаблоном: ЖМИТЕ и скачивайте

Открываем шаблон  в PhotoShop, уменьшаем размер, т.к. шаблон имеет очень большой размер 2000х2836 пикс.
Идём: Изображение-Размер изображения, меняем Высоту - на нужную вам, а Ширина измениться автоматически

Активируем инструмент «Перемещение» и перетаскиваем шаблон на наш шарик, слой называем «Шаблон»

А теперь, если хотите оставить шаблон полностью, то воспользуйтесь «Свободным трансформированием»-Ctrl+T и подгоните размер шаблона под шарик (не забудьте при этом удерживать клавишу Shift, что бы не сбить пропорции шаблона, отпускаете сначала мышку, только потом Shift )

Можно оставить только цепочку, тогда остальное сотрите «Ластиком» или выделите ненужную область инструментом «Перо» и удалите её, разместите инструментом «Перемещение» цепочку по центру шарика.
В окне «Слои» слой «Шаблон» перетащите в самый низ



Как заставить шарик двигаться?
Совет: Вы можете все слои с шариком перетащить на любое изображение, для этого: в окне «Слои» кликните правой кнопкой мыши по выделенному синим цветом слою и выберите строку «Выделить похожие слои», все слои выделятся синим цветом, активируйте инструмент «Перемещение» и перетащите шарик на любое изображение, в результате перенесутся все выделенные слои, не снимая выделения слоёв воспользуйтесь «Свободным трансформированием»-Ctrl+T и придайте шарику необходимый размер, ну а теперь можно приступать и к анимации
Я привожу пример создания анимации без фона.

Переходим в окно «Анимации» :

Задаём время передвижения 1 кадру примерно 0,1-0,12 сек.

1 кадр - слои «Шаблон», «Узор 1» и «Заливка»


Создаём 2 кадр нажатием на листик в окне «Анимации» - слои «Шаблон», «Узор 2» и «Блик 1»



Создаём 3 кадр - слои «Шаблон», «Узор 3» и «Заливка»



Создаём 4 кадр - слой слои «Шаблон», «Узор 4» и «Блик 2»



Жмём на Запуск воспроизведения анимации
Если всё в порядке и шарик крутится, а не дёргается, значит сохраняем:
Файл - Сохранить для Web в формате GIF




Дерзайте! Жду ваших работ!
Закидывайте свои готовые изображения на любой хостинг типа radikal.ru, копируйте ссылку и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Сказать «Спасибо» можно проголосовав нажатием на звёздочки и  на кнопочку «Поделиться»  
Нравится
Категория: Уроки Adobe PhotoShop | Добавил: Ленусик
Просмотров: 2355 | Загрузок: 0 | Комментарии: 6 | Рейтинг: 4.7/17
Всего комментариев: 5
5  
Михаил, Вы урок пробовали переделать несколько раз? Не нашли ответ на ошибку? Если это ошибка в уроке, то напишите в каком ШАГЕ, мы еще раз проверим и исправим. Желательно видеть ваши скриншоты.

4  
Спасибо огромное. Очень нравятся Ваши уроки.
http://s019.radikal.ru/i638/1206/1f/3fb42f98bb79.gif

3  
Лена так сетка загрузилась...я заметила что сетка толстая слишком...наверное нажала еще куда нибудь.Переделаю

2  
Спасибо за урок.

1  
У вас получился шарик с ярко выраженой сеткой-заливкой, это так задумано или где-то закралась ошибка?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]








Поиск по Сайту















Мини Профиль





Суббота
10.12.2016
04:06











Подписка















Статистика





Пользователи:

Нас уже 8983 человек!


Новые пользователи:

Новых за месяц: 224
Новых за неделю: 47
Новых вчера: 4
Новых сегодня: 2

   
Администраторов: 4

Онлайн:

Онлайн всего: 1
Гостей: 1
Пользователей: 0











Опрос






Каким браузером Вы пользуетесь ?

Всего ответов: 1191










Новости





Перевод урока «Weihnacht 16»

Перевод урока «Weihnacht 16»
Просмотров: 34
Комментарии: (0)

Перевод урока «Christmas 16»

Перевод урока «Christmas 16»
Просмотров: 70
Комментарии: (0)

Литопсы - «живые камушки»

Литопсы - «живые камушки»
Просмотров: 24
Комментарии: (0)

Ледяные цветы

Ледяные цветы
Просмотров: 16
Комментарии: (0)

Alfredo Rodriguez

Alfredo Rodriguez
Просмотров: 19
Комментарии: (0)

Giuseppe Armani

Giuseppe Armani
Просмотров: 32
Комментарии: (0)

Александр и Татьяна Норык

Александр и Татьяна Норык
Просмотров: 49
Комментарии: (0)

Перевод урока «CORA»

Перевод урока «CORA»
Просмотров: 168
Комментарии: (1)

Куклы из солёного теста

Куклы из солёного теста
Просмотров: 60
Комментарии: (0)

Ernestina Gallina (Pietre Vive)

Ernestina Gallina (Pietre Vive)
Просмотров: 46
Комментарии: (0)











Посетители Сайта