Изумительное место для вашего портфолио! - Web-дизайн - Уроки фотошоп/ Photoshop tutorials - Каталог статей - ART4YOU

Меню

Мини-чат

Опрос

Оцените мой сайт
Всего ответов: 67
Главная » Уроки » Уроки фотошоп/ Photoshop tutorials » Web-дизайн

Изумительное место для вашего портфолио!

Этот урок по Фотошопу покажет вам, как сделать потрясающий вид для сайта с персональным портфолио.

1. Создайте новый документ с белым фоном.
Размер документа 760 x 770 px. Затем используя инструмент заливка (Paint Bucket Tool) и цвет #282828 залейте документ этим темно-серым цветом.



2. Выберите инструмент Rectangle Tool и нарисуйте такой же прямоугольник как на картинке ниже. После того, как вы нарисовали прямоугольник, щелкните по слою с фигурой дважды - появиться палитра стилей “Blending Option”, там выберите параметр “Gradient Overlay” и установите такой вид градиента:



Прямоугольник должен принять вот такой вид:


3. Кликните по слою с прямоугольником и нажмите 4 раза комбинацию клавиш CTRL + J, чтобы сделать еще 4 копии этого слоя. Затем с помощью инструмента перемещения расположите их друг за другом. Эти прямоугольники будут играть роль МЕНЮ сайта.


4. Создайте новый слой , выберите инструмент “Line Tool” и нарисуйте такую же линию, как на картинке. Затем нажмите СTRL+J, чтобы дублировать слой и переместите копию линии вправо, как показано на картинке.



Вот результат:

5. Создайте новый слой и возьмите инструмент "прямоугольник" , чтобы нарисовать еще одну фигуру - вы видите ее на картинке.

Примените к новому прямоугольнику тот же градиент.



6. Откройте фотографию из своего портфолио, которая станет визитной карточкой вашего сайта (File > Open)

Переместите картинку в рабочий документ. Подгоните размер картинки - используйте инструменты вырезания, а также свободной трансформации (Ctrl+T)



Вот результат!


7. Выберите инструмент прямоугольное выделение и выделите половину изображения.
Затем обратитесь к главному меню - Image > Adjustments > Desaturate




8. Выберите инструмент текст “Type Tool” и напишите что пожелаете.

9. Потом можете использовать различные кисти, чтобы придать вашему сайту еще более неотразимый вид.

Наслаждайтесь финальным результатом!


Категория: Web-дизайн | Добавил: malish_ (25.01.2009) Ламинат паркетная доска (теплый пол) ROZUMDIM кабель нагревательный прайс.
Просмотров: 789 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Профиль

Привет: --=Гость=--

Логин:
Пароль:

.

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Друзья сайта

Статистика


Онлайн всего: 3
Гостей: 3
Пользователей: 0