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





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

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


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

Подсказка

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

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

Конечный результат:



Использование внешнего смарт-объекта в Photoshop CC 2014


Ресурсы урока:


Файлы для урока

Шрифт «Alef»


1. Подготовка холста



Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) формата A5.

Использование внешнего смарт-объекта в Photoshop CC 2014


По умолчанию будет установлено разрешение 300 пиксель/дюйм. Это значит, что каждый квадрат размером 1х1 дюйм содержит на своей площади 300 пикселей. Такая плотность точек идеально подходит для печати. Но мы будем использовать меньшее разрешение – 150 пикселей. Цель урока – показать работу с внешними смарт-объектами, а не подготовить изображения к печати. Также меньшее количество точек сокращает время вычисления.

Использование внешнего смарт-объекта в Photoshop CC 2014


Наш холст готов.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Активируйте Линейки (Ctrl + R), которые помогут определить положение курсора и правильно расставлять элементы дизайна. Кликните правой кнопкой на линейках и выберите Миллиметры (Millimeters).

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 3


Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (M) и создайте квадратное выделение размером 11х11 мм. Удерживайте клавишу Shift для получения квадратной формы.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 4


От левой линейки отведите направляющую, проходящую по правому краю квадратного выделения.

Использование внешнего смарт-объекта в Photoshop CC 2014

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 5


Сделайте то же самое в правом нижнем углу.

Использование внешнего смарт-объекта в Photoshop CC 2014


2. Добавление фона



Шаг 1


Из архива с файлами урока откройте фотографию с записной книжкой в Фотошопе. Перейдите в меню File > Save As и сохраните файл в формате PSD.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Перенесите PSD файл в наш документ. Мы намеренно не копируем и вставляем изображение, так как будем использовать ссылку на него.

Использование внешнего смарт-объекта в Photoshop CC 2014


Вы также можете вставить изображение через меню Файл > Поместить связанные (File > Place Linked).

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 3


После вставки изображения в наш документ. Для изменения размера фотографии тяните за точки на рамке трансформирования. Не бойтесь сделать ошибку. Так как фотография вставлена в качестве смарт-объекта, мы может изменять её размер столько, сколько угодно.

Использование внешнего смарт-объекта в Photoshop CC 2014


Чтобы сохраниить пропорции при изменении размера, удерживайте клавишу Shift.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 4


Нажмите Enter, чтобы применить изменения. Если Вы снова захотите изменить размер, активируйте режим Свободное трансформирование (Ctrl + T). Иконка в правом нижнем углу на миниатюре слоя говорит о том, что это смарт-объект.

Использование внешнего смарт-объекта в Photoshop CC 2014


3. Добавление контента



Шаг 1


Сейчас мы создадим футер. Логотип для урока был взят с сайта http://deathtothestockphoto.com/. Это EPS файл, который нужно открыть в Adobe Illustrator. Выделите один из логотипов и скопируйте его (Ctrl + C).

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Создайте новый документ в Adobe Illustrator.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 3


Вставьте логотип (Ctrl + V).

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 4
Сохраните логотип в ту же папку, где находится рабочий документ.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 5


Через меню Файл > Поместить связанные (File > Place Linked) вставьте логотип.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 6


Измените размер логотипа и расположите его в правом нижнем углу.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 7


Инструментом Горизонтальный текст (Horizontal Type Tool) создайте текстовое поле и напишите пару абзацев, а также адрес сайта. Здесь был использован шрифт «Alef».

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 8


Добавьте заголовок и слоган на брошюру.

Использование внешнего смарт-объекта в Photoshop CC 2014


4. Редактирование смарт-объектов



Шаг 1


На данный момент у нас есть 2 смарт-объекта: логотип и фон. Они оба ссылаются на оригинальные файлы. Выберите смарт объект и на панели Свойства (Properties) нажмите на кнопку Редактировать содержимое (Edit Contents). Ещё можно сделать двойной клик на миниатюре смарт-объекта, чтобы открыть его.

Использование внешнего смарт-объекта в Photoshop CC 2014


Фотошоп предупредит Вас о сохранении документа. Просто нажмите ОК.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Фоновый слой будет открыт в отдельном документе. Нам нужно отредактировать некоторые участки фотографии и повысить контрастность текста. Обратите внимание на то, что чёрный заголовок находится слишком близко в окну.

Использование внешнего смарт-объекта в Photoshop CC 2014


Инструментом Прямоугольная область (Rectangular Marquee Tool) выделите следующий участок и скопируйте его на отдельный слой (Ctrl + J).

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 3


Удерживая Shift, нажмите на клавишу стрелки вверх, чтобы поднять слой на 10 пикселей.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 4


Выделите нижнюю часть слоя.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 5


Активируйте режим Свободное трансформирование (Ctrl + T) и растяните выделенную часть.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 6


Мягким ластиком сотрите лишние участки.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 7


Сохраните документ и вернитесь к основному. Все изменения будут применены автоматически.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 8


Давайте изменим фоновую фотографию немного по-другому. Мы знаем, что она находится в отдельном PSD файле. Почему бы нам не изменить его непосредственно? Закройте основной рабочий документ с брошюрой и откройте файл с фоном в Фотошопе.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 9


Вставьте в PSD файл другую фотографию и сохраните документ.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 10


Снова откройте основной PSD файл с брошюрой и увидите, что там произошло.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 11


На месте иконки смарт-объекта появится восклицательный знак. Она показывает, что со смарт-объектом имеются какие-то проблемы. На панели свойств Вы найдёте такую же иконку.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 12


Мы знаем, что содержимое файла-источника было изменено. Теперь нам нужно обновить информацию о слое в текущем документе. Сделайте это через меню Слой > Смарт-объект > Обновить изменённое содержимое (Layer > Smart Object > Update Modified Content).

Использование внешнего смарт-объекта в Photoshop CC 2014


На холсте появится новый фон.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 13


Снова откройте смарт-объект.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 14


Измените размер фотографии.

Использование внешнего смарт-объекта в Photoshop CC 2014


Сохраните документ смарт-объекта, а в основном обновите содержимое.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 15


Для контраста в нижней части создайте красную полоску. Тот же красный цвет, что и у логотипа.

Использование внешнего смарт-объекта в Photoshop CC 2014

Использование внешнего смарт-объекта в Photoshop CC 2014


Результат:

Использование внешнего смарт-объекта в Photoshop CC 2014


Я немного сдвинул фоновую фотографию.

Использование внешнего смарт-объекта в Photoshop CC 2014


5. Альтернативная цветовая схема



Шаг 1


Сейчас мы инвертируем цвета логотипа и текста. Инструментом Прямоугольник (Rectangle Tool) создайте фон цветом #231f20.

Использование внешнего смарт-объекта в Photoshop CC 2014

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Сделайте текст белым.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 3


Теперь займёмся логотипом.

Использование внешнего смарт-объекта в Photoshop CC 2014


Откройте смарт-объект.

Использование внешнего смарт-объекта в Photoshop CC 2014


Мы можем очень просто найти файлы проекта.

Использование внешнего смарт-объекта в Photoshop CC 2014


Кликните на нём правой кнопкой мыши и выберите пункт Показать связанные файлы (Show Linked Files).

Использование внешнего смарт-объекта в Photoshop CC 2014


Было найдена два файла: фон и логотип.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 4


Выделите все фоновые фигуры.

Использование внешнего смарт-объекта в Photoshop CC 2014


Измените их цвет на чёрный. Сделайте это для всех фигур позади буквы.

Использование внешнего смарт-объекта в Photoshop CC 2014


Букву сделайте белой.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 5


Вернитесь в основной документ и увидите изменения.

Использование внешнего смарт-объекта в Photoshop CC 2014


6. Организация файлов



Шаг 1


Храните все внешние файлы проекта в одной папке.

Использование внешнего смарт-объекта в Photoshop CC 2014


На официальном сайте Adobe можете прочесть, как Фотошоп работает с внешними файлами. Сначала он ищет по последнему адресу, где находился файл. Если файл не найден, Фотошоп смотрит в ту же папку, где находится PSD файл проекта.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Давайте посмотрим, что будет, если один из файлов пропадёт из папки.

Использование внешнего смарт-объекта в Photoshop CC 2014


Например, мы удалим логотип.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 3


Кликните правой кнопкой мыши на проекте и выберите пункт Показать связанные файлы (Show Linked Files). Появится уведомление о том, что файлы отсутствуют.

Использование внешнего смарт-объекта в Photoshop CC 2014


Когда мы откроем проект в Фотошопе, диалоговое окно также даст нам знать о отсутствующих файлах.

Использование внешнего смарт-объекта в Photoshop CC 2014


Нажмите на кнопку Выбрать (Choose) и в проводнике выберите файл.

Использование внешнего смарт-объекта в Photoshop CC 2014


Галочка будет говорить о том, файл найден.

Использование внешнего смарт-объекта в Photoshop CC 2014


Если Вы проигнорируете сообщение об отсутствующих файлах, то увидите знак вопроса на смарт-объекте, который также будет об этом сигнализировать.

Использование внешнего смарт-объекта в Photoshop CC 2014


Вы можете открыть смарт-объект и найти нужный файл.

Использование внешнего смарт-объекта в Photoshop CC 2014


Использование внешних файлов в проекте значительно уменьшает его размер.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 4


Возможность встраивать смарт-объект прямо в PSD файл осталась.

Использование внешнего смарт-объекта в Photoshop CC 2014


Внешние смарт-объектные можно преобразовать во встроенные.

Использование внешнего смарт-объекта в Photoshop CC 2014


На панели свойств появится обычная иконка смарт-объекта.

Использование внешнего смарт-объекта в Photoshop CC 2014


Размер такого документа значительно увеличится.

Использование внешнего смарт-объекта в Photoshop CC 2014


7. Использование одного внешнего файла в нескольких проекта



Шаг 1


Давайте добавим логотип ещё в один PSD файл, в котором нарисован дизайн визитки.

Использование внешнего смарт-объекта в Photoshop CC 2014


Шаг 2


Допустим мы изменили букву на логотипе.

Использование внешнего смарт-объекта в Photoshop CC 2014


Логотип брошюры тоже изменится.

Использование внешнего смарт-объекта в Photoshop CC 2014

Использование внешнего смарт-объекта в Photoshop CC 2014


Использование внешнего смарт-объекта в Photoshop CC 2014



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

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

Ваше Имя

Ваш E-mail

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

Введите код: