Наши уроки Web дизайна вдохновляют. Здесь нет сложных приемов, но, безусловно, всегда есть главная Идея, которая и отличает профессионала от начинающего.
Навыки для «прокачки»:
- создание композиции
- создание геометрических форм в Фотошоп
- работа со стилями слоя

Шаг 1. Создайте новый документ размером 760x770. Затем откройте фото, которое будете использовать. Уроки Web дизайна требуют не только фантазии, но и хороших исходников, поэтому, для начала скачайте в интернете нужные изображения и хорошенько продумайте расположение ваших объектов. У нас – это нечто аппетитное и сладкое.



Шаг 2. Инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool)
создадим форму следующим цветом # b90306. И разместим эту форму в верхней левой части макета.



Шаг 3. Добавим стиль слоя Тень (Drop Shadow)



Шаг 4. После этого создадим еще одну фигуру следующим цветом # 9e553a



Шаг 5. Добавим стиль слоя Тень (Drop Shadow) с теми же настройками.



Шаг 6. Создадим еще один прямоугольник, как на следующем рисунке. Вы можете посмотреть, как изображение клубники будет выглядеть рядом с этими фигурами.



Шаг 7. После этого активируем Прямоугольник (Rectangle Tool)



Шаг 8. И создадим небольшую форму.



Шаг 9. Добавим следующие стили слоя:







Шаг 10. После этого перейдем в Редактирование-> Трансформирование-> Деформация (Edit-> Transform-> Warp)



Шаг 11. В меню выберем Другой (Arc)



Вот наш результат.



Шаг 12. После этого будем вращать слой, и поместим форму, как на рисунке ниже.



С помощью инструмента Эллипс (Ellipse Tool)



Шаг 13. Создадим небольшую форму.



Шаг 14. Дублируем этот слой, и инструментом Перемещение (Move tool), переместим ее как на рисунке ниже.



Шаг 15. Теперь дублируем последние 3 слоя, и разместим их как на картинке ниже.



Шаг 16. Инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool) создадим простую форму, и на эту форму добавим изображение с шоколадом.



Вот видите, уроки Web дизайна бывают еще и вкусными )))

Шаг 17. Для этой формы добавим стиль слоя Тень (Drop Shadow)



Вот наш результат.



Шаг 18. Далее Инструментом Прямоугольник со скругленными углами (Rounded Rectangle Tool) создадим еще одну небольшую форму белым цветом.



Шаг 19. Затем инструментом Эллипс (Ellipse Tool) создадим кнопку поиска. Вы можете посмотреть на следующем изображении, как сделан этот эллипс.



Шаг 20. Следующим шагом будет создание стрелки, с помощью фигур. Вы можете скачать несколько фигур

Здесь

Активируем инструмент Произвольная фигура (Custom Shape Tool)



Шаг 21. И сделаем следующую фигуру.



Шаг 22. И поставим эту маленькую стрелку справа сверху черного эллипса.

Шаг 23. В следующем шаге мы добавим текст Инструментом Текст (Type Tool), и несколько изображений из вашей коллекции.



Вот и все, наш макет готов! Всего наилучшего!