» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Рисуем сайт "Портфолио Дизайнера"

Рисуем сайт "Портфолио Дизайнера"
10.Сен.2008 | 16:15:18



шептун

*


Группа: Размышляющие

Гильдия: Креативщиков

Сообщений: 52

Пользователь № 39888

Возраст: 26

Регистрация: 25.07.2007

Проживает: Новосибирск




Репутация: 55°


Подарков: 1

Дэмани: 209 D











Создайте новый файл, размером 766*699 px и 72 dpi.
Инструментом Rectangle Tool (U), делаем выделение, как на рисунке:

Рисуем сайт "Портфолио Дизайнера" *

Применяем следующие параметры: (Blending Options>Gradient Overlay)

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Создайте
новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной
цвет - белый. Создаем изображение, как на рисунке, после чего
Edit>Define Pattern.

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Вверху страницы, рисуем инструментом - Rectangle Tool (U), полосу:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Параметры слоя: Fill 0%, Blending Options-Pattern Overlay:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Выше нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу и закрашываем цветом - #BBDD03:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Создаем копию полосы (белые точки), используя - Free Transform переверните копию полосы в основание фона:

Рисуем сайт "Портфолио Дизайнера" *

Создайте
новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной
цвет - #729C06. Создаем изображение, как на рисунке, после чего
Edit>Define Pattern.

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Ниже нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Fill 0%, Blending Options-Pattern Overlay:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Инструментом Pen Tool (P), рисуем украшения фона, цвет - #AAD500:

Рисуем сайт "Портфолио Дизайнера" *

Другой рисунок, цвет - #AAD700

Рисуем сайт "Портфолио Дизайнера" *

Цвет - #AECD01

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Создайте
новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной
цвет - #E3E3E3. Создаем изображение, как на рисунке, после чего
Edit>Define Pattern.

Рисуем сайт "Портфолио Дизайнера" *

Инструментом Rounded Rectangle Tool (U), рисуем:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Pattern Overlay

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Сделайте две копии последнего сделанного слоя и копируйте их, как показано на рисунке:

Рисуем сайт "Портфолио Дизайнера" *

Вставьте картинки:

Рисуем сайт "Портфолио Дизайнера" *

Rounded Rectangle Tool (U), цвет - #EBEBEB, настройки:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Копируем последний слой, свободная трансформация, уменьшаем размер, цвет - #49BD14

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Stroke

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Инструментом - Rectangle Tool (U) делаем выделение, как на рисунке:

Рисуем сайт "Портфолио Дизайнера" *

Зажав Alt нажимаем мышкой между двумя последними слоями. Fill 50%.

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Для
заключительного результата, мы объединяем слои с иконками, и копируем
их 2 раза. После чего перемещаем иконки на 2 оставшиеся картинке, после
чего меняем их цвета. Первая копия - #ED9300; вторая копия - #5EA9D1.
Blending Options>Stroke, как показано выше.

Рисуем сайт "Портфолио Дизайнера" *

Пишем номера в иконки, после чего Free Transform, поворачиваем их:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Напишите название сайта:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Новый слой. Точки, цвет - #D7FF00:

Рисуем сайт "Портфолио Дизайнера" *

Создайте таблицы, и подпишите карточки:

Рисуем сайт "Портфолио Дизайнера" *

About us, О нас

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Создаем меню:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Инструмент карандаш, рисуем точки:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Копируем слой с разделительной полосой:

Рисуем сайт "Портфолио Дизайнера" *

Полосы должны иметь следующие настройки. Blending Options>Outer Glow

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Rounded Rectangle Tool (U), настройки:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Копия слоя. Инструментом свободная трансформация, уменьшаем, цвет - #6DD800

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Stroke

Рисуем сайт "Портфолио Дизайнера" *

Rectangle Tool (U), рисуем как на рисунке, цвет - #A9DB7C

Рисуем сайт "Портфолио Дизайнера" *

Удерживая ALT, жмем мышкой между последними слоями:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Тоже
самое делаем, для двух остальных картинок. Меняем только цвет: вторая
кнопка #F6C073; третья - #89B4C7 (Blending Options>Stroke как выше):

Рисуем сайт "Портфолио Дизайнера" *

Пишем название кнопок:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Rectangle Tool (U) рисуем белые квадраты:

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Вставляем картинки в квадраты:

Рисуем сайт "Портфолио Дизайнера" *

Rectangle Tool (U), рисуем двойную линию, левая сторона должна быть зеленая, правая - белая:

Рисуем сайт "Портфолио Дизайнера" *

Параметры для левой полосы: Fill 0%, Blending Options>Pattern Overlay

Рисуем сайт "Портфолио Дизайнера" *

Параметры для правой полосы: Opacity 70%, Fill 0%, Blending Options>Pattern Overlay

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Копируем слой с полосой и перемещаем ее на другой край:

Рисуем сайт "Портфолио Дизайнера" *

Напишите необходимый текст (ниже настройки для различных текстов):

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Навигационный текст:

Рисуем сайт "Портфолио Дизайнера" *

Цифровой:

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Ellipse Tool (U), рисуем круг, цвет - #FFD40F

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Drop Shadow

Рисуем сайт "Портфолио Дизайнера" *

Blending Options>Stroke

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Итог:

Рисуем сайт "Портфолио Дизайнера" *

полная версия.


Автор: Adobe Tutorialz.
Перевод: Tin231
Категория: Уроки фотошоп | Просмотров: 623 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]