Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Web-дизайн » Создаём шаблон портфолио для фотографий в Фотошоп


Создаём шаблон портфолио для фотографий в Фотошоп

Сообщений 1 страница 2 из 2

1

http://www.photoshop-master.ru/lessons/les1479/1.jpg

Исходные материалы
Свадебные кисти
Свадебные гранж цветы
Свадебное фото 1
Свадебное фото 2
Свадебное фото 3

Шаг 1. Создайте новый документ в программе Photoshop размерами 1024 pix x 1024 pix с разрешением 300 DPI.
http://www.photoshop-master.ru/lessons/les1479/2.jpg
Шаг 2. С помощью инструмента «Заливка» http://www.photoshop-master.ru/tools/zalivka.png (Paint Bucket tool (G), заполните фоновый слой оттенком #515151.
http://www.photoshop-master.ru/lessons/les1479/3.jpg
Шаг 3. С помощью инструмента «Прямоугольник» http://www.photoshop-master.ru/tools/rectangle.jpg (Rectangle Shape tool (U), нарисуйте белый прямоугольник по середине документа. Убедитесь, что правая и левая сторона прямоугольника выходят за границы документа, как показано на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/4.jpg
Шаг 4. В стилях слоя для слоя с прямоугольником, выберите «Внутреннюю тень» (Inner Shadow).  Измените параметр «Размер» (Size) до 16 px, как показано на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/5.jpg
Шаг 5. Здесь же в стилях слоя для слоя прямоугольник, выберите «Наложение градиента» (Gradient Overlay).  Уменьшите значение «Непрозрачность» (Opacity) до 23%, как показано на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/6.jpg
Шаг 6. См. желаемый эффект ниже.
http://www.photoshop-master.ru/lessons/les1479/7.jpg
Шаг 7. Создайте новый слой градиентная заливка «Слой - Новый слой-заливка» (Layer>New Fill Layer).  В окошке «Градиентная заливка» (Gradient Fill), в стилях выберите «Радиальный» (Radial). Нажмите на мини-окошко «Градиент» http://www.photoshop-master.ru/tools/gradient.png (Gradient), чтобы перейти в «Редактор градиентов» Gradient Editor. Убедитесь, что цветовая гамма установлена от белого до прозрачного. Нажмите везде OK, чтобы применить установки.
http://www.photoshop-master.ru/lessons/les1479/8.jpg
Шаг 8. Уменьшите непрозрачность слоя радиальный градиент 50%.
http://www.photoshop-master.ru/lessons/les1479/9.jpg
Шаг 9. Выберите инструмент Область «горизонтальная строка» (Single Row Marquee tool (M), чтобы создать выделение по верхнему краю белого прямоугольника. Создайте новый слой, на новом слое выполните обводку «Редактирование – Выполнить обводку» (Edit>Stroke), ширина обводки (Width) 1 px, Цвет (Color) – белый и позиция относительно границ – по центру (location – Center), как показано на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/10.jpg
Шаг 10. Дублируйте слой с верхней обводкой и переименуйте его в нижнюю обводку. Переместите обводку с первоначальной позиции к нижнему краю белого прямоугольника, как показано ниже.
http://www.photoshop-master.ru/lessons/les1479/11.jpg
Шаг 11. Откройте и скопируйте векторный гранж цветок, который вы скачали в начале урока, на новый слой нашего документа.
http://www.photoshop-master.ru/lessons/les1479/12.jpg
Шаг 12. Уменьшите непрозрачность слоя гранжевый цветок до 10% и поменяйте режим наложения на «Мягкий свет» (Soft Light).
http://www.photoshop-master.ru/lessons/les1479/13.jpg
Шаг 13. С помощью шрифта Comfortaa, ссылка на шрифт есть в начале урока, создайте текст логотипа и текст меню.
Примечание переводчика: возможно ссылка была удалена, вы можете на своё усмотрение выбрать шрифт.
http://www.photoshop-master.ru/lessons/les1479/14.jpg
Шаг 14. В нижнем левой углу проекта, с помощью шрифта Comfortaa, напишите информацию о правообладателе.  Уменьшите непрозрачность этого слоя до 48%.
http://www.photoshop-master.ru/lessons/les1479/15.jpg
Шаг 15. С помощью свадебных кистей, которые вы скачали вначале урока, выберите белый цвет и нарисуйте кольца над логотипом и в нижней части.
Примечание переводчика: поменяйте режим наложения на «Мягкий свет» (Soft Light) и уменьшите непрозрачность этого слоя 48% как на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/16.jpg
Шаг 16. Создайте новую группу и назовите её «Основа» (Body), нажав иконку в нижней панели настроек. Выделите все слои кроме фонового слоя и переместите их в группу.
http://www.photoshop-master.ru/lessons/les1479/17.jpg
Шаг 17. Загрузите одно из изображений, которые вы скачали вначале урока, и переместите на наш документ поверх всех слоёв. Разместите изображение внутри белой прямоугольной области.
http://www.photoshop-master.ru/lessons/les1479/18.jpg
Шаг 18. Для слоя с изображением, откройте «Стили слоя» (layer styles). Выбурите «Внутреннюю  тень» (Inner shadow) и установите параметры как на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/19.jpg
Шаг 19. Там же в стилях слоя, выберите «Обводку» (Stroke) и установите параметры как на скриншоте ниже.
http://www.photoshop-master.ru/lessons/les1479/20.jpg
Шаг 20. Загрузите оставшиеся два изображения и поместите их на новые отдельные слои, которые я назвал Изображение 2 и Изображение 3.
http://www.photoshop-master.ru/lessons/les1479/21.jpg
Шаг 21. Щёлкните правой кнопкой мыши по слою с первым изображением и выберите «Скопировать стиль слоя» (Copy Layer Style), далее, щёлкните правой кнопкой мыши  сперва по одному из оставшихся слоёв, потом по другому и выберите «Вклеить стиль слоя» (Paste Layer Style).
http://www.photoshop-master.ru/lessons/les1479/22.jpg
Шаг 22. С помощью инструмента «Эллипс» http://www.photoshop-master.ru/tools/ellipse-tool.png (Elipse Shape tool (U), создайте маленький кружок цвета #515151 прям по середине под изображением.
http://www.photoshop-master.ru/lessons/les1479/23.jpg
Шаг 23. Продублируйте и переименуйте первоначальный кружок (продублировать можно, нажав команду Сtrl+J). С помощью инструмента «Перемещение» http://www.photoshop-master.ru/tools/move.png (Move tool (V), переместите влево от серого кружка. Дважды щёлкните по иконке слоя, чтобы вызвать палитру цветовых оттенков и поменяйте оттенок на белый.
http://www.photoshop-master.ru/lessons/les1479/24.jpg
Шаг 24. Продублируйте белый кружок и переместите его вправо от серого кружка.
http://www.photoshop-master.ru/lessons/les1479/25.jpg
Шаг 25. Выберите инструмент «Прямоугольник» http://www.photoshop-master.ru/tools/rectangle.jpg (Polygon Shape tool (U), установите количество сторон 3.  Нарисуйте треугольник в левой части от изображений.
http://www.photoshop-master.ru/lessons/les1479/26.jpg
Шаг 26. Повторите предыдущий шаг и создайте ещё один треугольник в правой части от изображения. Уменьшите непрозрачность этих слоёв до 26%.
http://www.photoshop-master.ru/lessons/les1479/27.jpg
Итоговый результат
Вы закончили урок, который помог вам узнать технику создания шаблона для свадебной веб странички.
http://www.photoshop-master.ru/lessons/les1479/28.jpg
Переводчик: Садыгалиев Марат.
Источник: surfaceblur.com/2011/01/sleek-wedding-photographer-template/

0

2

Спс!

0


Вы здесь » Магия Фотошопа » Web-дизайн » Создаём шаблон портфолио для фотографий в Фотошоп