Мы запустили Форум! (*beta)
Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа!
Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
+6
4. Выберите инструмент Градиент (Gradient Tool) , настройте, как показано ниже, и установите цвет заливки - #e6f7ff, а цвет фона - #ffffff. Сделайте заливку фона сверху до середины холста.
5. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и настройте, как показано ниже. Напишите заголовок сайта в верхней части холста.
6. Потом перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Отбрасывание тени:
Отбрасывание тени:
7. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и введите значение радиуса – 10 пикселей.
9. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Наложение градиента (Режим – Нормальный, Стиль – Зеркальный)
Наложение градиента (Режим – Нормальный, Стиль – Зеркальный)
10. Тем же инструментом создайте прямоугольник размером 80x50 пикселей. Это будет нашей кнопкой поиска.
11. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение на верхней части созданного прямоугольника и залейте его таким же цветом.
12. Сделайте копию этого слоя и поверните её ан 180 градусов (Transform – 180). Сдвиньте вторую фигуру вправо на том же уровне.
13. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение нижней половины фигуры и нажмите Delete.
14. Совместите обрезанную фигуру с оригинальной, как показано ниже (они не должны накладываться). Сделайте выделение слоя с обрезанной фигурой (Ctrl+Click).
15. Выберите слой с оригинальной фигурой и нажмите Delete. Повторите этот процесс для создания угла на левой стороне.
16. Как закончите, перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Отбрасывание тени (Режим – Умножение):
Отбрасывание тени (Режим – Умножение):
18. Создайте прямоугольник с закруглёнными краями создайте фигуру, как показано ниже, размером 850x250. Залейте его белым цветом и создайте 1-пиксельную обводку цветом #cfeaea.
19. Создайте ещё одну фигуру (как кнопка поиска) на области навигационного меню и подпишите разделы:
20. Создайте выделение инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 5 пикселей и залейте его любым цветом в новом слое.
21. Примените стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Нормальный, Стиль – Линейный
Режим – Нормальный, Стиль – Линейный
22. Сделайте выделение этого слоя с разноцветной областью и примените фильтр Облака (Clouds Filter).
24. Затем фильтр Размытие в движении (Motion Blur Filter). При применении этих фильтров ваше выделение должно быть активно, иначе они все будут применены и на большой прямоугольник.
25. Установите Непрозрачность слоя – 50% и Режим наложения – Яркий свет (Blending Mode – Vivid Light):
26. Напишите текст. Примените стиль Внешнее свечение (Layer Style - Outer Glow) со стандартными настройками. Также создайте свечение в верхней половине, используя инструмент Перо (Pen Tool).
27. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей создайте три выделения. Общая ширина – 850 пикселей.
28. Залейте их любым цветом в новом слое и примените стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Нормальный, Стиль – Радиальный
Режим – Нормальный, Стиль – Радиальный
29. Далее мне понадобились эти иконки. Я размещал их в верхней части прямоугольников и подписывал. Цвета я подбирал инструментом Пипетка (Eyedropper Tool) с разноцветной области.
30. Напишите остальной текст и закончите кнопкой “Read More”, созданной инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool).
31. Создайте ещё один закруглённый прямоугольник шириной 850 пикселей и залейте его цветом #e7f7ff. Также создайте 1-пиксельную обводку цветом #d5f0fc.
33. Внизу создайте ещё один прямоугольник белого цвета и добавьте 1-пиксельную обводку цветом #d5f0fc.
Ссылка на источник урока
Создан: 26 февраля 2010
написал : 2pa4ok=)
Спасибо огромное! Урок супер. Подскажите пожайлуста, что делать с нарисованным макетом дальше.. чтобы поставить его шаблоном на сайт
---------------28 февраля 2010 23:25 | ICQ: -- | [цитировать]
написал : NithrouS
Вот это реальный дизайн)
---------------11 ноября 2010 07:08 | ICQ: -- | [цитировать]