Начнём

1. Создаём новый документ размерами 950 px на 600 px с белым задним фоном и выставляем значение «Resolution» (Решение) 300 pixels/inch. Теперь выираем инструмент «rectangular selection» (Прямоугольное выделение). В настройках, появившихся сверху, выставляем стиль выделения (style) на «фиксированный размер» (Fixed Size) и в активных окошках выставляем значения в 400 и 100 px.

2. Ставим наше выделение примерно на середине листа. Сейчас необходимо будет добавить несколько направляющих (guides), они помогут нам в дальнейшем. Нажимаем: «Вид» (view) -> «новая направляющая» (New guide). Появившуюся направляющую нужно переместить к краю нашего выделения. После этого добавляем ещё направляющую… И потом ещё… И ещё… В общем должно получиться на рисунке 5 подобных линий: Две вертикальные (по краям слева и справа) и три горизонтальные (сверху, снизу и примерно по середине)

3. Теперь берём градиентную заливку и выбираем там градиент под названием «Steel bar». [чтобы просмотреть название градиента нужно просто навести на него курсором мышки и подождать пару секунд] Если, вдруг, вы не нашли у себя такого градиента [Мало ли что бывает ], то вы можете сами смастерить его. Это не сложно))) Просто выставите подобные настройки

После того, как вы разобрались с градиентом, необходимо создать новый слой. [Назовём его «основа»] Теперь, при активном выделении, закрашиваем этот прямоугольничек. Для этого, проводим прямую линию от нижнего края выделения до верхнего. Получается вот так

4. Теперь слегка подправим изображение. Нажимаем: «Рисунок» (Image) -> «регулирование» (Adjustments) -> «кривые» (Curves) и рисуем вот такую загогулинку

5. Теперь, всё так же при активном выделении, создаём новый слой [он будет называться «цвет»] и заполняем его красным цветом. [#d60005] и выставляем прозрачность слоя (Opacity) примерно на 60%.

6. Дублируем слой «основа» и перемещаем его на самый вех в списке слоёв. Берём инструмент «Прямоугольное выделение» (rectangular selection), возвращаем стиль выделения к «нормальному» и выделяем большую часть карандаша, после чего удаляем её. Получается такая металлическая окантовка. Кстати, называем этот слой «металл».

7. Выбираем инструмент «круглое выделение» (Elliptical Marque tool). Зажимаем кнопочку Shift для создания ровного круга, он должен касаться нижнего и верхнего края нашего карандашика. Вот сейчас нам как раз помогут наши направляющие. После создания подобного выделения, нажимаем на него правой кнопкой и выбираем «трансформация выделения» (Transform Selection). Уменьшаем ширину нашего круга вдвое. Для этого в верхней строке с настройками ставим параметры ширины «50%». Теперь перетаскиваем выделение на нужное место и удаляем содержимое. Должна получиться такая выемка

8. Создадим новое выделение, такое же как и в предыдущем шаге. Расположим его так, как показано на рисунке выше. Теперь берём «прямоугольное выделение» (rectangular selection), и [удерживая кнопочку Shift] проводим вот такой прямоугольничек.

После чего инвертируем выделение [ctrl + Shift+ I] и нажимаем кнопочку Delete.

9. Теперь нажимаем левой кнопкой мышки на маленькое изображение слоя «металл», при этом удерживая кнопочку Ctrl. Нам надо сдвинуть выделение на 4 пикселя вправо… Для этого четыре раза нажимаем на кнопочку со стрелочкой, указывающую вправо, находящуюся правее правого Ctrl ))))))))) Инвертируем получившееся выделение [Shift + ctrl + I]. Теперь нажимаем три клавиши сразу: Ctrl +Alt+ Shift и кликаем на маленькую иконку слоя «металл». При активном выделении этой маленькой полосочки, нажимаем Ctrl +J. Теперь делаем слой «Металл» невидимым, снимаем выделение, копируем несколько раз слой с тоненькой полосочкой и располагаем их с учётом того, что это будут «выпуклости» нашей металлической окантовки. Соединяем эти слои в один и применяем вот такие настройки стиля слоя

10. Скопируйте слой «металл» и назовите копию «стёрка». Переместите «стёрку» под слой «металл». Теперь нажимаем ctrl +u и выставляем вот такие настройки

Снова копируем слой «металл». Называем копию « тень». Переносим этот самого оригинала. Нажимаем Ctrl +U И тянев третий ползуночек до конца влево. Теперь разблюрим «тень». Нажимаем: «Фильтр» (Filter) -> «Размытие» (Blur) - > «размытие в движении» (Motion Blur). Выставляем значение угла в ноль градусов и дистанцию- 5

11. Создаём новый слой, называем его «наконечник». Используя «многоугольное лассо» (Polygonal Lasso) делаем выделение, как показано ниже и заполните выделение светло- оранжевым цветом. Теперь перенесите наш слой ниже слоя «основание»

12. копируем слой «основание» И перетаскиваем его ниже оригинала. Слегка смещаем этот слой влево, чтобы он перекрывал слой «наконечник». Теперь нажимает Ctrl +U И выставляем вот такие настройки

13. Теперь создаём новый эффект в связке (Clipping Mask). Для этого зажимаем кнопочку Alt и кликаем в списке слоёв между «Наконечником» и слоем с градиентом

14. Убедившись, что у нас выбран слой с градиентом, нажимем: «Правка» (Edit) -> «Трансформация» (Transform) -> «Перспектива» (Perspective) и превращаем наш градиент вот в такую штуку

15. Теперь снова создаём выделение, как в шаге 7. И делаем дырочку слоях «основание» и цвет

16. Создайте новый слой. Он должен находиться над слоем с градиентом. Назовём его «деревяшка». Нажав D, сбросим цвета к первоначальному состоянию. Теперь нажимаем X [Английскую] чтобы поменять цвета местами. Теперь заливаем слой белым цветом и нажимаем: «Фильтр» (Filter) -> «Рендер» (Render) -> «волокна» (Fibers). Применив этот фильтр поворачиваем этот слой на 90 градусов и, нажав Alt, применяем эффект в связке с градиентным слоем. Нажимаем: «Правка» (Edit) -> «Трансформация» (Transform) -> «Перспектива» (Perspective) и делаем примерно то же, что и с градиентом
Ставим стиль слоя на «Мягкий свет» (Soft Light) и снижаем прозрачность до 60%

17. Берём инструмент «круглое выделение» (Elliptical Marque tool) и выделяем кончик карандаша. Находясь на слое «деревяшка» при активном выделении, нажимаем Delete, а перейдя на слой с градиентом нажимаем «Изображение» (Image) -> «Регулирование» (Adjustments) -> «уровни» (Levels) и выставляем настройки, показанные ниже. После чего нажимаем Ctrl +U и двигаем второй ползунок до конца влево

18. Объединяем все наши слои, кроме заднего фона, в один, называем его «карандаш». С него делаем две копии, называя их «тень» и «блик». Естественно, самый верхний слой- карандаш, пониже- тень, ещё ниже- блик. Заливаем слой с тенью чёрным цветом

19. теперь слегка разблюриваем тень с помощью «размытия по гауссу» (Gaussian Blur). Делаем активным слой с бликом и добавляем к нему маску слоя. После чего применяем градиент, используя вот эти настройки

20. Осталось только добавить градиент на задний фон и надпись