Он лайн консультация

Создайте современный веб-сайт для консалтинговой компании.



Он лайн консультация


1. Создайте новый документ размером 766×500 px и разрешением 72 dpi. Залейте фон цветом #354C5B.



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


4. Используя тот же инструмент Прямоугольник (Rectangle Tool), создайте слои, разработанные для названий разделов сайта. Их цвет — #596B77. Слои следует разместить на верхних частях разделов сайта.



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


7. Теперь выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и нарисуйте тонкую полосу цветом #C1C8CC, вдоль нижней части заголовка сайта. Затем инструментом Преобразовать точку привязки (Convert Point Tool) подкорректируйте форму углов элемента.



Он лайн консультация


Он лайн консультация


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



Он лайн консультация


Он лайн консультация


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



Он лайн консультация


10. Затем вставьте картинки в разделы сайта.



Он лайн консультация


11. Для всех картинок примените стиль Внутреннее свечение (Layer Style — Inner Glow).



Он лайн консультация


Обводка:



Он лайн консультация


12. Теперь необходимо заполнить разделы сайта соответствующим текстом. Настройки для выделенного текста:



Он лайн консультация


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



Он лайн консультация


Он лайн консультация


13. Используя инструмент Прямоугольник (Rectangle Tool), сделайте необходимые шаги для создания кнопки меню на заголовке сайта:



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


Обводка:



Он лайн консультация


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



Он лайн консультация


15. Скопируйте новый созданный слой и расположите копию так, как показано в следующем рисунке:



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


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



Он лайн консультация


18. Для зелёной кнопки примените стиль Наложение градиента (Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


19. Для синей кнопки примените стиль Наложение градиента (Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


20. И для фиолетовой кнопки также примените стиль Наложение градиента
(Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


21. При помощи инструмента Перо (Pen Tool) изобразите блеск на каждом цветном градиенте (сделайте копию для каждой из кнопок и измените настройки, в соответствии с цветом кнопки и её параметрами).



Он лайн консультация


Он лайн консультация


22. Примените для фиолетового блеска стиль Наложение градиента
(Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


23. Для синего блеска примените стиль Наложение градиента (Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


24. Для зелёного блеска примените стиль Наложение градиента (Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


25. А также для оранжевого блеска примените стиль Наложение градиента
(Layer Style — Gradient Overlay).



Он лайн консультация


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



Он лайн консультация


26. Теперь напишите названия кнопок меню, соблюдая настройки ниже:



Он лайн консультация


Он лайн консультация


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



Он лайн консультация


28. Затем вставьте название самого сайта. Настройки для “online”:



Он лайн консультация


Настройки для “consulting”:



Он лайн консультация


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



Он лайн консультация


Он лайн консультация









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

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

18 декабря 2018

18 декабря 2018

цифровой зеркальный фотоаппарат

18 декабря 2018

Инновационная зеркальная камера с полупрозрачным зеркалом, сочетающая в себе компактные размеры и великолепные возможности художественной съемки. Матрица 24,3 Мпикс., 4-ступенчатый оптический стабилизатор, ЖК-дисплей 3” 921600 точек, EVF 2,4 млн пикс., экспозамер по 1200 зонам, серийная съемка до 12 кадров/сек., Full HD-видеосъемка, функция Sweep Panorama. В комплекте трехкратный зум Sony 16-50 мм.