|
 |

 |
 |
урок создания сайта |
 |
|
 |
 |
Попробуем сделать еще один шаблон для сайта. Дизайн будет строгим, для какой нибудь компании консалтинговой подошло бы очень даже не плохо. Шаг 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 для веб-дизайна. |
|
|
 |
|
|