• Страница 1 из 1
  • 1
Рисуем красивые уголки
dididima
Дата: Среда, 26.01.2011, 20:06 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 3705
Сообщений: 13
Сегодня я вам расскажу и покажу как нарисовать всеми любимые уголки в стиле Web 2.0.Урок не сложный, поэтому пост будет не очень долгий.

1.Для начала надо создать новый документ размерами 1024х768,после создания заливаем задний фон,и делаем прямоугольник со скругленными углами как на скрине.

2.Создаем новый слой,на нем создаем выделение,как на скрине и заливаем его не ядовитым цветом,чтобы выглядело реалистично.Я взял #6492c0,и переименовываем данный слой на Rectangle (Прямоугольник).

3.Ставим фоновый цвет наподобие #36516b, ну темнее цвет чтобы был немного.После этого выбираем инструмент "Перо".И рисуем уголок для вашего прямоугольника,немножко редактируем его форму и получается уже довольно неплохо.И переименовываем данный слой на 3D Effect.

4.После проделанных действий вы ему еще немножко придадим 3D вида.Дублируем слой "Прямоугольник" и поворачиваем как показано на скрине ниже.

5.Держим Ctrl и кликаем по пиктограмме слоя (Дубликат слоя "Прямоугольник").Заливаем его чёрным цветом и идем в Фильтр » Размытие » Размытие по Гауссу,ставим радиус на 3,8 пикс и жмем ОК.После этого ставим прозрачность для данного слоя на 20%,прячем данный слой под оригинальный "Прямоугольник" и немножко правим форму чтобы тень выглядела реалистичной.

6.Последние шаги мы будем работать с градиентами.Но перед этим надо сделать 1 пиксельную обводку для главного прямоугольника цветом #719cc8 мне кажется так будет выглядеть лучше.И потом заливаем градиентом наши фигуры как показано на скрине ниже.

7.Ну вот и все на этом наше урок закончен,вот мой результат.

Автор: Johnny
Перевод: dididima
При копировании материала ссылка на www.dididima.info обязательна.

  
UnderShot
Дата: Среда, 26.01.2011, 20:14 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85


Очень важная тема!
Filmzona — онлайн фильмы.
  
club4127807
Дата: Среда, 26.01.2011, 20:32 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 3087
Сообщений: 190
Получено оценок: 3
я думал это и без уроков понятно

Сеть образовательных сайтов studz
  
dididima
Дата: Четверг, 27.01.2011, 10:22 | Сообщение # 4
молчун
Группа: Проверенные
Пользователь №: 3705
Сообщений: 13
UnderShot, причем тут самопиар, выложил урок просто.
  
sasha
Дата: Четверг, 27.01.2011, 11:33 | Сообщение # 5
молчун
Группа: Пользователи
Пользователь №: 3712
Сообщений: 5
Quote (dididima)
выложил урок просто

Лучше бы не выкладывал..
  
Increible
Дата: Воскресенье, 13.03.2011, 18:43 | Сообщение # 6
молчун
Группа: Пользователи
Пользователь №: 3787
Сообщений: 9
открыл Америку lol

Не Верстальщик но любитель )))
  
Crasher
Дата: Воскресенье, 13.03.2011, 20:29 | Сообщение # 7
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
Quote (sasha)
Дата: Четверг, 27.01.2011, 11:33 | Сообщение # 5

Quote (Increible)
Дата: Воскресенье, 13.03.2011, 18:43 | Сообщение # 6


  
vodi4ka
Дата: Воскресенье, 13.03.2011, 20:32 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 2241
Сообщений: 105
Получено оценок: 4
Quote (Crasher)

Дата: Воскресенье, 13.03.2011, 20:29 | Сообщение # 7


Прилетело НЛО и оставило тут эту надпись
  
Crasher
Дата: Воскресенье, 13.03.2011, 21:24 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
Quote (Crasher)
кэп
Quote (vodi4ka)
Quote (Crasher)
Дата: Воскресенье, 13.03.2011, 20:29 | Сообщение # 7


  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.