Портфолио фотографа

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



Портфолио фотографа


2. Напишите название веб сайта, соблюдая настройки ниже:



Портфолио фотографа


Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Обводка:



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


6. Создайте новый слой (Create New Layer) под слоем, содержащим кнопки меню, и выберите инструмент Кисть (Brush Tool) и нарисуйте пятно цветом #666666.



Портфолио фотографа


Портфолио фотографа


7. В режиме Свободного трансформирования (Free Transform) вертикально сожмите пятно и вытяните в горизонтальную линию. Расположите пятно, как на рисунке ниже:



Портфолио фотографа


8. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 5 рх) продолжайте создавать панель меню белого цвета. Установите Заливку (Fill) слоя — 10%.



Портфолио фотографа


9. Инструментом Линия (Line Tool) (ширина — 1 рх) нарисуйте линию белого цвета на основании панели.



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


11. Используя инструмент Линия (Line Tool) (ширина — 1 рх), нарисуйте линию на верхней части панели меню:



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


13. Теперь разделите кнопки вертикальной линией, созданной инструментом Линия (Line Tool) (ширина — 1 рх).



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


15. Скопируйте слой вертикальной линии и в режиме Свободного трансформирования
(Free Transform) расположите копию на левой стороне предыдущей линии. Примените для копии стиль Наложение градиента (Layer Style — Gradient Overlay).



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


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



Портфолио фотографа


17. Напишите названия кнопок меню, каждое слово создайте на отдельном слое.



Портфолио фотографа


Портфолио фотографа


18. Скопируйте эффект слоя, кликнув на слой, содержащий название сайта (Copy Layer Style), затем Вклейте стиль слоя (Paste Layer Style).



Портфолио фотографа


19. Разместите рисунок под меню:



Портфолио фотографа


20. Используя инструмент Прямоугольник (Rectangle Tool), скройте основание рисунка под полосой чёрного цвета:



Портфолио фотографа


21. Установите Заливку (Fill) слоя — 60%.



Портфолио фотографа


22. Удерживая Alt, кликните между слоем чёрной полосы и слоем рисунка:



Портфолио фотографа


23. При помощи инструмента Эллипс (Ellipse Tool) создайте кнопку на нижней части рисунка:



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Обводка:



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


25. Выберите инструмент Перо (Pen Tool) и нарисуйте маленький указатель белого цвета на кнопке.



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


27. Объедините в группу все слои, содержащие кнопку на нижней части рисунка. Скопируйте эту группу и примените для первого слоя кнопки стиль Наложение градиента
(Layer Style — Gradient Overlay).



Портфолио фотографа


Настройки градиента такие же, как у оригинала. Обводка:



Портфолио фотографа


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



Портфолио фотографа


28. Вставьте название раздела на зоне меню:



Портфолио фотографа


Портфолио фотографа


29. Скопируйте стиль слоя (Copy Layer Style), затем Вклейте стиль слоя (Paste Layer Style).



Портфолио фотографа


30. При помощи инструмента Линия (Line Tool) (ширина — 1 рх) нарисуйте вертикальную разделительную линию на правой стороне рисунка.



Портфолио фотографа


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



Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


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



Портфолио фотографа


Портфолио фотографа


33. Скопируйте стиль слоя (Copy Layer Style), затем Вклейте стиль слоя (Paste Layer Style).



Портфолио фотографа


34. Напишите основной текст для соответствующего раздела:



Портфолио фотографа



Портфолио фотографа







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

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

17 декабря 2017

Мощная и совершенная творческая камера, которая станет великолепным выбором для фотоэнтузиаста или фотографа-профессионала. Матрица DX 16,2 Мпикс. с защитой от пыли, светочувствительность до ISO 25600, ЖК-дисплей 3” (920000 точек), режим Live View, фокусировка по 39 точкам, экспозамер по 2016 пикс., серийная съемка 6 кадров/сек., видеосъемка Full HD, пыле- влагозащищенный корпус.

17 декабря 2017

Занятые люди не планируют фотосессии. Но когда появляется возможность получить отличный кадр, вам нужна камера, которой удобно пользоваться, которая оснащена универсальным объективом и полным спектром новых функций, гарантирующих отличный результат....

17 декабря 2017

Нишевые продукты, помимо чётко определённой аудитории покупателей, нередко интересуют и покупателя массового. Конечно, он относится к таким товарам не до конца адекватно – как обычно люди относятся к экзотическому животному: и хочется иметь его дома, и непонятно что с ним в доме делать. Однако бывают случаи, когда нишевый продукт становится массовым – так складываются события, что его эксклюзивные возможности вдруг становятся широко необходимыми. Но как знать: какому именно устройству вдруг так повезёт?