буквы на кирпичной стене
Сюрреалистический 3D текст из кирпича
В этом уроке мы создадим в Photoshop 3D-текст с текстурой из кирпича, используя бесплатный экшен. На полученные 3D буквы текста мы добавим различные изображения, чтобы получить сюрреалистическую картину.
Для вставки в буквы нам понадобятся вырезанные изображения различных предметов, их вы можете изготовить сами (как вырезать предмет из изображения), либо скачать готовые на этом сайте, ссылки будут приведены ниже.
Photoshop-экшен (action, операция, действие), предназначенный для генерации 3D фигур из текста, форм и пиксельных областей, вы также можете бесплатно скачать на этом сайте, экшен представлен в двух вариантах, для Photoshop с русским и английским интерфейсом, версии CS3 и выше.
В итоге у вас должно получиться что-то вроде этого.
Готовое изображение.
Для выполнения урока нам понадобятся:
Кроме того, готовые PDS файлы, выполненные по этому уроку, а также исходники вы можете скачать по ссылке внизу страницы.
Давайте начнём.
Фон для 3D текста
Преобразуем фоновый слой в обычный и с помощью инструмента «Перемещение» (Move Tool, выбор клавишей V) перемещаем слой несколько вниз, чтобы вверху осталось пространство для неба. Хотя можно и не перемещать, всё-равно слой с небом, который мы потом добавим, закроет верхнюю часть слоя с пустыней.
Вот что получилось у меня на данный момент:
Заготовка фона под 3D текст.
Добавьте к слою стиль слоя «Наложение градиента» со следующими настройками:
Параметры стиля «Наложение градиента».
Выше слоя с пустыней добавьте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), вид панели слоёв и параметры корректирующего слоя показаны ниже:
Панель слоёв и панель свойств корректирующего слоя «Цветовой тон/Насыщенность».
Возьмите инструмент «Рамка» (Crop tool) и перетащите вверх верхнюю сторону рамки, чтобы увеличить высоту документа, она должна стать чуть меньше ширины. Таким образом,мы увеличим прозрачную
Откройте файл с небом 1.jpg. Измените ширину этого изображения до ширины вашего документа с поверхностью пустыни и с помощью инструмента «Перемещение» перетащите слой с небом да документ с пустыней так, чтобы нижний край неба немного перекрывал верхний край пустыни. Добавьте к слою с небом слой-маску. Возьмите инструмент «Градиент», выберите чёрно-белый, кликните по миниатюре слой=маски в слое с небом и протащите курсор вертикально вверх по области перекрытия слоёв с небом и пустыней. Это делается для того, чтобы сделать плавным переход между небом и пустыней, что-то вроде линии горизонта, подёрнутой дымкой. Вот как примерно должен выглядеть документ после всех этих манипуляций:
Готовый фон для 3D текста.
Сохраните этот файл как документ Photoshop (PSD-файл).
Если кому что-то непонятно, я сохранил документ, выполненный по действиям до этого момента, в файле фон_для_текста.psd, скачать архив с которым можно по ссылке внизу страницы.
Создание текста с текстурой кирпичной стены
Создаём новый документ Photoshop размером 1000 на 600 пикселей с белым фоном. Берём инструмент «Текст» (Type Tool), выбираем шрифт Miriad Pro (как я писал выше, он установлен в Windows по умолчанию и поддерживает латинские и кириллические буквы), высоту букв задаём примерно 320 pt и пишем слово. Фоновый слой удаляем. Затем зажимаем клавишу Ctrl и кликаем левой клавишей мыши по иконке текста. Вокруг текста должно появиться выделение:
Добавления выделенной области по форме букв текста.
Выделение в виде букв после расширения.
Документ после заливки выделения фоновым цветом (как видно на цветовой палитре, у меня он чёрный).
Теперь придадим буквам текстуру кирпича. Откройте в Photoshop изображение с текстурой кирпичной стены 4.jpg, скачанное отсюда. Уменьшите размер изображения текстуры кирпича до размеров чуть побольше вашего документа с текстом и с помощью инструмента «Перемещение» перетащите текстуру на документ с текстом, поверх всех слоёв.
Добавьте к слою с текстурой обтравочную маску:
Изображение кирпичной стены добавлено как слой с обтравочной маской.
Нажмите комбинацию клавиш Ctrl+Shift+Alt+E чтобы получить новый слой, состоящий из видимых пикселей всех слоёв:
Новый слой, созданный из всех видимых пикселей документа.
Новый слой был создан выше всех остальных слоёв (у меня это Слой 3), с ним мы будем работать в дальнейшем, чтобы не затронуть исходные слои.
Зажмите клавишу Ctrl и кликните по миниатюре Слой 3 для того, чтобы вокруг букв появилось выделение.
Удаление фрагментов по краям выделения.
Инвертируйте выделение, нажав клавиши Ctrl+Shift+I. Нажмите Delete для удаления пикселей слоя Слой 3. Снимите выделение, нажав Ctrl+D. На данный момент в документе никаких видимых изменений не произошло. Это происходит потому, что слои, расположенные под Слой 3, не подверглись никаким изменениям. Чтобы увидеть результат, отключите видимость этих слоёв:
Готовые буквы.
Итак, буквы для создания 3D-текста готовы. Сохраните это файл как документ PSD. Я сохранил его как буквы_для_3D-текста.psd.
В следующем материале мы создадим из этих букв 3D-текст с помощью экшена Photochop. Скачать бесплатный экшен для создания 3D-текста можно здесь.
Скачать готовые PDS файлы и исходные материалы:
Создаем граффити на кирпичной стене при помощи Texturino в Иллюстраторе
Сегодня мы создадим векторное граффити и применим к нему растровые текстуры из Pro Texture пакета (бесплатно для пользователей плагина) при помощи Texturino. Другие инструменты Astute Graphics помогут нам сделать процесс создания работы быстрым, удобным и эффективным.
Шаг 1
Начнем наш урок с грубого карандашного эскиза лого AG (Astute Graphics). Затем сканируем его.
Создаем новый документ (Cmd / Ctrl + N), iв открывшемся диалоговом окне установим размер монтажной области и цветовой режим RGB.
Теперь вставим эскиз в текущий документ (File > Place…) и заблокируем его в панели Layers.
Шаг 2
Приступим к созданию векторного лого на основании эскиза. Для этих целей вы можете использовать Pen Tool (P), но, на мой взгляд, удобней и быстрее воссоздать форму букв при помощи InkScribe Tool (плагин InkScribe). Давайте посмотрим, как это делается. Кликнем на InkScribe Tool в панели Tools и откроем панель инструмента (Window > InkScribe > InkScribe panel).
Нажимаем на Draw a straight segment и кнопку Corner в панели InkScribe.
Форма букв эскиза далека от совершенства, поэтому я создал несколько направляющих, которые помогут исправить это в процессе рисования.
Шаг 3
Выбираем обводку любого цвета и отключаем заливку в панели Tools. При помощи InkScribe Tool создаем путь, состоящий только из прямолинейных сегментов, опираясь на эскиз буквы A.
Одним из преимуществ InkScribe Tool является то, что этот инструмент обладает функциями похожими на функции Direct Selection Tool. То есть вы можете редактировать созданные точки, сегменты и ручки, не используя другие инструменты и горячие клавиши. Захватываем один из прямолинейных сегментов и смещаем его в сторону, создавая форму, которую требует эскиз.
Подобным образом работаем с другими сегментами. Это очень быстрый и комфортный процесс.
Аналогичным образом создаем часть формы буквы G.
Шаг 4
Оставшиеся элементы букв создаем при помощи прямоугольников.
Выделяем все пути, затем нажимаем кнопку Unite в панели Pathfinder.
Округлим некоторые углы букв. Для этих целей вы можете использовать Corner Widgets (View > Show Corner Widget), если вы пользователь Adobe Illustrator CC. Если вы работаете в более ранних релизах, то для решения такой задачи вам не обойтись без Dynamic Corners Tool плагина VectorScribe.
Шаг 5
Отключаем обводку, затем заливаем буквы вертикальным линейным градиентом, который содержит желтый цвет и два оттенка оранжевого цвета.
Группируем буквы (Cmd/Ctrl + G), копируем группу и вставляем ее назад (Cmd/Ctrl + C, Cmd/Ctrl + B). Не снимая выделения с нижней группы, переходим Object > Path > Offset path…. Устанавливаем значение Offset (в моем случае это 10px).
Окрашиваем все объекты нижней группы в темно-серый цвет.
Шаг 6
Копируем темно-серую группу и вставляем ее назад. Смещаем эту копию вниз и вправо, как это показано на рисунке ниже.
Выделяем обе темно-серые группы, затем переходим Object > Blend > Make, далее Object > Blend > Blend Options… и устанавливаем количество шагов.
Шаг 7
При помощи Pen Tool (P) создадим две треугольные формы темно-серого цвета так, как это показано на рисунке ниже.
Теперь создадим четыре окружности при помощи Ellipse Tool с заливкой такого же цвета.
Создадим серый прямоугольник, соответствующий рабочей области, который будет играть роль временного фона.
Шаг 8
Копируем бленд объект и вставляем его назад. Не снимая выделения с копии, переходим Object > Blend > Expand.
Теперь нажимаем кнопку Unite в панели Pathfinder.
Переходим Object > Path > Offset path…. Устанавливаем значение Offset.
Заливаем нижний объект белым цветом.
Шаг 9
Ниже всех объектов лого разместим белые окружности, подобно показанному на рисунке ниже.
При помощи Pencil Tool (N) создадим несколько капель стекающей краски.
Создадим блики на левой стороне букв. Рисуем путь с белой обводкой и применяем к нему Width Profile 1 в панели Stroke. Создаем подобные объекты в других местах. Группируем все элементы граффити.
Шаг 10
Поместим граффити на кирпичную стену. Здесь мы будем использовать растровую кирпичную текстуру из Pro Texture Packs и плагин Texturino. Если вы пользователь Texturino, то войдите в ваш профиль на сайте Astute Graphics и кликните на Pro Texture Pack ссылке. Предоставленные текстуры имеют высшее качество и высокое разрешение. Много бесшовных текстур готовы для загрузки в библиотеку Texturino. Откроем панель Texturino (Window > Texturino > Texture panel). Нажимаем на кнопку Import new textures в панели и добавляем Brick wall detail texture. Кстати, вы можете импортировать несколько текстур одновременно.
Нам также понадобится текстура fine grade stone из пакета Pro Texture Packs.
Шаг 11
Выделяем серый прямоугольник затем кликаем на кнопку Add a new texture в панели Texture. Текстура добавлена и появилась аннотационная система.
Два раза кликаем на ползунке Scale и в открывшемся диалоговом окне устанавливаем 15%.
Выбранная текстура является бесшовной, поэтому мы можем применять к ней любой масштаб.
Шаг 12
Хотя мы используем черно-белую текстуру, но можем придать ей любой оттенок. Применим к прямоугольнику с текстурой вертикальный линейный градиент, который состоит из двух оттенков синего цвета. По умолчанию в аннотационной системе выбран режим смешивания Multiply. Благодаря этому текстура окрасилась в цвета градиента.
Проведем цветовую коррекцию при помощи Phantasm. Не снимая выделения с текстуры, переходим Effect > Phantasm > Levels… и в открывшемся диалоговом окне устанавливаем Input Levels как показано ниже.
Теперь переходим Effect > Phantasm > Curves…, добавляем точку на диаграмме и смещаем ее немного вверх.
Шаг 13
Теперь нам надо сделать так, чтобы текстура кирпича появилась на граффити. Применим к группе с векторными объектами режим смешивания Overlay в панели Transparency.
Да, текстура на буквах появилась, но швы между кирпичами выглядят не закрашенными. Поэтому продолжим наши эксперименты. Копируем граффити лого и вставляем его вперед (Cmd/Ctrl + C, Cmd/Ctrl + F), применим к верхней группе режим смешивания Darken.
Выделяем нижнюю группу и переходим Effect > Phantasm > Curves…, добавляем точку на диаграмме и смещаем ее немного вниз.
Теперь граффити выглядит более естественно.
Шаг 14
Для придания большего реализма применим к верхней группе еще одну текстуру. Выделим ее, выбираем текстуру fine grade stone в панели Texture и нажимаем кнопку Add a new texture.
Два раза кликаем на ползунке Scale в аннотационной системе и в открывшемся диалоговом окне устанавливаем 50%, применим к текстуре режим смешивания Overlay. Так мы создали капли спрея на граффити.
Граффити на стене в Photoshop
Путём нехитрых манипуляций я получил вот такой результат, затратив всего несколько минут времени:
Фоном для граффити послужит кирпичная стена, изображение с которой скачать можно на этой страничке:
Создаём карту смещения (Displacement Map)
Для того, чтобы наш будущий текст повторял неровности поверхности, на которой он будет нанесён, создадим картe смещения (Displacement Map), которую мы будем использовать в дальнейшем. Кстати, «Displacement Map» можно перевести как «карта объёма».
Для начала, давайте преобразуем изображение в чёрно-белое, это проще всего сделать нажатием комбинации клавиш Ctrl+Shift+U. Затем, мы должны увеличить его контраст. Есть несколько способов добиться этого, но я пришёл к выводу, что в данном случае использование инструмента «Уровни» (Levels) даст нам наилучшие результаты. Нажмите комбинацию клавиш Ctrl+L для открытия диалогового окна «Уровней», и, затем, сместите крайние чёрные и белые ползунки несколько к центру:
Теперь наше изображение должно иметь примерно такой вид:
Теперь наступил очень важный момент. Сохраните полученное изображение обязательно в формате PSD, иначе вы не сможете выбрать его в дальнейшем. Я назову этот файл disp_map.psd.
Текст
Подошло время создания текста!
Для надписи, вы можете, конечно, использовать любой шрифт, который захотите, но чтобы получить лучший эффект «граффити» в вашем дизайне, рекомендуется использовать шрифт именно в стиле граффити. В данном примере я использовал шрифт Zit Graffiti, скачать, который, вместе с другими шрифтами этого стиля, в т.ч., поддерживающими русские буквы, вы можете на этой страничке. Но, к сожалению, сам Zit Graffiti кириллицу не поддерживает. Я выбрал его из-за того, что при вводе в строчных букв, буквы залиты цветом, а если Вы вводите буквы верхнего регистра, то получаете только контур. Так как я хочу, чтобы мой текст был залит цветом, я буду вводить текст в нижнем регистре. Для примера я вбил своё имя:
Как правило, подобные надписи не делаются только одним цветом. Обычно буквы имеют градиенты, тени и обводку. Вот тут уже вступают в игру стили слоя. Их применение даст возможность добавить все эти элементы на одном текстовом слое. Настройки, которые я использовал, я привел ниже, но не стесняйтесь экспериментировать, чтобы получить результат лучше этого:
Применив эти стили, я получил такой результат:
Придаём тексту рельеф
На надпись на стене должна повторять неровности стены, т.е иметь рельеф. Для этого мы и используем сделанную ранее карту смещения.
Одно важное дополнение. Перед тем, как применить карту, преобразуем наш текст в
смарт-объект (Smart Object) для того, чтобы при необходимости редактировать текст, его стили слоя и цвета на более позднем этапе, после применения фильтра «Смещение»:
Нажимаем ОК, после чего появляется окно выбора файла, где нам следует выбрать сохранённый файл PSD с картой смещения, который мы созданный в начале, у меня этот файл называется disp_map.psd:
Вот что получилось у меня после этого. Текст вроде-как начал принимать форму стены, но, пока ещё, мы далеки от идеала:
Смешивание слоёв
Этот раздел содержит два бара. Верхний для текущего (активного) слоя, и нижний для слоя, находящегося под ним. Оба бара содержат слайдер регулировки теней и светов, которые и позволяют смешивать активный слой, и/или слой под ним (нижележащий слой, или, как в офиц. переводе, подлежащий). В нашем случае, мы хотим смешать тени и блики кирпичной стены (подлежащий слой) с текстом.
Текст стал похож на граффити, но какой-то он уж слишком выцветший и облезлый. Мне хотелось бы, чтобы он выглядел поярче. Попробую смягчить результат.
Если зажать клавишу Alt и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:
Надпись на стене: разнообразие вариантов и способы их использования
Отправим материал на почту
Мода украшать стены жилья цитатами и призывами существовала ещё в 60-е годы прошлого века, но в последнее десятилетие надписи на стену в комнату стали особенно активно использовать для украшения. Разбираемся, какой выбор есть у того, кто задумал декорировать гостиную или спальню вдохновляющим высказыванием, и как правильно их использовать в интерьере.
Роль настенных надписей
Выбирая тот или иной дизайн, каждый хозяин хочет создать уникальный интерьер. Много времени тратится на то, чтобы гостиная или кухня стала отображением вкусов, устремлений и индивидуальности владельцев.
Достичь желаемой цели можно разными способами. Чаще всего на помощь приходят различный декор: предметы искусства, текстиль, посуда, светильники. Но с недавних пор уникальность также можно подчеркнуть с помощью надписей; в интерьере они решают следующие задачи:
Виды надписей
Вы можете купить готовую декоративную надпись, заказать любимую цитату в мастерской или изготовить своими руками, используя подручные материалы. Для работы подойдёт любой материал, лишь бы он нравился вам и согласовывался со стилевым оформлением комнаты. Распространены следующие разновидности декора:
Чаще всего буквы наносятся при помощи краски или маркера. Это наиболее бюджетный вариант оформления стены, если вы можете похвастаться твёрдой рукой, хорошим глазомером и чувством стиля, позволяющим выбрать нужный шрифт и цвет букв. Для работы подойдёт акриловая краска, быстро сохнущая и безопасная для здоровья.
Если вы не уверены в своих художественных навыках, можно пригласить дизайнера или художника. Надпись будет сделана профессионально, что, однако, отразится на стоимости декора.
Более дешёвый способ состоит в использовании трафарета. Его приобретают готовым, или изготавливают своими силами, что потребует некоторого времени.
Популярный способ задекорировать стену – приобрести готовые надписи в рамке для интерьера. Это проще и быстрее, чем водить по стене кисточкой или вырезать трафареты. Чтобы закрепить декор, не обязательно портить отделку гвоздями; для лёгкой рамки вполне хватит двухстороннего скотча или пластиковой системы крепления.
Отдельным видом дизайнерского искусства являются световые надписи. Светодиодный или неоновый декор можно заказать в специализированной компании. Изготовленный своими руками аксессуар из электрической гирлянды выглядит эффектно и романтично.
Обои с надписями
Идея буквенного декора процветала в Париже в 40-х годах прошлого века, когда там оформилось авангардное движение Леттризм. Она не была забыта, и поэтому обои с текстом популярны до сих пор, их несложно найти в любом достаточно крупном специализированном магазине.
Коллекции арт-обоев разнообразны по цветовому решению и стилю. Красивые надписи на стенах, выполненные на обоях, подходят для отделки любых помещений. При выборе подходящего варианта придерживаются следующих соображений:
Надписи, которые меняются
Многие не торопятся обзаводиться буквенным декором, так как не без основания опасаются, что любая, даже гениальная цитата или мотивационная фраза рано или поздно надоест. Если вам нравится идея каждый день наполнять комнату новым смыслом, обратите внимание на следующие возможности:
В интерьере
При выборе варианта оформления стоит учитывать не только стиль комнаты, но и её предназначение. Декор уместен в пространстве любой комнаты, если правильно выбрать материал, стиль и размер. Сориентироваться помогут следующие идеи:
Видео описание
Об изготовлении грифельной доски в следующем видео:
Коротко о главном
Любимые цитаты и мотивационные высказывания становятся популярным способом украшения жилья. Это единственный декор, который не только украшает и зонирует помещение, но и повышает настроение обитателей.
Надписи можно наносить прямо на стену, или прикреплять к ней. Материал выбирают, ориентируясь на интерьерный стиль и собственные предпочтения.
Декор изготавливают из дерева, пластика, металла, наносят с помощью трафарета или отрисовывают акриловыми красками. При желании можно купить готовый аксессуар или заказать в индивидуальном порядке (например, светящуюся надпись).
Если вы любите динамику, обратите внимание на роллер с крафт-бумагой, меловую или магнитную доску. Фразой или цитатой можно украсить любую комнату, главное, чтобы изречение было уместным по стилю, цвету и содержанию.