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

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).



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


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



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


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



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


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



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


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


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







Делаем Web-дизайн

Вас может также заинтересовать:

27 июня 2019

Дизайн камеры выполнен в минималистичном ключе: глубокий черный цвет, отсутствие нагромождения многочисленных кнопок, тонкость, изысканная элегантность и благородство

27 июня 2019

Canon EOS 1100D kit 18-55 - компактная и доступная новинка в серии цифровых зеркальных камер. CMOS-матрица формата APS-C с разрешением 12 мегапикселей, мощный 14-битный процессор DIGIC 4, серийная съемка 3,2 кадра в секунду, широкий диапазон чувствительности ISO от 100 до 6400. 9-точечная система АФ по широкой зоне, полупрозрачное зеркало, 3 режима фокусировки в Live View, экспозамер по 63 зонам, ЖК-дисплей на 2,7 дюйма с разрешением 270 000 точек, съемка видео высокой четкости. В комплекте объектив 18-55 мм

27 июня 2019

Дата анонса: 2012/04/19 Эффективное разрешение, МП: 20.3 Диагональ ЖК-дисплея, дюймы: 3