Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

1. Создайте новый документ размером 1000×8000 px и разрешением 72 dpi. Инструментом Заливка (Paint Bucket Tool) залейте фон чёрным цветом.



Дизайн студии графического дизайна


2. Используя стандартную кисть (Непрозрачность (Opacity) - 20%) на новом слое
(Create New Layer), создайте пятно красного цвета, затем минимизируйте размер кисти и добавьте зелёный цвет вертикальной линией.



Дизайн студии графического дизайна


Дизайн студии графического дизайна


3. Создайте новый документ размером 3×3 px и разрешением 72 dpi и нарисуйте узор чёрного цвета инструментом Карандаш (Pencil Tool) (однопиксельная кисть). Фон документа должен быть удалён.



Дизайн студии графического дизайна


4. Перейдите в меню Редактировать>Определить узор (Edit>Define Pattern) и сохраните узор. Создайте новый слой (Create New Layer) и перейдите в режим Редактировать>Выполнить заливку (Edit>Fill) для изменения ранее сохранённого узора.



Дизайн студии графического дизайна


5. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиус - 10 рх) создайте панель для портфолио и текста сайта.



Дизайн студии графического дизайна


6. Примените для панели стиль Внешнее свечение (Layer Style - Outer Glow):



Дизайн студии графического дизайна


Внутреннее свечение:



Дизайн студии графического дизайна


Наложение градиента:



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


7. Скопируйте последний слой и при помощи инструментов Преобразовать точку привязки (Convert Point Tool) и Непосредственное выделение (Direct Selection Tool) измените расположение правого верхнего угла и нижнего левого угла на рисунке:



Дизайн студии графического дизайна


8. Примените для копии стиль Наложение градиента (Layer Style - Gradient Overlay).



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


9. Вставьте название раздела, соблюдая нижеуказанные настройки:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


10. Вставьте текст под названием раздела. Настройки указаны ниже:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


11. Теперь добавьте картинки на правую сторону названия сайта.



Дизайн студии графического дизайна


12. Примените для слоя стиль Обводка (Layer Style - Stroke).



Дизайн студии графического дизайна


Дизайн студии графического дизайна


13. При помощи инструмента Произвольная фигура (Custom Shape Tool) создайте кнопку ползунка на правой стороне картинок. В режиме Свободного трансформирования
(Free Transform) поверните кнопку:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


14. Примените для кнопки стиль Наложение градиента (Layer Style - Gradient Overlay).



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


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



Дизайн студии графического дизайна


16. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 10 рх) нарисуйте указатель курсора под верхним указателем ползунка.



Дизайн студии графического дизайна


17. Примените для курсора стиль Внутренняя тень (Layer Style - Inner Shadow).



Дизайн студии графического дизайна


Наложение градиента:



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


18. Выберите инструмент Эллипс (Ellipse Tool) и нарисуйте кнопку закрытия в правом верхнем углу панели раздела сайта.



Дизайн студии графического дизайна


19. Примените для кнопки стиль Отбрасывание тени (Layer Style - Drop Shadow).



Дизайн студии графического дизайна


Внутренняя тень:



Дизайн студии графического дизайна


Внешнее свечение:



Дизайн студии графического дизайна


Внутреннее свечение:



Дизайн студии графического дизайна


Наложение градиента:



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


20. Теперь вставьте указатель кнопки:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


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



Дизайн студии графического дизайна


Дизайн студии графического дизайна


22. Примените для копии стиль Внутренняя тень (Layer Style - Inner Shadow):



Дизайн студии графического дизайна


Дизайн студии графического дизайна


23. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 20 рх) создайте кнопку меню на заголовке сайта над панелью разделов.



Дизайн студии графического дизайна


24. Примените для кнопки стиль Наложение градиента (Layer Style - Gradient Overlay).



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


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



Дизайн студии графического дизайна


26. Напишите названия кнопок меню, расположенных на заголовке сайта. Настройки указаны ниже:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


27. Примените для надписей стиль Отбрасывание тени (Layer Style - Drop Shadow).



Дизайн студии графического дизайна


Дизайн студии графического дизайна


28. Теперь вставьте название сайта (используйте шрифт):



Дизайн студии графического дизайна


Дизайн студии графического дизайна


29. Примените для надписи стиль Отбрасывание тени (Layer Style - Drop Shadow).



Дизайн студии графического дизайна


Внутреннее свечение:



Дизайн студии графического дизайна


Наложение градиента:



Дизайн студии графического дизайна


Настройки градиента:



Дизайн студии графического дизайна


Дизайн студии графического дизайна


Дизайн студии графического дизайна






Ссылка на источник урока

написал : IntegraLL

Слов нет, вы молодцы! Очень вдохновило!

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: