С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

Если вы к примеру работаете над новой версией сайта или занимаетесь переделкой старой, то вам просто необходима стильная страница «Coming Soon». Подобная страница представляет собой отличный способ сохранить ваших верных посетителей и проинформировать их о дате запуска обновлённого проекта. Без такой страницы ваши постоянные посетители могут интерпретировать ваш сайт как неработающий, незаконченный, или даже навсегда уйти. 

 

Предварительный просмотр

 

Прежде чем мы начнем, давайте посмотрим на окончательный дизайн. (скачать PSD файл проекта).

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 1

 

Откройте Photoshop и создайте новый файл размером в 750 шириной и 575 пикселей высотой.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 2


 

Создайте новый слой и с помощью инструмента Заливка (Paint Bucket Tool) заполните его цветом # a61c1c.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 3

 

Добавьте текстуру для фонового слоя, для этого откройте стили слоя и выберите стиль Наложение узора (Pattern Overlay).

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 4

 

Создайте новый слой и выделите прямоугольную область с помощью инструмента Прямоугольная область (Rectangular Marquee Tool). Залейте её цветом # eed29b.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 5

 


Выберите круглую кисть и измените настройки кисти в панели кистей, используйте настройки как на изображении ниже. Затем с помощью кисти на слое с прямоугольником создайте узор по бокам.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 6

 

Откройте стили слоя и добавьте стиль Тень (Drop Shadow), используйте следующие параметры.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 7

 

Выберите текстовый инструмент и добавьте нужный текст в заголовок. Откройте стили слоя и добавьте стиль Тень (Drop Shadow), используйте следующие параметры.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 8

 

Повторите тот же процесс и добавьте дополнительный текст.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 9

 

Теперь, давайте сделаем обратный отсчет. Выберите инструмент Эллипс (Ellipse Tool) и создайте маленький круг, используя цвет # d03737.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 10

 

Откройте стили слоя и добавьте стили Обводка (Stroke) и Внутренняя тень (Inner Shadow).  Используйте настройки как показано на изображении ниже.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 11

 

Выберите круглую кисть размером в 9 пикселей и измените цвет переднего плана на # bf9f63. Теперь возьмите инструмент Эллипс (Ellipse Tool) и на панели управления выбранным инструментом измените тип на Контур (Path). Затем создайте небольшой круг, щелкните правой кнопкой мыши по нему и в контекстном меню выберите команду Выполнить обводку контура (Stroke Path).

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 12

 

Откройте стили слоя и добавьте стиль Тень (Drop Shadow), используйте следующие параметры.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 13

 

Выберите инструмент Горизонтальный текст (Horizontal Text) и добавьте цифру обратного отсчета и подпись, используя цвета # FFFFFF и # f7cf83. Откройте стили слоя и добавьте стиль Тень (Drop Shadow), используйте следующие параметры.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 14

 

Повторите тот же процесс и создайте три других счетчика. 

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 15

 

Теперь давайте перейдем к разделу с подпиской для нашей страницы «Coming Soon». Во-первых, выберите текстовый инструмент и добавьте текст, используя те же стили, которые вы использовали для названия.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 16

 

Теперь выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и создайте прямоугольник, используйте цвет # f2e6ce.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 17

 

Откройте стили слоя и добавьте стили Обводка (Stroke) и Внутренняя тень (Inner Shadow).  Используйте настройки как показано на изображении ниже.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 18

 

Внутри прямоугольника создайте текстовое поле для ввода электронной почты, для этого выберите инструмент Прямоугольник (Rectangle Tool), используйте цвет # 36302e. Затем добавьте стиль Обводка (Stroke), используйте следующие параметры как показано на изображении ниже.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 19

 

Для создания кнопки выберите Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и создайте маленький прямоугольник, используя цвет # d03737. Откройте стили слоя и добавьте стили Тиснение (Bevel & Emboss) и Наложение градиента (Gradient Overlay). Используйте настройки как показано на изображении ниже.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Шаг 20

 

Выберите текстовый инструмент и добавьте нужный текст в поле формы и на кнопку.

 

Дизайн привлекательной и эффективной страницы «Coming Soon» в Фотошопе

 

Наш дизайн страницы «Coming Soon» готов. Урок по теме - Дизайн визитной мини-карточки в Фотошопе.

 


Автор урока: Anum

 

Переводчик урока: Ирина Шипилова 

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



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 05.03.2013
  •   Просмотров: 3937
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки