Объемный текст


Как вы, наверное, уже поняли, возможности программы Photoshop безграничны благодаря множеству комбинаций использования очень простых инструментов. Порой даже удивляешься, сколь красивую идею можно воплотить в жизнь всего парочкой операций. Сегодня я покажу вам подобную вещь. Вам не потребуется глубоких знаний программы для ее создания. Тем не менее, выглядит она очень эффектно.

Мы разберем, как в фотошоп сделать 3D текст. Думаю, вы уже слышали, что последние версии программы содержат модуль, позволяющий создавать 3D объекты, но сегодня я покажу вам, как легко можно справиться и без него.

Для создания объемной надписи для начала подумайте над цветом шрифта. Представьте себе объемный предмет любимого цвета. Есть определенная разница между светлой и темной частью объекта. Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет существенную роль в создании 3D текста. Я немного утрировала цвета. Вы же можете сделать надпись более естественной.

Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.


Объемный текст

В окне слоев кликаем делаем клик по слою с надписью правой клавишей мыши. В выпадающем окне выбираем «параметры наложения».

Объемный текст

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Объемный текст

Такой градиент у нас получился.

Объемный текст

Теперь переходим в окно слоев. Кликаем правой клавишей мыши по слою с текстом и в выпадающем списке выбираем «создать дубликат слоя».

Наша задача состоит в том, чтобы переместить его вниз и влево на 1 пиксель. Сделали. И в окне слоев выбираем тот слой, что находится сзади. Открываем «параметры наложения».

Объемный текст

Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.

Объемный текст

Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.

Что-то уже начинает вырисовываться.


Объемный текст

Повторите последнюю манипуляцию 10 раз. Или больше. В зависимости от того, какой толщины буквы объемного текста вы хотите получить.

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Объемный текст

Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:

Объемный текст

Теперь при помощи «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова преобразовываем его в смарт объект.

Нажимаем клавишу ctrl+shift+n, чтобы создать новый слой. Выделяем рабочую область соразмерную со шрифтом. На панели инструментов ищем «градиент».

Объемный текст


Объемный текст

Его настройки найдем здесь:

Объемный текст

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

Протягиваем мышкой по выделенной области снизу вверх. И снимаем выделение.

Объемный текст

Теперь кликаем по данному слою в окне слоев правой клавишей мыши и выбираем «создать обтравочную маску».

Объемный текст

Сводим слои. Сохраняем. Все!

Как видите, мы воспользовались очень простыми приемами, но тем не менее, достигли нужно эффекта. 3D текст у нас в самом деле получился.

photoshop-work.ru

В этом уроке вы узнаете, как создать глянцевый 3D текст в Фотошоп.

Объемный текст

Шаг 1. Создаем документ размером  800х1000 пикселей разрешением 300 dpi. Есть три причины, почему мы выбрали такой большой размер документа.
 Во-первых, когда вы создаете что-то в Фотошопе и затем импортируете это в какой-либо проект, может понадобится отрегулировать размер изображения, а если исходный материал будет маленьким, то при увеличении он может сильно потерять в качестве.
Во-вторых, при работе с большими изображениями мы можем уделить больше внимания мелким деталям.
В-третьих, мы имеем больше свободного пространства для работы.


Объемный текст

Шаг 2. Первое, что мы должны сделать, это создать букву. Я решил использовать шрифт Defeqto с сайта www.dafont.com.
Я буду работать с буквой B, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект будет лучше смотреться именно на таком шрифте.
Кликаем правой кнопкой мышки по букве и выбираем Rasterize Type (Растрировать текст). Это даст нам возможность его отредактировать.

Объемный текст

Шаг 3. (в этом шаге мы будем приводить в порядок букву, если это необходимо, конечно. Вы можете пропустить эту часть и сразу перейти к Шагу 6)
Края шрифта немного грубоваты, давайте исправим это. Активируем Elliptical Marquee ToolОбъемный текст (Овальное выделение) (M). Удерживая SHIFT, создаем выделение, чтобы оно повторяло форму верхней части буквы. Как видно на рисунке ниже, положение выделения не совсем правильно, поэтому кликаем правой кнопкой мышки по выделению и выбираем Transform Selection (Трансформировать выделение). Регулируем положения, как показано на скриншоте. Затем просто жмем DELETE, чтобы удалить выделенную часть. Благодаря этому, очертания буквы стали плавными, как мы и хотели.


Объемный текст

Шаг 4. Также нам необходимо поправить внешние края, для этого создаем выделение как в предыдушем шаге и инвертируем его SHIFT+CTRL+I. Затем берем Eraser ToolОбъемный текст (Ластик) (E) с Opacity (Непрозрачность) и Flow (Нажим) на 100%. Стираем лишние края.

Объемный текст

Шаг 5. Активируем инструмент Pen ToolОбъемный текст (Перо) (P) и создаем плавную кривую на углу буквы, как показано на фигуре 1. Жмем правой кнопкой мышки и выбираем Make Selection (Создать выделение). Убедитесь, что параметр Feather (Растушевка) установлен на 0.2 пикселя. Не оставляйте углы слишком жесткими и не делайте их слишком загругленными. Применяем эти действия к другим частям буквы, которым необходимы коррекция. На фигуре 3 показано,что получилось в итоге.

Объемный текст

Шаг 6. Мы подошли к той части урока, в которой будем создавать эффект 3D с неоновым свечением. Переходим Edit — Transform — Free Transform (Редактирование — Трансформация — Свободная трансформация) (CTRL+T). Удерживая SHIFT+ALT+CTRL, тянем за правый угол вниз, чтобы деформировать букву в перспективе (фигура 1). Затем тянем один из боковых узелков к центру, как на фигуре 2.


Объемный текст

Шаг 7. Теперь придадим тексту объемности. Берем инструмент Move Объемный текст Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши CTRL+ALT и, появившейся двойной стрелкой, передвигаем букву вправо 18 раз, чтобы создать 18 копий. После этого, зажимаем CTRL и выделяем копии 8, 9 и 10, затем объединяем их комбинацией CTRL+E. Называем этот слой "СВЕЧЕНИЕ". Далее применяем к нему Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность) (CTRL+U). Устанавливаем параметр Lightness (Яркость) на максимум.

Объемный текст

Шаг 8. Затем выделяем копии 11-17 и объединяем их (CTRL+E), называем слой "ПЕРЕДНЯЯ ЧАСТЬ". Теперь выделяем копии 1-7 вместе с оригиналом и также объединяем. Называем слой "ЗАДНЯЯ ЧАСТЬ". Затем выделяем копию 18 и переименовываем ее на "ОФОРМЛЕНИЕ".

Шаг 9. Создаем новый слой "СИЯНИЕ" над слоем "ОФОРМЛЕНИЕ". Затем, зажимаем клавишу ALT и кликаем между этими двумя слоями. В результате, возле слоя "СИЯНИЕ" должна появиться маленькая стрелка направленная вниз, которая означает, что для этого применяется обтравочная маска. Активируем Rectangular Marquee Tool


Объемный текст (Прямоугольное выделение) (M), создаем выделение ВСЕЙ буквы и заливаем его белым цветом Edit — Fill (Редактирование — Заливка). Далее берем Elliptical Marquee ToolОбъемный текст (Овальное выделение) (M) и выделяем нижнюю часть буквы, как показано на фигуре 2. Жмем клавишу DELETE, чтобы удалить выделенную часть, как показано на фигуре 3. Теперь создадим слой-маску. Вы можете это сделать, кликнув на маленький прямоугольник с окружностью внутри внизу панели слоев Add layer mask (Добавить слой-маску). Активируем маску, кликнув по второму белому прямоугольнику на слое "СИЯНИЕ".

Объемный текст

Объемный текст

Берем Gradient ToolОбъемный текст (Градиент) (G) от черного к белому, линейный, деактивируем опцию Reverse (Перевернуть), если она активна. Проводим градиентом от верха к низу документа и уменьшаем Opacity (Непрозрачность) слоя "СИЯНИЕ" примерно на 50-60%. Убедитесь, что ваша буква выглядит как моя.


Объемный текст

Шаг 11. Нам необходимо, чтобы белая линия в центре светилась, но перед этим избавимся от той части слоя, которую мы не видим. Удерживая CTRL, кликаем на миниатюре слоя "ПЕРЕДНЯЯ ЧАСТЬ". Вы должны кликнуть именно на миниатюре, так как нам необходимо загрузить выделение слоя. После этого переходим на слой "СВЕЧЕНИЕ" (просто кликаем по нему) и жмем DELETE. Скройте слои "ПЕРЕДНЯЯ ЧАСТЬ" и "ОФОРМЛЕНИЕ" и вы увидите результат данных манипуляций. Снимаем выделение CTRL+D. Теперь перемещаем слой "СВЕЧЕНИЕ" в самый верх панели слоев. После этого, выделяем слои "ПЕРЕДНЯЯ ЧАСТЬ" и "ЗАДНЯЯ ЧАСТЬ" и объединяем их вместе (CTRL+E). Называем новый слой "ТЕЛО".

Шаг 12. Активируем слой "СВЕЧЕНИЕ" и кликаем на кнопку "fx" внизу панели слоев и выбираем Outer Glow (Внешнее свечение). Я хочу, чтобы свечение было бирюзового цвета. Устаналиваем размер свечения на 6 и цвет 00E1F5.

Объемный текст


Шаг 13. Теперь сделаем углы буквы более плавными. Для этого, загружаем выделение слоя "ОФОРМЛЕНИЕ". Переходим Select — Modify — Contract (Выделение — Модификация — Сжать). Вводим 2 пикселя, затем инвертируем выделение SHIFT+CTRL+I. Перед тем, как мы продолжим, убедитесь, что активен слой "СИЯНИЕ". Теперь жмем DELETE, чтобы удалить лишнюю часть.

Объемный текст

Шаг 14. Далее мы должны закруглить края отражения. Берем Pen ToolОбъемный текст (Перо) (P) и создаем контур, как на фигуре 1. Когда вы примените эти действия ко всем углам, то получите то, что изображено на фигуре 2.

Объемный текст

Шаг 15. Активируем слой "ОФОРМЛЕНИЕ" и кликаем на кнопку "fx" внизу панели слоев. В меню выбираем Inner Glow (Внутреннее свечение).

Объемный текст

Шаг 16. Снова кликаем на кнопке "fx" и выбираем Create layers (Создать слои), в выскочившем окошке кликаем OK. Теперь стиль слоя с внутренним свечением находится на отдельном слое. Переименовываем его на "СВЕЧЕНИЕ КРАЕВ". Убедитесь, что ваши слои выглядят также, как и мои.


Объемный текст

Шаг 17. Создаем слой-маску для слоя "СВЕЧЕНИЕ КРАЕВ" и жмем CTRL+I, чтобы изменить ее цвет на черный. Убедитесь, что ваша панель слоев выглядит также.

Объемный текст

Шаг 18. Берем кисть Объемный текст (B) средней жесткости белого цвета размером около 100 пикселей с Opacity (Непрозрачность) на 100% и Flow (Нажим) на 15%.  Убедитесь, что цвета переднего и заднего планов установлены на черный и белый соответственно, если это не так, то нажмите клавишу D. Чтобы быстро сменить цвет с черного на белый, нажмите клавишу X. Кликайте кистью в тех местах, в которых белая окантовка должна быть видна. Можете также поэкспериментировать с параметрами кисти. Делайте это только в тех местах, где есть закругленные края, и совсем немного на жестких, как показано на фигуре ниже. Запомните, что у сияния должен быть источник света, а так как я сделал букву немного развернутой, то свет будет падать с левой стороны. Не делайте все углы светящимися, так как это будет выглядеть нереалистично.

Объемный текст

Шаг 19. Теперь мы должны добавить немного отражений. Активируем слой "ОФОРМЛЕНИЕ", переходим File — Place (Файл — Поместить) и выбираем любое изображение, желательно высокого разрешения. Я использовал фото с цветами. Затем помещаем новый слой так как показано на фигуре 2.

Объемный текст

Шаг 20. Если изображение преобразовалось в смарт-объект, кликните на нем правой кнопкой мышки и выберите Rasterize Layer (Растрировать слой). Теперь мы можем редактировать этот слой. Далее нам необходимо октрыть окно Hue/Saturation (Цветовой тон/Насыщенность). Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность) или CTRL+U. Уменьшаем Saturation (Насыщенность) примерно до -95% или -90% и жмем OK. Теперь уменьшаем Opacity (Непрозрачность) до 20-25%.

Объемный текст

Шаг 21. Создадим слой-маску для изображения, которое вы решили использовать в качестве отражения. После этого используем Gradient ToolОбъемный текст (Градиент) (G) так же, как мы делали это в Шаге 10, но в этот раз проведите градиентом в верхней части буквы, чтобы маска была не полностью удалена.

Объемный текст

Шаг 22. На этом можно закнончить, но вы можете продолжить, чтобы добавить больше деталей.
Сейчас мы добавим небольшой симпатичный эффект. Я использовал рукописный текст с отсканированной мною книги. Импортируем его на рабочий документ через File — Place (Файл — Поместить). Если изображение стало смарт-объектом, растрируйте его. Располагаем изображение, как показано на фигуре 1. Полностью обесцвечиваем изображение с текстом SHIFT+CTRL+U. Теперь необходимо применить Levels (Уровни) (CTRL+L), чтобы остались только черный и белый цвета. Нам не нужны оттенки серого, поэтому открываем уровни Image — Adjustments — Levels (Изображение — Коррекция — Уровни) и передвигаем ползунок Highlights (Света) вправо и ползунок Shadows (Тени) влево до тех пор, пока на изображении не остануться только черный и белый, как показано на фигуре 3. Устанавливаем режим смешивания слоя на Screen (Осветление). Затем уменьшаем Opacity (Непрозрачность) до 70%.

Объемный текст

Шаг 23. Продолжаем работать на слое с текстом. Загружаем выделение слоя "ОФОРМЛЕНИЕ" и сжимаем его на 2 пикселя, как мы делали это раньше через Select — Modify — Contract (Выделение — Модификация — Сжать). Затем Select — Modify — Feather (Выделение — Модификация — Растушевка), вводим 1 пиксель. Инвертируем выделение Select — Inverse (Выделение — Инвертировать) (SHIFT+CTRL+I) и дважды жмем DELETE. Выделение все еще активно, выделяем слой с изображением, которое мы использовали для отражения (то, которое с цветами) и снова дважды жмем DELETE. Сравниваем фигуру 1 и фигуру 2.

Объемный текст

Шаг 24. Остальное за вами! На черном фоне буква выглядит неплохо! Если вы выберите темный фон, то вам необходимо будет добавить свечения на черные области, так как сделал это я. Повторяем Шаги 15-17, но в этот раз применяем все к слою "ТЕЛО".

Объемный текст

Вариант переводчика:

Объемный текст

Автор: bddesign
 

photoshop-master.ru

В данном уроке будет рассмотрено создание объемного 3D текста.

Из него вы узнаете о некоторых интересных моментах, которые могут вам, пригодится в дальнейшем при работе с текстом.

Объемный текст - создание объемного текста в Photoshop

Шаг #1. Для начала создайте новый документ с разрешением 340 / 155 пикселей и белым цветом фона:

1

Шаг #2. Кликните правой кнопкой мыши по фоновому слою в палитре цветов и выберите пункт “Из заднего плана…”, затем нажмите “Да”

2a

После этого в низу палитры слоев нажмите на кнопку ( 2 ) или выберите из меню (Слой -> Стиль слоя -> Параметры наложения). Выберите из стилей пункт Наложение цвета (Color Overlay) и установите следующие параметры:

Наложение цвета (Color Overlay)

3

Шаг #3. Теперь выберите стиль Наложение градиента и установите следующие параметры:

Наложение градиента (Gradient Overlay)

4

Теперь нажмите на кнопку “ok”.

Шаг #4. У вас должно получится изображение расположенное ниже:

5

Шаг #5. Выберите инструмент “Горизонтальный текст” (Text Tool) ( 6 ) и установите следующие параметры настроек:

7

Шаг #6. Теперь напечатайте необходимый вам текст:

8

Шаг #7. Выделите в палитре слоев слой с текстом, затем кликните правой кнопкой по слою и выберите пункт “Параметры наложения” или нажмите кнопку ( 2 ) в низу палитры слоев. Теперь выберите из стилей “Внутреннюю тень” (Inner Shadow) и установите следующие параметры настроек:

9

Шаг #8. Теперь выберите пункт Тиснение (Bevel and Emboss) и установите следующие параметры настроек:

10

Шаг #9. Выберите пункт Наложение градиента (Gradient Overlay) и установите следующие настройки:

11

Шаг #10. Выберите пункт “Обводка” (Stroke) и установите настройки:

12

Теперь можете нажать “ok” и применить параметры.

Шаг #11. У вас должно получится следующее изображение:

13

Шаг #12. Теперь дважды кликните левой кнопкой по слою с текстом в палитре слоев, причем кликать нужно именно по значку ( 14 ), после чего вверху она программы откроется панель для редактирования текста. Здесь вам необходимо нажать на кнопку ( 15 ). В результате появится окно “Деформировать текст” в котором вам необходимо установить следующие параметры:

16

Шаг #13. В результате у вас должно получиться следующее изображение:

17

Шаг #14. После этого дублируйте слой с текстом. Для этого кликните по нему правой кнопкой мыши и выберите пункт “Создать дубликат слоя”, в результате в палитре слоев появится еще один слой.

Теперь вам необходимо очистить стиль этого слоя. Для этого кликните правой кнопкой по дублированному слою, который вы только что создали и выберите пункт “Очистить стиль слоя” (Clear Layer Style).

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

Теперь измените цвет текста дублированного слоя. Для этого выделите этот слой в палитре слоев. Затем нажмите на кнопку “Символ” ( 18 ) и установите в поле “Цвет” следующее значение цвета текста 072873.

После этого выберите инструмент “Перемещение” ( 19 ). Нажмите клавишу “Alt” на клавиатуре и не отпуская ее нажимайте на клавишу “Стрелка в лево”, а затем “Стрелка в низ”. Делайте это несколько раз пока не добьетесь эффекта показанного на рисунке ниже:

20

Шаг #15. После того как вы сместили один слой относительно другого у вас в палитре слоев появилось много слоев в зависимости от того сколько раз вы нажимали на клавиши со стрелками и смещали слой. Теперь из этих слоев вам необходимо выбрать самый верхний, на против его будет стоять самая большая цифра.

Кликаете по данному слою правой кнопкой и выбираете пункт “Параметры наложения…” или нажмите на кнопку ( 2 ) в низу палитры слоев. И примените к данному слою следующие стили:

Выберите из стилей пункт “Тень” и установите следующие параметры настроек:

21

Шаг #16. Вы должны теперь иметь изображение расположенное ниже:

22

Шаг #17. Теперь дублируйте самый высший оригинальный текстовый слой и очистите стиль этого слоя, как это было показано в шаге 14. Только перемещать слой теперь не нужно пускай он будет в самом верху. А цвет текста в данном случае установите в значение FFFFFF т. е. в белый цвет.

После этого необходимо растрировать белый текстовый слой. Для этого кликните по нему правой кнопкой и выберите пункт “Растрировать слой”.

23

Шаг #18. Затем нажимаете клавишу “Ctrl” и не отпуская ее кликаете по белому текстовому слою в палитре слоев, кликать необходимо именно по значку ( 24 ). Произойдет выделение.

Тогда в главном меню пройдите в пункт Выделение -> Модификация -> Сжать (Select -> Modify -> Contract) и установите значение в 1 пиксель. После этого идите опять в главное меню и выберите пункт Выделение -> Инверсия (Select -> Inverse). И наконец выберите из главного меню пункт Редактирование -> Вырезать (Edit -> Cut).

25

Шаг #19. Установите белый цвет и выберите из панели инструментов инструмент Перо (Pen Tool) ( 26 ) и нарисуйте фигуру похожую на ту которая изображена ниже:

27

Шаг #20. Нажмите клавишу “Ctrl” и кликните по слою с фигурой которую вы рисовали в прошлом шаге, он должен находится в самом верху всех слоев, в результате произойдет выделение. (кликать нужно именно по иконке ( 28 )). Затем выберите в палитре слоев слой с белым текстом, он должен идти сразу после слоя с фигурой. Тогда в главном меню выберите пункт Редактирование -> Вырезать (Edit -> Cut) и установите прозрачность данного слоя в 32%.

29

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

В результате должно получиться следующее:

30

Надеюсь вам понравился данный урок.

Материал подготовлен порталом: webmastermix.ru
Источник

  • Текст из воды
  • Синяя иконка
  • Глянцевая иконка
  • Глянцевая кнопка
  • Почтовая кнопка

webmastermix.ru

  Хочу поделиться личным опытом в создании объемного текста в программе Photoshop. Одним из минусов программы Photoshop является то, что в ней не предусмотрена функция быстрого создания объемного текста, а также нет библиотеки с уже готовыми шаблонами (на любой вкус и цвет).
 
  В интернете есть несколько способов, как сделать объемный текст самому. Но, методом проб и ошибок, я разработала для себя такой.  На мой взгляд, он проще и удобнее, чем те, которые мне попадались.

  Для начала создайте любой текст. Шрифт и цвет выбирайте тот, который вам больше всего нравится или в зависимости от будущего назначения надписи.
  Объемный текст
  Откройте Слои, кликните по слою с вашим текстом правой кнопкой мышки и нажмите Создать дубликат слоя(обычно это 3 сверху строка). Создав, сразу сместите его на один шаг вниз/вверх и влево/вправо клавишами на клавиатуре.
Объемный текст
  Повторите этот процесс еще несколько раз. От количества слоев будет зависеть объем вашего будущего текста.
Объемный текст
   После того как вы создали достаточное количество слоев (учтите, что самый верхний слой будет «лицом» вашего текста), измените цвет последнего «лицевого» слоя. Это подчеркнет объем текста и сделает его интереснее. Название слоя должно изменится: пропадут слова «копия…».

  Подчеркнуть объем текста, не изменяя цвет, можно также функцией Обводка в параметрах наложения. Их можно найти там же, где и функцию Создать дубликат слоя, но на одну строку выше.
Объемный текст
  Объемный текст готов. Теперь выделите все текстовые слои.
  Объемный текст

  Кликните по ним правой кнопкой мышки и выберите Растрировать текст (обычно это 9-я строка сверху).
  Объемный текст

  Все. Теперь вы можете их объединить. Не убирая выделения с растрированных слоев, кликните по ним еще раз правой кнопкой мыши. В открывшемся окне вы найдете функцию Объединить слои (3-я строка снизу).
 
  Это делается для удобства. Но если вы не уверены в конечном варианте, то лучше не торопиться.
 
  Если вы не уверены только в «лицевом» слое, то можете (для сокращения количества слоев) растрировать и объединить все слои, кроме последнего.
  Объемный текст
  Готово.
Объемный текст 

Чтобы получать лучшие статьи, подпишитесь на страницы Алимеро в Яндекс Дзен, Вконтакте, Одноклассниках, Facebook и Pinterest!

alimero.ru

Объемный текстТекст имеет отражение, падающую тень, создает иллюзию пространства. Отлично подойдет для заголовков сайта, баннеров, визиток. Следуйте точно инструкции. Результат проверен администратором сайта Illusion.

1. Создадим новый слой 400×400. Делаем градиент фона от светлого с серым до почти белого. Пишем какой нибудь текст, например Ice.

Объемный текст

2. Теперь применим такие параметры, как ниже на картинке. Градиент использован «металлический». Он находится в наборе градиентов. Настройки не трогаем, оставляем по умолчанию.

Объемный текстОбъемный текст

Объемный текст

Объемный текст3. Нажмите сочетание клавиш ctrl+j, чтобы сделать дубль слоя. Дальше масштаб этого рисунка сделаем на 101%. РЕДАКТИРОВАНИЕ – ТРАНСФОРМАЦИЯ – МАСШТАБ в английской версии (EDIT > Transform > Scale). Чтобы это получилось нажмем на «цепочку» в опциях, для удобства масштабирования, поменяем высоту или ширину на 101. Применяем масштабирование.

4. Далее несколько раз продублируем шаг 3.( После каждого масштабирования, дублируем слой , и на нем повторяем масштаб ).  Для скорости можно после нажатия ctrl+j необходимо нажать ctrl+shift+t. Обязательно необходимо запомнить, число повторов!!! Затем, все новые слои сольем в один СЛОЙ – ОБЪЕДИНИТЬ С ВИДИМЫМ ( для этого оставляем видимыми только слои, которые масштабировали ) или (ctrl+e), кроме 1-го, главного слоя.

Объемный текст5. Так как наш проект имеет глубину, просто копируя и отображая слой, нам не удастся добиться реальности изображения . Необходимо снова повторять шаг три,  нужно будет каждый из новых уровней двигать вниз на один пиксель. Дублируем слой с главной надписью — это будет наше отражение. Располагаем этот слой внизу основной надписи, и отражаем вертикально. Повторяем шаг три, но только после масштабирования. Теперь необходимо сместить уровень на один пиксель. Советую так: в строчке опций будут некоторые значения Х и У. Щелкните по клавише «стрелка вверх», которая находиться между ними и введите значение У, равное одному. После премените данную операцию. И дальше повторим все так же, как в начале четвертого шага. Делаем это столько раз, сколько это делалось с главной надписью.

Объемный текст6. После того как создали отражение, сместим его вниз, ниже чем главный текст. Основания должны совпасть. Теперь добавляем маску к  слою и делаем линейный градиент к тексту черно-белый. Отражение должно постепенно исчезать к низу. Снизим прозрачность слоя  до = 50%.

Объемный текст

Объемный текст

7. В заключении — добавим тень с перспективой. Сделаем новый слой и разместим его ниже главного слоя. Выделяем текст, для этого нажав клавишу ctrl, нажмем на слое текстов в палитре слоев. Заливаем выделение черным цветом. Снимаем выделение. Заблюрим ФИЛЬТР – СМАЗАТЬ – СМАЗАТЬ ПО ГАУССУ …  в английской версии ( Filtеr > Blur > Gaussian blur ) на полтора пикселя. Дальше используем РЕДАКТИРОВАТЬ – СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ  (ctrl+t) это для того, что бы сделать меньше тень примерно до размера 1/3 от размера главной надписи, после создадим перспективную тень РЕДАКТИРОВАТЬ –ТРАНСФОРМИРОВАТЬ — ПЕРСПЕКТИВА . Верх теневого текста будет более узкой, чем основание.
Ну вот и все. Теперь по своему вкусу добавим несколько штрихов к фону. Можно добавить несколько туманных белых полос перед главным тестом. Теперь точно все.

Объемный текст

 Просмотрите еще один урок «Текст на фоне кожи».

Источник:

http://www.photoshoptechniques.com/forum.php

 

 

 

artatac.ru

Это действие сразу выдавит текст и под буквами появится поверхность плоскости основания:

выдавленный текст

ШАГ ТРЕТИЙ: Наш текстовый слой назывался «PLAY». Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно —> Свойства или Window —> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:

плоский текст из 3D

Буквы стали плоским, что нам и нужно.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.

Сначала, кликните по выпадающему меню «Стороны» (Sides) вверху панели и установите на «Спереди и сзади» (Front and Back). Затем перейдите к разделу «Раздувание» (Inflate) и установите «Угол» (Angle) на 90 ° и «Интенсивность» (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:

сделать текст объёмным

ШАГ ПЯТЫЙ: На данный момент все буквы в слове являются единым объектом. Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием «Без текстуры» (No Texture):

материал поверхности 3D текста

Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием» (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите «Блеск» (Shine) на 100%, «Отражение» (Reflection) на 75%, «Плавность» (Roughness) около 25% и «Рельеф» (Bump) 10%:

материал 3D текста

ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D —> Разделить экструзию (3D —> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент «Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:

изменение 3D букв по отдельности

ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на «Материал передней выпуклости» (Front Inflation Material). В панели свойств нажмите на квадратик рядом с » Рассеиванием» (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:

задаём цвет 3d буквам

Обращаю Ваше внимание, что в панели 3D надо переключать на «Материал передней выпуклости» для каждой отдельной буквы:

изменение цвета 3d букв

ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light — источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:

освещение 3d текста

Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо «Редактировать текстуру» (Edit Texture) нажмите строку «Новая текстура» (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.

ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.

В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается «габаритный контейнер» объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., «вращение по оси Z», «перемещение вдоль оси Y», «масштаб вдоль оси X» и т.д.:

перемещение 3D объектов в пространстве

Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:

Блестящий объёмный 3D текст в Photoshop CC

На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

rugraphics.ru

В этом уроке мы будем рассматривать способ применения Свободной трансформации к подвижным и  неподвижным опорным точкам, и учиться создавать объемный текст.

Шаг 1. Создайте новый документ (Ctrl+N) размерами 1280х1024 и 72 пикс./дюйм.
Возьмите инструмент «Прямоугольник»Объемный текст (Rectangle Tool (U)), в режиме слой-фигура, цвет белый. И растяните прямоугольник на весь документ.

Объемный текст

Кликните два раза по полученному слою с прямоугольником, вызвав тем самым окно Стиль слоя. Установите в нем такие параметры:
Наложение градиента (Gradient Overlay):

Объемный текст

Параметры Градиента:

Объемный текст

У вас должен получиться вот такой фон:

Объемный текст

Шаг 2. Используя инструмент «Произвольная фигура»Объемный текст (Custom Shape Tool (U)), попытаемся нарисовать лучи выходящие из центра картины.

Выберите фигуру — «Зарегистрированная цель 2», в режиме слой-фигура, (если такой фигуры  у вас нет, то ее нужно просто добавить, она находится во вкладке «Символы»).

Объемный текст

Зажав клавишу Shift, равномерно растяните фигуру, по возможности на весть холст. Затем зажмите клавишу Ctrl и поместите получившуюся фигуру по центру.
*если перестарались с размером, или наоборот не дотянули, нажмите Ctrl+T (Свободная трансформация) и, зажав клавишу Shift, уменьшите или увеличьте фигуру в размере*

Перейдите на инструмент «Выделение контура» (А) и, зажав клавишу Ctrl, кликните по фигуре. (Опорные точки должны из заполненных, превратиться в пустые.)

Теперь нам нужно замаркировать точки находящиеся в центре, сделать их подвижными при перемещении. Для этого, зажав клавишу Shift, кликайте по точкам. Это можно делать как инструментом «Стрелка» (А), так и инструментом «Угол» (Convert Point Tool).  
Для удобства изображение лучше увеличить.

Объемный текст

Уменьшите изображение. Теперь нужно собрать  лучи в центре изображения. Примените Свободную трансформацию (Ctrl+T) и, зажав клавишу Shift, равномерно со всех краев, сузьте рамку трансформации к центру. Края фигуры останутся неподвижные, а середина будет трансформироваться.

Объемный текст

Примените к этому слою Стиль слоя:
Непрозрачность 70%, Заливка 0%
Наложение градиента:

Объемный текст

Параметры градиента:

Объемный текст

*Для моего изображения мне пришлось поменять параметры, указанные в уроке. Думаю, вы тоже можете, исходя из вашей картинки, менять в настройках Наложения градиента Масштаб и двигать ползунки в самом Градиенте.*
В итоге у вас должно получиться так:

Объемный текст

Шаг 3. Создайте новый слой (Shift+Ctrl+Alt+N), возьмите инструмент «Кисть»Объемный текст (Brush Tool (B)), Цвет – черный, Непрозрачность 10%, Жесткость 0%

Объемный текст

И затемните края вашего изображения.

Объемный текст

Шаг 4. Теперь напишем слово STYLE.
Каждую букву нужно писать на отдельном слое.
Настройки шрифта:

Объемный текст

*чтобы у вас получился именно такой же текст, нужно включить «Капители» (Тт), а при написании буквы «е» отключить (Тт)*

Возьмите инструмент «Перемещение» Объемный текст(V), в настройках инструмента поставьте галочку напротив – Автовыбор.
И, кликая по каждой букве, расположите их как на скриншоте.

Объемный текст

Затем, используя Свободную трансформацию (Ctrl+T), зажав клавишу Ctrl, уложите каждую букву, как показано на скриншоте.

Объемный текст

Шаг 5. Объедините все слои с буквами. Для этого кликните по первому слою с буквой, затем отыщите последний слой с буквой и, зажав клавишу Shift, кликните по нему (выделятся все слои). Затем нажмите Ctrl+E.
Теперь зажмите клавиши Ctrl+Alt, и кликая по букве, немного смещайте каждый полученный дубликат вниз.
Для более аккуратного результата, лучше всего увеличить изображение до размера одной буквы. У вас  должно получиться много слоев, у автора их получилось 38.

Объемный текст

Шаг 6. Объедините все слои со словом «STYLE», кроме самого первого. Поменяйте местами первый слой (со словом STYLE) и слой получившийся после объединения слоев.
К получившемуся слою (из объединенных слоев), примените Стиль слоя:
Наложение градиента:

Объемный текст

Параметры градиента:

Объемный текст

Обводка:

Объемный текст

Получиться так:

Объемный текст

Шаг 7. Теперь нужно немного добавить теней и бликов. Для того чтобы это получилось, нужно превратить слой с наложенными эффектами, в обычный (без эффектов).

Создайте новый слой, выше слоя к которому ранее был применен Стиль слоя. Затем, зажав клавишу Ctrl, кликните по слою с эффектами, тем самым выделив его тоже. Нажмите Ctrl+E, чтобы объединить оба слоя.

Возьмите инструмент «Затемнитель» Объемный текст(Burn Tool (O)), Экспоз. поставьте небольшой 15-20% и на полученном слое прорисуйте немного теней.

Объемный текст

Теперь возьмите инструмент «Осветлитель» Объемный текст(Dodge Tool (O)) и на этом же слое, нарисуйте несколько бликов.

Объемный текст

Шаг 8. Перейдите на слой с желтым словом STYLE.  И примените к нему Стиль слоя:

Наложение градиента (Gradient overlay):

Объемный текст

Параметры градиента:

Объемный текст

Обводка (Stroke):

Объемный текст

Вот что получиться:

Объемный текст

Возьмите инструмент «Линия»Объемный текст (Line Tool (U)), в  режиме слой-фигура, толщина 2 пикс., цвет белый. Для удобства, увеличьте изображение, и нарисуйте несколько вертикальных линий на буквах, чтобы дополнить обводку каждой буквы.

Объемный текст

Шаг 9. Теперь мы будем рисовать ленточку лежащую на буквах. Возьмите инструмент «Перо» Объемный текст(Pen Tool (P)), в режиме слой-фигура, цвет черный и нарисуйте первую часть ленты.

Объемный текст

*если вы не знаете, как пользоваться «Пером», то почитайте уроки по работе с пером, на сайте их достаточно*. Примените к полученному слою Стиль слоя:

Наложение градиента (Gradient overlay):

Объемный текст

Параметры градиента:

Объемный текст

Результат:

Объемный текст

Теперь нарисуйте продолжение ленты.

Объемный текст

Примените Стиль слоя:
Наложение градиента (Gradient overlay):

Объемный текст

Параметры градиента:

Объемный текст

Получится так:

Объемный текст

Дорисуйте ленточку

Объемный текст

Примените к этому кусочку Стиль слоя:
Наложение градиента (Gradient overlay):

Объемный текст

Параметры градиента:

Объемный текст

Объемный текст

Вот что должно получиться:

Объемный текст

Шаг 10. Объедините все слои ленточки в группу: Зажмите клавишу Ctrl и выделите слои относящиеся к ленте, затем, удерживая левую кнопку мыши, переместите слои на значок группы, внизу палитры слоев. Слои автоматически разместятся в Группе1.

Сделайте дубликат группы: Удерживая  левую кнопку мыши, переместите слой Группу 1 на значок  «Создать новый слой». Создастся копия группы.
Перейдите на слой Группа 1, разверните группу и удалите, либо просто отключите эффекты. После того как отключите эффекты, снова сверните Группу.

Нажмите Ctrl+T и сместите слой вниз и немного вправо, как показано на скриншоте.

Объемный текст

Снова разверните Группу 1 и объедините в ней все слои (выделив их все и нажав Ctrl+E).
Затем добавьте получившемуся слою Слой-маску (нажав на значок слой-маски внизу палитры слоев).
Возьмите инструмент «Кисть»Объемный текст(Brush Tool (B)), Цвет черный, Жесткость 100% и сотрите лишнее.

Объемный текст

Шаг 11. Создайте новый слой. Возьмите инструмент «Кисть»Объемный текст, Цвет белый, Размер 3-7 пикс, Жесткость 100%. Нарисуйте на тексте, что-то вроде узоров-завитков, чтобы «украсить» его.

Объемный текст

Поменяйте этому слою режим наложения на Перекрытие.

Объемный текст

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

Объемный текст

Примените к этому слою Фильтр – Размытие — Размытие по Гауссу (Filter – Blur — Gaussian blur)

Объемный текст

Объемный текст

Установите этому слою параметры Заливки — 50%

Объемный текст

Шаг 12. Используя инструмент «Перо»Объемный текст (Pen Tool (P)) в режиме слой-фигуры, добавьте еще три элемента украшения. Цвет — #545E4E.

Объемный текст

Объемный текст

Объемный текст

И вот готовый результат.

Объемный текст

Желаю удачи в выполнении этого урока.

photoshop-master.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.