Вы находитесь на странице: 1из 17

Упражнение 1.

Шапка для сайта

Прежде всего, откройте новый документ заказного размера с шириной и высотой (Width &
Height) 650 на 199 пикселей соответственно, разрешением (Resolution) 72 пикселя и
цветовым режимом RGB (Mode RGB Color).

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и затем создайте
следующее выделение с помощью инструмента Прямоугольная область
(Rectangular Marquee Tool).

Теперь заполните выделение любым цветом и затем сделайте выделение с помощью


инструмента Прямоугольная область (Rectangular Marquee Tool) как указано ниже.
Теперь выберите инструмент Градиент (Gradient Tool) и выставьте следующие
настройки градиента:

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните
выделение с помощью инструмента Градиент (Gradient Tool) с направлением сверху
вниз и ваша картинка должна будет теперь выглядеть как внизу:

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer)  и сделайте
следующее выделение с помощью инструмента Прямолинейное лассо (Polygonal
Lasso Tool).
Теперь выполните следующие действия: Выделение > Модификация >
Оптимизировать (Select > Modify > Smooth) и примените такие настройки:

Теперь ваш рисунок должен выглядеть так:

Заполните выделение цветом fffffa и затем сделайте следующее выделение с помощью


инструмента выделения Прямоугольная область (Rectangular Marquee Tool) и
нажмите Delete.
Создайте новый слой Слой > Новый > Слой (Layer > New > Layer)   и нарисуйте
следующую фигуру с помощью инструмента Прямоугольник с закругленными углами
(Rounded Rectangle Tool). Затем нажмите правую кнопку мышки и выберите
Образовать выделенную область (Make Selection).

Заполните выделение цветом 6897dd и придайте слою Режим наложения (Blending


Mode) -  Линейное затемнение (Linear Burn).

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


Теперь создайте следующее выделение с помощью инструмента Прямоугольная область
(Rectangular Marquee Tool).

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните
выделение цветом fffffa. Режим наложения (Blending Mode) этого слоя должен быть
Перекрытие (Overlay). Кроме этого снизьте Прозрачность (Opacity) до 12%.

Создайте следующее выделение с помощью инструмента Область (горизонтальная


строка) (Single Raw Marquee Tool) удерживая при этом Shift.

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer) и заполните
выделение цветом fffffa, понизив Прозрачность (Opacity) слоя.
Затем создайте следующее выделение с помощью инструмента Прямоугольник с
закругленными краями (Rounded Rectangle Tool). Затем нажмите правую кнопку
мышки и выберите Образовать выделенную область.

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer)  и заполните
выделение любым цветом. После этого выберите Внутренняя тень (Inner Shadow),
Наложение градиента (Gradient Overlay), Обводка (Stroke)

Теперь создайте три копии слоя, нажав три раза Ctrl+J, и разместите каждую с помощью
инструмента Перемещение (Move Tool).
Затем выберите инструмент Горизонтальный текст (Text Tool) и создайте надписи.

Создайте новый слой Слой > Новый > Слой (Layer > New > Layer)   и выберите
инструмент Произвольная фигура (Custom Shape Tool) с использованием фигуры
Солнце 1 и таких настроек:

Создайте вышеуказанную фигуру с помощью инструмента Произвольная фигура


(Custom Shape Tool) и затем выберите инструмент Перо (Pen Tool). Нажмите правой
кнопкой мышки и выберите Образовать выделенную область (Make Selection), задайте
радиус 0 пикселей, выберите Новая выделенная область (New Selection) и ОК.

Теперь Ваш рисунок должен выглядеть, как указано ниже. Заполните его цветом fffffa,
Режим наложения (Blending Mode) этого слоя должен быть Мягкий свет (Soft Light).В
параметрах слоя добавьте Тень.
Упражнение 2. Рисуем кнопку для сайта

Шаг 1. Создайте новый документ, цвет фона задайте показателем: #f7f5f6. Активизируйте
инструмент Rounded reqtangle Tool (Прямоугольник со скругленными углами) с
радиусом скругления 10 пикселей. В качестве цвета для переднего плана установите цвет
с показателем: #2f88bb.  На новом слое создайте небольшой скругленный прямоугольник.

Шаг 2. Теперь перейдите в Layer Style (Стили слоя) и примените для нарисованного
прямоугольника Outer Glow (Внешнее свечение) и Inner Glow (Внутреннее свечение)

Шаг 3. Удерживая клавишу <Ctrl>, щелкните мышкой на пиктограмме слоя с


прямоугольником, для того, чтобы загрузить на него выделение. Создайте новый слой,
войдите в меню: Select> Modify> Contract (Выделение -Модификация - Сжать) и в
параметре «размер сжатия» установите значение: 1 пиксел. Активизируйте инструмент
Elliptical marquee Tool (Овальная область выделения), и, удерживая нажатой
клавишу <Alt>, начинайте вычитать выделение, как показано на рисунке. После того, как
останется необходимая часть выделения, заполните это выделение белым прозрачным
градиентом, режим наложения градиента установите «Перекрытие», непрозрачность
слоя-48%, и снимите выделение, нажав комбинацию клавиш <CTRL+D>.

Шаг 4. Создайте новый слой и, используя инструмент Elliptical marquee Tool


(Овальная область выделения), создайте эллипс, как показано на рисунке. Теперь,
используя инструмент Gradient (Градиент), стиль - от основного к прозрачному, и
создайте градиентную заливку по овальному выделению. Этот градиент будет выполнять
функцию тени.

Шаг 5. Далее, удерживая клавишу <Ctrl>, щелкните мышкой на пиктограмме слоя с


прямоугольником, для того, чтобы загрузить на него выделение. Теперь, войдите в меню
Select> Inverse (Выделение - Инверсия), и нажмите клавишу <Delete>. Этим действием
мы уберем лишнюю тень с кнопки.
Шаг 6. Установите непрозрачность для слоя с кнопкой до 32%. Удерживая клавишу
<Ctrl>, щелкните мышкой на пиктограмме  первого слоя, для того, чтобы загрузить на
него выделение, а затем, удерживая клавишу <Alt> и используя Rectangular marquee
Tool (Прямоугольную область выделения), вычтите половину выделения.

Шаг 7. Залейте созданное выделение белым цветом, и измените непрозрачность до 11%.

Шаг 8. Теперь создайте  новый слой, и нарисуйте круг, как показано ниже.

Шаг 9. Далее, войдите в меню: Layer Style (Стили слоя) и выберите команду Gradient
Overlay (Наложение градиента) для заливки градиентом созданного небольшого круга.

Шаг 10. Теперь можно добавить немного сияния для круга.

Шаг 11. Теперь добавьте необходимый текст.


Упражнение 3. Кнопка с отражением

1. Создайте новый документ(Ctrl+N) с белым фоном. Используя "Elliptical Marquee


Tool", сделайте такое выделение:

2. Создайте новый слой (Layer/New или Ctrl+N+Shift) и залейте его каким-нибудь


цветом. Назовите его "button" (кнопка).

3. Используя "Dodge Tool"  , создайте внутреннее свечение, как на рисунке:


4. Создайте еще одно выделение, используя .
Создайте новый слой и назовите его "border" (обводка).

5. Заполните его цветом и расположите под слоем "button".


6. Пройдите в Layer/Layer style/Gradient overlay (Слой - Стиль слоя - Наложение
градиента), используйте такие настройки:

7.   Layer/Layer style/Stroke (Слой - Стиль слоя - Обводка).

8. Layer/Layer style/Drop shadow (Слой - Стиль слоя - Тень).


9. Выберите слой "button" и пройдите в  Layer/Layer style/Inner shadow (Слой - Стиль
слоя - Внутренняя тень).  
11. Создайте новую круглую форму .

12. Уменьшите непрозрачность (Opacity) слоя до 8%.


13. Создайте новую форму в виде окон. Окошки можно нарисовать с помощью фигуры
прямоугольника. Объедините 4 окна в один слой. Дублируйте его.

14. Удерживая "Ctrl", щелкните по слою "button".


15. Пройдите в меню Filter/Distort/Spherize (Фильтр - Искажение - Сферизация).
Повторите действие фильтра.

Выберите слой с копией окна и сделайте с ним то же самое. Объедините слои с окнами.

16. Уменьшите Непрозрачность до 15% и Режим наложения на Overlay (Перекрытие):


17. Подкорректируйте окна с помощью мягкого ластика. Кнопка готова!