Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Anna | 14.05.2014 | нет комментариев

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

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

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

Источник: photoshop-master.ru

Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB