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






Все для PhotoShop















Разное















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















Мини-Чат















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





Девушки в PNG

Девушки в PNG
Просмотров: 7702
Комментарии: (6)

Santa Claus  Vector

Santa Claus Vector
Просмотров: 1311
Комментарии: (4)

ЭТО БЫЛО...

ЭТО БЫЛО...
Просмотров: 593
Комментарии: (0)

Кисти Мерцающие Звёзды

Кисти Мерцающие Звёзды
Просмотров: 3666
Комментарии: (9)

Скрап-набор "Turkish Delight"

Скрап-набор "Turkish Delight"
Просмотров: 1345
Комментарии: (0)

Урок от М. Басманова - Повышение четкости фотографий

Урок от М. Басманова - Повышение четкости фотографий
Просмотров: 950
Комментарии: (0)

Урок З. Лукьяновой - Рождественская сказка

Урок З. Лукьяновой - Рождественская сказка
Просмотров: 1088
Комментарии: (1)

Урок Олега Накрошаева "Как сделать контрастную фотографию"

Урок Олега Накрошаева "Как сделать контрастную фотографию"
Просмотров: 963
Комментарии: (0)

Новогодние Фоны

Новогодние Фоны
Просмотров: 2389
Комментарии: (1)

Урок  от М. Басманова -«Ретушь фотографий»

Урок от М. Басманова -«Ретушь фотографий»
Просмотров: 1386
Комментарии: (1)












Каталог файлов - 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 | Добавил: Ленусик
Просмотров: 2496 | Загрузок: 0 | Комментарии: 6 | Рейтинг: 4.7/19
Всего комментариев: 5
5  
Михаил, Вы урок пробовали переделать несколько раз? Не нашли ответ на ошибку? Если это ошибка в уроке, то напишите в каком ШАГЕ, мы еще раз проверим и исправим. Желательно видеть ваши скриншоты.

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

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

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

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

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








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















Мини Профиль





Среда
29.03.2017
22:06











Подписка















Статистика





Зарег. на сайте:
Пользователи:

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


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

Новых за месяц: 42
Новых за неделю: 8
Новых вчера: 2
Новых сегодня: 1

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

Счетчики:
Онлайн:
Онлайн всего: 6
Гостей: 4
Пользователей: 2
Нимфа, amordkovich
Сегодня нас посетили:










Опрос






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

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










Новости





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

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

Перевод урока «L’autre côté»

Перевод урока «L’autre côté»
Просмотров: 102
Комментарии: (2)

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

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

Перевод урока «Kiss Me»

Перевод урока «Kiss Me»
Просмотров: 139
Комментарии: (2)

Перевод урока «L'âme d'une fleur»

Перевод урока «L'âme d'une fleur»
Просмотров: 176
Комментарии: (1)

Перевод урока «Premier violon»

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

Перевод урока «Carnevale 2017»

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

Aquascaping (Акваскейпинг)

Aquascaping (Акваскейпинг)
Просмотров: 159
Комментарии: (0)

Подъезд - Дворец

Подъезд - Дворец
Просмотров: 147
Комментарии: (0)

Перевод терминов Corel PaintShop Pro

Перевод терминов Corel PaintShop Pro
Просмотров: 152
Комментарии: (0)











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