Элективный курс "Компьютерная графика - PhotoShop"

Урок: Создание изображения "ЩИТ"

И так, приступим:

1. Создаем новый документ 500х500рх.
   Выбираем инструмент Градиент (Gradient Tool (G)), устанавливаем тип Радиальный графиент (Radial Gradient), закрашиваем фон примерно как на картинке:
    
   
   
   
2. Нажмите “Ctrl+R” (или меню: Просмотр – Линейки) для появления линеек (разметка по контуру рабочей области).
   Кликните ПKM (правая кл мыши) на линейке и выберите Пикселы (Pixels), после этого нажмите ЛКМ на верхнюю линейку, и, не отпуская кнопку, вытяните оттуда горизонтальную направляющую, поместив ее на расстоянии 100рх.
   Таким же методом разместите направляющие на 250рх и 400рх.
   Теперь разместите вертикальные направляющие, на 100рх, 250рх и 400рх, вытащив их из левой линейки:
   
   
3. Выбираем инструмент Перо (Pen tool), выставляем режим Контуры (Paths) и обычным щелканьем мыши (НЕ ТЯНИТЕ МЫШЬ) создайте три точки, как показано ниже (возвращаемся в точку 1!):
   
   
4. Выберите инструмент Перо+ (Add Anchor Point Tool) и создайте дополнительные три точки, как показано ниже:
   
   
   
5. Выберите инструмент Стрелка (Direct Selection Tool (A)), щелкните им на верхнюю среднюю точку, затем зажмите "Shift" и два раза нажмите на стрелку вверх (на клавиатуре).
   Сейчас мы передвинули точку на 20рх, теперь поочередно выберите средние точки наших боковых сторон и передвиньте их на 40рх от центра (нажмите 4 раза):
   
   
   Все эти изменения можно провести и без клавиатуры, передвигая узловые точки, но тогда труднее получить симметричную фигуру. Можно добавить и другие узловые точки, чтобы придать щиту совершенно другую форму.
   Для скрытия направляющих (они больше не нужны):
   
   
6. Теперь мы будем создавать из наших точек форму, похожую на “Щит”.
   Для этого поочередно выбираем средние точки боковых сторон, зажимаем "Shift" и передвигаем векторы точки до вертикального положения (изгибаем стороны), также сами точки передвигаем еще на 20рх от центра вниз:
   
   
7. Сохраним нашу форму. Для этого зайдите в панель Контуры (Paths) (если ее нет, то нажмите Окно > Контуры (Window>Paths) для ее появления) и нажмите на маленькую стрелочку:
   
   Выберите Сохранить контур (Save Path), в появившемся окне введите для него название и нажмите ОК.
   
8. Создайте новый слой (Shift+Ctrl+N), выберите инструмент Перо (Pen Tool (P)) и нажмите “Ctrl+Enter”, получим выделенную область, которую дальше раскрасим.
   Теперь возьмите инструмент Градиент (Gradient Tool (G)), выберите тип Линейный градиент (Linear Gradient), и сделайте переход от светло-серого к более темному (#fсfсfс; и #9b9b9b;):
   
   
   
9. Не снимая выделения, создайте новый слой и выполните Выделение > Модификация > Сжать (Select > Modify > Contract), выставите значение Сжать на (Contract by): 10px. Снова выберите инструмент Градиент (Gradient Tool (G)), с теми же цветами, но теперь тяните градиент из противоположного угла, что бы получить такой результат:
   
   
10. Опять же, не снимая выделение, создаем новый слой, выполняем Выделение > модификация > сжать выставляем значение Сжать на: 10px. Выбираем инструмент Градиент, но на этот раз выбираем тип Радиальный и заливаем, используем цвета: #f 99ff66; # 009933; получаем:
    
    
11. Теперь возвращаемся к среднему слою нашего щита и с зажатым “Ctrl” щелкаем по иконке этого слоя, получаем выделение:
    
    
    Создаем новый слой и с помощью инструмента Заливка (Paint Bucket Tool (G)) заливаем выделение белым цветом.
    Выполняем Выделение > Модификация > Сжать и выставляем значение Сжать на: 1px” и нажимаем “Delete”:
    
12. Теперь, заходим в Параметры наложения… (Blending Options…) верхнего слоя (зеленого) и настраиваем Отбросить тень (Drop Shadow) как на картинке, а у Внутренней тени (Inner Shadow) меняем только параметр Смещение (Distance) выставляем у него значение “0px”, остальные параметры не трогаем:
    
13. Создаем новый слой, он должен быть самым верхним, берем инструмент Овальная область (Elliptical Marquee Tool (M)), создаем овальное выделение и заливаем его белым цветом:
    
14. Нажмите “Ctrl+T” и поверните эллипс как показано:
    
15. Теперь, не снимая выделение, создайте новый слой и сделайте не видимым слой с нашим эллипсом (можно его удалить вообще).
    Возьмите инструмент Gradient Tool (G), выберите тип градиента “Radial Gradient” и в качестве перехода выберите тип от белого к прозрачному:
    
    Создаете заливку, подобную показанной ниже:
    
16. Зажмите “Ctrl” и щелкните в списке слоев на иконку зеленого слоя, таким образом мы получаем выделение по форме идентичное этому слой. Убедитесь, что в списке слоев у нас по прежнему выбран верхний слой, нажимаем “Ctrl+ Shift+I” и жмем “Delete”:
    
    
17. Меняем режим наложения слоя на Перекрытие (Overlay) и выставляем Непрозрачность (Opacity): 60%:
    
    
18. Создайте новый слой, зажмите “Ctrl” и кликните по иконке зеленого слоя. Берем инструмент Градиент, выбираем тип Линейный градиент и выбираем переход от черного к прозрачному. Создаем заливку как показано ниже:
    
19. Меняем режим наложения слоя на Мягкий свет (Soft Light), выбираем инструмент Волшебная палочка (Magic Wand Tool (W)), зажимаем “Shift” и два раза нажимаем на стрелку вниз (на клавиатуре), жмем “Delete”:
    
    
20. Берем инструмент Burn Tool (O) с режимом Света (Highlights), Экспозиция (Exposure): 10%”, кисть выберите побольше и с размытыми краями. Выбираем наш первый серый слой (в списке он должен быть вторым снизу) и затемняем правый нижний угол, далее выбираем второй серый слой и затемняем верхний левый угол:
    
    
    
21. Выбираем самый нижний слой, берем инструмент Произвольная фигура (Custom Shape Tool (U)) и выбираем узор Фигура (Shape) показанный ниже:
    
    Выберите основной цвет – белый, и с зажатым “Shift” растяните узор, инструментом Перемещение (Move Tool (V)) расположите узор по центру:
    
22. Меняем режим наложения слоя на Перекрытие (Overlay) и выставляем Непрозрачность (Opacity): 30%:
    
    
    В этом шаге может получиться так, что правая нижняя часть нашей формы, будет не видна из-за слишком темного фона. Можно выбрать первый слой и залить его новым, более светлым градиентом.
23. Далее на самый верхний слой добавляем букву “i” желтого цвета и выставляем для слоя Непрозрачность (Opacity): 20%”. Теперь пишем “информатика”
    
24. Лучшие Щиты, созданные учащимися нашей школы: