Доброго времени суток, уважаемые читатели моего блога. Если вам нужно чтобы очертания текста были картинкой, то эта статья не для вас. Прочитайте другую мою публикацию «Как сделать текст из рисунка». Сегодня мы поговорим о другом приеме. Научимся писать на готовом изображении.
Как вставить картинку в текст в фотошопе. Я покажу как работать с размерами, вы узнаете кое-что о слоях и сможете превратить любое фото в красивую цитату, стильное меню, симпатичный баннер и так далее.
Это самый простой прием, который только можно придумать, поэтому много времени у вас не займет ни чтение этой статьи, ни работа с Photoshop.
Итак, первым делом вам нужно создать новое изображение. Конечно, можно открыть и любую другую фотографию, но давайте я покажу вам один интересный момент, о котором вы могли прежде не знать.
Итак, после того как вы нажали «Файл» — «Создать». Перед вами появится форма, в которой вы можете выбрать тип документа из целого списка: международный формат бумаги, фото, web и так далее. Каждый из этих типов делится на различные подвиды, к примеру, web на большой баннер, стандартную интернет-страницу, MacBook. Международный формат – A3, A4, А2.
В чем преимущество этого метода? Вам не придется заморачиваться с размерами, искать их в интернете. Все заранее подготовлено.
Итак, после того как дело сделано, выбираете инструмент «Текст» в панели справа. Сверху появляется дополнительное меню, в котором вы можете выбрать шрифт, настроить жирность, курсив, выбрать размер букв, выравнивание и так далее.
Итак, выбираем шрифт. Кстати, чтобы вариантов стало больше, вы можете скачать бесплатные дополнительные шрифты с сайта Photoshop-master. Установить их проще простого. Заходите в панель управления через меню «Пуск», находите папку «Шрифты» и закидываете туда новые, только что загруженные файлы. Не забудьте перезапустить фотошоп, а то обновления не вступят в силу.
Теперь выбираем цвет букв. Вы можете выбрать их панели сверху или меню слева.
Если вам нужно увеличить расстояние между буквами или словами сначала нажмите на иконку с папкой сверху, выделите сам текст, а затем увеличьте или уменьшите показатели. Можно и не выделять, но тогда вы не увидите в режиме реального времени как применяется редактирование.
Чтобы применить изменения, щелкните мышью по слою в панели справа.
Чтобы увеличить или уменьшить блок с текстом используйте сочетание клавиш Ctrl+T. Я уже подробно писал об этом сочетании. Дальше тяните за края в разные стороны и кликните на Enter как только закончите.
Лучший метод добавления картинки перетаскивание из папки – почему, я уже рассказывал.
Вы можете накидать несколько рисунков или всего один, а затем разместить их рядом. Давайте покажу как работать со слоями. Это вам пригодится.
На моем скриншоте часть текста спряталась под картинкой. Почему так произошло? Представьте, что это не программа, а обычный альбомный лист. Вы создаете текст, а поверх него накладываете слой с рисунком. Конечно, часть букв видно не будет. Программа фотошоп работает по тому же принципу.
Вам просто нужно нажать enter, чтобы применить изменения к размеру картинки, а затем поменять слои местами.
Нужно отметить, что не все параметры редактирования изображения будут доступны для вас. Это связано с методом, которым вы пользовались для добавления рисунка в проект. Чтобы открыть эту возможность, вам придется растрировать слой. Сейчас это смарт-объект. Нажмите правой кнопкой мыши на слое с иллюстрацией, а затем выберите из появившегося меню нужную опцию.
Чтобы поместить картинку в нужное место в фотошопе есть инструмент «Перемещение», также вы можете использовать для этой цели тот же способ, что и работает с изменением размера картинки – Ctrl+T.
Если вам нужно поместить картинку между словами, вы можете растянуть расстояние между ними при помощи изменений параметров. Меню открывается при нажатии на иконку с папкой.
Есть и второй вариант. Просто наберите первую часть текста и кликните на новый слой. Затем то же самое проделайте со второй составляющей. У вас будет два разных слоя. К каждому из них можно применять свои настройки. К примеру, я уже писал о том, как сделать обводку текста. Перемещая один из объектов или изменяя его размеры, второй остается неизменным.
Если вы хотите освоить фотошоп, но вам надоело получать обрывочные знания, могу порекомендовать вам курс «Фотошоп с нуля в видеоформате». Вы сможете узнать все о программе и ее инструментах, сможете сами догадываться как применять навыки для реализации любой задачи и цели.
Ну вот и все. Подписывайтесь на рассылку и получайте прямо на почту уроки, которые помогут не только развиться, но и начать зарабатывать на своем хобби.
start-luck.ru
Начинающему пользователю Photoshop иной раз оказывается непросто даже начать урок, ведь большинство авторов мастер-классов по работе с программой предлагают начинать занятие с выполнения действий инструментами, забывая о том, что для многих пользователей сама загрузка картинки в Photoshop может быть трудной задачей.
Достаточно часто для работы в Photoshop мы используем изображения, взятые из интернета. Традиционный способ копирования таких картинок в Photoshop не очень удобный - надо открыть страничку с изображением, нажать правой клавишей мыши на изображения, в открывшемся контекстном окне выбрать строку "Сохранить изображение как...", в новом окне ввести имя файла, нажать ОК, изображение сохранится на компьютер, после чего открыть папку с сохранённым изображением и ужу наконец-то открыть его в Photoshop. Согласитесь, довольно-таки нудно.
В версиях Photoshop ниже CS6 можно было перетащить картинку прямо из браузера в окно программы, но в версиях выше CS6 это уже не поддерживается.
И, тем не менее, способ быстрого открывания картинок в Photoshop непосредственно со страничек сайтов существует. Ниже я расскажу о том, как быстро перенести изображение со странички сайта в интернет-браузере в Photoshop напрямую, без сохранения на компьютере.
Для начала, открываем в браузере страничку сайта с картинкой и кликаем по ней правой клавишей мыши, в контекстном меню выбираем "Копировать картинку". Заранее скажу, что линейный размер картинки на примере - 350 на 150 пикселей:
Итак, картинка скопирована в буфер обмена компьютера. Переходим к программе Photoshop. Нажимаем на вкладку главного меню Файл --> Новый (или комбинацию клавиш Ctrl+N). Открывается диалоговое окно создания документа, где набор будет указан как "буфер обмена" и размеры документа, соответствующие размеру картинки, скопированной в буфер обмена - у меня 350 на 150 пикселей:
В диалоговом окне можно задать цвет фонового слоя, либо выбрать опцию "Прозрачный", тогда вместо фонового лоя бут создан обычный пустой слой.
rugraphics.ru
В фотошопе пользователи решают две основные задачи: создают изображения с нуля, либо открывают уже готовые фотографии для их последующей обработки. В этой статье речь пойдет о последнем случае, вернее о его фундаменте, с которого все и начинается — как открыть фотографию в фотошопе.
Чтобы начать обрабатывать фотографию, ее сначала нужно открыть, то есть загрузить картинку в область рабочего пространства, после чего она будет готова к редактированию. Существует много способов как это можно сделать. Рассмотрим их все.
1 Способ
Для начала запустите программу. После того как она загрузится, выполните команду меню Файл — Открыть или нажмите Ctrl+O. Появится диалоговое окно «Открыть», в котором нужно указать путь до нужной фотографии.
Обратите внимание, что в этом меню также есть команда Открыть как смарт-объект… Она работает также, но если первый вариант открывает обыкновенное изображение, то второй откроет это изображение в виде смарт-объекта (изображения с более широкими возможностями для редактирования). Подробнее об этих возможностях смотрите в статье — Все, что нужно знать про смарт-объекты в фотошопе.
2 Способ
Вне зависимости от того, запущен у вас фотошоп или нет, любой графический файл на компьютере можно открыть в фотошопе. Для этого кликните по нему правой кнопкой мыши, в появившемся меню выберите команду Открыть с помощью — Adobe Photoshop.
Может быть так, что фотошопа в этом списке не будет. Тогда кликните на команду Выбрать программу… Появится окно Выбор программы, в котором еще раз посмотрите нет ли фотошопа в числе рекомендуемых.
Если нет, то кликните на стрелочку (1) Другие программы и поищите в этом списке.
Если и там нет, тогда придется указать путь к фотошопу вручную. Для этого нажмите Обзор (2) и найдите ярлычок запуска фотошопа в системных папках, где установлена программа. По умолчанию системные папки лежат по этому адресу: C:\Program Files\Adobe\Adobe Photoshop CS5.
3 Способ
Любую картинку можно открыть путем обыкновенного перетаскивания файла в рабочее пространство. То есть, вам нужно, чтобы фотошоп был запущен, затем откройте на компьютере папку с файлом, поместите окно папки поверх программы (предворительно уменьшив его размеры), после чего легким движением мышки перетащите файл.
4 Способ
Разработчики фотошопа сделали свой обозреватель файлов — Adobe Bridge. Этот дополнительный модуль устанавливается всегда вместе с фотошопом. В нем пользователь может систематизировать свои фотографии, просматривать их и открывать для редактирования.
Adobe Bridge представлен в виде отдельной программы и палитры с урезанным количеством функций. Но они обе без труда откроют любую фотографию. Я не буду подрбно расписывать как это сделать, поскольку это уже давно написано в моей статье — Что такое Adobe Bridge. Также я отдельно рассказал как пользоваться палитрой Adobe Mini Bridge.
Рекомендую потратить время на знакомство с этим обозревателем, поскольку он заслуживает такого внимания.
5 Способ
В фотошопе есть команда, которая позволяет открыть фотографию и сразу ее добавить к другой ранее открытой. Для этого выполните команду меню Файл — Поместить. Изображение откроется как смарт-объект, причем с маркерами, позволяющими сразу подогнать размеры и наклон.
6 Способ
Команда меню Файл — Последние документы покажут вам 10 последних фотографий, что вы открывали в фотошопе. Бывают случаи, когда такая команда действительно нужна. Например, закрыли случайно картинку, но чтобы опять ее не искать — найдите ее здесь.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter. Спасибо!
psand.ru
Сейчас у нас активен дубликат, поэтому зажимаем клавишу Gtrl и кликаем по кнопке создания нового слоя, расположенной внизу палитры слоёв. В Панели слоёв появился новый слой, расположенный под дубликатом:
На данный момент новый слой полностью пустой. Давайте заполним его белым цветом. Для этого сначала нажимаем на буквенную клавишу D, при этом в цветовой палитре цвета вернулись к дефолтным, т.е. чёрный - цвет переднего плана, а белый - фоновый. Для заливки слоя фоновым цветом нажимаем комбинацию клавиш Ctrl+Delete (или Ctrl+Backspace).При этом вид основного документа не изменится, так как верхний слой блокирует просмотр находящегося под ним белого, но в Панели слоёв видно, что слой залит белым:
Кликните по самому верхнему слою в Панели слов для его выбора, на инструментальной панели выберите инструмент "Текст" (Type Tool) и тир шрифта. Как правило, этот эффект лучше применять к шрифту с толстыми буквами. Я сейчас собираюсь выбрать шрифт Arial. Кстати, на данный момент не беспокойтесь по поводу размера шрифта.
Следующее действие не является абсолютно необходимым, оно просто поможет мне лучше увидеть мой текст. Я собираюсь использовать белый для цвета моего текста. Цвет, который вы выбираете для вашего текста, не имеет значения, поскольку позже мы будем заполним текст изображением, и этот цвет не будет просматриваться.Чтобы установить цвет текста на белый, все, что нужно сделать, это установить в цветовой палитре цвет переднего плана на белый. Для этого нажмите клавишу D, что приведёт цвета переднего плана и фона в состояние по умолчанию, а затем нажмите клавишу X, что поменяет местами фоновый и основной цвета, в итоге основным будет белый.
Итак, на данный момент у нас активен инструмент "Текст", выбран шрифт и его цвет. Сделайте надпись на основном документе, поскольку я использую фото Гавайев, я собираюсь набрать слово "HAWAII":
Когда закончите ввод текста, нажмите на галочку в панели параметров для применения действия инструмента.
Нажмите клавиши Ctrl+T для активации инструмента "Свободная трансформация" и используя маркеры на углах рамки трансформации, растяните текст по всему изображению:
Для применения действия инструмента нажмите клавишу Enter.
Перетащите тестовый слой так, чтобы он оказался под верхним слоем (под "Слой 1"):
Снова кликните по верхнему слою и создайте обтравочную маску. Для создания обтравочной маски зажмите клавишу Alt и наведите курсор между слоями в Палитре, при этом курсор изменит отображение. Кстати, вид значка создания обтравочной маски в CS6 отличается от версий ниже. На рисунке ниже я привёл отображение значка в CS6 (cлева) и в CS5 и (справа):
И, если мы теперь посмотрим в окно рабочего документа, мы увидим, что эффект готов, картинка появилась в тексте:
Можно ещё для красоты и придания объёма тексту добавить стили слоя, "Тень" (Drop Shadow) и "Внутреннюю тень" (Inner Shadow):
rugraphics.ru
|
|
|
|
|
|
