Отправляет email-рассылки с помощью сервиса Sendsay

Photoshop Zona

  Все выпуски  

Photoshop Zona Создаем красивый дизайн сайта из роз


Итак, давайте начнем с создания нового документа 780 х 700 пикселей с серым фоном # 616161.
Выберите инструмент Прямоугольник Создаем красивый  дизайн сайта из роз (Rectangle Tool) и нарисуйте прямоугольник.

Создаем красивый  дизайн сайта из роз


Теперь нам нужно создать узор.
Откроем новый документ 7 х 7 пикселей с прозрачным фоном. Увеличим его для удобства и инструментом Карандаш Создаем красивый  дизайн сайта из роз (Pencil tool) создадим узор как на изображении ниже:

Создаем красивый  дизайн сайта из роз


Перейдем Редактирование-> Определить узор (Edit-> Define Pattern). Введите имя и нажмите ОК.
Теперь мы вернемся к нашему макету. Добавим стиль слоя (Add a layer style) нашему прямоугольнику.
Перейдем Слой-> Стиль слоя-> Тень (Layer-> Layer Style-> Inner Shadow) и поставим эти настройки:

Создаем красивый  дизайн сайта из роз


Теперь перейдем Слой-> Стиль слоя-> Обводка (Layer-> Layer Style -> Stroke) и поставим эти настройки:

Создаем красивый  дизайн сайта из роз


Далее мы создадим несколько кнопок.
Установите цвет переднего плана # 353535 и инструментом Прямоугольник Создаем красивый  дизайн сайта из роз (Rectangle Tool ) нарисуйте несколько кнопок:

Создаем красивый  дизайн сайта из роз


Давайте применим еще раз некоторые стили слоя:
Перейдем Слой-> Стиль слоя-> Тень (Layer-> Layer Style-> Inner Shadow) и поставим эти настройки:

Создаем красивый
 дизайн сайта из роз


Теперь перейдем Слой-> Стиль слоя-> Обводка (Layer-> Layer Style -> Stroke) и поставим эти настройки:

Создаем красивый  дизайн сайта из роз


Мы создали нашу первую кнопку.
Дублируйте эту кнопку Ctrl + J три раза и поместите их как на картинке ниже.

Создаем красивый  дизайн сайта из роз


Теперь вы можете добавить текст на ваши кнопки, красного цвета # af0707, и Добавить стиль слоя (Add a layer style) тексту.
Перейдем Слой-> Стиль слоя-> Внешнее свечение (Layer-> Layer Style-> Outer Glow) и поставим эти настройки:

Создаем красивый  дизайн сайта из роз


Теперь вы можете добавить розочку.
Вот что у нас получилось, после того как мы добавили текст и розу.

Создаем красивый  дизайн сайта из роз


Теперь давайте добавим некоторые элементы. Создать новый документ (5 х 5 пикселей с прозрачным фоном).

Увеличим его на 1600%. Выберите инструмент Карандаш Создаем красивый  дизайн сайта из роз (Pencil tool) и создадим что-то вроде этого:

Создаем красивый  дизайн сайта из роз


Затем перейдем Редактирование-> Определить узор (Edit-> Define Pattern) выберите имя для нового шаблона и нажмите кнопку ОК.
Теперь создайте новый слой (Ctrl + Shift + Alt + N)
С помощью инструмента Прямоугольная область Создаем красивый  дизайн сайта из роз (Rectangular Marquee Tool) сделайте выделение в верхней части шаблона.

Создаем красивый  дизайн сайта из роз


Выберите инструмент Заливка Создаем красивый  дизайн сайта из роз (Paint Bucket Tool) и в панели инструментов установите Регулярный (Pattern) и выберите наш шаблон с красной точкой.
Теперь нажмите один раз внутри вашего выделения.

Создаем красивый  дизайн сайта из роз


Этими же методами можно создать другие формы, все зависит от вашей фантазии.
Добавим также несколько блоков, чтобы написать текст.
Инструментом Прямоугольник Создаем красивый  дизайн сайта из роз ( Rectangle Tool) нарисуйте прямоугольник, можете использовать те же цвета, что и текст # af0707. Затем Добавим стиль слоя (Add a layer style) Тень (Inner Shadow):

Создаем красивый  дизайн сайта из роз


Обводка (Stroke):

Создаем красивый  дизайн сайта из роз


Вот что должно получиться.

Создаем красивый  дизайн сайта из роз


Дублируйте этот красный прямоугольник и поместите его под этот прямоугольник.
Теперь вы можете изменить цвет для этого прямоугольника на серый # e1e1e1
Если вы хотите хороший эффект вы должны изменить также стиль слоя.
Единственным отличием является цвет Обводки (Stroke):

Создаем красивый  дизайн сайта из роз


Ну и в заключение добавим текст, и наш шаблон должен выглядеть так:

Создаем красивый  дизайн сайта из роз


С помощью Кистей (Brushes) вы можете добавить еще одну розочку и некоторые элементы.

Создаем красивый  дизайн сайта из роз


Вот такой красивый и интересный дизайн у нас получился. Творческих успехов друзья!

Автор: Andrei Oprinca

Автор/Переводчик: Артеменко Любовь

Ссылка на источник

Данный урок подготовлен для Вас командой сайта www.photoshop-zona.ru

В избранное