Дизайн сайта для продажи Программы

[web-design]

Рисуем

Создаем новый документ 760 на 770 пикселей с белым цветом фона. Берем инструмент Rounded rectangle радиусом 15 пикслей и рисуем фигуру:


Edit > Transform > Warp(только в Photoshop CS2)


Выбираем Arch и жмем Enter на клавиатуре. Результат:


Поворачиваем фигуру, чтобы получилось тоже самое, что на рисунке:


Дублируем слой, Edit > Transform path> Flip Horizontal. Помещаем копию так, как на рисунке:


Теперь применяем стили слоя:





Результат:


Берем инструмент Rectangle и рисуем прямоугольник:


К черному прямоугольнику применяем стили слоя:




Результат:


Дублируем красные фигуры:


Выделив обе копии жмем CTRL+E(склеиваем слои)


Edit > Transform > Flip Vertical и помещаем так как на рисунке:


Нажимаем на add layer mask


Берем инструмент gradient с такими настройками:


Проводим такую линию:


Можно удалить некоторые части зеркала инструментом Eraser


Еще раз дублируем красные фигуры и помещаем как на рисунке:


Применяем стили слоя:




Добавляем детали:


Пишем текст и мелкие детали:


Берем инструмент Rounded Rectangle радиусом 5 пикселей и рисуем 2 фигуры:


Для них добавляем такие стили слоя:



Результат:


Слева можно добавить навигационное меню:


Чтобы нарисовать облака вам понадобится комплект кистей Brush #5 –Clouds который можно скачать тут. Рисуем облака на новом слое


Справа можно нарисовать ценовую бирку, используем для этого инструмент Pen


Применяем стили слоя:





Результат:


Инструментом Rectangle рисуем прямоугольник:


Инструментом ellipse рисуем два круга:


Теперь рисуем маленький черный кружок на красной фигуре:


Рисуем нить инструментом Brush


Пишем текст


Нарисуем еще одну кнопку инструментом Rounded Rectangle


Нам понадобится еще один блок кистей - Brush #13 - Tech Brushes. Его можно скачать по ссылке наверху. На новом слое рисуем нечто похожее на это:


Наконец добавляем логотип. Вот и все! Финальный результат:


Автор: Talk-Mania
Перевод: Serious St@son
Источник

@темы: Уроки, Web-дизайн