Как создать дизайн страницы under construction - Школа Photoshop
Under construction psd Дизайн страницы

Как создать дизайн страницы under construction

06.09.2007Категория урока: Веб-графика

Иногда нам приходится запускать свой сайт заранее или проводить на существующем сайте некоторые работы. Чаще всего веб-мастера вешают скучную и некрасивую картинку типа «Under Construction«. Но из этого урока Вы узнаете, как создать в Adobe Photoshop классную страницу с извинениями! Приступаем!

Как создать дезайн?

Приблизительное время выполнения: 5 минут

Создайте новый документ. В качестве фона я использовал темно-коричневую заливку и текстуру поверх нее.

Как сделать site under construction?

Затем я создал новый слой, где классными грандж-кистями контрастных цветов закрасил фон.

Under construction

На новом слое выделите прямоугольную область, заполните ее белым цветом и вызовите для слоя диалог Blending Options. Во вкладке Outer Glow установите черный цвет и режим Multiply. Также понизьте там непрозрачность. После этого CTRL-кликните по слою с прямоугольником, чтобы выделить его содержимое. Создайте слой под этим и заполните выделение черным цветом. Для тени это будет слишком жестко, поэтому Filter > Blur > Gaussian Blur с ~2,7px, чтобы сделать тень мягче. Подвиньте слой стрелками на клавиатуре чуть вниз и чуть вправо.

Дизайн страницы

Чтобы резко разнообразить картинку, сделаем еще кое-что. Выделите слой с тенью и слой с прямоугольником (зажав CTRL и щелкнув по обоим) и копируйте их. Выделите два скопированных слоя и нажмите CTRL+T. Поверните их так, как на рисунке ниже и нажмите ENTER.

Дизайн страницы

Теперь добавьте текст и все!

Как создают дизайны?

Готово! Как создать дезайн?

Как сделать under construction?

Источник: http://www.designphase.net/?q=splashpage




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



4 комментария(-ев) к уроку “Как создать дизайн страницы under construction”

  1. не нужный урок я считаю

    MKAAA

  2. Спасибо, очень любопытно.
    Только вот чтоже вы конечную картинку так уделали? Размер файла явно не большой. Уж мгли бы, более качественную картинку, без «муара», выложить.

    Алексей Евстратов

  3. Спасибо :smile:

    Владислав

  4. Мне тень понравилась! :razz: Всё-таки новое для меня, но попробую по-позже сделать так же, как и на этом уроке. :grin: :wink:

    Марк

Прокомментировать урок

 


Rambler's Top100