Выбор редакции

Популярное

Выбор читателей

Профессия
Читать 1 минуту

Основы создания 3D текстa с помощью Xara Designer

Роман Ачкасов
07.11.2016, 10:44
07.11.2016, 10:44

К сожалению, html и css обладают лишь узким набором средств для оформления текста. Да и на изучение всех стилевых свойств и их реализацию может уйти много времени. Намного легче оформить надпись в графическом редакторе, а затем вывести изображение в нужном месте. При этом хочется сделать текст не просто красивым, но и объемным (3D текст).

Альтернатива Photoshop

Последние версии Photoshop выпускаются вместе с инструментарием для создания 3D графики. Но все эти средства имеют уж слишком «заумный» интерфейс и кучу настроек. И чтобы в них разобраться, тоже нужны опыт и время. А что делать, если сроки поджимают? Воспользуйтесь альтернативным вариантом — простым графическим редактором Xara Designer.



uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer

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

Пример создания объемного текста в Xara Designer

Но перейдем от слов к их реализации. Рассмотрим практический пример создания 3D текста в этом редакторе. В качестве основы мы использовали русифицированную версию приложения 2012 года.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 2

Весь процесс мы будем рассматривать пошагово:

1) Создание нового документа — заходим в пункт главного меню «Файл», «Создать». На выбор будут представлены различные виды проектов. Можно выбрать любой из представленных или воспользоваться расширенным списком «Галереи проектов». Мы выбрали веб-страницу на 640.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 3

2) Установка цвета фона — имеется в виду именно настройка. Использование инструмента «Заливка» не принесет никакого результата. Он предназначен лишь для заливки выделенных регионов.

Для установки фона внутри документа кликаем правой клавишей, и выбираем пункт «Изменить фон страницы». После чего станет диалоговое окно «Редактор цвета», в котором с помощью стандартного (программ для создания 3d текста) маркера можно выбрать цвет фона.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 4

3) Создание надписи — для нанесения на выбранный цветовой фон надписи воспользуемся инструментом «Текст». Работа с ним во многом схожа с использованием аналогичного средства в Photoshop.

После активации инструмента на основной панели инструментов (слева) вверху становится активным стандартное меню настройки параметров текста (семейство шрифта, размер, основной стиль написания).

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 5

4) Создание объемного текста — объемность тексту задается с помощью инструмента «3D», который находится на основной панели инструментов. После его активации курсор становится похож на белый объемный прямоугольник с «прицелом» в виде креста и заостренными концами. При таком курсоре движения мыши вызовут перемещение нашего объекта в трехмерном пространстве.

На поверхности текста можно заметить блестящую точку. При наведении на нее курсор меняет форму «прицела» на обычный крестик. В таком состоянии вслед за движением мыши будет изменяться толщина объекта.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 6

5) Выбор размера и стиля огранки — редактор позволяет не только создать 3d текст, но и максимально точно задать стиль его отображения. Форму огранки устанавливают с помощью выпадающего списка «Тип огранки», ее размер — с помощью соседнего ползунка «Размер огранки». Немного поэкспериментировав, можно выбрать оптимальную для себя форму. У нас получилось вот так.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 7

Если длина и ширина объекта не устраивает, то их легко изменить с помощью инструмента «Перемещение». После его активации вокруг текста появятся специальные точечные маркеры. Потянув за один из них курсором, можно изменить двумерные размеры объекта (ширину и длину).

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 8

6) Освещение — теперь поработаем с эффектом освещенности нашего текста. В Xara Designer для работы со светом предназначен инструмент «Освещение». Он расположен справа в основном верхнем меню. Его иконка изображена в виде электрической лампочки. После нажатия на нее вокруг объекта появляются три источника света в форме объемных наконечников копья. Двигая каждый из источников, можно легко настроить освещенность объекта с любой из трех сторон.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 9

7) Настраиваем тень — перед тем, как сделать текст 3d полностью, для придания более реалистичной объемности следует настроить эффект отбрасываемой им тени. За это отвечает инструмент «Тень». Он находится на панели инструментов слева. Его значок изображен в форме квадрата с вырезанным правым нижним углом.

После активации инструмента на верхней панели для настройки становятся доступны следующие параметры отображения тени:

 Вид тени («На стене», «На полу», «Тень-ореол»).

 Размытие — с помощью ползунка устанавливается область размытия края тени.

 Прозрачность (в %).

 Характеристика — устанавливается тип преломления тени и размеры преломления по оси x и y.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 10

8) Добавление контура — чтобы задать и настроить контур вокруг созданной нами объемной надписи, используем одноименный инструмент. Он также находится на основной панели инструментов. Его значок изображен в виде завитой спирали. Кроме инструмента «Контур» в этом пункте находится еще несколько. Но мы воспользуемся именно этим.

После активации инструмента становятся доступны для настройки несколько параметров контура:

 Шаг между слоями контура.

 Число шагов.

 Цветовой эффект — имеется всего несколько встроенных эффектов.

 Тип контура (внутренний или внешний).

 Цветовые характеристики контура.

После некоторых манипуляций со всеми настройками вот что у нас получилось:

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 11

Экспорт изображения

Как вы успели убедиться, Xara Designer имеет понятный интерфейс и инструментарий. Благодаря чему всего за несколько минут даже неопытный пользователь с может создать весьма привлекательную объемную надпись. Но ради этой простоты программе пришлось отказаться от многого. В том числе и от некоторых средств графической обработки изображений.

Для дальнейшего редактирования удобно импортировать полученный 3D объект в один из распространенных форматов. Например, в PNG. Наводим курсор на наш объемный текст, и в контекстном меню, вызванном нажатием правой клавиши, выбираем пункт «Экспорт», «Экспорт в PNG». Сохраняем файл в выбранном месте.

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 12

Дальнейшую обработку можно осуществлять в Photoshop. Мы использовали несколько стандартных стилей слоев. Но перед этим в Xara Designer полностью убрали эффект отбрасываемой тени. Вот что у нас получилось в результате:

uPages. Роман Ачкасов. Основы создание 3D текстa с помощью Xara Designer. Фото 13

Использование Xara Designer является одним из самых быстрых способов создания 3D текста. При этом окончательную обработку изображения благодаря функции «Экспорт» можно производить в любом из графических редакторов. Или доработать 3d текст онлайн с помощью соответствующих сервисов.

Ещё в этой рубрике

uPages рекомендует