|
|
 |
|
|
урок создания сайта |
|
|
|
|
Попробуем сделать еще один шаблон для сайта.
Дизайн будет строгим, для какой нибудь компании консалтинговой подошло бы очень даже не плохо. Шаг 1. Создаем новый документ размерами 1024х800 с белым задним фоном.
Создаем новый слой (ctrl+N). При помощи инструмента выделения, выделяемверхнюю часть - под шапку. и заливаем ее таким вот #009994 цветом
 Шаг 2. Дублируем слой, и кистью с мягкими краями и малой прозрачностью, примерно 15%, проводим в центе белую, еле заметную полосу.
 Шаг 3. Создаем новый слой, выделяем область под шапкой, и заливаем светло серым градиентом.
 Шаг 4. Продолжаем работать с шапкой. Рисуем будущее меню.
Создаем новый слой поверх синей шапки.
Рисуем прямоугольники как на образце. тот который больше - это открытая страница.
Пишем линки над каждым квадратом. Я применил к тексту еще и отбрасывание тенив blending mode, совсем немного, еле заметно.
 Шаг 5. Теперь нужно сделать отражение от кнопок.
Дублируем слой с кнопками цветными, переворачиваем вниз, и аккуратно,стеркой с большим диаметром и мягкими краями стираем лишнее.
 Шаг 6. Пока оставим шапку. Начнем рисовать левое меню.
Создаем новый слой. выделяем область под меню. Идем в select---modify---smooth и выставляем радиус - 5px
Края скруглились, заметили? заливаем светло - серым, еле заметным. Не снимаем выделения, создаем новый слой. Удерживая altубираем выделение оставляя только верхнюю часть. которую потом будемкрасить. Соответственно теперь заливаем ее зеленым цветом. К слою ссерым фоном применим stroke в blending mode
 Шаг 7. Вставляем какие - нибудь иконки, пишем краткую инфу и т.д. все что хотите разместить в этом блоге.
я реализовал это так:
Таких блоков можно сделать несколько. Шаг 8. Вставляем лого в шапку, текст в центральную часть, ну и внизу прописываем копирайты.  Автор урока - |
|
|
 |
 |
Создание макета дизайна сайта
Это пример дизайна в стиле блог сайтов. Все остальное делается делается в программах верстки, таких как dreamweaver и др. и зависит от используемого движка. Автор урока - Азат Хайрикенов |
 |
Кнопки для сайта
Автор:Найкрис КроулиСложность:СредняяСоздаем эффектные кнопки для сайта.Полезное применение Photoshop для веб-дизайна. |
|
|
|
|
|
