Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Светлый дизайн бизнес сайта
5-06-2013, 17:24 | Уроки Photoshop » Графика для сайта | автор: Natali | Просмотров: 1228
Конечный результат:

Светлый дизайн бизнес сайта

1. Создайте новый документ размером 900х850 пикселей. Кликните дважды на фоновом слое, чтобы разблокировать его. Потом примените стиль Наложение градиента (Layer Style - Gradient Overlay):

Режим – Нормальный, Стиль – Линейный

Светлый дизайн бизнес сайта

2. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте маленький квадрат. Инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение левого нижнего угла и нажмите Delete. 

Светлый дизайн бизнес сайта

3. Инструментом Овальная область (Elliptical Marquee Tool[/url]) создайте круг белого цвета в нижней части фигуры. Потом сделайте выделение этого слоя с кругом (Ctrl+Click) и примените Расширение (Modify – Expand) со значением 4 пикселя и нажмите Delete в слое с квадратом. 

Светлый дизайн бизнес сайта

4. Добавьте стрелку, направленную вниз:

Светлый дизайн бизнес сайта

5. Объедините все слои кроме фонового, поместите в левую верхнюю часть холста. Потом сделайте несколько копий этой фигуры. К каждой примените стиль Отбрасывание тени (Layer Style - Drop Shadow):

Режим – Умножение

Светлый дизайн бизнес сайта

6. Теперь вставьте несколько изображений. Я выбрал ручку, телефон и пятна от чашки кофе. 

Светлый дизайн бизнес сайта

7. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру под слоем с телефоном и ручкой. 

Светлый дизайн бизнес сайта

8. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени (Режим – Умножение):

Светлый дизайн бизнес сайта

Наложение градиента (Режим – Нормальный, Стиль –Линейный):

Светлый дизайн бизнес сайта

Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):

Светлый дизайн бизнес сайта

9. Сделайте копию слоя с прямоугольником и поместите её под оригинал, немного поверните. Добавьте туда контактную информацию:

Светлый дизайн бизнес сайта

10. Слева напишите название сайта и добавьте логотип:

Светлый дизайн бизнес сайта

11. Найдите изображение чашки кофе, вставьте её в наш документ. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, как показано ниже:

Светлый дизайн бизнес сайта

12. Залейте выделение белым цветом в новом слое и установите Непрозрачность – 40%. Потом добавьте маску слоя (Layer Mask) и сделайте заливку линейным градиентом из середины к правой стороне.

Светлый дизайн бизнес сайта

13. Напишите небольшое описание о вашем бизнесе. Оставьте внизу место для картинок. 

Светлый дизайн бизнес сайта

14. Создайте два прямоугольника цветом #d5979a, используя инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool). Потом вставьте пару изображение и поэкспериментируйте с расположением:

Светлый дизайн бизнес сайта

15. Объедините слои с изображениями и прямоугольниками, добавьте маску слоя к объединённому слою и сделайте заливку линейным градиентом.
Под этой области создайте ещё два прямоугольника цветом #eae9e4. Потом примените 1-пиксельную обводку цветом #838274.

Светлый дизайн бизнес сайта

16. Заполните эти области контентом, создайте кнопки, вставьте изображения:

Светлый дизайн бизнес сайта

17. Справа добавьте поисковую строку.

Светлый дизайн бизнес сайта

18. Внизу напишите несколько статей с датой. Инструментом Прямоугольник (Rectangle Tool) подсветите даты, создав фигуры под слоем с текстом. 

Светлый дизайн бизнес сайта

Финальный результат:

Светлый дизайн бизнес сайта
 
| Комментарии (0) | Распечатать
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Яркий web-дизайн
  • Создай акварельный дизайн для сайта в Фотошоп
  • Световой эффект с полосами и кругами
  • Рождественские печенья в Фотошоп
  • Зимняя фотоманипуляция в Фотошопе
  • 566: Светлый дизайн бизнес сайта5 июня 2013: Светлый дизайн бизнес сайта!
    Светлый дизайн бизнес сайта.
    Светлый дизайн бизнес сайта
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика