Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
1. Создайте новый документ размером 1200×1300 px и разрешением 72 dpi. При помощи инструмента Заливка (Paint Bucket Tool) залейте фон чёрным цветом:

2. При помощи инструмента Прямоугольная область (Rectangular Marquee Tool) выделите соответствующую зону участка на новом слое (Create New Layer). Инструментом Заливка
(Paint Bucket Tool) залейте область цветом #2F8E8D.
(Paint Bucket Tool) залейте область цветом #2F8E8D.

3. Загрузите набор кистей brushes для Adobe Photoshop: grunge procedural. Добавьте маску слоя, кликнув на иконку внизу палитры слоёв и примените вышеуказанные кисти. Обрисуйте зелёный фон чёрным цветом.


4. Создайте новый слой (Create New Layer) и используйте на нём кисти grunge procedural для создания нескольких пятен.



6. Создайте новый слой (Create New Layer) и инструментом Прямоугольная область
(Rectangular Marquee Tool) выделите зону квадрата, затем инструментом Заливка (Paint Bucket Tool) залейте область цветом #A8AFB2.
(Rectangular Marquee Tool) выделите зону квадрата, затем инструментом Заливка (Paint Bucket Tool) залейте область цветом #A8AFB2.

7. Инструмент Прямоугольная область (Rectangular Marquee Tool) поможет вставить тонкую выделенную полосу:

8. В режиме Свободного трансформирования (Free Transform) немного наклоните полосу и расположите её над серым квадратом на левой стороне.


10. При помощи инструмента Произвольная фигура (Custom Shape Tool) нарисуйте 2 маленькие звезды чёрного и белого цвета. Расположите их на правой стороне участка.



11. Скопируйте слой чёрной звезды. Выделите внутренние вершины копии и выберите инструмент Преобразовать точку привязки (Convert Point Tool) (нажатием клавиши Shift), в режиме Свободного трансформирования (Free Transform) сожмите копию. Цвет копии - #3E9D49.

12. Скопируйте слой зелёной звезды и в режиме Свободного трансформирования
(Free Transform) измените размер копии и расположите её, как показано ниже. Измените цвет копии на чёрный.
(Free Transform) измените размер копии и расположите её, как показано ниже. Измените цвет копии на чёрный.

13. При помощи инструмента Произвольная фигура (Custom Shape Tool) нарисуйте кольцо цветом #7AC255 на правой стороне зелёной звезды.


14. Выберите инструмент Прямоугольник (Rectangle Tool) для создания следующего слоя участка белого цвета.

15. Объедините в группу все слои, содержащие верхнюю панель участка. инструментом Свободное трансформирование (Free Transform) переместите копию группы на основание.

16. При помощи инструмента Прямоугольник (Rectangle Tool) создайте панель кнопок меню цветом #FBFDE8.

17. Используя инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 15 px), создайте панель для логотипа цветом #E10811.













23. При помощи инструмента Прямоугольник (Rectangle Tool) вставьте кнопку под текстом цветом #D40610.









28. Добавьте маску слоя, нажав на иконку внизу палитры слоёв и используйте кисти из набора grunge procedural для обрисовки чёрным цветом линий выделения (Непрозрачность (Opacity) - 20%).




30. Сделайте 2 копии слоя, содержащего название и текст раздела. В режиме Свободного трансформирования (Free Transform) расположите копии, как на рисунке ниже:

31. Под текстом раздела, на левой стороне нарисуйте кнопку цветом #262626 инструментом Прямоугольник (Rectangle Tool).



33. Скопируйте слой кнопки 2 раза и инструментом Свободное трансформирование
(Free Transform) расположите копии, как показано ниже. Одну копию расположите слева без изменений (пож нижним разделом), а вторую копию расположите в центре и измените цвет на #D40610. Примените для копии стиль Внутреннее свечение (Layer Style - Inner Glow).
(Free Transform) расположите копии, как показано ниже. Одну копию расположите слева без изменений (пож нижним разделом), а вторую копию расположите в центре и измените цвет на #D40610. Примените для копии стиль Внутреннее свечение (Layer Style - Inner Glow).





36. Сделайте 2 копии слоя, содержащего название кнопки, и в режиме Свободного трансформирования (Free Transform) расположите копии, как на рисунке ниже:





38. Скопируйте слой надписи 2 раза и в режиме Свободного трансформирования (Free Transform) расположите копии, как в следующем рисунке:








41. Создайте новый слой (Create New Layer) и используйте кисть и цвет #AFB57B между названиями категорий, затем измените цвет кисти на #E7E9D7 и обрисуйте название категории на левой и правой сторонах.

42. Сделайте 4 копии слоя прерывистой линии и в режиме Свободного трансформирования
(Free Transform) расположите их, как на рисунке:
(Free Transform) расположите их, как на рисунке:

Ссылка на источник урока
Создан: 12 октября 2009
написал : Дмитрий123
Т.е. по вашему мнению на выходе вы получили дизайн? Так сразу и не скажешь.
---------------2 января 2012 07:36 | ICQ: -- | [цитировать]


0
