Ещё больше уроков в нашей группе Вконтакте!





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

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


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

Подсказка

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

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

В этом уроке мы будем создавать страницу для размещения фотографий.


Страница для размещения фотографий


1. Создайте новый документ размером 1024×768 px и разрешением 72 dpi. При помощи инструмента Прямоугольник (Rectangle Tool) создайте фон рисунка:



Страница для размещения фотографий


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



Страница для размещения фотографий


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



Страница для размещения фотографий


Страница для размещения фотографий


3. Выберите жёсткую Кисть (Brush Tool) белого цвета и большого размера и создайте свечение на фоне:



Страница для размещения фотографий


4. Установите для свечения Режим наложения – Мягкий свет (Blending Mode – Soft Light).



Страница для размещения фотографий


5. При помощи инструмента Произвольная фигура (Custom Shape Tool) создайте элемент цветом #416183.



Страница для размещения фотографий


Страница для размещения фотографий


Установите Заливку (Fill) слоя - 30%.



Страница для размещения фотографий


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



Страница для размещения фотографий


7. Создайте новый документ размером 4×4 px и разрешением 72 dpi. Выберите инструмент Карандаш (Pencil Tool) (1 рх) и создайте узор цветом #003D76.



Страница для размещения фотографий


8. Перейдите в меню Редактировать>Определить узор (Edit>Define Pattern) и сохраните узор. Создайте новый слой (Create New Layer), установите Заливку (Fill) слоя - 0% и примените для слоя стиль Наложение узора (Layer Style - Pattern Overlay).



Страница для размещения фотографий


Страница для размещения фотографий


9. Добавьте маску слоя, кликнув на иконку внизу палитры слоёв. При помощи инструмента Градиент (Gradient Tool) размойте фон по диагонали: с нижнего правого угла до верхнего левого.



Страница для размещения фотографий


10. Выберите инструмент Прямоугольник (Rectangle Tool) и создайте раздел портфолио белого цвета на странице сайта.



Страница для размещения фотографий


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



Страница для размещения фотографий


Страница для размещения фотографий


12. Объедините все слои, содержащие названия разделов, в группу. Установите Непрозрачность (Opacity) для группы - 30%.



Страница для размещения фотографий


13. Теперь вставьте картинки в соответствующие разделы, предварительно вырезав по размеру.



Страница для размещения фотографий


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



Страница для размещения фотографий


Страница для размещения фотографий


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



Страница для размещения фотографий


Страница для размещения фотографий


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



Страница для размещения фотографий


Страница для размещения фотографий


16. При помощи инструмента Прямоугольник (Rectangle Tool) создайте несколько линий цветом #4F6479 и расположите их на правой и левой сторонах надписи “PHOTOGRAPHY PORTFOLIO”:



Страница для размещения фотографий


Страница для размещения фотографий


17. Пронумеруйте разделы сайта. Настройки указаны ниже:



Страница для размещения фотографий


Страница для размещения фотографий


18. Объедините в группу все слои, содержащие номера разделов. Установите Заливку (Fill) для группы - 30%.



Страница для размещения фотографий


19. Используя инструмент Прямоугольник (Rectangle Tool), создайте 2 горизонтальные линии на нижней части страницы сайта.



Страница для размещения фотографий


Страница для размещения фотографий


20. Напишите названия кнопок меню сайта:



Страница для размещения фотографий


Страница для размещения фотографий


21. Инструментом Прямоугольник (Rectangle Tool) создайте ещё 3 разделительные линии цветом #CACFD4 между кнопками меню.



Страница для размещения фотографий


Страница для размещения фотографий






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

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

Ваше Имя

Ваш E-mail

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

Введите код: