Ознакомьтесь с нашей политикой обработки персональных данных
16:44 

Шаблон дизайна простого бизнес-сайта

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


Создаем новый документ 760 на 700 пикселей с белым фоном. Создаем новый слой.С инструментом Rectangle рисуем простенькую фигуру.

Берем инструмент Ellipse и рисуем маленький круг в левом верхнем углу.

Этот круг нужен для создания скругленных углов. Нажимаем на иконку слоя с кругом.

На круге появится выделение. Инвертируем его(CTRL+SHIFT+I). Выбираем слой с прямоугольником.

Layer > Rasterize > Shape. Выбираем инструмент Eraser и начинаем стирать уголок.

Снимаем выделение(CTRL+D). После того как вы удалите уголок у вас должно получить нечто такое:

Теперь можно спрятать красный кружок. Результат:

С инструментом Rectangular marquee рисуем выделение как на рисунке:

Нажимаем на клавишу Delete и снимаем выделение.

Делаем еще скругленный уголок, также как делали до этого.

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



Результат:

Дублируем слой. Edit > Transform > Flip Horizontal и затем Edit > Transform > Flip Vertical. Помещаем слой как на рисунке(я специально поменял цвет)

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



Результат:

Добавляем фотки и текстовые кнопки:

С инструментом Line(толщина 1 пиксель) рисуем около 15 линий и помещаем их как на рисунке:

Выбираем все слои с линиями и склеиваем их(CTRL+E). Выбираем получившийся слой и Edit > Transform > Warp с такими настройками:

Жмем Enter и получаем такой результат:

Жмем на Add layer mask.

Берем инструмент Gradient и рисуем линию снизу вверх как на рисунке.

Выбираем слой с голубой фигурой. Рисуем выделение с инструментом Rectangular Marquee.

Layer > new > layer via copy. Затем Edit > transform > rotate 180 и со стрелочками на клавиатуре поместите также как на картинке:

Переместите слой перед фоновым слоем и примените стили слоя:


Добавляем текст:

Создаем новый слой и выбираем инструмент Custom Shape. Выбираем фигуру Arrow 6.

Рисуем эту фигуру и помещаем ее как на рисунке:

Последний штрих – создаем новый слой, берем инструмент Brush и рисуем маленькие звездочки на шаблоне. Финальный результат:


Оригинал - Talk-Mania
Перевод - Serious St@son

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

URL
Комментарии
2008-11-07 в 21:52 

Ikaktus
Табачная фея или чайная девочка
Если честно, то половина не понятна. Хотя может я одна такая тут блондинко %)

2008-11-07 в 22:02 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Taimah
Давайте попробуем сделать вас брюнеткой) Если вы скажите, что именно не понятно, я постараюсь объяснить более подробно. :wine:
Если вас смущают маски, в этом уроке можно их не использовать, а план работы тот же самый.

URL
2008-11-07 в 22:44 

Ikaktus
Табачная фея или чайная девочка
web-design
Я не поняла просто к чему было сторой раз "добавляем стили слоя" %)

2008-11-07 в 23:02 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Taimah
Где? О_о Теперь я вас не понимаю :laugh:
Первый стиль слоя - относится к синей части сайта.
Второй стиль слоя работает с нижней частью сайта, т.е. появляется обводка.
Третий стиль слоя выделил более темным участок под словами "Добро пожаловать в ТолкМания".

Хотя лучше вам скопировать действия, которые не ясны, а то мы на разных языках общаемся, кажется :sunny:

Я терь тоже блОндинкО. Похоже это заразно :nail:

URL
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

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

главная