12:00 

Vista Style Layout

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)


Создайте новый документ с голубым фоном : # 1063c1
Размер должен быть 760 х 770 пикселей.
Создайте новый слой.
Затем Инструментом Brush создайте некоторые несложные рисунки

Применить фильтр Filter > Blur > Gaussian Blur и использовать
следующую настройку

Примените к этому слою режим наложения Overlay

Получится типа так

Инструментом Rounded Rectangle Tool с радиусом 5 пикселей
нарисуйте две формы

Теперь добавьте следующие стиля слоя
(использовать одинаковые значения для обеих форм)

Затем измените параметры заполнения до 0%

Это мой результат

Далее нажмите на слой с левой формой, удерживая CTRL
а затем на нижний слой

Это позволить сделать нам вот такое выделение

Выбираем инструмент rectangular marquee tool и в режиме
вычитания отрежьте ненужный кусок

Оставим вот так

Создайте новый слой, зальем его белым и
нажмем CTRL + D чтобы отменить выделение

Теперь изменяем настройки его заполнения до 0%

И добавляем следующие стили слоя












Теперь снова выделите форму

Повторяем процедуру с кнопкой

до нужного нам количества кнопок

Добавляем надписи к кнопкам

Теперь кликните на левой форме и довавьте
изменения в стили слоя



Это результат

Копируем стиль слоя

Добавляем его к другой форме (правой)

Это результат


Теперь я добавлю название

Далее я добавлю на правую форму текст
и распределю пространство пунктирами

Потом я выбрал "Fuzzball" кисть и на новом слое я сделал
несколько белых звезд
В принципе вы можете использовать любой кистью со звездой


Версия переводчика


Версия читателя:


Ресурс

Перевод Валентин

Источник

Ваши версии можете выкладывать в комментариях

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

URL
Комментарии
2009-04-15 в 18:56 

старый извращенец
Задам-ка я дебильный вопрос. Ибо дизайню как полиграфист, а тут попросили сайт нарисовать. А я - смешно, ага - элементарного-то и не знаю. Например, вот чего: у нас в готовом дизе (который мы собираемся передать на верстку) каждый элемент на своем слое? В том числе - каждая кнопка на отдельном слое. Am I right?

2009-04-16 в 10:25 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Der Brennende
Не обязательно. Желательно для верстальщика, наверное. Особенно если фон у вас разномастный, где кнопки находятся, тогда несомненно они должны быть на разных слоях. А если у вас например красные кнопки на черном фоне, то в принципе и не нужно несколько слоев. Спросите у верстальщика, как ему нужно.

URL
2009-04-16 в 10:53 

старый извращенец
web-design угум, спасибо за ответ, буду тогда где возможно, сливать слои. И с верстальщиком тоже надо будет пообщаться... Спасибо еще раз :)

2009-04-16 в 11:47 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Der Brennende
Не за что) Для себя оставьте слои, если вдруг нужно будет исправить что-то быстро) :friend:

URL
2009-04-16 в 11:53 

Der Brennende
старый извращенец
web-design ну для себя слои оставлять - это святое, тут с полиграфией разницы никакой) :red:

2009-04-16 в 12:27 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
URL
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

Сундук WEB-дизайнера

главная