Отрисовка дизайна сайта
Рисуем логотип
Логотип
Коллаж центральной композиции (остров)
Композиция построек
Контент сайта
2.93M
Category: internetinternet

Отрисовка дизайна сайта

1. Отрисовка дизайна сайта

Photoshop СS5
Разработка
Латыповой Е.В.

2. Рисуем логотип

Создать документ 1280 на 1385 пикселей (разрешение 72 пик/дюйм)
В качестве фона использовать лист бумаги (см. папку Sourse)
Каждый новый объект рисуем на отдельном слое
Создаем верхнее обрамление высотой в 45 пикселей из файла текстура дерева.jpg
(многократное копирование с клавишей alt)
Добавляем тонкую линию
Рисуем логотип. Выбираем форму - 2 прямоугольника со скошенными краями (30 px),
один немного длиннее и уже. Объединяем два слоя в один и делаем дырки.
Добавляем тень
На отдельный слой добавляем
текстуру досок (файл 2.jpg),
подбираем размер
Создаем слой маску. Для этого держим
мышь между слоем с формой и слоем
с досками при нажатой клавише Alt,
делаем щелчок.
Добавляем глянец на отдельном слое.
Пером создаем форму с плавной кривой
наверху. В контекстном меню выбираем
позицию образовать выделенную область
с радиусом растушевки 0. заливаем
выбеленную область бело-прозрачным
линейным градиентом. Добавить непрозрачность слоя 50%.
Сам слой опять сделать маской

3. Логотип

К полученному логотипу добавляем текст LD и Lандшафтный Dизайн
(подберите рукописный шрифт)
Залейте текст градиентом от белого к серому и добавьте тень
Добавить две ветки листьев, увеличив их контрастность с помощью
коррекции уровней (файл листья.png)
Удобнее создать папку, куда переместить все слои для логотипа.
Копируем верхнюю деревянную планку с двумя линиями на позицию 600
пикселей по вертикали для меню, делаем пункты (Услуги, контакты, примеры
работ…)

4. Коллаж центральной композиции (остров)

На отдельном слое создаем овал для земли, копируем этот слой.
Создаем еще один слой для соединения двух слоев, которой
рисуем пером и заливаем цветом нижнего слоя, объединяем два
слоя в один
Открываем файл земля.jpg, в котором лассо выделяем руку с
прибором и в контекстном меню выбираем пункт Выполнить
заливку… с учетом содержимого (только в версии CS5)
Копируем землю
на отдельный слой
и делаем из него
слой-маску,
применительно к
овалу с землей
К верхнему овалу
добавляем слой
с травой (файл небо.jpg), сделав слой-маску,
частично доработать штампом

5. Композиция построек

Из папки sourse взять необходимые элементы и скомпоновать композицию
похожую на образец
Добавить произвольный контент с иллюстрациями. Сохранить работу в
режиме PSD в своей папке для дальнейшей верстки сайта. Для сдачи
преподавателю файл сохранить в формате jpg

6. Контент сайта

English     Русский Rules