Это урок я написала по просьбе форумчанки sitechko. Рассмотрим как нарисовать в Фотошопе различные формы, взаимодействующие друг с другом. Вот такой будет результат урока:

1. Открываем новый файл с белым фоном, размером 600 на 400 пкс.
2. Создаём новый слой, для этого нажмём на иконку , расположенную внизу окна Слоёв.
3. Берём инструмент «Прямолинейное Лассо» (Polygonal Lasso) или жмём клавишу (L), чтобы его вызвать. Рисуем такую форму, нажимаем  сначала на верхнюю левую точку, затем за нами потащится линия, ставим верхнюю правую точку, потом нижнюю правую, и так идём по всем углам. Соединяемся опять в верхней левой точке, и вот такое выделение получилось:

4. Зальём это выделение цветом: aac2ac, или каким вам нравится. Затем, не снимая выделение, возьмём цвет потемнее, примерно такой: 7f9281 и сделаем вокруг нашего выделения рамку, для этого идём Редактирование – Выполнить обводку (Edit – Stroke), откроется такое окно, ставим там такие настройки и жмём ОК:

Снимаем выделение, для этого нажимаем клавиши (Ctrl+D).

5. Создаём новый слой, как в п.2.
6. Снова берём инструмент «Прямолинейное Лассо» (Polygonal Lasso)(L), смотрим на верхнюю панель опций инструмента, чтобы у нас была нажата иконка «Добавление к выделенной области»(Add to Selection):

Когда будем рисовать, увидим маленький плюсик возле инструмента, значит он у нас выбран правильно. Рисуем сначала такой треугольник:

Затем рисуем ещё и такую фигуру:

7. Будем заливать эти выделения градиентом. Естественно в панели инструментов выбираем инструмент «Градиент» (Gradient)(G), в верхней панели опций инструмента выбираем «Линейный градиент» (Linear) и устанавливаем цвета для градиента: основной: bacdba, а фоновый – белый.
8. Установим для градиента вот такие настройки:

Жмём ОК и проводим градиент снизу вверх, вот так:

9. Сейчас будем делать рамку вокруг фигур, точно так же как в п.4, но сделаем это на новом слое, нам это потом понадобится.
Не снимая выделение с наших фигур, создаём новый слой, как в п.2 и теперь делаем обводку, как в п.4, с тем же цветом. Выделение теперь можно снять (Ctrl+D), и назовём слой «Рамка фигур», вот такие сейчас у нас слои в окне Слоёв:

Сейчас, когда будем создавать новые слои, слой «Рамка фигур» всегда должен быть наверху.

10. Нажмём на Слой 2 и создадим новый слой, как в п.2, новый слой (Слой 3) расположился между слоем 2 и слоем «Рамка фигур». Теперь берём инструмент «Овальная область»(Elliptical Marquee Tool) (М) и с нажатыми клавишами  Shift+Alt, рисуем такой круг:

Заливаем его цветом 972a03:

11. Не снимая выделение, создаём новый слой (Слой 4) и идём Выделение – Трансформирование выделенной области (Select – Transform Selection). С нажатыми клавишами  Shift+Alt, немного уменьшаем круг:

Жмём Enter и заливаем это выделение цветом: d6753d :

12. Снова выбираем инструмент «Овальная область»(Elliptical Marquee Tool) (М) и с нажатой клавишей  Alt, рисуем такой круг:

Когда мы отпустим кнопку мыши, у нас останется выделенным вот такой сегмент:

Зальём его цветом e2a17a и снимем выделение этого сегмента (Ctrl+D).

13. Теперь выделим весь этот круг, для этого с нажатой клавишей Ctrl нажмём на иконку Слоя 4:

Появилось выделение круга. Берём инструмент «Градиент» (Gradient)(G), в верхней панели опций инструмента выбираем «Радиальный градиент» (Radial gradient), цвет ставим ed9033. Нажмём на иконку градиента в верхней панели опций инструмента и выберем градиент от цвета к прозрачному:

И выставим градиент в нижней части круга:

14. Далее, установим основным - белый цвет и снизим непрозрачность градиента до 45%:

И выставим этот градиент в верхней части круга:

Снимаем выделение (Ctrl+D) и инструментом «Перемещение» (Move) (V) сдвигаем круг немного вниз, а сейчас добавим ещё стиль слоя, для этого дважды щёлкнем по слою с кругом или нажмём на иконку  внизу окна слоёв, выбираем стиль Внутренняя тень (Inner Shadow) и выставляем такие настройки:

Вот такой результат:

15. Сейчас создадим новый слой (Слой 5) и сделаем выделение нижнего круга, он у нас на слое 3, делаем так же как в п.13, т.е. с нажатой клавишей Ctrl нажмём на иконку Слоя 3, зальём получившееся выделение цветом: 728571.
16. Берём радиальный градиент с цветом c0dabf и выставим его на верхней части круга:

17. Снимаем выделение (Ctrl+D) и копируем стиль слоя со слоя 4 на слой 5, для этого с нажатой клавишей Alt перетаскиваем мышкой иконку стиля слоя со слоя 4 на слой 5:

Щёлкнем по иконке стилей слоя 2 раза и добавим ещё один стиль – Тень(Drop Shadow), вот с такими настройками:
 

18. Сейчас нам нужно стереть среднюю часть серого круга, для этого делаем выделение слоя 2, там где у нас нарисованы большие фигуры, инвертируем это выделение, т.е. нажмём клавиши: (Ctrl+ Shift + I), и теперь жмём клавишу Del, вот и нет серединки:

Снимаем выделение (Ctrl+D).
19. Создадим кольцо вокруг кругов. Для этого создаём новый слой (Слой 6). Далее загружаем выделение круга со слоя 3 и выполняем трансформирование  как в п. 11, только трансформируем выделение не уменьшая его, а увеличивая:

Заливаем это выделение белым цветом и выставляем Непрозрачность слоя (Opacity) 50%:

Снимаем выделение (Ctrl+D) и снова загрузим выделение круга со слоя 3 и нажмём клавишу Del, серединка удалится:

20. Снимаем выделение (Ctrl+D) и  с нажатой клавишей Ctrl щёлкаем по иконке слоя 6, чтобы загрузить выделение получившегося кольца. Берём линейный градиент с цветом b4b4b4 и выставляем его по направлению стрелки:

Снимаем выделение (Ctrl+D).

21. Сейчас сделаем всё как в п.18 для слоя 6, чтобы удалить среднюю часть кольца:

22. Ну и добавим надпись по кольцу. Создадим новый слой (Слой 7) и выберем инструмент
«Перо» (Pen)(P) и поставим две точки – в начале текста и в конце.

Сейчас возьмём инструмент «Угол» (Convert Point Tool), он находится там же, где и Перо, нужно нажать на иконку инструмента Перо и выбрать в открывшемся окне Угол. Щёлкнем инструментом Угол по точке контура, и потянуть её, появятся два усика, нужно тянуть их, чтобы сделать полукруг:

23. Сейчас выбираем инструмент  «Текст» (Type)(Т) и подводим курсор к нашему полукругу, курсор изменит вид, он будет перечёркнут волнистой чертой:

Пишем текст, можно к нему применить стили слоя:

Изменим цвет фона и результат вы видите в начале урока.