Группа: Гости
Сегодня: 16.06.2024
99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
Наш опрос
Оцените мой сайт
Всего ответов: 37
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп


Уроки фотошоп - Видеоуроки фотошоп - Photoshop, открытка к 8 марта

Главная » Файлы » Уроки фотошоп » Базовые

[ · ]

Получить книгу бесплатно!!!

          Получите  советы как заработать

                       деньги в интернете

Ваш email:
email рассылки Конфиденциальность гарантирована
email рассылки

Отсечение маски и Тип - Размещение изображения в текст с Photoshop

как нарисовать Отсечение маски и Тип - Размещение изображения в текст с Photoshop в фотошопе



Отсечение маски и Тип - Размещение изображения в текст с Photoshop рисовать в фотошоп


сделать закладку в соцсетях
>

Вот документ, я открыт, содержащий два изображения. Первая фотография в нижней фонового слоя будет использоваться в качестве основного изображения для проекта ( друзьями, наслаждаясь снегопад фотоиз Shutterstock):
Два счастливых молодых женщин друзьями наслаждаясь снега на Рождество Зимняя ночь над фоне снега. По лицензии Shutterstock по Photoshop Essentials.com изображения
Основное изображение, которое будет использоваться в качестве фона.
И если я перехожу на верхнем слое, нажав на его иконку видимости в палитре слоев:
При нажатии на иконку видимости слоя для верхнего слоя в палитре Layers. Image © 2012 Photoshop Essentials.com
Нажатие видимости слоев ("глазного яблока") значок в верхнем слое.
Мы видим образ, который я собираюсь быть размещение внутри какого-то текста ( абстрактный фон зимыс Shutterstock):
Абстрактный фон зимы. По лицензии Shutterstock по Photoshop Essentials.com изображения
Изображение, которое будет проходить внутри текста.
Давайте пойдем дальше и добавить текст в документе. Во-первых, я хочу, чтобы мой текст появится перед другими изображениями на данный момент (так что я могу видеть то, что я делаю), так, прежде чем я добавить любой текст, я нажму на верхний слой в палитре слоев, чтобы выделить его и сделать его активным:
Выбор верхнего слоя в палитре слоев. Image © 2012 Photoshop Essentials.com
Выбор верхнего слоя.
С верхнего слоя выбран, я добавлю мой текст. Если вы ищете для получения дополнительной информации о работе с текстом в Photoshop, рекомендуем почитать наш полный Photoshop Тип Основы учебник, первый из нескольких обучающих материалов все, что вы должны знать. Вот, я начну, захватывая Type Toolс панели инструментов:
Выбор типа инструмента в Photoshop. Image © 2012 Photoshop Essentials.com
Выбор типа инструмента.
С Type Tool выбран, я выберу свою шрифтов вверх в панели параметров вдоль верхней части экрана.Когда вы знаете, что вы собираетесь быть поместив изображение в ваш текст, вы обычно хотят, чтобы выбрать шрифт с толстыми буквами, так что вы сможете увидеть большую часть изображения. Я выберу воздействия, так как это хороший толстый шрифт, и я буду установить начальный размер моего шрифта 24pt. Не волнуйтесь о выборе цвета для текста, потому что цвет не будет виден, как только мы добавили изображения:
Варианты шрифт в панели параметров в Photoshop. Image © 2012 Photoshop Essentials.com
Выбор параметров шрифта в панели параметров.
С моей информации шрифта выбран, я нажму кнопку внутри документа с помощью инструмента, чтобы начать добавлять свой текст. Я введите слова "Happy Holidays":
Добавление текста в документ с помощью инструмента. Image © 2012 Photoshop Essentials.com
Добавление тип к документу.
Когда вы закончите, нажмите галочку в панели параметров, чтобы принять вид и выход из режима редактирования текста:
При нажатии на флажок, чтобы принять текст. Image © 2012 Photoshop Essentials.com
При нажатии на галочку в панели параметров.
Если мы посмотрим на панели Layers, мы видим новый слой типа , который был помещен над двумя другими слоями. Photoshop предъявляет новые слои Тип прямо над любой слой ранее актив, который является, почему я сначала нажал на уровне 1, чтобы выбрать его, прежде чем добавлять текст:
Панель Слои показывает добавленный текстовый слой. Image © 2012 Photoshop Essentials.com
Панель Слои показывает новый тип слоя.
К сожалению, размер шрифта я выбрал в панели параметров была слишком мала для моего дизайна, но это нормально, потому что есть простой способ изменить размер текста . Мы будем использовать только в Photoshop Free Transform команду. Я, выделите ее, подойдя к Edit меню в строке меню в верхней части экрана и выбрав Free Transform . Или, я мог нажать Ctrl + T (Win) / Command + T (Mac) на клавиатуре, чтобы выбрать Free Transform с ярлыком. В любом случае это хорошо:
Выбор Free Transform команду в Photoshop. Image © 2012 Photoshop Essentials.com
Отправляясь в Edit> Free Transform.
Это ставит Free Transform коробку и ручки (маленькие квадраты) по типу. Чтобы изменить размер тип, я просто нажмите и перетащите угол ручки наружу, чтобы сделать текст такого размера, как мне это нужно.Я также удерживайте мой Shift, ключ, как я перетаскивая маркеры, чтобы сохранить первоначальную форму букв нетронутыми, как я их изменение размера. Когда вы закончите, нажмите Enter (Win) / Return(Mac) на клавиатуре, чтобы принять трансформацию и выход из Free Transform команду:
Изменение размера текста с помощью Free Transform в Photoshop. Image © 2012 Photoshop Essentials.com
Удержание нажатой клавиши Shift и перетаскивать угол, ручки, чтобы изменить размер текста.
Теперь, когда тип размер нужно, давайте пойдем дальше и добавим наш обтравочную маску, чтобы разместить изображение внутри текста. Образ, который я хочу, чтобы разместить в моем тексте на уровне 1, но Layer 1 в настоящее время сидит ниже моей текстовый слой и, как мы узнали в Clipping Маски Essentials, учебник, мы нуждаемся в слой, который собирается служить обтравочной маски (в данном так, Тип слой) должен быть ниже слоя, который будет "обрезано" (уровень 1). Это означает, что я сначала нужно пошевелить текстовый слой ниже слоя 1.
Для перемещения текстовый слой, я нажму на нее в панели слоев и с моим кнопку мыши нажатой, я начну перетащив слой вниз, пока я не вижу турник Выделите появляются между слоями 1 и фонового слоя:
Перемещение текстовый слой ниже слоя 1 в палитре слоев. Image © 2012 Photoshop Essentials.com
Перемещение текстовый слой ниже слоя 1.
При появлении бар событием, я выпущу свою кнопку мыши и текстовый слой перемещается там, где мне это нужно непосредственно под слоем 1:
Тип слой был перенесен ниже слоя с изображением. Image © 2012 Photoshop Essentials.com
Уровень 1 теперь сидит выше типа слоя.
Далее, мы должны убедиться, что у нас есть слой, который будет "обрезано" по обтравочной маски выбранной, так что я выберу слой 1:
Выбор слой, который собирается быть обрезаны обтравочной маски. Image © 2012 Photoshop Essentials.com
Выбор слой изображения выше типа слоя.
С типом слоя в настоящее время непосредственно под изображением и слоем изображения, выбранной, я добавить маску обрезки, поднимаясь к Layer меню в верхней части экрана и выбрав Create Clipping Mask :
Выбор команды Create Clipping Mask из меню Layer в Photoshop. Image © 2012 Photoshop Essentials.com
Отправляясь в Layer> Create Clipping Mask.
Если мы снова посмотрим на панели Layers, мы видим, что уровень 1 теперь с отступом вправо, с маленькой стрелкой слева от его просмотра эскиза указывая вниз на текстовый слой под ним. Это говорит нам о том, что слой 1 в настоящее время обрезаются тип слоя:
Панель Слои показывая обтравочную маску. Image © 2012 Photoshop Essentials.com
Панель Слои показывая обтравочную маску.
И если мы посмотрим в окне документа, мы видим, что изображение на Layer 1 в настоящее время представляется внутри текста! Это не действительно внутри текста. Это только выглядит так, потому что любая часть изображения, которая не сидит прямо над печатаете, скрыты от глаз, благодаря обтравочной маски:
Окно документ, показывающий изображение обрезается внутри текста. Image © 2012 Photoshop Essentials.com
Photoshop сейчас скрывается какой-либо части изображения, которая не сидит прямо над типа.
Конечно, я выбрал очень плохо место, чтобы разместить свой ​​текст. Это блокирование лица двух людей на фото, так что я должен переместить текст в нужном положении. Во-первых, я выберу текстовый слой на панели слоев:
Выбор типа слой в палитре слоев. Image © 2012 Photoshop Essentials.com
Нажав на текстовом слое, чтобы выбрать его.
Тогда я возьму в Photoshop Move Tool от верхней части панели инструментов:
Выбор Move Tool с панели инструментов в Photoshop. Image © 2012 Photoshop Essentials.com
Выбор Move Tool.
С типом выбранного слоя и Move Tool в руке, я просто нажмите на текст в документе и перетащите его вверх над двумя людьми на фото. Даже если текст движется, изображение внутри текста остается на месте.Это не двигаться вообще. Так с текстом теперь выше в документе, мы видим другую часть изображения внутри текста. Текст и изображение в нем действительно может быть перемещен независимо друг от друга , так что если бы я захотел, я мог бы также выбрать слой изображения (Layer 1) на панели Layers и с помощью инструмента Move Tool еще в руке, перетащите изображение вокруг внутри текста, чтобы изменить его. Это будет двигаться изображение, а текст остается в силе:
Перемещение текста выше в данном документе. Image © 2012 Photoshop Essentials.com
Используйте Move Tool для перемещения текста или изображения внутри текста (в зависимости от выбранного слоя в панели Layers).
Несмотря на то, текстовый слой используется в качестве обтравочной маски, она по-прежнему официально тип, который означает, что он остается полностью редактируемые даже с появлением изображения внутри него. Если вы вдруг осознали, что допустили орфографическую ошибку, просто выберите тип инструмента, выделите ошибку, щелкнув и перетащив над ним, введите коррекцию, а затем нажмите галочку в панели параметров, чтобы принять его. Или, если вам не нравится шрифт, который вы выбрали изначально, снова выберите инструмент Type Tool, нажмите на тип слоя в палитре слоев, чтобы сделать его активным, а затем выберите другой шрифт из панели параметров (возможно, потребуется использовать бесплатно Transform снова, чтобы изменить размер тип, если изменить шрифты). Опять же, я охватывать все эти вещи и многое другое, начиная с нашей Photoshop Тип Essentials, учебник.
Кроме того, поскольку тип еще ввести, это означает, что вы можете даже деформировать его в различные формы! Сначала убедитесь, что у вас есть текстовый слой, выбранный в панели Layers, а затем перейти кEdit меню в верхней части экрана, выберите Transform , а затем выберите Warp, :
Выбор команды преобразования Warp, в меню Правка Photoshop. Image © 2012 Photoshop Essentials.com
Отправляясь в Edit> Transform> Warp.
С помощью команды Деформация выбранной, посмотреть вблизи левой части панели параметров в верхней части экрана, и вы увидите Деформация вариант, который по умолчанию установлен в None :
Вариант основы в панели параметров в Photoshop. Image © 2012 Photoshop Essentials.com
Вариант основы в панели параметров.
Нажав на слово None открывает выпадающий список из нескольких предустановленных стилей основы , чтобы выбрать из. В качестве примера, я выберу один из самых популярных стилей - Wave :
Выбор опции деформации волны в Photoshop. Image © 2012 Photoshop Essentials.com
Выбор Wave из списка предустановленных стилей основы.
Это мгновенно искажает текст в удовольствие "Волна" формы, но обтравочную маску остается активным с изображения продолжают появляться внутри текста. Все, что вы можете нормально делать с типом в Photoshop, вы можете делать с ним, даже если он используется в качестве обтравочной маски:
Текст был деформирован с помощью команды Warp, в Photoshop. Image © 2012 Photoshop Essentials.com
Текст после применения команды Деформация.
Мы также узнали, в Clipping Маски Essentials, учебник, который мы можем добавить стили слоя для отсечения маски, и это правда, даже при использовании типа. Чтобы быстро завершить вещи, я добавлю стиль слоя к тексту, чтобы помочь ему вписаться в лучше с главной фотографией позади него. Во-первых, я выберу текстовый слой на панели слоев:
Выбор типа слой в палитре слоев. Image © 2012 Photoshop Essentials.com
Выбор типа слоя.
Тогда я нажму на стили слоя значок в нижней части панели слоев:
Кликая по иконке слоя стилей на панели слоев в Photoshop. Image © 2012 Photoshop Essentials.com
Нажав на значок Layer Styles.
Я выберу Outer Glow из списка стилей слоя, который появляется:
Выбор стиля слоя Outer Glow. Image © 2012 Photoshop Essentials.com
Выбор стиля Outer Glow.
Это открывает диалоговое окно Layer Style Photoshop установлен в опциях Outer Glow в средней колонке. Я изменю цвет моей внешнего свечения белый, нажав на образец цвета и выберите белый с Color Picker , которое появляется. Тогда я понизить непрозрачность свечения в 30% , и я буду увеличить свечения вразмер около 32px . Конечно, это всего лишь настройки, которые хорошо работают с моим изображением здесь и предназначены только, чтобы быть примером того, как мы можем добавить стили слоя, чтобы ввести в то время как он используется в качестве обтравочной маски:
В Outer Glow варианты Layer Style. Image © 2012 Photoshop Essentials.com
Варианты Outer Glow.
Я нажмите кнопку ОК в правом верхнем углу диалогового окна Layer Style, чтобы закрыть его. Мы видим, стиль Outer Glow, перечисленных ниже тип слоя в палитре слоев:
Панель Слои показывая стиль Outer Glow добавлена ​​для соединения типа слоя. Image © 2012 Photoshop Essentials.com
Появляется ниже типа слоя стиль Outer Glow.
И с этим, мы сделали! Вот мой окончательный результат с Outer Glow добавил к тексту (Я также используется для Move Tool для перемещения тип вниз только немного, так что кажется более в центре между двумя девушками и верхней части изображения):
Размещение изображения в тексте с отсечения маски в Photoshop. Image © 2012 Photoshop Essentials.com
Окончательный "изображение в текст" результат.
 
И у нас это есть! Вот как объединить мощь отсечения маски с типом в Photoshop легко поместить изображение в ваш текст!
Отсечение маски и Тип - Размещение изображения в текст с Photoshop
сделать закладку в соцсетях

Категория: Базовые | Просмотров: 22 | Добавил: Гость

Размещение, Photoshop, маски, Изображения, Отсечение, тип, Текст
Всего комментариев: 0
Добавление комментария
к материалу
Код *:
Добавить комментарий

Вход на сайт


Поиск


дерево на прозрачном фоне


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп

На этом сайте наша команда собрала материал уроки фотошоп, которые дадут возможность очень скоро овладеть разными инструментами этой программы. Если вы считаетесь начинающим либо желаете повысить качество уже имеющиеся знания, бесплатные уроки фотошоп разрешат приобрести изобилие нужных сведений и обучат рисованию наиболее различных частей и изображений. Уроки Photoshop, уготованные про начинающих, посодействуют выучиться обладать обилием приборов данного растрового редактора. Изучив наиболее обыкновенные технической рисования, вам можете преступить к наиболее трудным урокам, выучиться делать с разными красками, творить коллажи, производить фото. При стремлении с помощью уроков разрешено начинать специалистом, в безукоризненности обладающим програмкой и разрабатывающим личные технической. Задачи Фотошоп – наверное неповторимые которые были использованы, рассказанные в лично легкодоступной фигуре, которые станут удобные и понятные абсолютно всем.
Copyright © 2010-2015 Все права защищены. Создать бесплатный сайт с uCoz. Лучшая подборка уроков