Сайт для рекламы сладостей

1. Создайте новый документ:


Сайт для рекламы сладостей



2. Залейте фон цветом #B2CFD7, используя инструмент Заливка (Paint Bucket Tool).

3. Используя инструмент Прямоугольная область (Rectangular Marquee Tool), сделайте выделение и залейте го цветом #402E18, как показано ниже:


Сайт для рекламы сладостей



4. Потом к этому слою с прямоугольником примените стиль Внешнее свечение
(Layer Style — Outer Glow) и настройте так:


Сайт для рекламы сладостей



5. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение и залейте его цветом #321E09.


Сайт для рекламы сладостей



6. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение и залейте его цветом #42301a в новом слое.


Сайт для рекламы сладостей



7. Тем же инструментом сделайте выделение шириной в 1 пиксель и залейте его цветом #56462F.


Сайт для рекламы сладостей



8. Вы получите такой результат:


Сайт для рекламы сладостей



9. Таким же образом сделайте ещё выделение и залейте его цветом #50391F.


Сайт для рекламы сладостей



10. Когда вы отдалите изображение, то оно будет выглядеть так:


Сайт для рекламы сладостей



11. Теперь нужно добавить текст инструментом Горизонтальный текст (Horizontal Type Tool). Шрифт — Helvetica Neu.


Сайт для рекламы сладостей



12. Сделайте выделения шириной в 1 пиксель и залейте их цветом #50391F. Это будут наши разделители.


Сайт для рекламы сладостей



13. Теперь добавим логотип. Цвет текста для логотипа — #F8F0A, а цвет маленького текста под ним — #A3D7E5. Потом просто добавьте иконку конфеты:


Сайт для рекламы сладостей



14. Теперь добавим текст меню. Для активного текста используйте цвет — #FFFFFF, для неактивного — #F8F0A5.


Сайт для рекламы сладостей



15. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте маленькие выделения и залейте их цветом #402E18. Это будут разделители:


Сайт для рекламы сладостей



16. Сделайте копии этого разделителя и поместите их между всеми словами:


Сайт для рекламы сладостей



17. Теперь добавим текст в конце линии, в которой только что работали. Цвет слова ‘Subscribe’ — #FFFFFF ; остальных слов — #F08A13. Я также добавил икону RSS.


Сайт для рекламы сладостей



18. Загрузите текстуру Cement Texture и поместите её над первыми двумя слоями нашего заголовка. Установите Режим наложения слоя с текстурой — Умножение
(Blending Mode – Multiply), установите значение Непрозрачности (Opacity) — 37%


Сайт для рекламы сладостей



19. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение, как показано ниже и залейте его цветом #483723.


Сайт для рекламы сладостей



20. К слою с этим выделение примените стиль Обводка (Layer Style — Stroke):


Сайт для рекламы сладостей



21. Приблизьте изображение и инструментом Перемещение (Move Tool) отодвиньте нашу область от границы на 1 пиксель.


Сайт для рекламы сладостей



22. Создайте ещё одно выделение, как показано ниже и залейте его цветом #C7BD80.


Сайт для рекламы сладостей



23. Используя инструмент Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение, как показано ниже:


Сайт для рекламы сладостей



24. Перейдите в меню Редактировать»Очистить (Edit>Clear) и вы получите такой результат:


Сайт для рекламы сладостей



25. К этому слою с полоской примените стиль Отбрасывание тени (Layer Style — Drop Shadow):


Сайт для рекламы сладостей



26. Инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение и залейте его цветом #B4AB73, как показано ниже:


Сайт для рекламы сладостей



27. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст цветом #321E09, и примените к этому слою стиль Отбрасывание тени (Layer Style — Drop Shadow):


Сайт для рекламы сладостей



28. Вы получите такой результат:


Сайт для рекламы сладостей



29. Повторите этот процесс и создайте ещё ленты с текстом и содержимое:


Сайт для рекламы сладостей



30. Слева у нас большое свободное пространство. Туда поместите картинки и статьи.


Сайт для рекламы сладостей



31. Сделайте выделение внизу и залейте его цветом #2C1B0A, цвет текста на нём — #705F45. Я также добавил вниз иконку:


Сайт для рекламы сладостей







Делаем Web-дизайн

Вас может также заинтересовать:

24 февраля 2018

24 февраля 2018

24 февраля 2018