-Поиск по дневнику

Поиск сообщений в Жагуара

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.02.2009
Записей: 1810
Комментариев: 57767
Написано: 87021


Уроки Фотошоп: Новогодний стеклянный шар

Четверг, 15 Октября 2009 г. 11:29 + в цитатник

Уроки Фотошоп

Новогодний стеклянный шар


В этом уроке нарисуем стеклянный шар с заснеженной елочкой внутри. Урок среднего уровня сложности, предполагает наличие умения пользоваться векторными формами.

1. Создаем новое изображение с размерами 370x370px.

2. Сейчас мы сразу сделаем текстуру, которая пригодится в ходе выполнения урока.

Создайте новый слой (Create a new layer (Создать новый слой) внизу панели слоев Layers (Слой)). На панели инструментов установите рабочие цвета — #046504 в качестве основного и #061b01 в качестве фонового. Выбираем пункт меню Filter —> Render —> Clouds (Фильтр —> Рендеринг —> Облако) и получаем неоднородный зеленый фон:


Теперь применим другой фильтр: Filter —> Pixelate —> Pointillize (Фильтр —> Оформление —> Пуантилизм ) с параметром Cell Size (Размер ячейки) равным 5px:


3. Для того, чтобы мы смогли в дальнейшем воспользоваться полученным изображением по назначению, создадим из него текстуру.

Выберите пункт меню Edit —> Define Pattern... (Редактирование —> Определить узор). В появившемся окне можете задать этой текстуре какое-нибудь название, а можете оставить предлагающееся. Нажимаем на Ok. Наша текстура теперь будет занесена в общий список текстур. Пригодится она позже, сейчас займемся другим, а полученный нами слой можно смело удалить, иначе он будет только мешаться (Layer —> Delete —> Layer (Слой —> Удалить —> Слой)).

4. Создадим новый слой и зальем его с помощью Paint Bucket Tool (Заливка) некоторым цветом, для удобства я выбрала нейтральный серый цвет. Давайте договоримся присваивать слоям осмысленные названия — так мы не запутаемся потом, когда будем применять к слоям эффекты. Этот назовем «Фон». Сделать это можно щелкнув два раза по названию слоя в палитре слое. В дальнейшем я буду сразу называть слой при его создании.

5. Используя инструмент Ellipse Tool (Эллипс) нарисуем круг чуть меньше нашей области рисования (удерживайте Shift для получения окружности правильной формы). Слой с этим эллипсом назовем «Сфера1»:


6. Сделаем копию этого слоя Layer —> Duplicate Layer... (Слой —> Дублировать слой). Этот слой назовем «Сфера2». Теперь у нас два круга один над другим.

7. Создаем новый слой — «Площадка». Выбираем Ellipse Tool (Эллипс) и рисуем эллипс в нижней части круга. Он должен почти касаться границ окружности, но не доходить до них примерно пикселя на 3. Чтобы аккуратно расположить эллипс в нужном место, а заодно, в случае необходимости, поправить его размеры, можно воспользоваться командой Edit —> Free Transform Path (Редактирование —> Свободное трансформирование):


8. Сделаем копию этого эллипса (Layer —> Duplicate Layer... (Слой —> Дублировать слой)). Слой никак не называем, так как скоро его удалим. Выбираем инструмент Direct Selection Tool (Частичное выделение), щелкаем им посередине нижней дуги и ухватившись за нижнюю опорную точку, передвигаем ее вниз за границы окружности так, чтобы вся нижняя половина, теперь уже бывшего, эллипса вышла за границы окружности:


9. Создаем новый слой — «Основа». Зажав Ctrl кликаем левой клавишей мыши по уменьшенному изображению окружности в панели слоев (по какой из двух — не важно):


В рабочей области должно появится выделение повторяющее окружность:


Теперь зажимая Ctrl + Shift + Alt также кликаем по миниатюре, изображающей копию эллипса (форму которого мы изменили). В результате этих действий выделеной останется только область, соответствующая пересечению этих двух фигур. Эту выделенную область нужно залить любым цветом при помощи инструмента Paint Bucket Tool (Заливка):


Снимем выделение, зажав Ctrl + D. Слой с измененным эллипсом удалим. Слой «Площадка» перенесем выше слоя «Основание»:


10. Начнем рисовать елочку на новом слое. Выберите инструмент Polygon Tool (Многоугольник) и в свойствах инструмента выберите число сторон равное 3 (Sides). С помощью этого инструмента нарисуйте треугольник (удерживайте Shift при создании, это позволит расположить его так, как нам нужно — одной из вершин вверх):


Полученный слой назовем «Ярус елки».

11. Выбираем инструмент Convert Point Tool (Конвертировать узловую точку) и делаем с помощью него следующее:

a) Щелкаем по нижней узловой точке, вытягиваем направляющие линии (угол превращается в дугу):


b) Тянем верхний маркер на направляющей в сторону центра:


c) Проделываем тоже с другой стороны:


В результате получим такую фигуру. В дальнейшем я буду условно называть её «конус»:


12. Копируем слой (Layer —> Duplicate Layer... (Слой —> Дублировать слой)) и пользуясь трансформированием Edit —> Free Transform Path (Редактирование —> Свободное трансформирование) немного уменьшаем «конус» и передвигаем его повыше:


Проделав эти операции еще три раза мы получим «каркас» будущей елки — пять «конусов», один меньше другого, размещенных в разных слоях:


13. Полученные очертания уже напоминают ёлку. Сейчас все конусы сливаются, так как они одного цвета, поэтому для удобства я изменил их цвета. Внесем небольшие изменения в форму каждого «яруса» ёлки. Для этого выберите инструмент Add Anchor Point Tool (Добавить узловую точку) и добавьте несколько узловых точек на нижнюю границу фигуры:


При помощи Direct Selection Tool (Частичное выделение) немного раздвинем их друг относительно друга:


Проделав тоже для всех частей елки получим нечто похожее:


Форма ёлки готова.

14. Нарисуем звезду, которая будет располагаться на верхушке ёлки. Создайте новый слой («Звезда») и выберите инструмент Polygon Tool (Многоугольник). Число сторон для него задайте раным 10. Нарисуем этот многоугольник удерживая Shift и вращая, пока не получим расположение как на картинке (фигура пусть будет большого размера, уменьшим потом):


15. Теперь при помощи инструмента Direct Selection Tool (Частичное выделение) сдвинем узловые точки, через одну, к центру:


Не мучайтесь с идеальной симметричностью получающейся звезды, в данном случае она не нужна.

16. Полученную фигуру уменьшите и «поместите» на елку при помощи команды Edit —> Free Transform Path (Редактирование —> Свободное трансформирование):


17. Повесим на елку несколько шариков. Я нарисовала четыре окружности инструментом Ellipse Tool (Эллипс). Каждый шарик на отдельном новом слое. Каждому из этих слоев тоже желательно дать имя: «Шарик1», «Шарик2», и т.п. Главное не лениться, это здорово упрощает жизнь, когда приходится разбираться в большом количестве слоев:


18. Пришло время применить к нарисованным фигурам эффекты. Тут и пригодятся названия слоев. Итак, выберите слой «Основа». Выполните двойной клик правой клавишей мыши по свободному месту справа от изображения слоя в панели слоев и в появившемся окне Layer Style (Эффект слоя) выбираем пункт Gradient Overlay (Наложение градиента). Клик по полоске заполненной градиентом открывает окно Gradient Editor (Правка градиента) (вид градиента, устанавливаемый в нем, для компактности, приводится на том же рисунке):


Соглашаемся с изменениями нажатиями на Ok.

19. Для слоя «Площадка» примените следующие эффекты:

a) Outer Glow (Внешнее свечение):


b) Color Overlay (Наложение цвета):


20. Выберите один из слоев с названием «Ярус елки» и примените эффекты:

a) Inner Shadow (Внутренняя тень):


b) Gradient Overlay (Наложение градиента):


c) Pattern Overlay (Наложение узора). Вот тут и пригодится текстура сделанная нами в начале урока:


Полученный стиль скопируйте (щелчок правой клавишей мыши по названию слоя —> Copy Layer Style (Скопировать стиль слоя)) и примените для оставшихся ярусов (щелчок правой клавишей мыши по названию слоя —> Paste Layer Style (Вклеить стиль слоя)).

Для слоя с самым нижним ярусом добавьте еще один эффект — Drop Shadow (Тень):


21. Для слоя «Звезда» эффекты следующие:

a) Outer Glow (Внешнее свечение):


b) Bevel and Emboss (Тиснение):


c) Gradient Overlay (Наложение градиента):


22. Эффекты для «Шариков»:

a) Inner Glow (Внутреннее свечение):


b) Gradient Overlay (Наложение градиента):


c) Satin (Глянец):


23. Эффекты для слоя «Сфера1»

a) Inner Shadow (Внутренняя тень):


b) Inner Glow (Внутренее свечение):


c) Satin (Глянец):


24. Эффекты для слоя «Сфера2»:

a) Inner Shadow (Внутренняя тень):


b) Inner Glow (Внутренее свечение):


c) Satin (Глянец):


25. Остался только фон. Примените к слою с фоном эффект Gradient Overlay (Наложение градиента):


После применения эффектов необходимо установить непрозрачность заливки слоя «Сфера2» и "Сфера1" на 0% (Fill:0% в верхней части палитры слоев).

Должно получиться что-то вроде этого:


27. Украсим елку еще немного. Создайте новый слой «Огоньки». В отличие от обычной практики, применим к этому слою эффекты, даже ничего не успев на нем нарисовать. Итак, примените к слою эффект Outer Glow (Внешнее свечение):


28. Выберите инструмент Brush Tool (Кисть). В палитре кистей (F5) выберем простую кисть, диаметром 3px и выставим для нее следующие настройки:


В качестве рабочего установите белый цвет.

Вот теперь, этой кисточкой, нужно добавить огоньков на елку. Просто поводите по ней кистью. Слишком густо располагать их не стоит. В результате должны получить что-то похожее:


29. Добавим в шарик снега. Создайте новый слой «Снег1» и разместите его над слоем «Площадка». Примените к нему следующие эффекты:

a) Drop Shadow (Тень):


b) Outer Glow (Внешнее свечение):


Продолжая использовать ту же кисть, нарисуйте снежок за елкой, только не доходите до границ шара, оставив достаточно свободного места:


30. Создаем новый слой «Снег2» и располагаем его выше всех остальных. Установите для него те же эффекты, что использовались в предыдущем пункте. Нарисуем остальной снег в шарике, не боясь немного выходить за границы шарика, но стараясь не заходить за пределы слоя «Площадка» в нижней ее части:


31. Теперь растрируем эффекты в слое «Снег2». Для этого создадим новый слой. Выделим его и слой «Снег2» (удерживая Ctrl) в панели слоев. Клик правой кнопкой по названию одного из выделенных слоев и появившемся выпадающем меню выбираем пункт Merge Layers (Объединить слои). Получили один растровый слой.

32. Продолжая работать с полученным слоем зажмем Ctrl и кликнем по уменьшенному изображению слоя «Сфера1» в панели слоев (как в 9-ом пункте). В результате этого получим выделение, по форме совпадающее с окружностью:


Нажмем Shift + Ctrl + I для того, чтобы инвертировать выделение. Теперь у нас выделено все кроме внутренней части окружности, а это как раз тот снежок, который «выпал» за пределы сферы:


Нажмем клавишу Del и удалим его. Снимем выделение, нажав Ctrl + D:


33. Переместите слои «Сфера1» и «Сфера2» в панели слоев выше всех остальных (причем «Сфера1» должен быть выше «Сфера2»).

34. Добавим последний штрих. Выберите инструмент Ellipse Tool (Эллипс) и нарисуйте окружность белого цвета, которая будет бликом на шарике:


35. Примените к слою маску (кнопка Add Layer Mask (Новый слой-маска) в нижней части панели слоев) и с помощью инструмента Gradient Tool (Градиент) залейте маску черно-белым градиентом снизу-вверх. Непрозрачность слоя поставьте на 70% (Opacity (Непрозрачность) в верхней части панели слоев).

Результатом стараний станет вот такой шарик с заснеженной елочкой:


Автор: Matias
Источник урока

А вот мой результат этого урока:



Рубрики:  Фотошоп
Метки:  

Процитировано 151 раз

Светлана_Зарембо   обратиться по имени Четверг, 15 Октября 2009 г. 11:34 (ссылка)
большое спасибо. интересно.
Ответить С цитатой В цитатник
NATALIU   обратиться по имени Четверг, 15 Октября 2009 г. 11:36 (ссылка)
отличный урок скоро пригодится
 (400x320, 92Kb)
Ответить С цитатой В цитатник
zamkadom   обратиться по имени Четверг, 15 Октября 2009 г. 11:37 (ссылка)
Здорово :), возьму поучиться...
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Октября 2009 г. 12:02ссылка
Потом результат покажешь ))
pappesa   обратиться по имени Четверг, 15 Октября 2009 г. 11:43 (ссылка)
Спасибо, возьму, попробую сделать. Ох и сложно будет!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Октября 2009 г. 12:03ссылка
Пожалуйста ) На самом деле урок относительно простой ) Больше всего я утомилась, когда начала к слоям эффекты применять ))
Симонова_Галина   обратиться по имени Четверг, 15 Октября 2009 г. 11:47 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Успеночка   обратиться по имени Четверг, 15 Октября 2009 г. 12:48 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Перейти к дневнику
liolea   обратиться по имени Четверг, 15 Октября 2009 г. 13:29 (ссылка)
Прекрасный урок! Забрала в цитатник!
 (249x338, 692Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Октября 2009 г. 13:32ссылка
Пожалуйста ))
НАДЕЖДА_МАЛ   обратиться по имени Четверг, 15 Октября 2009 г. 13:47 (ссылка)
Текст
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Октября 2009 г. 13:53ссылка
Пожалуйста ))
Anela-Alena   обратиться по имени Четверг, 15 Октября 2009 г. 22:40 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Сокровища_Амазонки   обратиться по имени Четверг, 15 Октября 2009 г. 23:04 (ссылка)
Жагуара, Красота да и только:)) Спасибо милая:)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Октября 2009 г. 23:35ссылка
Пожалуйста ))
Aelios   обратиться по имени Пятница, 16 Октября 2009 г. 05:02 (ссылка)
Спасибо большое за урок! Возьму с твоего позволения?
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 16 Октября 2009 г. 09:06ссылка
Пожалуйста )) Конечно забирай )
Александр_Березянский   обратиться по имени Пятница, 16 Октября 2009 г. 07:16 (ссылка)
Здравствуйте!Я сам аниматор.У меня есть своих несколько уроков.Все говорят что я пишу легко и доступно.Я бы выложил их,но не знаю куда,чтобы также много потом прочитало как у Вас.А Вы не могли бы их выложить.Я разрешаю,конечно со ссылкой чей урок.Вот адрес моего блога там и уроки
http://rosich2.2x2blog.biz/
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 16 Октября 2009 г. 09:08ссылка
Здравствуйте ) Я помню Ваши уроки анимации, но к сожалению сама в ней не сильно разбираюсь и поэтому вряд ли смогу своим читателям доступно изложить такие уроки ) Я больше по статическим изображениям изучаю фотошоп.
Александр_Березянский   обратиться по имени Пятница, 16 Октября 2009 г. 10:11 (ссылка)
А там все изложено и довольно в доступной форме.Только выложить.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 16 Октября 2009 г. 13:22ссылка
А почему в своем блоге не выложите? )
jon63   обратиться по имени Пятница, 16 Октября 2009 г. 13:01 (ссылка)
Пасибочки, бум к Новому году "воять" в фотошопе...
 (115x115, 16Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 16 Октября 2009 г. 13:23ссылка
Пожалуйста ))
Аноним   обратиться по имени корячился весь день. Пятница, 16 Октября 2009 г. 14:02 (ссылка)
Спасибо. Потом уже переделаю как надо
 (370x370, 112Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 16 Октября 2009 г. 14:05ссылка
Пожалуйста ) Очень красиво получилось!!
PLAST   обратиться по имени Пятница, 16 Октября 2009 г. 14:51 (ссылка)
Новый год не за горами!! За урок!!
48811090__225 (500x482, 73Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Улыбка_Ольга_Н   обратиться по имени Пятница, 16 Октября 2009 г. 15:53 (ссылка)
Спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
Olga_Manestar   обратиться по имени Пятница, 16 Октября 2009 г. 17:49 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Юлия_Сатдарова   обратиться по имени Пятница, 16 Октября 2009 г. 18:01 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Татьяна_Семенова   обратиться по имени Пятница, 16 Октября 2009 г. 21:35 (ссылка)
Жагуара, Спасибо, урок очень подробный и стоит попробовать...
Ответить С цитатой В цитатник
Перейти к дневнику
Elena_Khokhlova   обратиться по имени Суббота, 17 Октября 2009 г. 21:57 (ссылка)
большое спасибо. интересно.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 18 Октября 2009 г. 15:03ссылка
Пожалуйста )
Марина_Тигра   обратиться по имени Воскресенье, 18 Октября 2009 г. 17:21 (ссылка)
Спасибо,пошла пробовать!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 18 Октября 2009 г. 19:31ссылка
Пожалуйста )
Наталия_Поталова   обратиться по имени Воскресенье, 18 Октября 2009 г. 21:42 (ссылка)
Спасибо за урок!! Взяла в цитатник!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 18 Октября 2009 г. 22:13ссылка
Пожалуйста )
Галина_Литвинова   обратиться по имени Понедельник, 19 Октября 2009 г. 14:31 (ссылка)
Возьму в цитатник, с Вашего позволения, на досуге потренируюсь. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 19 Октября 2009 г. 14:34ссылка
Пожалуйста )
sophy-catherine   обратиться по имени Четверг, 10 Декабря 2009 г. 18:21 (ссылка)
Прекрасный урок! Я восхищаюсь возможностями ФШ
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 10 Декабря 2009 г. 19:01ссылка
Даааа, возможности у ФШ почти безграничны )
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку