Товаров: 0 (0р.)

Объемные буквы в иллюстраторе: Объемный текст в Adobe Illustrator

Содержание

Объемный текст в Adobe Illustrator

В этом уроке мы будем создавать объемный текст в Adobe Illustrator. Вся работа будет происходить в палитре Оформление, что позволит нам создать стиль графики с готового эффекта, и использовать его в будущем в качестве заготовки. Применив готовый стиль графики к любому графическому объекту, вы получите готовый эффект мгновенно. Вам останется лишь настроить параметры под ваши конкретные нужды.

 

Результат

Шаг 1

Для начала создайте новый документ и инструментом Rectangle/Прямоугольник (M) по размеру документа и укажите ему заливку серого цвета. Так нам будет легче видеть изменения текста, которые мы будем производить.

Шаг 2

Инструментом Type/Текст (T) введите вашу надпись. В нашем случае размер текста примерно 100pt, но это не принципиально. Выберите удобный вам размер текста. Теперь укажите тексту отсутствие обводки и заливки, их мы настроим в палитре Appearance/Оформление.

Шаг 3

Не снимая выделения с текста, выберите Add New Fill/Добавить заливку в палитре Appearance/Оформление. Укажите заливке линейный градиент от белого к светло-серому цвету. В палитре Gradient/Градиент укажите Location/Расположение первого (белого) цвета в 40, и Angle/Угол в -90 градусов.

Шаг 4

В палитре Appearance/Оформление создайте еще одну новую заливку, укажите ей белый цвет и убедитесь что заливка белого цвета расположена под заливкой с градиентом.  Выберите белую заливку и в меню найдите Effect > Path > Offset Path/Эффект>Контур>Создать параллельный контур. В появившемся диалоговом окне укажите Offset/Отступ в 1 px. Не снимая выделения с белой заливки, вновь зайдите в меню и выберите Effect > Distort & Transform > Transform/Эффект>Исказить и трансформировать>Трансформировать. В диалоговом окне в поле Vertical Move/Переместить вертикально укажите 1 px.

Шаг 5

Вновь выберите белую заливку в палитре Appearance/Оформление и нажмите на иконку Duplicate Selected Item/Дублировать выделенный объект. Выберите нижнюю копию заливки и укажите ей черный цвет. Кликните по маленькой стрелочке возле названия заливки, чтобы развернуть ее параметры. В появившихся вариантах кликните по вкладке Transform/Трансформировать, чтобы открыть диалоговое окно трансформации. В нем укажите в параметре Vertical Move/Переместить вертикально 2 px.

Шаг 6

Дублируйте черную заливку, как мы делали ранее. Смените черный цвет на линейный градиент. Добавьте градиенту дополнительные два цвета. Укажите первый цвет градиента черного цвета, второй — темно-серого, третий — чуть более светлый серый, и четвертый — чуть более темный серый. Затем смените Angle/Угол градиента на -90.

Шаг 7

Раскройте параметры линейного градиента в палитре Appearance/Оформление, кликните по вкладке Transform/Трансформировать. В диалоговом окне укажите в графе Copies/Копии число 10, и в поле Vertical Move/Переместить вертикально введите 1 px.

Шаг 8

Не снимайте выделения с последней заливки с градиентом, и в меню выберите Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте параметры тени как показано ниже.

Шаг 9

Текст готов. Вы можете сохранить настройки оформления как стиль графики, и применять их в будущем одним кликом. Для этого выделите текст и кликните по иконке New Graphic Style/Новый стиль графики в палитре Graphic Style/Стиль графики. Попробуйте применить новый стиль графики к любому графическому объекту.

Результат

Автор урока vectips

Перевод — Дежурка

Смотрите также:

Рисование металлических букв | Уроки по Иллюстратору

Использование эффекта Extrude&Bevel, Mesh Tool и градиента

Для примера нарисуем одну букву s.

1. Создание буквы

Выберем инструмент

Text (T) и наберем темно-серым букву s, как показано на рисунке 1.

.

Рис. 1 Буква. Я выбрала шрифт Arial Black размером 400 pt и поместила на задний план черный прямоугольник (M).

 

2. Создание объема

Выделим букву и выберем в меню Effect/3D/Extrude&Bevel…. Появилось окно настроек эффекта (рисунок 2). Установим угол поворота по горизонтали , по вертикали -5° и Extrude Depth 200 pt. Нажмем OK.

Рис. 2 Создание объемной буквы

 

3. Создание ребра буквы

Выделим букву и выберем в меню Expand Appearence. Возьмем инструмент Direct Selection Tool (A) и кликнем по фронтальной поверхности буквы. Применим обводку белого цвета. Толщина обводки зависит от начального размера буквы. У меня она составляет 6 pt (рисунок 3).

Рис. 3 Создание обводки

Не снимая выделения выберем Object/Expand… и нажмем ОК.

 

4. Создание освещения ребра

Выделим белую обводку, вырежем ее (Ctrl/Cmd-X), создадим новый слой и вставим ее на передний план (Ctrl/Cmd-F). Для удобства работы нижний слой можно пока заблокировать.

Нарисуем темно-серый, почти черный прямоугольник чуть больше буквы и поместим его на задний план (рисунок 4).

 

Рис. 4 Объекты в новом слое: прямоугольник и обводка

 

Выделим оба объекта и выберем в меню Object/Clipping Mask/Make или нажмем Ctrl/Cmd-7 (рисунок 5).

Рис. 5 Создание обтравочной маски

Выберем в меню Object/Clipping Mask/Edit Contents. Нажмем U для выбора инструмента Mesh Tool и начнем расставлять точки с белой заливкой в освещенных частях и с темно-серой в затемненных (рисунок 6).

Рис. 6 Создание бликов и теней инструментом Mesh Tool

 

5. Примнение градиента к фронтальной поверхности буквы

Разблокируем слой с буквой. Выделим ее фронтальную поверхность и применим градиент (Ctrl/Cmd-F9) из темно-серого в белый, как показано на рисунке 7.

Рис. 7 Создание градиента. Угол наклона равен -80°

 

6. Доработка поверхности: добавление текстуры

Создадим новый слой для текстуры. Возьмем карандаш (N) и «начиркаем» им так, как показно на рисунке 8. Линии сделаем серого цвета. Они не должны быть ровными, могут пересекаться и располагаться неравномерно. Заливка не нужна.

Скопируем фронтальную часть буквы и вставим ее на передний план слоя с будущей текстурой (Ctrl/Cmd-F) . Я убрала заливку, чтобы был виден карандаш.

Рис. 8 Карандаш и контур буквы. Нижние слои для наглядности отключены

Выделим оба объекта в этом слое и нажмем Ctrl/Cmd-7 для создания маски. (рисунок 9).

.

Рис. 9 Текстура буквы. Нижние слои для наглядности отключены

Выделим текстуру и применим режим прозрачности

Lighten 20-25 % (Shift-Ctrl/Cmd-F10)

Буква готова!

Объемные буквы — заказать изготовление объемных букв и цифр

Варианты подсветки объемных букв

Использование фирменного стиля в вывесках на магазине дает возможность подчеркнуть индивидуальность компании. Сделать это можно с помощью нескольких приемов. Один из вариантов, это объемные цифры на вывеске, заменяющие часть буквенного названия. Самые известные примеры, «Пятерочка» и «1000 мелочей», которые есть в каждом городе. Цифры 5 и 1000 стали для них визитной карточкой торговой марки. Крупные цифры рядом с названием бренда помогут рассказать и о юбилее компании.

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

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

  • Светодиодная, с расположением источников света равномерно по всему объему. Самый экономичный вариант энергопотребления.

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

  • Контражурная, с источниками света, установленными на задней части непрозрачного корпуса. Эффективно работает даже при непрозрачном фоне букв.

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

Стоимость изготовления объемных букв

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

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

Кроме стоимости материалов и подсветки, нужно учесть и затраты на монтаж конструкций. И здесь тоже есть несколько вариантов:

  • На подложку из твердого материала, закрепленную на стене здания;

  • На кронштейнах, закрепленных непосредственно на стене;

  • На сварной металлической раме, закрепленной на стене или крыше здания.

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

Хотите получить оригинальную вывеску с подсветкой? Позвоните, начнем обсуждение проекта.

ONLINE-КАЛЬКУЛЯТОР

Мы рассчитаем стоимость вывески, исходя из ответов

Печать визиток с ламинацией цены в Москве, заказать печать визиток с ламинацией в «Полиграфия от А до Я»

Визитка – это возможность дополнительно прорекламировать свои услуги, заявить о себе и своей фирме. Здесь нельзя экономить на качестве и очень важно подбирать подходящий дизайн. ВЫ должны выделиться на фоне других визиток в визитнице вашего гостя или клиента, но сделать это очень аккуратно, чтобы человек или фирма не побоялись воспользоваться вашими услугами, держали вашу визитку всегда под рукой.

Мы печатаем срочно от x часов по цене от x р любую полиграфическую продукцию, в том числе занимаемся печатью визиток с ламинацией на заказ. Эта услуга подойдёт и крупным брендам, и мелким предприятиям. Даже физические лица, распечатав и распространив визитки, могут повысить свою прибыль, привлечь новых клиентов.

Виды и способы печати

Напечатать ламинированные визитки на заказ в Москве в нашей типографии можно по доступной стоимости и очень быстро. Мы изготавливаем стандартную и оригинальную печатную продукцию, работаем с разными материалами и тиражом. У ламинированных визитных карточек есть масса преимуществ:

  • они износостойкие, могут годами не утрачивать свой привлекательный внешний облик;
  • при заказе можно выбрать толщину визитки и плёнки, нанести плёнку лишь на одну сторону;
  • возможна односторонняя и двусторонняя печать, горизонтальная и вертикальная;
  • высокое качество изображения и текста, возможность изобразить и написать что угодно.

Мы использует два способа печати визиток с ламинацией:

  • цифровая;
  • офсетная.

Второй вариант лучше всего подходит для больших тиражей печатной продукции.

Кроме того, мы применяем и другие варианты печати: шелкографию, гравировку на металле, тиснение фольгой, УФ-лакировку и другие методы в зависимости от выбора вами материала для тиража визиток.

Материалы для печати

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

Как сделать заказ

Есть несколько вариантов, как сделать заказ, напечатать ламинированные визитки в нашей типографии:

  • позвонить по телефону;
  • заказать обратный звонок;
  • связаться через вотс апп, вайбер или электронную почту;
  • заполнить специальную форму на сайте;
  • приехать в наш офис лично.

Сроки производства

При обычном заказе время производства зависит от загруженности наших сотрудников и оборудования. Оно может составлять от нескольких часов до нескольких дней. Но чаще всего люди и предприятия заказывают у нас срочную печать. В этом случае при небольшой доплате вы получите весь тираж независимо от количества экземпляров уже в течение получаса.

Требования к макету

Все требования к макету визитки у нас стандартны:

  • изображение и текст должны быть качественными, цветными или чёрно-белыми;
  • передача материалов в типографию осуществляется через носители, например, флешку или диск, или электронным способом через мессенджеры или электронную почту;
  • макет должен быть сделан в любой профессиональной программе, например, в Adobe Illustrator или Adobe PhotoShop;
  • должны быть соблюдены размеры и пропорции визитной карточки – 90х50 мм, но в типографию вы должны прислать материал размера 94х54 мм, так как потребуется место для обрезки.

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

Доставка

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

Закажите расчёт стоимости тиража

Если вы оформите заявку через форму заказа, то сможете сразу заказать расчёт стоимости тиража визиток.

требования к макетам — наружная реклама

Тест содержит много специфических терминов, предназначен для дизайнеров

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

Не подходят макеты в форматах DOC, PPT, XLS, GIF.

Мы проверяем все макеты и если находим какие-то нестыковки и погрешности, сообщаем заказчику, мелкие исправляем сами.

Если у вас возникают вопросы не стесняйтесь их задавать

Общие требования

Формат Рекламная поверхность производиться двумя способами, печать или порезка. Сольвентная или UF полноцветная печать на виниловой пленке или непосредственно на рекламной поверхности. (приниматься растровые и векторные макеты) форматы. Порезка осуществляется путем вырезания букв или фигур из цветной пленки, в этом случае принимаем только вектор)

Размер файла и вылеты. Размер должен быть в пропорции 1:1. В каждом отдельном случае могут понадобиться разные вылеты, под обрезку. Смотрите требования к вашей продукции или уточняйте у менеджера

Цветовая схема.Макет должен быть в CMYK, мы можем поменять самостоятельно, но при смене цветового режима нарушается цветопередача и насыщенность цветов. И в итоге вы получите не тот цвет, на который рассчитывали. Если у вас особые требования к точности цветопередачи, обязательно заказывайте цветопробу.

Качество 150 dpi стандарт. Если у вас большой размер и готовая продукция не будет просматриваться с близкого расстояния (меньше 3 метров), для облегчения файла можно делать 90-100dpi. 300 dpi в наружной рекламе используется крайне редко. (Очень мелкий шрифт и интерьерная печать высокого разрешения)

Все эффекты, прозрачности необходимо растрировать, шрифты перевести в вектор, можно прислать файл шрифта вместе с макетом. Если в макете предусмотрена рамка, не делайте ее слишком близко к краю. Черный цвет (Реклама C_30 M_30 Y_30 K_100), (Полиграфия OVERPRINT – в черном цвете должны присутствовать все цвета расположенные под ним

Векторные макеты

eps Универсальный векторный формат, в него можно экспортировать с большинства программ для создания векторной графики. Очень часто содержит ошибки. Из-за несоответствия программы создателя и программы в которой файл затем обрабатывается. Идеально подходит для сохранения векторных контуров, текста, логотипа, объемных букв, файла порезки. Градиенты, картинки и сложные векторные файлы лучше экспортировать в pdf и обязательно проверять результат. Шрифты переведены в вектор

pdf — AcrobatИдеальный формат для экспорта. Шрифты должны быть переведены в вектор, эффекты и прозрачности растрированы.

cdr — CorelDraw Принимается, когда есть необходимость вносить правки в исходный макет. Необходимо растрировать все эффекты и прозрачности, все шрифты отвекторить

ai — Illustrator Принимается, когда есть необходимость вносить правки в исходный макет. В макете растрировать все эффекты и прозрачности, шрифты перевести в вектор

Растровые макеты

JPG Файл фотографии. Используется для создания все видов макетов, поэтому при необходимом размере и качестве (см. условия) может быт принят в работу

Tiff — Acrobat Идеальный формат для экспорта. Мастшаб 1:1, CMYK, 150 dpi, убедитесь что вы задали необходимые вылеты

Psd — CorelDraw Принимается, когда есть необходимость вносить правки в исходный макет. Необходимо растрировать все эффекты, прозрачности и шрифты

Макет штендера

В идеале Tiff, масштаб 1: 1, CMYK, 150 dpi, вылеты под обрез +1 см фона в каждую сторону, для фигурных штендеров необходим контур в векторе. Старайтесь не размещать важную информацию ближе чем 3-4 см от края

Макет лайтбокса

Для того чтобы лайтбокс светился очень ярко, его поверхность делается из пленки oracal 8500 или avery 4500, путем вырезания объектов. В этом случае макет нужен в векторе. Исключения возможны, если в макете присутствует фотография. Масштаб 1: 1, CMYK, 150 dpi, вылеты под обрез +1 см фона в каждую сторону, для фигурных лайтбоксов необходим контур в векторе. Старайтесь не размещать важную информацию ближе чем 3-4 см от края. Подбирайте контрастные цвета, теста и фона, при подсветке они сольются.

макет рекламы на авто

Только вектор в пропорции 1:1, CMYK, 150 dpi. Дизайн проект рекламы на авто необходимо выполнять, непосредственно на фотографии автомобиля. Предварительного замеренного и отмасштабированного в реальный размер. Все необходимые технические вылеты и правки мы вносим самостоятельно.

Рекомендации:

  • не размещайте важные объекты рядом с краями автомобиля
  • старайтесь избегать попадания текста на линию открывания дверей и окон (см фото)
  • если фотография выходит за границу автомобиля (фары, капот, крыло и др.) оставляйте запас +10 (см фото)
  • многие автомобили имеют несколько линий, (молдинг, окно, дизайнерские изгибы) идущих под разными углами. Текст размещённый рядом с ними, может смотреться неровно, относительно других деталей
  • Очень внимательно относитесь к неровностям автомобиля. Очень глубокие впадины, например, на металлических окнах газели лучше обходить (критические места здесь углы, макет может находить на окна если не попадает на них) Без специального клея пленка на таких местах держаться не будет.(см фото)

Объемные буквы

Макет только в векторном формате . Масштаб 1:1. Старайтесь избегать витиеватых шрифтов и шрифтов с засечками, это усложняет сборку букв и скажется на стоимости продукции. Очень плохо смотреться тонкие буквы и зауженные края. (Учитывайте, что у буквы толщина борта 3-4 мм. То есть если у вас толщина буквы 15мм подсвечены в лучшем случае будут только 9 из них. На расстоянии – такие буквы не читаются или не видны совсем

Реклама на окна

Если у вас полноцветные изображения

Необходимо превью в jpg с наложением рекламы на окна, каждое окно отдельно в масштабе 1:1 в формате iff, качество 150dpi, формат цвета CMYK (к макету добавить фон +1см в каждую сторону под обрезку). При наложении макета на перегородки следует учитывать их глубину

Для аппликации цветной пленкой

Дизайн делается с наложением на окна в масштабе 1:1. Макет в формате eps или pdf. Все эффекты и шрифты либо растрированы, либо переведены в кривые. Старайтесь избегать тонких шрифтов и выбирайте контрастные цвета в отношении к цвету вашей витрины.

Широкоформатная печать

Только растр. tiff или JPG (все остальные форматы не гарантируют потери информации). Цвет CMYK, разрешение 150dpi (75-100 для больших размеров) Все слои и прозрачности слиты. Размер 1:1. Необходимую информацию: материал, качество печати, тип печати, размер и нужную обработку записываем в название файла. Например: Оракал_ламинация_4000х350мм.tiff, баннер_литой_4000х3000мм_проварка_люверсы.tiff. Более подробное задание пишите в письме.

Как подготовить макет баннера к печати

Баннерная реклама — один из лучших способов донести до потенциальных клиентов информацию о вашей компании. Выбрано и согласовано место, создан дизайн-проект — дело за малым: распечатать изображение. Однако прежде чем отправлять макет баннера в типографию, следует правильно подготовить файл с ним к печати. Как это сделать правильно, какие учесть требования и технологические ограничения — читайте в статье рекламно-производственной компании CreativePRO.

Требования к цвету для широкоформатной печати

Главный пункт в списке «Как подготовить макет к печати» — требования к цвету.

Существует множество цветовых моделей. Смешивая основные цвета в них, мы получаем необходимые оттенки для изображения. Самая популярная цветовая модель — RGB, в которой red (R) — красный, green (G) — зеленый, blue (B) — синий. Она отлично подходит для передачи цветов на экранах телевизоров, компьютеров, планшетов и смартфонов. Однако совсем не подходит для печати — оттенки «съезжают», получаются не такими, как запланировал заказчик. Синий становится фиолетовым, черный — темно-зеленым и так далее.

Для полиграфии подходит цветовая модель CMYK, стандартная для офсетной и широкоформатной печати. В ней основные цвета следующие: cyan (С) — голубой, magenta (M) — пурпурный, yellow (Y) — желтый, blacK (K) — черный. Она используется потому, что имеет меньший цветовой охват в сравнении с RGB, следовательно, более выгодна. Стоит изначально создавать изображение для печати в CMYK, а не переводить из RGB в конце нажатием кнопки. Иначе есть риск на выходе получить не те цвета, которые были запланированы.

При подготовке изображения к печати следует учесть такие нюансы CMYK:

Сумма красок не более 320

При печати в цветовой модели CMYK поочередно используются все четыре упомянутых цвета в разных пропорциях. Если переусердствовать с количеством пигмента (например, выставить для каждого максимальное значение 100), то краска не будет просыхать до нанесения следующего слоя, а цвета некрасиво смешаются. Поэтому постарайтесь сделать так, чтобы количество цифр для C, M, Y и K не превышало в сумме 320 — это максимальное значение для четкой печати.

Два разных черных цвета

Для фона следует использовать составной черный цвет — со значениями, например, C65:M30:Y0:K100. Если использовать чистый черный (C0:M0:Y0:K100) для за заливки большой области изображения, он будет выглядеть темно-серым. Для букв же, наоборот, следует использовать чистый K — при наложении нескольких тонов буквы могут расплыться, так как при печати иногда происходит небольшое расслоение цветов.

Черный поверх остальных цветов

Чтобы буквы в этом цвете точно получились четкими — примените к символам свойство Overprint. Печать черного поверх остальных цветов поможет избежать расслоения изображения — ситуации, когда из-под темных букв выглядывает белая окантовка.

Технологические ограничения

Помимо требований к цвету, при подготовке макета для печати в типографии есть и другие технологические ограничения:

  1. Использовать формат без сжатия. Не важно, где вы будете создавать изображение — в Фотошопе, Иллюстраторе или Кореле. Главное — сохранять картинку в формате, который ее не исказит. Подходят PDF, AI, PSD, EPS, CDR, TIFF; не подходит JPG.

  2. Проследить за размерами макета и расположением элементов. Масштаб — 1:1, припуски под обрез — 3-4 миллиметра, текст и картинки находятся в «безопасной зоне» — 3-4 миллиметра от края макета. Также не забудьте объединить все объекты изображения в один слой. Так баннер точно выйдет необходимого вам размера, а наша техника напечатает и обрежет все так, как нужно.

  3. Перевести шрифты в кривые. Если на нашем компьютере не окажется символов в таком стиле, как у вас в проекте — система заменит его на другой. На этот случай необходимо перевести текст в контурный рисунок. В Adobe Photoshop и Illustrator для этого используется комбинация клавиш Shift+Ctrl+O, в Corel Draw — Ctrl + Q.

  4. Максимальное разрешение. Чтобы получить четкую и яркую картинку на баннере, подберите изображение с разрешением не менее 300 DPI. Однако если реклама будет висеть высоко над землей или далеко от глаз прохожих, подойдут макеты и с меньшим количеством точек на дюйм.

Подготовка файлов для широкоформатной печати

Подготовку макета к печати также можно доверить профессионалам. Специалисты рекламно-производственной компании CreativePRO снимут с вас необходимость разбираться с настройками графических редакторов. Чтобы воспользоваться услугой, свяжитесь с нами по телефону +7(961)310-60-00 и +7(961)310-90-00 или обращайтесь в наш офис в Ростове-на-Дону, Батайске или Азове.

Красивый шрифт онлайн, написать им текст онлайн. Как сделать красивые надписи на картинке

Не знаете как написать красиво текст? Тогда вы попали по адресу

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

Как известно, 80% информации человек воспринимает через зрительные каналы связи, но при этом простой текст плохо усваивается по сравнению с обычным изображением.

1. Сервис Online Letters

Один из самых известных сайтов подобной тематики в рунете это http://online-letters.ru/ .

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

  • На главной странице сайта находиться список категорий гарнитур, напротив каждой из которых небольшой пример типичного начертания той или иной группы гарнитур. Для нашего примера выберем шрифт, относящийся к группе плавных каллиграфических.
  • Кликнув по ссылке категории, мы попадём на следующую страницу, где необходимо ввести наш текст в поле и кликнуть по кнопке «Далее».

  • Далее нам предложат выбрать одно из сотен начертаний посредством выбора отметки чекбокса. При этом каждое название шрифта иллюстрируется представленными в нём буквами.
  • На последнем этапе нам предложат выбрать цвет (к сожалению, он может быть только один) и размер текста. Также есть возможность применения обводки. После чего можно нажать клавишу «Сгенерировать».

Совет! Фон для надписи по умолчанию всегда белый, а цвет обводки – чёрный, при этом изменить эти параметры нельзя. Учитывайте это в процесс занятий вашим красивым шрифтом.

  • После генерации пользователь получает картинку со своим текстом в формате PNG, которую можно скачать или разместить ссылку на неё на каком-либо форуме. В случае необходимости её также можно легко разместить на картинке.

2. Сервис EffectFree.Ru

Если вам нужно не просто красиво выполненная фраза, а оригинальная подпись к какой-либо картинке, которую, например, можно отправить другу в качестве открытки, то вам сможет помочь онлайн-сервис EffectFree.

На этом сайте можно найти множество инструментов для и изображений, но сейчас нас интересуют именно подписи.

  • Вбейте адрес www.effectfree.ru в адресную строку вашего браузера и верхней панели навигации выберете функцию «Наложить текст».

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

  • Как только картинка загрузится, вам станет доступна панель редактирования, включающая в себя такие функции, как:
  1. Поле ввода, куда необходимо вбить нужную надпись.
  2. Джойстик передвижения, меняющий место расположения текста на изображении.
  3. Регуляторы размера и угла наклона шрифта.
  4. Выбор типа гарнитуры (на этом сервисе их не очень много).
  5. Палитра цветности, позволяющая менять цвет всей надписи.
  6. Регулятор размера тени.

  • Для того чтобы завершить процесс нужно нажать кнопку «Наложить текст», в результате чего вы получите с надписью, загруженное на сайт сервиса. Ссылку на картинку можно скопировать из адресной строки или из поля внизу.
    А если вы хотите сохранить изображения у себя на компьютере. То нажмите по нему правой кнопкой мыши, выберете из выпадающего меню пункт «Сохранить как».

3. Сервис Cooltext

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

Если вы придерживаетесь этой точки зрения, то для генерации текста без программ можете воспользоваться сайтом cooltext.com, имеющий богатый функционал.

  • Перейдя по адресу www.cooltext.com на главной странице, вам придётся выбрать одну из нескольких десятков предложенных надписей (лого).
    Такой ассортимент может показаться довольно скудным, но не волнуйтесь – на следующем этапе вы сможете поменять все параметры вашей надписи.

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

Дежурка как-то незаслуженно оставила без внимания мощнейший инструмент дизайнера — Adobe Illustrator. Спеша исправить эту черную несправедливость, публикуем подборку отличных туториалов по созданию текстовых эффектов в Иллюстраторе. Если вы чего-то не знали об использовании Illustrator по отношению к надписям и текстам, то вы несомненно найдете ответы в этих уроках, а комментарии к ним помогут понять суть каждого туториала.

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

1. Создаем блестящий золотой текст в Adobe Illustrator

В этом туториале вы найчитесл создавать блестящий золотой текст. Хотя туториал и невелик, в его 16 шагах уместилось множество техник и эффектов, которые вы сможете применить в других проектах. Возможно, вы встретите некоторые трудности с этапом использования Pen Tool, но — терпение и труд все перетрут))

47.Делаем надпись маркером

В этом туториале вы найдете инструкции по построению форм средней сложности, научитесь пользоваться слоями и скриптами для создания интересного текстового эффекта в Illustrator

Также загляните в подборку : некоторые туториалы дублируются, но есть и такие, которые пропустить будет просто непозволительно.

Комментарии

  1. Nikitos
    27 декабря 2011 в 13:55

    Блин, вот бы перевел кто.)

    Olga Ответ:
    декабря 27, 2011 at 2:51 пп

    Ну там же ужасно просто! Вы попробуйте, по картинкам понятно, чес-слово!

    Ну, если вправду трудно — давайте отберем 2-3 урока, самые актуальные, и переведем их в первую очередь Пишите, какие.

    Delovoy Ответ:
    июля 28, 2013 at 4:39 пп

    Какие? Меня готика очень интересует. Переведите, пожалуйста, урок «37. Как сделать готическую контурную надпись с множеством деталей». Я на факинговом американском языке не понимаю. В школе плохо учился. Спасибо!

  2. Nikitos
    27 декабря 2011 в 14:55

    24,11,14 я люблю дежурку!).

    Да будет запись в моих блогах, да не забанит вас Яша, аминь.)

    P.s хотя, утром думаю попробую и на английском, вечер уже — спать охота (ну как вечер,10 часов)

    Olga Ответ:
    декабря 27, 2011 at 5:00 пп

    Ну, ложитесь спать — будет вам к утро подарочек))) Побуду немножко дедушкой морозом — праздник скоро, пора разминаться)))

    Olga Ответ:
    декабря 27, 2011 at 9:09 пп

    Ну что, Nikitos, с вас теперь — точно картинка-результат урока))) Удачного обучения!

    Nikitos Ответ:
    декабря 28, 2011 at 1:20 дп

    Спасибо за перевод) будет картинка-результат)

  3. bongzilla
    8 мая 2012 в 14:09

    перевод остальных бы еще) желательно про зомби *_*

  4. Antonina
    14 мая 2012 в 21:01

    Elena Ответ:
    мая 15, 2012 at 11:31 дп

    Исправили =)

    Antonina Ответ:
    мая 15, 2012 at 3:44 пп

    Спасибо:)

  5. minni
    26 июля 2012 в 20:49

    Что за прелесть эти ваши уроки — просто находка…

  6. natalie
    15 сентября 2012 в 16:08

Здравствуйте! Меня часто в последнее время спрашивают, как написать красиво текст без программ, сделать надпись или подпись на картинках быстро и легко. Элементарно, берём фломастеры и прямо на мониторе рисуем…

Сейчас я Вам покажу и расскажу, как сделать красиво текст за несколько секунд без всяких программ! Это действительно легко и быстро можно сделать, если знать где и как.

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

Помогать нам делать красивую надпись или текст будут парочка удобных сервисов. Безусловно, подобных онлайн помощников гораздо больше существует в сети, но как всегда — советую Вам всё самое лучшее!

Написать красиво текст: способ №1

Самым удобным, простым и быстрым способом сделать красивую надпись или подпись на своём изображении, как я считаю, можно воспользовавшись услугой effectfree.ru . На этом замечательном сайте Вы сможете не только красиво текст оформить, но и вообще сделать, что угодно со своими изображениями. Наложить одно на другое, применить кучу эффектов, сделать календарь, вставить фото в красивую рамку… даже этикетку на бутылку создать со своим фото можете!

Там всё на русском языке и интуитивно понятно. Но я всё-таки опишу в двух словах, как написать красиво текст, раз уж тема статьи именно об этом.

Если Вам надо сделать надпись на фото, то указывайте его расположение на своём компьютере или вставьте ссылку на него из сети.

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

После того, как наигрались и решили, что результат Вас устраивает — жмите кнопку «Наложить текст» …

Вот и вся сложность!

Написать красиво текст: способ №2

Вторым Вашим помощником в создании красивого текста может стать cooltext.com . Тут возможностей поменьше, но зато шрифтов тысячи. Вдобавок можно сделать кнопочку свою на сайт или ещё куда. Переходим по ссылке и видим…

Это стили текста. Выбирайте понравившийся и кликайте по нему.

Всё на английском, но интуитивно понятно. В верхнюю рамочку вписываем свой текст, «Font» — это шрифт. Кликаем по нему, чтоб выбрать красивый и нужный Вам.

Думаете, что это все шрифты? Обратите внимание на буковки указанные мной стрелками — это названия шрифтов по первым буквам! Жмите букву и будет Вам огромнейший выбор.

Со шрифтами разобрались. Теперь «Text Size» — размер текста. Ещё ниже — цвет текста. «File Format» — формат для сохранения. «Background Image» — фон под текстом, none — без фона. «Text Gradient» — переход цвета из одного в другой. «Use Shadow» — наложение тени.

Удовлетворяет полученный результат — сохраняем и скачиваем свой шедевр…

Приветствую всех читателей!

Довольно часто меня просят рассказать, как можно написать красиво текст без использования всяких программ (типа Adobe Photoshop, ACDSee и пр. редакторов, которыми довольно трудно и долго научиться работать на более-менее «нормальном» уровне).

Признаться я и сам не шибко силен в Photoshop и знаю, наверное, менее 1% всех возможностей программы. Да и не всегда оправдана установка и настройка таких программ. В большинстве случаев, чтобы сделать красивую надпись на картинке или фотографии, не нужен софт вообще — достаточно воспользоваться несколькими сервисами в сети. Вот о таких сервисах мы и поговорим в этой статье…

Лучший сервис для создания красивых текстов и логотипов

Различные эффекты для написания красивого текста.

Далее вписываете желаемый текст в строку «Logo Text», выбираете размер шрифта, цвет, размеры и т.д. Кстати, ваш текст будет меняться в режиме онлайн, в зависимости от того, какие настройки вы будете задавать.

В конце нажмите просто кнопку «Create Logo».

Собственно, после этого, вам останется только скачать картинку. Вот как она получилась у меня. Красиво?!

Русские сервисы для написания текста и создания рамок для фото

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

После завершения работы с редактором, нужно выбрать качество в котором вы хотите сохранить картинку и, собственно, ее сохранить. Кстати, сервис http://gifr.ru/ предложит вам несколько вариантов: даст прямую ссылку на подписанную картинку (чтобы ее можно было быстро скачать) + ссылки для размещения картинки на других сайтах. Удобно!

3) http://ru.photofacefun.com/photoframes/

(создание рамок для фотографий)

На мой взгляд (даже учитывая, что там простой скрин сайта), выглядит полученная открытка просто отлично! Причем, результат был достигнут практически за минуту!

(Онлайн: программа «Фотошоп» или «Паинт»)

Очень интересный вариант — представляет своего рода онлайн вариант версии Фотошоп (правда, сильно упрощенный).

Картинку можно не только красиво подписать, но и существенно ее отредактировать: стереть все ненужные элементы, подрисовать новые, уменьшить размер, подрезать края и т.д.

Что больше всего радует — сервис полностью на русском языке. Чуть ниже на скриншоте представлено, как это выглядит…

Буквы и надписи в интерьере могут стать прекрасным украшением дома. Из них получаются красивые дизайнерские акценты. К тому же они несут интересный, смешной или философский посыл. Например, слова в прихожей «Добро пожаловать!» или «Заходите, здесь живут чудесные люди» сразу же настроит гостей на позитивный лад. А постер в гостиной со словами «Мы рождены, чтобы быть настоящими, а не идеальными» заставит задуматься о простой житейской мудрости. Табличка на дверях детской «Осторожно! В комнате жуткий беспорядок» вызовет улыбку даже у самых серьезных посетителей.

Обычно надписи на стенах говорят о том, что важно для хозяев дома

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

В написании фраз нет никаких четких правил – всё зависит от фантазии и вкуса

Известная фраза на стене в гостиной

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

Виниловые наклейки могут изготавливаться на заказ нужного размера и расцветки

Буквы из дерева с подсветкой

Пример монтажа лампочек подсветки

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

Буквы, числа и мотиваторы в жилом интерьере

Буквы, цитаты, фразы уместны практически в любой комнате дома. Только тематика и стиль для каждого помещения должна быть разной. Кабинетные надписи настраивают на рабочий лад и карьерные цели. В детской цифры, буквы родного и иностранного языка яркие, веселые, но при этом выполняют одну важную функцию – обучают. Они помогут малышу полюбить учебу с ранних лет. В кухне алфавит и числа тоже пригодятся. С их помощью можно обозначить баночки с разными крупами или сделать настенный циферблат для часов. Еще одна идея – повесить досочку с кулинарной шуткой, которая гласит: «Аплодисменты повару!». В спальне замечательно будет смотреться текстиль с хаотичным письменным принтом.

Объемные буквы довольно легко сделать из пенопласта

Буквы в интерьере гостиной

Вариантов декора для гостиной много. Но чаще всего хозяева предпочитают обыгрывать свои инициалы в интерьере гостевой комнаты. Они могут быть сделаны из дерева или сшиты из лоскутов ткани. Их легко смастерить из фанеры, покрасить, затем прикрепить к стене. Стильно смотрится другая идея — для комнаты выбирается один мотиватор или мудрое высказывание, которое становится главным акцентом дизайна помещения. Простая фраза «Наш дом там, где наша душа» может превратиться в главное смысловое наполнение гостиной. Если эти слова напечатать на ковре, шторах, подушках, то в интерьере появится стильная логическая связь.

Карта мира из надписей подойдет для гостиной в стиле лофт

Имя из объемных букв

Объемные буквы из дерева

Кстати, для декора часто используют надписи в интерьере на английском, немецком и других языках. Гостиные небольших помещений можно зонировать с помощью текстовых указателей. Для этого зона для чтения выделяется более спокойными обоями, оформляется полками и словом BOOKS или КНИГИ. А часть, где будут приниматься гости – более яркая, с гостеприимными текстами «Welcome» или «Добро пожаловать», «Be our guest» или «Будьте нашими гостями».

Буквы для оформления кабинета

В кабинете всегда царит стиль аскетизма. Ничто не должно отвлекать от работы. Наоборот, каждая деталь в интерьере создает рабочую атмосферу. Уместнее всего здесь изречения известных людей. Их можно распечатать и поместить в рамочки. Помогут и оптимистичные мотиваторы, такие как: «Чтобы стать успешным, поверь в успех». Если рабочий кабинет – это творческая мастерская, то здесь можно дать волю фантазии.

Домашний офис в стиле эклектики

Рабочий стол творческой личности

Необычная идея — заказать в столярной мастерской шкафчик, где каждая полка вырезана в виде буквы латинского алфавита или кириллицы. У такой креативной задумки есть практичная сторона – шкафчик станет прекрасным органайзером для бумаг, которые легко раскладываются в алфавитном порядке. Поможет выразить творческую атмосферу необычная мебель в виде цифр или шрифта.

Интерьерные буквы и надписи на кухне

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

На кафельной плитке удобно использовать виниловые наклейки

Декоративная разделочная доска

Стены украсят тематические надписи в рамочках. Идея для любителей специй — поделитесь значением своих любимых приправ, используя текст: «Шалфей – сила. Петрушка – умиротворенность. Мята – гостеприимство. Розмарин – верность. Тимьян – отвага. Майоран – счастье». Такая табличка станет отличным дополнением в интерьере, особенно если ее сделать в винтажном стиле, используя технику декупаж.

Буквы и цифры в интерьере детской комнаты

Самое большое практичное значение текстовый дизайн имеет для детской комнаты. Ведь это так интересно – складывать цветные фетровые буквы в слова, учить с помощью мягких чисел правила математики. А после урока весь этот веселый алфавит легко превращается в подушки или другие элементы декора. Объемные буквы или цифры могут стать в детской чем угодно: стульчиком, кроваткой, думками, любимой игрушкой.

Цветные буквы в детской комнате

Надпись в комнате девочки

Такое панно с буквами можно сделать вместе с ребенком

Детские стеллажи в форме букв

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

Декоративные буквы в спальной комнате

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

Красивый шрифт сам по себе служит отличным графическим декором

Надписи над изголовьем кровати супругов

Оригинально смотрятся часы или декоративные полки в форме инициалов имени хозяев. А дополнит дизайн светильник в виде слова «Happiness» или «Счастье».

Буквы и цифры в интерьере: различные варианты изготовления и использования

Сделать интерьерные буквы и цифры можно из чего угодно. Существует масса вариантов создания алфавитного декора. Его можно создать самостоятельно разными способами:

  • Вырезать из картона и обмотать цветными нитками.
  • Сшить из фетра, ситца или сукна.
  • Заказать у столяра деревянные (фанерные) буквы.
  • Вырезать из металла в специальной мастерской.
  • Связать или сшить подушки в форме литер и чисел.

Интерьерные буквы из фетра

Можно просто покрасить стену в понравившийся цвет и сделать вдохновляющую надпись темной краской через трафарет

Один из простых вариантов – закрепить на стене листки формата А4 с фразами, написанными красивым почерком

Надписи, выполненные мелом на грифельной доске, можно менять когда захочется

Кроме обычного размещения текстов на стене, есть много других дизайнерских идей. К примеру, украсить стену любой комнаты можно, «разбросав» по ней в хаотичном беспорядке объемные буквы разных размеров и шрифтов. Получится креативное панно. Но здесь важно не переусердствовать с количеством цветов – их должно быть не более трех-четырех. Надписи в интерьере помогают гостям сориентироваться в чужом доме. Например, слова «Здесь мы разуваемся» подскажут, где лучше снять обувь. А вопрос на стене «Are you hungry?» («Ты голоден?») укажет направление к кухне. Идей для воплощения – море, главное вложить в них душу и весь свой творческий потенциал.

Если у вас есть лобзик и желание столярничать, буквы можно вырезать из толстой фанеры, отшлифовать и покрыть краской

Видео: как сделать буквы для декора своими руками

Фото: надписи в интерьере комнат

Узнайте, как создать эффект 3D-текста в стиле ретро

Применяются ли еще текстовые эффекты в стиле ретро-3D? Определенно, множество текстовых 3D-эффектов остается неизменной тенденцией в области типографики. На этой неделе мы покажем вам, как придать тексту винтажный вид с помощью трехмерного эффекта «сделай сам». Мы будем использовать обычный шрифт без засечек, Bebas Neue, с чистыми линиями и четким, простым внешним видом. Этот бесплатный шрифт, разработанный дизайнером Рёити Цунекава, необычайно универсален и отлично подходит для добавления текстовых эффектов.

В этом уроке мы расскажем, как создать простой ретро-эффект 3D-текста с помощью инструмента «Переход» в Illustrator. Если вы пытаетесь использовать это руководство и уже имеете в виду шрифт, поэкспериментируйте с ним.

Что вам понадобится

Творческая программа, например Vectr , Pixlr или Illustrator | Шрифт: Bebas Neue

Как создать эффект ретро-3D текста

Введите текст

Начните с любого текста, эффект которого вы хотите создать.Отрегулируйте отслеживание слова так, как вы считаете нужным.

Выберите тип, щелкните его правой кнопкой мыши и выберите «Создать контуры » (Shift + Ctrl + O).

Давайте поработаем над тем, чтобы придать вашему тексту немного глубины. Выделите слово, дважды нажмите Копировать (Ctrl + C) и Вставить на передний план (Ctrl + F) . Возьмите одну из копий и перетащите ее влево и вниз.

Выберите копию, которую вы только что перетащили, и одну из других.

Перейдите в Blend Options (Object> Blend> Blend Options) . Выберите «Указанные шаги» и добавьте число 100. Чем больше число, тем лучше.

Теперь переходим Object> Blend> Make (Alt + Ctrl + B) .

В качестве альтернативы, вы также можете выбрать Blend Tool (W) и щелкнуть по обеим копиям, чтобы создать Blend.

Выберите только что созданную смесь и разверните ее (Object> Expand) .

Все копии будут расширены, поэтому теперь нам нужно объединить их через Обработку контуров (Окно> Обработка контуров).

Давайте начнем добавлять цвета! Для тени мы выбрали следующий цвет: #EDDCCE.

А теперь вернемся в конец. Щелкните тень правой кнопкой мыши, выберите «Упорядочить»> «На задний план» (Shift + Ctrl + [).

Теперь вы можете изменить цвет самого слова! Мы выбрали оранжевый # D86745.

Пора добавить тени еще больше. Используйте Pen Tool (P), чтобы добавить еще один цвет в нижнюю часть тени. Для этого мы использовали более темный оттенок # 877972 .

Для буквы «О» создайте градиент с двумя цветами тени. Вот где он будет выглядеть более гладким.

Разгруппируйте оранжевые буквы, щелкнув их правой кнопкой мыши и выбрав Разгруппировать (Shift + Ctrl + G) .

Давайте добавим детали внутри букв, чтобы создать идеальный трехмерный вид.

Выберите букву «R», скопируйте ее (Ctrl + C) и дважды вставьте на передний план (Ctrl + F) . Перетащите последнюю копию вправо и вниз несколько раз.

Выберите копию, которую вы только что перетащили, и другую на обратной стороне. В меню Pathfinder выберите опцию Minus Front.

Измените цвет оставшейся формы, чтобы ее было легче различить. Мы использовали более темный оттенок оранжевого # 9B3828 .

А теперь давайте добавим к нему больше измерений.Возьмите инструмент «Перо» (P) и обведите левую фигуру.

Щелкните правой кнопкой мыши более темный оттенок оранжевого и разгруппируйте его. Для других форм создайте градиент с двумя цветами ( # C24852 и # 9B3828 ).

Повторите тот же процесс для каждой буквы. На это нужно время, но нужно писать каждую букву отдельно.

После того, как вы закончите создавать градиенты, снова сгруппируйте (Ctrl + G) все оранжевые буквы.

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

Измените заливку на «Нет» и обводку на белый. На панели «Обводка» выберите «Выровнять обводку по внутренней стороне».

На панели «Слои» нажмите «Создать новый слой», чтобы выделить отдельный слой для цвета фона. Выберите инструмент «Прямоугольник» (M) и создайте фон. В качестве цвета фона мы использовали жирный бирюзово-зеленый цвет: # 088B8D, .

Давайте добавим текстовому эффекту большей глубины, добавив еще одну деталь: еще одну тень за всем текстом.

Выберите более светлую тень и перейдите в Эффект> Стилизация> Тень. Эта тень уйдет на противоположную сторону (вправо).

И готово! Вот как выглядит окончательный текстовый эффект:

Теперь, когда у вас есть потрясающий трехмерный текстовый эффект в стиле ретро, ​​давайте попробуем включить его в иллюстрацию. Мы взяли этот винтажный набор иллюстраций из библиотеки 123RF. Посмотри на эту сладкую конфету!

Откройте изображение в Illustrator, скопируйте и вставьте его в новый документ.Мы выбрали стандартный размер А3.

Сгруппируйте (Ctrl + G) всех объектов, чтобы вы могли перемещать весь выбор без потери каких-либо частей плаката. При первом копировании в новый документ он будет выглядеть, как на изображении ниже:

Измените размер плаката, чтобы он соответствовал размеру A3. Возьмите Selection Tool (V) и увеличьте размер плаката, чтобы он соответствовал высоте монтажной области.

Как видите, плакат не совсем пропорционален монтажной области A3.Мы собираемся выровнять плакат по центру монтажной области. Вы можете открыть панель «Выровнять » («Окно»> «Выровнять») и выбрать вариант по центру.

Теперь давайте разгруппируем (Shift + Ctrl + G) всех объектов. Причина, по которой мы разгруппировываем все, заключается в том, что нам придется перемещать и удалять некоторые объекты по отдельности.

Возьмите Selection Tool (V) и выделите коричневый прямоугольник сзади. Давайте увеличим вес прямоугольника, чтобы он соответствовал монтажной области.

Удалите заголовок «Конфеты», чтобы вы могли вставить в него свой собственный ретро-текст.

Перейдите в свой ретро-текстовый документ и скопируйте его (Ctrl + C) , а затем вставьте его (Ctrl + V) в документ плаката.

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

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

Вот как выглядит финальный плакат:

И вот он, милый ретро-3D текстовый эффект на винтажном плакате. Избавьтесь от хлопот; не нужно искать конкретный шрифт, просто воспользуйтесь этим руководством, если вы в затруднительном положении. Кроме того, если вы дошли так далеко, изучив этот урок, продолжайте и создайте свой собственный!

Понравилось наше руководство по созданию трехмерного текстового эффекта в стиле ретро? Ознакомьтесь с нашими учебниками по

, страница для более творческого вдохновения.

БАМ! Как создать свой собственный трехмерный векторный текст в Adobe Illustrator


Трехмерный векторный текст может быть сложной задачей, если вы не используете такие программы, как Maya или SketchUp. Однако, используя простой эффект скоса и вытягивания, градиенты и контуры смещения, вы обнаружите, что создание трехмерного векторного текста на самом деле является легкой задачей.

Подробное описание учебника: 3D-векторный текстовый эффект

  • Программа : Adobe Illustrator CS-CC
  • Сложность : Средний
  • Охваченные темы : 3D-текст, градиенты, панель внешнего вида
  • Приблизительное время выполнения : 1-2 часа

Окончательное изображение: эффект трехмерного векторного текста

Шаг 1. Ваш собственный трехмерный векторный текст

Чтобы начать путешествие по трехмерному векторному тексту, начните с нового документа и выберите сплошной шрифт без засечек, такой как Bebas.Мое выбранное слово — «БАМ!» в основном из-за его краткости. Вы, конечно, можете выбрать любое слово или слова, которые вам нравятся, для этого урока по трехмерному векторному тексту. Щелкните правой кнопкой мыши и выберите Создать контуры .

Шаг 2

Разгруппируйте свои буквы и переместите их в привлекательный порядок. Сгруппируйте (Control-G) их снова вместе, когда вы будете удовлетворены их размещением.

Шаг 3

Выберите свой текст и перейдите к Object> Path> Offset Path и, в зависимости от размера вашего текста, введите 4px-6px и нажмите OK .

Шаг 4

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

Шаг 5

Выберите группу белых букв в трехмерном векторном тексте и перейдите в Effect> 3D> Extrude & Bevel и введите следующую информацию:

Ось X:

    9 °

Ось Y:

    -13 °

Ось Z:

    0 °

Глубина выдавливания:

    40

Нажмите OK и перейдем к следующему эффекту.

Шаг 6

Используйте те же атрибуты для 3D-эффекта на пурпурных буквах, но установите Extrude Depth на большее значение, которое как минимум вдвое больше глубины по сравнению с предыдущим шагом. Раскройте оба набора букв под Объект .

Шаг 7

Используя инструмент Direct Selection Tool (A) , выберите лицевую сторону белых букв в трехмерном векторном тексте и Offset Path вокруг -4px .

Шаг 8

Примените линейный градиент к более крупным формам белых букв, которые меняются от различных светло-голубых до белых (см. Ниже) под углом -90 ° (вы хотите, чтобы они были перпендикулярны вашим буквам).

Шаг 9

Смещение Путь лицевой стороны пурпурных букв. На этот раз выберите -2px или около того (сравните свой Offset Preview с изображением ниже. Выберите внутренние формы шрифта 3D векторного текста и примените любой цвет, который вы хотите, чтобы второй набор был (в этом случай, это средне-лиловый).

Шаг 10

Примените линейный градиент к большей форме пурпурных букв. От светло-розового до белого, до различных оттенков розового и лилового. См. Панель Gradient ниже. Еще раз, угол наклона установлен на -90 ° .

Шаг 11

С этого момента мы сосредоточимся на букве B в нашем трехмерном векторном тексте для основных техник в общем дизайне.
Скройте белые буквы (и другие буквы) на панели Layers . Выберите в левой части буквы и примените линейный градиент , переходящий от оттенков фиолетового к розовому. Угол должен быть параллелен верхнему краю прямоугольника.

Шаг 12

Скопируйте (Control-C) и Вставьте (Control-V) прямоугольник и примените линейный градиент , который изменяется от белого с непрозрачностью 0% до пурпурного с непрозрачностью 100% непрозрачности несколько раз через градиент. См. Панель Gradient ниже, чтобы узнать, сколько экземпляров каждого цвета я выбрал. Совместите прямоугольник с соответствующей стороной. Повторите Шаг 11, на внутренних формах экструдированного B и повторите этот шаг также на нижней части формы.

Шаг 13

Для белой буквы трехмерного векторного текста давайте начнем с градиента, используемого для внутренней части буквы B. Это три оттенка синего, повторяющиеся пару раз в пределах линейного градиента . Отрегулируйте угол в соответствии с изгибом вашей формы. С подобным дизайном приходится прибегать к методам проб и ошибок.

Шаг 14

Для левой стороны буквы градиент меняется от синего к белому, затем к серо-фиолетовому и обратно несколько раз, чтобы создать хромоподобный градиент. Убедитесь, что угол градиента параллелен верхнему краю прямоугольной формы.

Шаг 15

Градиент на большей лицевой стороне буквы такой же, как и в Step 13 , но с парой экземпляров белого, добавленных к нему для более яркого блеска.Угол наклона зависит от вас. Снова используйте тот же градиент для нижнего края буквы B, но измените экземпляры белого на светло-синий или светло-фиолетовый.

Шаг 16

Сгруппируйте ваши две буквы Б вместе, и мы перейдем к следующему шагу, где мы создадим скосы по краям букв, а также несколько блесток. Вы можете начать видеть трехмерность нашего трехмерного векторного текста!

Шаг 17

Инструментом Ellipse Tool (L) нарисуйте маленький белый круг.Перейдите к Effect> Distort & Transform> Pucker & Bloat и введите -101% , чтобы круг сморщился внутрь. Скопируйте и Вставьте фигуру , Поверните ее на и установите цвет заливки на Радиальный градиент , переходя от белого в центре с 100% к 0% непрозрачности . Повторите то же самое с другим кругом, если хотите, чтобы искры стали ярче. Разверните все формы сверкающих под Объект и Группа их вместе.

Шаг 18

Для скоса на каждом углу смещенных букв просто используйте инструмент «Перо» (P) , чтобы нарисовать угловые формы, перекрывающие градиенты смещения. Примените градиент к любым синим фигурам в диапазоне от темно-синего с непрозрачностью 100%, до 0% непрозрачности (того же цвета или более светлого оттенка). Отрегулируйте градиент по своему вкусу, чтобы он не был слишком темным. Вы также можете просто уменьшить Opacity на панели Transparency .На той же панели установите Blend Mode на Multiply . Повторите то же самое в любом месте на лицевой стороне белой буквы B.

Шаг 19

Это повтор Step 18 , но с фиолетовым вместо синего. Вы добавите эти формы по углам розовых / пурпурных букв.

Шаг 20

Повторите шаги 11-19 для других букв трехмерного векторного текста. Я обнаружил, что проще всего разместить каждую букву Group по цвету и форме, чтобы я мог легко накладывать их и вносить быстрые изменения, если это необходимо, не слишком заморачиваясь на панели Layers (поиск объекта или случайный выбор неправильного объекта, потому что он был перекрытие.Организовать рабочее место — это большое преимущество). Сгруппируйте вместе ваши буквы после завершения.

Шаг 21

Для фона нарисуйте большой прямоугольник с помощью инструмента Rectangle Tool (M) поверх артборда и позади группы надписей. Откройте панель Appearance . Первый Fill ярко-синий. Вторая заливка Fill — это радиальный градиент , который изменяется от светло-синего при 100% до 0% непрозрачности .Третья Fill — это эффект Note Paper ( Effect> Sketch> Note Paper… ) со следующими атрибутами:

Баланс изображения:

    28

Зернистость:

    8

Помощь:

    9

Установите режим наложения для Note Paper Fill на Overlay на 58% Opacity . Посмотрите, как моя панель Appearance была организована ниже.

Шаг 22

Наконец, Выберите свою группу надписей и примените Outer Glow на панели Appearance ( Effect> Stylize> Outer Glow ) со следующими атрибутами:

Режим:

    Экран

Цвет:

    Белый

Непрозрачность:

    75%

Размытие:

    0,07 дюйма

Теперь вы можете создать свой собственный 3D-векторный текст!

Развивайте свой дизайн надписей, создав целый плакат или типографскую иллюстрацию, используя методы из этого руководства.Поиграйте с освещением, градиентными цветами и текстурами. Самое главное, покажите свою работу в разделе комментариев ниже!

Автор: Мэри Винклер

Мэри работает под брендом Acrylicana®, разрабатывая одежду, украшения и иллюстрации для таких компаний, как Disney, Jakks Pacific, Envato и других. Посетите Acrylicana.com, чтобы получить больше иллюстраций, руководств и многого другого.

Эти значки ссылаются на сайты социальных закладок, где читатели могут делиться и открывать новые веб-страницы.

Как создать трехмерный текст с буквами от руки в Illustrator — Hello Brio

В этом посте я собираюсь показать вам, как использовать стили блочных букв и добавлять к ним забавный трехмерный эффект с помощью инструмента Extrude в Illustrator.

Мне нравится этот эффект, потому что это быстрый способ добавить реалистичный трехмерный вид вашим буквам, но при этом сохранить ощущение надписи от руки. Кроме того, 3D-эффекты — это весело, но они могут быстро испортиться, если вы сделаете это на бумаге. (По крайней мере, это мой опыт.)

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

Как создать трехмерный текст с буквами от руки в Adobe Illustrator — увлекательное и простое учебное пособие

В этом посте используется множество аналогичных техник из предыдущих руководств по рукописному письму, поэтому, если я упущу из виду технику или шаг, я постараюсь указать вам правильное направление.

Шаг 1. Нарисуйте и отсканируйте в своей работе

Продолжайте рисовать и тушить свою работу черным пером на простой белой бумаге. На данном этапе этот процесс вряд ли можно назвать красивым, и, поскольку он идет прямо в компьютер, вы можете позволить себе сделать несколько попыток для письма и позаботиться о том, чтобы потом расположить его в Photoshop или Illustrator.

скан в вашей работе

В Photoshop отрегулируйте уровни вашей работы, чтобы она была чисто черной на белом. Вы можете узнать больше об этом процессе на шаге 2 этого руководства здесь.

отрегулируйте уровни сканирования в Photoshop так, чтобы они были черно-белыми и имели сильный контраст.

Затем перетащите отдельные буквы в Illustrator, а затем расположите свою композицию.

Шаг 2. Преобразуйте свои рисунки в векторные с помощью трассировки изображений в Illustrator

Используйте инструмент «Трассировка изображения», чтобы преобразовать буквенные формы в векторные (подробнее см. В шаге 4 этого руководства).

расположите отдельные буквы в иллюстраторе или настройте свою работу так, чтобы она была выложена правильно

Увеличьте внешний вид букв, разгруппируйте их, а затем удалите лишние части.Для этого конкретного стиля я рекомендую сохранить «заливку» внутри букв, потому что позже вы собираетесь объединить «обводку» с «заливкой», чтобы она была единым целым.

live обведите свои буквы, а затем разгруппируйте и сохраните заливку

Шаг 3. Раскрасьте, объедините и сгладьте буквы

Затем выберите цветовую палитру. Я люблю обращаться за этим в Design Seeds.

выберите свои цвета с помощью цветовой палитры или дизайна семян

Добавьте выбранную цветовую палитру в Illustrator, чтобы можно было легко получить цвет с помощью инструмента «Пипетка».

Чтобы применить цвет, выберите букву и ее заливку с помощью инструмента выбора, затем выберите инструмент «Пипетка» (сочетание клавиш I) и щелкните цвет, на который хотите изменить цвет.

пипетка выбранного цвета на буквы и штрихи

Продолжайте, пока не закончите.

пипеткой выбранного цвета нанесите на буквы и штрихи, пока не закончите

Теперь вы можете видеть, что заливка выглядит немного отделенной от «обводки».Мы можем исправить это, объединив две части с помощью инструмента Объединить в Обработке контуров (перейдите в Окно → Обработка контуров и выберите на панели опцию Объединить).

объедините штрихи и заполните с помощью инструмента объединения в Pathfinder

Теперь формы объединены, так что у вас есть одна буква.

фигур теперь объединены с помощью инструмента объединения в Навигаторе

.

Затем вы хотите сгладить буквы, чтобы линии были более четкими и были меньше точек привязки. Вы можете сделать это с помощью мыши или планшета Wacom (здесь приведены советы по экономии времени о том, как настроить планшет Wacom и Illustrator для этого типа работы.)

сгладьте буквы с помощью мыши или планшета wacom

Вы поймете, почему плавный процесс так важен, на следующем этапе, когда мы перейдем к использованию инструмента 3D.

Буква стала более гладкой после использования инструмента «Сглаживание» в иллюстраторе

Шаг 4. Применение эффекта трехмерного текста в Illustrator

А теперь самое интересное: поиграйте с эффектом трехмерного текста!

Откройте панель в Illustrator, выбрав Effect → 3D → Extrude & Bevel. Вот настройки, которые я использовал в этой конкретной части, но повеселитесь здесь и сделайте их своими.(Нажмите кнопку «Дополнительные параметры» в нижней части панели, чтобы просмотреть все параметры, показанные ниже.) Подробнее об этой панели можно прочитать здесь.

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

Панель настройки трехмерного текста, выдавливание и скос

Закройте панель, чтобы увидеть свой эффект.

Добавлены эффекты трехмерного выдавливания и скоса текста

Затем щелкните мышью, чтобы увидеть, как это применимо!

Щелкните за пределами рисунка, чтобы увидеть окончательный текстовый эффект 3D

Теперь вы можете делать с текстом все, что захотите.

Важное примечание: , если вы собираетесь перенести это произведение в Photoshop, я рекомендую изменить его размер до нужного размера в Illustrator, а затем экспортировать в PNG (иначе вы получите неприятные результаты, если скопируете и вставите прямо из Illustrator в Photoshop).

Надеюсь, вам понравился этот урок! Если есть какие-то вещи, которые вы хотели бы научиться делать в Photoshop или Illustrator, оставьте комментарий ниже.

Фотография на обложке rawpixel


[Видео] Как создать трехмерный текст в Adobe Illustrator

Не секрет, что градиенты помогают выделить ваш дизайн.Но как насчет добавления одного к тексту? Иногда это может не получиться и оставить желать лучшего. Что ж, не смотрите дальше! Мы вас прикрыли.

В сегодняшнем уроке мы разбиваем три простых шага, чтобы превратить любой путь иллюстратора в уникальное трехмерное произведение искусства! Этот трюк очень прост и может использоваться практически в любом сценарии. Следите за этим блогом или наблюдайте за нашим дизайнером Мэттом, который проведет вас через весь процесс. Обязательно продержитесь до конца, чтобы получить БОНУСНЫЙ СОВЕТ!

Прежде чем мы начнем, загрузите наш бесплатный шаблон ниже:

Шаг первый:

Создайте два круга и залейте их уникальной заливкой.Выделите оба круга, затем в раскрывающемся окне Object выберите blend, сделайте смешивание. Возможно, вам потребуется открыть панель параметров наложения, чтобы добавить больше шагов между вашими кругами, чтобы сделать его более плавным.

Шаг второй:

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

Шаг третий:

Переходим к нашему последнему шагу. Выберите один из ваших путей, нажмите Shift и выберите одну из ваших смешанных копий. Теперь в раскрывающемся меню Object выберите Blend, Replace Spine. Опять же, здесь вам может потребоваться настроить значения наложения на панели «Параметры наложения», чтобы добиться желаемого результата. Повторите этот шаг на всех своих дорожках.

Бонусный шаг:

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

Вот и все! Попробуйте и дайте нам знать, что вы думаете.Если вы его используете, отметьте нас в результате! Нам нравится видеть, на что вы все способны и насколько творческими вы можете быть. Если вы нашли это руководство полезным, посетите наш канал YouTube и поставьте видео «Нравится». Подпишитесь на больше подобного контента и дайте нам знать, что вы хотели бы видеть дальше!

Red Shark Digital — превосходное агентство цифрового маркетинга с полным спектром услуг, специализирующееся на веб-дизайне, поисковой оптимизации, брендинге и цифровой рекламе. Имея офисы по всей Северной Каролине, включая Роли, Гринвилл и Уилмингтон, наша команда специалистов по цифровому маркетингу может создавать решения с учетом потребностей вашего бизнеса.Наши клиенты позволили нам раздвинуть границы веб-дизайна и креативного дизайна, добиваясь инновационных результатов для своей компании и своего бренда. Эти клиенты работают во многих отраслях, включая высшее образование, здравоохранение и крупные коммерческие предприятия. Наш широкий круг клиентов позволил нам разработать специализированные стратегии для предприятий любого размера, передавая наши знания на различных платформах. Мы всегда стремимся соединить бренды с клиентами, узнать, что мы можем сделать для вашего бизнеса сегодня.

Подпишитесь на нашу рассылку новостей

Создание простого трехмерного текста в Illustrator

В этом уроке я проведу вас через несколько простых шагов по созданию 3D-текста в Adobe Illustrator. Эти шаги довольно просты, но как только вы их изучите, возможности для трехмерного текста практически безграничны. Хорошо, приступим!

Создание документа и настройка текста

Для начала вам нужно создать новый документ. Перейдите в File> New… и выберите ваши размеры и разрешение.Для этого урока я использовал настройки по умолчанию для Интернета.

Затем вам нужно создать текст, к которому вы хотите применить 3D-эффект. Используя инструмент «Текст», расположенный на панели инструментов, создайте текстовое поле и введите желаемый текст.

Используя инструмент «Тип», вы сможете выбрать семейство шрифтов, его вес и размер. Я рекомендую выбирать жирный или жирный шрифт.

Затем, используя Внешний вид, выберите свой цвет (рис. 4), предпочтительно цвет со средним значением, то есть ни темный, ни светлый.

Преобразование текста в редактируемую форму

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

Использование программы Illustrator Extrude & Bevel

Начиная с CS4, в Illustrator появился эффект «Вытягивание и скос», который применяет трехмерный эффект к любой векторной форме.После того, как текст был преобразован в контуры, вы можете применить эффект к тексту. Просто перейдите в Эффекты> 3D> Вытягивание и скос, чтобы применить эффект. Я бы также нажал на «Дополнительные параметры», чтобы настроить освещение фигуры.


Получите миллионы стоковых изображений и видео по лучшей цене
Неограниченный доступ. Ссылка на авторство не требуется. От 9 долларов в месяц.

]]>

Подробнее


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

Вращение : Вращение позволяет регулировать угол формы на основе осей x, y и z. Вы можете изменить числовое значение в полях или использовать курсор, чтобы повернуть куб, чтобы получить нужный угол.

Перспектива : Перспектива искажает форму, создавая искажение, обычно видимое, когда вы смотрите на объект под большим углом. Например, если вы посмотрите на верхнюю часть высокого здания, вы, вероятно, заметили, что стороны здания кажутся не так, как будто они идут прямо вверх, а скорее находятся на небольшом расстоянии к центру здания. Регулируя это значение, вы добавляете определенную перспективу.

Глубина выдавливания : Это значение представляет собой величину дебита или толщины формы, которую вы хотели бы иметь.

Колпачок : этот параметр позволяет вам переходить от плоской поверхности к передней части формы или более контуру.

Фаска : Снятие фаски — это скругление кромок. Переход к другим параметрам снятия фаски обеспечит различную кромку и счетчик вашей формы. Если вы выберете фаску, вы сможете отрегулировать ее высоту ниже опций фаски.

Поверхность : Поверхность регулирует текстуру создаваемой трехмерной формы. Пластиковая заливка дает ему гладкую поверхность, а остальные имеют разные эффекты.Попробуйте использовать «Каркас», чтобы увидеть очертания трехмерных фигур, или «Без затенения», чтобы увидеть, как бы он выглядел без какого-либо освещения.

Регулировка освещения : после выбора типа поверхности, если она не является каркасной или не затененной, вы сможете настроить освещение вашего объекта. Вы можете отрегулировать интенсивность или яркость света, а также размер области, на которую будет попадать освещение. Вы даже можете добавить дополнительные огни. Отрегулируйте положение источника света, щелкнув белую точку на сфере до положения, в которое должен попасть свет.

И готово!

После того, как вы нажмете OK, вы создадите свой собственный 3D-текст, которым вы можете манипулировать в Illustrator или перенести его в Photoshop. Поэкспериментируйте со всеми настройками инструмента Extrude & Bevel, чтобы получить хорошее представление обо всех возможностях эффекта.

Изображение от Эри Прихананто.

Как создать редактируемый трехмерный изометрический текст в Illustrator — Medialoot

3D-эффекты в Illustrator

Сложные эффекты всегда немного сложно сделать, не говоря уже о трудоемкой задаче, если вы не знаете, какие инструменты использовать (или даже с чего начать).Часто самые простые методы оказываются наиболее эффективными. К счастью, в Illustrator есть широкий набор инструментов, позволяющих упростить процесс создания очень сложных эффектов. В этом уроке вы узнаете, как легко создать эффект изометрического 3D-текста, сохранив при этом текст полностью редактируемым (и все это менее чем за 10 минут).

Шаг 1

Откройте Illustrator и создайте новый файл любого размера. В этом случае я сделаю свой с разрешением 1920 x 1080 пикселей в цветовом режиме RGB с разрешением 72 точки на дюйм.

Шаг 2

Выберите инструмент «Текст» (T) и введите текст любым шрифтом, который вам нужен. В этом случае я буду использовать Bahnschrift по цене 300 pt.

Шаг 3

На панели инструментов установите для заливки текста значение «Нет», щелкнув значок «Нет» в правом нижнем углу.

Шаг 4

Выделив текст, перейдите в Window> Appearance.

Шаг 5

В окне «Внешний вид» щелкните значок «Добавить новую заливку». Щелкните значок «Цвет заливки» и установите любой желаемый цвет.В этом случае я буду использовать # A83F92.

Шаг 6

Выбрав параметр «Заливка», щелкните значок «Добавить новый эффект» и в раскрывающемся меню выберите «3D»> «Вытягивание и скос».

Шаг 7

В окне 3D Extrude & Bevel установите Position на «Isometric Right», Extrude Depth на 20pt и в разделе Surface установите режим на «Diffuse Shading».

Шаг 8

Щелкните и перетащите световую точку в нижний правый угол, как показано, и установите «Окружающий свет» на 0%.

Шаг 9

Наконец, в разделе «Цвет затенения» выберите «Пользовательский» в раскрывающемся меню и, щелкнув миниатюру цвета, установите любой желаемый цвет. В этом случае я буду использовать # F4BF19. Нажмите ОК, чтобы применить 3D-эффект.

Шаг 10

У нас уже есть готовый изометрический трехмерный текст, но, чтобы сделать его немного интереснее, давайте добавим еще один эффект. Убедитесь, что на панели «Оформление» выбрана «Заливка», и щелкните значок «Добавить новый эффект». В раскрывающемся меню выберите «Искажение и преобразование»> «Преобразовать».

Шаг 11

В окне «Преобразование» примените следующие настройки и нажмите «ОК».

Шаг 12

Хорошая идея — сохранить этот эффект для будущего использования поверх любого другого нового текста без необходимости заново настраивать все инструменты. Для этого с выделенным текстом перейдите в Window> Graphic Styles.

Шаг 13

Щелкните значок в правом верхнем углу и в раскрывающемся меню выберите «Новый стиль графики». Дайте этому стилю имя и нажмите ОК.

Шаг 14

Когда эффект закончен и сохранен, теперь вы можете свободно изменять исходный текст, используя инструмент «Текст», как обычно.

Шаг 15

Чтобы применить этот эффект к любому другому новому тексту или объекту, просто выделите текст или объект (квадрат в этом примере) и щелкните по созданному нами «Изометрическому» графическому стилю.

Легкий эффект 3D-текста в Adobe Illustrator | Дики младший

стенограммы

1. Простой трехмерный текст в Adobe Illustrator: Привет. Меня зовут Дики, я цифровой художник и иллюстратор из Найроби, Кения. Мои иллюстративные работы часто бывают веселыми, красочными и довольно глупыми.Я стараюсь добавлять небольшие элементы или приемы, чтобы сделать мою работу популярной. На сегодняшнем занятии я познакомлю вас с одной из этих техник. В этом уроке я подробно расскажу, как создать яркий, реалистичный 3D-текст в Adobe Illustrator. Во время занятия вы узнаете, как создать проект, как использовать инструмент «Вытягивание 3D и скос», познакомитесь с теорией цвета и инструментом «Градиент». Наконец, как экспортировать готовое изображение для Instagram. Класс не требует дополнительных модулей и открыт для всех учащихся.Давайте начнем. 2. Введение в класс: в этом разделе я просто проведу вас через сверхбыстрые контрольные списки непосредственно перед тем, как вы начнете. Как указано в классе, в ходе этого руководства вы будете изучать, как это сделать. Что касается требований, все, что вам нужно, это на вашем компьютере уже установлен Adobe Illustrator. Во-вторых, я предоставил несколько ресурсов класса, и вы найдете два образца цвета, доступные для загрузки, а также ссылку на шрифт, который я использую в классе, если вы хотите использовать точно такой же шрифт.В ходе обучения вы узнаете, как использовать инструменты 3D вращения и выдавливания. В первую очередь вы узнаете, как использовать инструменты «Градиент» и «Обработка контуров», а также несколько других, которых мы коснемся. Вот примерно, к счастью, этот класс не требует никаких плагинов. После того, как вы скачали и установили все ресурсы класса, все готово. 3. Настройка проекта: приступим. Когда находится раздел «Настройка проекта» и я хочу, чтобы вы, ребята, в первую очередь перешли сюда к предустановленным деталям.Вы бежите, чтобы назвать это как-нибудь. Я не. Мы можем назвать это 3D Miami Vice. Вы хотите, чтобы ширина была 1200 пикселей, а высота — 1200 пикселей. Я надеюсь, что вы, ребята, сделаете действительно отличный проект, и вы захотите загрузить его в свой Instagram. Мы собираемся сделать его квадратным для начала, а затем, наконец, вы хотите, чтобы он был цветом RGB, и это действительно единственное, что вам нужно в этом разделе «Настройка проекта». Идите вперед и создайте этот новый документ, и он у вас есть. У вас есть квадратный документ, квадратная монтажная область, чтобы начать работу.Перво-наперво. Я уже подготовил пару переключателей, которые вы, ребята, можете использовать, пока мы проходим этот проект, и для импорта этого первого все, что вам нужно, это зайти сюда, щелкнуть по месту и затем перейти в папку, в которую вы скачали элементы класса. . Нажмите на образец Miami Vice и займите место, а затем мы просто перетащим его. Думаю, сегодня мы его поставим сбоку от окна и просто вытащим, вот и все. Давай, приступим. Первым делом давайте настроим фон.Фон, у нас будет красивый синий цвет, и мы просто нарисуем квадрат так, чтобы от одного пересечения, затем нажмите и удерживайте Shift и перетащите его до конца в другой угол, отпустите и затем нажмите «I «на клавиатуре, это инструмент» Пипетка «, который находится здесь, а затем щелкните синий цвет, и ваш фон будет настроен, и мы просто собираемся назвать этот слой, потому что присвоение имен слоям — это хорошее поведение, а затем просто заблокируйте его. Это все, что мы будем делать в оставшееся время.Теперь мы собираемся настроить текст. Думаю, мы сделаем микс текстов. Еще раз, вы можете нажать «T» на клавиатуре или перейти к этому тексту или инструменту ввода слева. Нажмите «T», нажмите, а затем введите текст, как следует в небольшом предварительном просмотре. То, что мы собираемся печатать, — это только хорошие флюиды, но вы можете печатать все, что вам нравится, кстати, это не обязательно должно быть именно то, что я пишу. Кроме того, кстати, эта функция вращения 3D тяжеловесна для станка. Иногда, чем меньше текста у вас есть, тем лучше.Если в дальнейшем в этом уроке у вас возникнут какие-либо проблемы, просто измените текст на что-то более короткое. Может быть, вы можете просто написать: «Я люблю» или «я люблю» или что-то в этом роде, просто что-нибудь короче, и это поможет процессу вернуться немного более плавно. Итак, [неразборчиво] набрал текст, я установил размер точки или размер шрифта на 350, и я собираюсь установить стиль символа. Я считаю, что это был сжатый кокосовый гусь, и я предоставил ссылку для загрузки текста, если вы хотите использовать те же самые тексты.Сгущенный обычный, идеальный. Итак, мы идем. У нас есть какао гусь сгущенный обычный в 350 текстах. Последнее, что я собираюсь сделать, это то, что мне нравится, чтобы персонажи были немного ближе друг к другу, и когда я пишу 3D-тексты, я просто собираюсь установить расстояние между двумя буквами, расстояние между каждой буквой. скорее, и это называется отслеживанием, и я просто установлю его на минус 50, и все, я просто собираюсь центрировать его, чтобы мы уже сделали хорошее. Теперь позвольте нам Alt, щелкнуть и перетащить вниз, и вот как вы собираетесь настроить второй бит текста, который является единственным, и я думаю, что для этого текста я также добавил немного меньшего размера, чтобы он сидел внизу довольно четко.Я просто собираюсь установить его на 335, и на этом все. Мы просто собираемся центрировать этот текст и бум. На этом этапе мы уже настроили текст. Мы уже использовали образцы, и наш фон выглядит хорошо. Затем я просто переименую этот слой в текст, потому что переименование слоев — это хорошо, а затем, наконец, я просто выберу оба, щелкнув и перетащив, нажмите «I», который является инструментом пипетки, и затем выделите этот желтый -цветной, более ярко-желтого цвета, и это все для этого первого раздела установки.Теперь я просто напомню вам, что нужно экономить, просто чтобы убедиться, что вы ничего не потеряете, пока вы проходите этот процесс со мной. Идите и сохраните это. В следующем разделе мы продолжим и сделаем это 3D и начнем вводить немного градиента и цветов, которые у нас есть здесь, и сделать его немного больше похожим на последнее, что мы делаем. 4. Изучите инструмент 3D: Теперь мы собираемся взглянуть на инструмент 3D Revolve и Extrude. Но пока я просто расскажу вам об этом инструменте, покажу, как он работает.Я покажу вам некоторые из доступных предустановок. Затем мы собираемся использовать настройки по умолчанию, которые предоставлены только для того, чтобы мы могли что-то быстро сделать, и вам, ребята, действительно не пришлось бы бороться с определением инструмента, по крайней мере, на сегодня. Хорошо, теперь я собираюсь нажать на слово «Хорошо» и подойти сюда, чтобы возразить. Нет, подойдите сюда, чтобы произвести эффект, нажмите «3D» и перейдите к Extrude и Bevel. Это инструмент, который позволит нам работать над 3D-моделированием этого текста. Как видите, мы уже внутри инструмента, но вы не видите, что здесь что-то происходит.Это потому, что мой предварительный просмотр отключен. Я собираюсь нажать на кнопку «Предварительный просмотр» и просто проверить ее. Теперь вы внезапно видите, что он слегка повернул мой текст в сторону и придал ему приятное ощущение трехмерности. Это инструмент. В нем уже есть несколько действительно потрясающих предустановленных позиций, и я просто быстро проведу вас через них. Мы не будем их использовать, но я думаю, что по-прежнему важно просто взглянуть на них, если вы, ребята, действительно заинтересованы в их использовании, вы определенно можете это сделать.Как видите, у нас есть разные варианты. Все они действительно хорошо названы. Если мы идем вперед, как видите, ничего не происходит. Причина в том, и вы можете увидеть это на превью здесь, что этот квадрат смотрит прямо в камеру, я думаю, то есть вы. Поскольку он прямо перпендикулярен камере, вы вообще не можете увидеть его трехмерное изображение. Возможно, я могу начать с этого внеосевого фронта, который по умолчанию был установлен, когда вы впервые нажимали кнопку «Предварительный просмотр».На внеосевом фронте он показывает вам фронт. Но, как вы можете еще раз увидеть в этом небольшом превью, квадрат теперь немного повернут от камеры, и это позволяет вам видеть немного сверху и сбоку объекта. Это несколько различных вариантов, которые у них есть. У них есть сзади, у них это слева, у них это справа, а сверху и снизу и еще пара классных — вот эти изометрические. Я уверен, что вы видели действительно крутой изометрический дизайн.Я думаю, что сейчас это действительно популярный стиль. Да, есть несколько доступных опций, но на самом деле мы собираемся использовать настраиваемую опцию, что означает, что мы собираемся установить здесь наши собственные градусы, такие как градус поворота или скручивания букв. Первое число, которое мы просто введем, — минус семь. Здесь мы просто устанавливаем это так, чтобы оно выглядело именно так, как в предварительном просмотре. Здесь не будет слишком много дизайнерских вещей. Мы просто пытаемся настроить его так, чтобы он выглядел именно так, как в предварительном просмотре.Я предоставил эти цифры в разделе «О нас», но я также, вероятно, вставлю их на экран и опубликую. Вот и все, сидит довольно красиво. Вы можете просто увидеть немного трехмерного изображения на заднем плане. Но на самом деле мы хотели быть намного больше, и поэтому мы собираемся установить эту глубину вытягивания вместо 50, мы собираемся установить ее на 200. Теперь, если мы щелкнем где-то еще в этом, теперь вы можете увидеть что он четкий, это трехмерный текст, и он все еще разборчив. Вы можете довольно хорошо видеть переднюю грань.Вы можете видеть, что это тоже довольно глубоко. Теперь мы просто нажмем «ОК» и настроим только тот же процесс для слова. Подойдите сюда, чтобы произвести эффект, нажмите на него поверх 3D. Щелкните «Вытягивание и скос». Здесь у нас будут несколько другие цифры, чем в хорошем. Это числа минус 10, пять и один. Еще раз, у меня отключен предварительный просмотр, поэтому вы ничего не видите. Минус 10, пять и на самом деле это должно быть минус один, а не один. Идеально. Еще раз, мы собираемся установить глубину вытягивания на 200.Посмотрим, как это выглядит. Да, выглядит здорово. Мы собираемся нажать «Хорошо», и там уже есть довольно четко обозначенный трехмерный текст. Я собираюсь нажать на «Хорошо». Щелкните правой кнопкой мыши по нему и выберите упорядочить и вывести на передний план, потому что я хочу, чтобы это выглядело так, как будто товар находится прямо поверх единственного. Теперь, как видите, возможно, я просто вернусь к тому, как это выглядело раньше. Из-за этой области здесь. Как вы можете видеть, буква G явно находится за буквой O в этом разделе, и то, что я сделал сейчас, — это щелкнул правой кнопкой мыши «Хорошо», щелкнул правой кнопкой мыши «Упорядочить» и переместил на передний план.Что это значит, так это то, что G теперь довольно четко сидит впереди или наверху O, и если я немного потащу его теперь, он будет явно перед O или наверху O. Вот как я хотел, чтобы он сядьте, так что теперь похоже, что товар просто случайно сидит поверх единственного, как это выглядело в предварительном просмотре, и как я думаю, это выглядит довольно красиво. Вот и все. Теперь у нас уже отсортирован трехмерный текст. Как я уже сказал, если кто-то борется с инструментом 3D «Вытягивание», это может быть следствием того, насколько он тяжел на машине.Возможно, вы захотите использовать более короткие слова и, возможно, просто начать с четного числа. Может быть, ваше любимое число просто начиналось как семерка или 15 или что-то еще, просто чтобы снизить налоги на вашу машину, и тогда я думаю, что оно должно работать нормально. Да, вот оно что. У нас уже есть наш текст, который красиво сидит на фоне и выглядит довольно красиво. И последнее, что мне нужно, чтобы мы подтвердили: если мы нажмем на это, и нам нужно будет изменить что-то в 3D, что нам не нравится, что мы можем сделать, это просто нажать на «Слово».Пройдите сюда справа от внешнего вида, нажмите «Внешний вид», и он довольно четко покажет вам, что у вас включены эффекты 3D и Bevel. Если вы дважды щелкните по нему, он снова откроется в том виде, в котором вы его установили. Теперь вы по-прежнему можете вносить изменения, и вам не нужно вводить другой эффект поверх уже использованного 3D-эффекта. И последнее, что нам нужно сделать, это спуститься сюда, нам не нужна пластиковая заливка, мы вместо этого будем использовать диффузную тень, и вы не увидите здесь никаких изменений.Но это будет важно, и я постараюсь не забыть объяснить почему, когда дойду до этого момента. Мы собираемся сделать то же самое для единственного двойного щелчка, убедитесь, что предварительный просмотр настроен так, чтобы вы могли видеть отлично, и просто нажмите «Diffuse Shading» и «Okay». Сейчас мы сделали довольно много, поэтому я снова призываю вас, ребята, сохранить, чтобы вы не потеряли ничего из этой работы. И последнее, что мы собираемся сделать, это добавить текст вибрации. Мы не хотим слишком углубляться в проект, прежде чем придумать хороший шрифт и размер, над которыми мы будем работать.Что я сделал, так это то, что я заблокировал текстовый слой, в котором есть 3D-материал, и я открыл третий слой, который в настоящее время называется слоем 3, но я собираюсь изменить его, чтобы вызвать вибрации. На этом слое у нас будет текст, который говорит о вибрациях, который просто находится здесь, в центре, так что он читается как Good Vibes Only, что мы пишем здесь сегодня. Просто нажмите «Текст» еще раз здесь справа, инструмент «Тип» щелкните где-нибудь и просто введите вибрации. Не беспокойтесь о размере на данный момент, так что вот он.Мы собираемся сделать его белым, чтобы он немного выделялся на фоне. Наконец, мы собираемся сделать его значительно меньше, может быть, это слишком мало. Давайте возьмем что-то вроде, может быть, вдвое больше, давайте возьмем 170. Да, выглядит неплохо. Мы собираемся установить стиль текста на тихоокеанский или обычный — это то, что я использую. Это уже выглядит хорошо, на самом деле я собираюсь оставить его там, где оно есть, оно выглядит довольно гладким. Я имею в виду, это уже выглядит хорошо. В следующем разделе мы собираемся по-настоящему усовершенствовать его, сделать цвета яркими и тому подобное.Но это уже шаг вперед по сравнению с тем, что у нас было изначально, а именно этим, который действительно очень простой и плоский и вообще не имеет никакой индивидуальности. Но теперь мы ясно видим, что у нас есть красивый трехмерный текст. Вы можете видеть, что есть источник света, и что он имеет некоторую глубину и немного интересного поля. Я думаю, это уже выглядит довольно гладко. В следующем разделе я просто покажу вам, как улучшить это, сделать его действительно чистым и сделать все определенным, ввести пару цветов, чтобы сделать его более ярким, да.Увидимся в следующем разделе. Не забудьте сохранить. Не забывайте экономить. 5. Уточнение 3D и цвета. Теперь в этом разделе, как я уже сказал, мы собираемся все усовершенствовать. Перво-наперво, я думаю, мы просто скроем слой с вибрациями. Запри его, просто подойди сюда направо. Обязательно заблокируйте слой и просто скройте его, а затем давайте разблокируем текстовый слой, где у нас есть все хорошее и только. Приступим к раскрашиванию. Первое, что мы хотим сделать, это выделить оба из них, а затем перейти к объекту в верхней части экрана.Щелкните по нему, и вы хотите развернуть внешний вид, а затем спуститесь сюда, щелкните правой кнопкой мыши и Разгруппируйте, а затем делайте это снова и снова, пока не появится возможность разгруппировать. На этом этапе каждый отдельный предмет здесь — это отдельная вещь. Как только вы это сделаете, мы собираемся выбрать только лица. Самые яркие цвета, которые находятся на переднем плане, мы хотим выбрать только их и разместить их на отдельном слое. Я собираюсь выделить переднюю часть G, OOD, YLN и O, а затем мы нажмем «Command X», которая просто полностью обрезает его, а затем мы спустимся сюда. на панель «Слои» и просто создайте новый слой.Теперь у нас есть четвертый слой, и мы собираемся использовать команду F и просто вставить его обратно в новый слой, и теперь мы собираемся заблокировать этот слой и скрыть его. Как видите, у нас есть только те части текста, которые составляют его 3D-файл. По сути, области, выходящие за пределы лица, — это единственное, что мы оставили на этом текстовом слое. Теперь мы здесь, у нас есть все эти трехмерные [неразборчиво] области текста на отдельном слое, и теперь мы собираемся сгруппировать все, что связано.Например, мы хотим подключиться. Прямо сейчас все эти отдельные разделы существуют сами по себе, и мы хотим, чтобы все эти разделы были объединены в более крупные части. Давайте возьмем этот фрагмент, на который я только что нажал, для начала с этой стороны G. Мы хотим иметь то, и то, и то, и то. Я выделил их все, удерживая shift, пока нажимаю на новые разделы. Я хочу, чтобы все эти части считались одним целым. Как я собираюсь это сделать? Я собираюсь перейти к моему инструменту Pathfinder, который находится здесь справа.Если оно у вас еще не открыто, просто подойдите к окну, сдвиньте вниз, нажмите Pathfinder, и оно появится где-нибудь на вашем экране. Вот и все, и теперь, когда мы выбрали этот материал, пока у вас есть все разделы, которые мы хотим стать единым отрядом, просто перейдите в поисковик пути, и вы хотите нажать на эту кнопку «Объединить», то есть Я не знаю, как это объяснить. Полагаю, это похоже на два прикрепленных квадрата. Если вы наведете на него курсор, появится сообщение «Объединить», и вы собираетесь нажать на него.Нажмите Unite, и теперь, как вы можете видеть, все эти разделы просто немного сдвигаются. Все те разделы, которые мы только что выделили, теперь представляют собой единое целое, и это именно то, что мы хотим. Давайте продолжим и проделаем то же самое с остальными частями. Для G эта пьеса в настоящее время состоит из двух или трех разных пьес. Просто выделите их все и нажмите «Объединить», и тогда это в настоящее время три или четыре разных части, и мы хотим, чтобы все они снова были одинаковыми. Мы просто собираемся набраться терпения и щелкнуть по всем частям.Просто щелкните по нему, щелкните по нему, щелкните по нему и маленькому кусочку в конце и нажмите «Объединить». На самом деле, я вижу, что пропустил там кусок. Я просто выделю оба и нажму «Объединить». Вот это одно целое. Теперь это одно целое. Это один кусок, это один кусок. Как видите, мы пропустили один. Мы просто выделим, объединяйтесь. Это одна часть, и теперь мы хотим сделать эту последнюю часть для G и нажать «Объединить». Я собираюсь написать вторую букву, а затем я сделаю L, просто чтобы показать вам что-то немного другое, а затем я быстро перемотаю оставшуюся часть этого процесса, чтобы вы, ребята, не поняли Мне надоело говорить, нажмите на это, нажмите на это и объединитесь.И снова тот же процесс. Нажмите на сдвиг одной части, нажмите на вторую часть, сдвиньте, нажмите на третью часть и объедините, и тогда этот довольно простой, потому что он сидит сам по себе посередине, мы просто перетащим и выберем все это , и объединиться. Мы собираемся проделать один и тот же процесс для всех букв, и я просто покажу вам букву L, потому что есть еще кое-что, что вы можете сделать, если хотите перейти на следующий уровень, везде, где есть 90 -градусный угол, острый угол.На самом деле вы можете выделить, и я собираюсь сделать это здесь внизу, а не здесь, так чтобы выделить одно лицо, то есть одну сторону угла в 90 градусов. Вы можете выделить это индивидуально. Может быть, мы можем также взять кривую, щелкнуть по ней, а затем щелкнуть «Объединить», а затем для этой части, которая находится здесь сама по себе, вы можете оставить ее независимой. Теперь просто идите и нажмите на этот следующий кусок, и на эти другие части, и нажмите «Объединить». Итак, у нас есть три части, и даже если все они связаны, у нас есть три части.Это даст нам немного независимости позже в проекте, и я покажу вам, почему. Но в этом нет необходимости. Это не обязательно. Но для тех из вас, кто хочет немного больше деталей позже в проекте, когда вы раскрашиваете, это может быть хорошим вариантом. Но что касается остальных из них, я просто собираюсь сейчас пойти дальше, быстро пройти через это, выделить и объединить все остальное воедино. Поймайте вас в конце этого небольшого процесса. Вот и все. Полностью готово, все это настроено как независимые части, и это выглядит гладко.Я знаю, что это утомительно и, возможно, даже немного сложно для понимания. Но это единственный способ, которым я сейчас могу это делать. Если кому-то нравятся лучшие идеи или кто-то видел, что что-то работает еще лучше, дайте мне знать в своих сообщениях. Я обязательно сделаю видео, чтобы просто отрегулировать это и облегчить будущим студентам. Но пока это просто немного сложный путь, который вам нужно пройти, но я гарантирую, что это самая сложная часть этого урока. Молодцы, что прошли через это. Теперь у нас есть все разделы отдельно.Я просто включу все слои, чтобы мы могли увидеть, как это выглядит сейчас, и, как вы можете видеть, это не сильно отличается. Но теперь мы переходим к самому интересному. Мы собираемся начать раскрашивание и растушевку. Шаг 1, давайте скроем слой вибрации. Я собираюсь изменить имя этого текстового слоя, потому что я продолжаю делать этот 3D-слой, и здесь я назову его текстовыми гранями. Просто чтобы мы могли определить, что есть что, немного быстрее. Прохладный. Теперь я перейду к уже заблокированному 3D-слою, и я собираюсь его также скрыть, и я собираюсь разблокировать слой с текстовыми гранями, и теперь я собираюсь выделить все лица, и мы собираемся использовать этот супер яркий желтый цвет.Просто нажмите «I» на клавиатуре или воспользуйтесь этой маленькой пипеткой и нажмите на желтый, и теперь у вас есть супер яркий желтый желтый цвет, который нам и нужен. Это выглядит гладко, а затем мы собираемся заблокировать слой с текстовыми гранями и скрыть его, и мы собираемся сделать трехмерный слой видимым и разблокировать его, а затем мы просто выделим все эти трехмерные части и еще раз нажмите «I» на клавиатуре для инструмента «Пипетка» и нажимайте на этот градиент сейчас и сейчас, он уже выглядит довольно гладко, и теперь, если я снова включу все слои, вы заметите, что это выглядит ужасно.[СМЕХ] Просто добавив градиент к фону и придав этому пограничному слою немного цвета, теперь у вас есть что-то более динамичное. Он намного ярче, он намного больше выделяется на фоне. Думаю, это неплохо. Мы уже сделали цвета яркими. Думаю, я собираюсь, как вы видели в превью, я просто добавлю немного. Не знаю, какой это цвет, бордовый, розовый, фуксия, не знаю. Но я собираюсь добавить маленький кружок на заднем плане того же цвета, потому что я думаю, что это выглядит довольно круто.На самом деле, это не выглядит ужасно. Но я просто буду придерживаться того, что я сделал, и просто буду учить тому, чему учу, и я просто щелкнул кружок, щелкнул I, для инструмента пипетки, и я собираюсь щелкнуть этот круг цвета фуксии, и вот оно что. Теперь у вас уже есть этот цвет, который словно выделяется из фона. Вы видите, что трехмерный текст выглядит гладким. Мы уже в хорошем месте. Не забывайте экономить. Сохраните, и я пойму вас в следующем фрагменте, где мы доработаем окраску и добавим немного больше деталей, чтобы сделать ее еще более гладкой.6. Идеальная раскраска: что мы хотим сделать сейчас, так это усовершенствовать ее, и я просто собираюсь начать, я думаю, что трехмерный текст на обратной стороне — это то, с чего мы собираемся начать. Перво-наперво, если бы это была настоящая установка, то эта область между буквами G и O, вероятно, была бы одной из самых темных областей. Если бы это было на самом деле, это была бы одна из самых темных областей. Итак, эта область здесь между G и O, эта область здесь между O и этим другим O. Эта область здесь между O и B, это будут самые темные области.Но, как вы можете видеть прямо сейчас, вместо этого градиент идет от самой светлой области, а затем самые темные области находятся наверху. Так что это мешает ему выглядеть максимально реалистично. Вместо этого мы собираемся настроить то, как эти градиенты выглядят в данный момент. Как мы это делаем? Щелкните один из градиентов, на который вы хотите получить эффект. Прямо сейчас я собираюсь щелкнуть по этому прямо здесь, то есть по этой точке вверху, может быть, я просто спрячу передний текст, чтобы сделать его более ясным. Мы хотим нажать на этого парня прямо здесь.Мы собираемся щелкнуть по нему, и теперь у нас есть выбранный градиент. Когда у вас выбран градиент, вы можете нажать на букву G в качестве ярлыка, или вы также сможете перейти сюда к инструменту градиента. Как только вы выберете это, появится эта вещь. Это отражение направления, в котором движется ваш градиент. Как вы можете видеть, я просто немного увеличу масштаб, чтобы было понятнее, как вы можете видеть, более светлый ингредиент здесь находится внутри, а самый темный градиент здесь снаружи, что в точности отражает то, что происходит с этим. выбранную нами форму.Итак, самые темные области на конце здесь, а самые светлые — на этой стороне. Мы хотим, чтобы это изменилось. Как мы это делаем? На одном из этих углов, если вы просто наведете курсор на один из углов, вы заметите, что он позволяет вам вращаться. Так что, если вы немного подойдете к краю одной из этих сторон, это позволит вам повернуть ее. Теперь мы хотим повернуть его на полные 180. Итак, мы просто переворачиваем эту линию полностью на другую сторону, а затем, как вы можете видеть, теперь все светлее, и причина в том, что ваш градиент полностью сюда.Что вы хотите сделать, так это щелкнуть в любом месте внутри этой линии градиента, щелкнуть по ней и просто перетащить обратно. Теперь у нас есть, как вы можете видеть, темная область отражается на этой стороне, а более светлая область находится на этой стороне, что теперь отражает то, как это выглядит. Я просто уменьшу масштаб, чтобы показать, что мы сделали. Если мы снова включим это, чтобы вы могли ясно видеть. Теперь, если вы сравните две ОС, вы заметите, что эта область, которую мы выделили ранее, теперь фактически темная. Хотя эта область, которую мы еще не отрегулировали, все еще светлая и не так, как нам хотелось бы.Итак, что мы собираемся сделать, так это повторить тот же процесс для этой части O и этой части D. Итак, я просто собираюсь снова скрыть текстовые лица и повторить процесс. Еще раз нажмите на слой, который маленький кусочек, который вы вводите эффект, попал на «G», ярлык G или этот инструмент градиента на вашей панели инструментов. Подойдите к этой небольшой линии, которая появляется, наведите указатель мыши на одну сторону и поверните ее, переверните полностью на другую сторону, чтобы темнота была слева, а свет — справа, и теперь, как вы можете видеть, все это свет, потому что градиент здесь полностью влево.Мы хотим перетащить его обратно и начать градиент оттуда. Как видите, здесь темно внутри и светло наверху. Если мы еще раз откроем текстовые начертания, чтобы увидеть, что мы сделали. Теперь, как вы можете видеть, этот раздел здесь и этот раздел здесь похожи в том смысле, что он темный внутри, ближе всего к другим буквам. Пока этот здесь, он все еще светлый, поэтому нам нужно исправить его и для D, поэтому мы собираемся еще раз скрыть текстовые лица, нажмите D, и я просто увеличу масштаб, потому что я Думаю, вы, ребята, поняли суть.Еще раз наведите указатель мыши на сторону, переверните его на другую сторону и перетащите обратно. Теперь, если мы щелкнем по граням, это будет выглядеть намного лучше. Теперь это выглядит немного более реалистично, потому что цвет находится там, где вы его ожидали. Все темные области находятся именно там, где вы ожидаете быть темными. Вот ищите спать, спасайте прогулку и забудьте сохранить. Да, это уже выглядит фантастически, и теперь еще одна вещь, о которой я хочу вам напомнить, я просто напечатаю слой вибрации. Вы помните, как я показал вам, как сделать L в трех отдельных разделах, и мы снова набирали текстовые начертания.Когда я показал вам, как выполнять l в трех отдельных разделах, это дает вам гибкость. Теперь, как вы можете видеть, у нас может быть отдельный градиент для этого фрагмента, который является более крупным, даже если они все соединены, и вы могли бы просто сделать его одним элементом. Если оставить их как три штуки. Это гибкость, которую он дает вам. Теперь я могу изменить градиент только на этом фрагменте. Вы можете воздействовать на градиент независимо от двух других частей. Теперь вы можете изменить только этот градиент, или вы можете изменить только этот градиент здесь и сделать его наклонным таким образом, и это дает вам немного больше гибкости, если вы хотите показать, откуда исходит свет и темнота, и поэтому это причина, по которой я предположил, что было бы неплохо, если бы вы захотели это сделать.Но я думаю, это наш следующий уровень. Так что, если вы этого не сделали, очевидно, не беспокойтесь, ваши вещи все равно будут выглядеть огненными, но да, только вариант. По мере того, как вы станете лучше в этом, вы можете оставить возможность иметь больше частей отдельно, чтобы дать вам немного больше гибкости в том, в каком направлении обращаются градиенты. Я думаю, что выглядит тошнотворно, уже не забудьте сохранить. Что мы хотим делать? Я думаю, что для лиц есть пара вещей, которые нам нужно сделать. Номер 1, мы просто скроем этот слой с вибрациями и снова выделим все эти лица.Итак, мы можем просто перетащить и выбрать их все, и мы собираемся немного их обвести. Так что я просто хочу, чтобы вы отметили, как это выглядит сейчас. Проблема, которую я вижу прямо сейчас, заключается в том, что почти нет разницы между лицом и областью разделения на три части, такой как выдавливание на тексте. Мы хотим сделать это немного более определенным. Как мы это сделаем? Выделите все тексты лиц или текстовые лица, подойдите сюда и просто сделайте это синей обводкой. Тогда скорее сделайте мазок довольно тонким.Так что нам понравится 0,5 балла. Да, я думаю, это выглядит прилично. Мне не нравится синий цвет, поэтому я собираюсь заменить его на коричневый, который находится чуть ниже. Ага. Итак, теперь это довольно незаметно, но я уверен, что вы, ребята, которые работают над этим, на самом деле заметите разницу в том, что теперь этот четкий край до конца текста отображается, и это дает вам хорошую разницу между тем, что обращено на вас, и тем, что экструзия, которая должна идти в обратном направлении. Так что я думаю, что это выглядит эффектно, и я снова спасу мою прогулку.Последнее, что мы собираемся сделать, — это немного осветить лица, если в этом нет необходимости, и для тех, кто думает, что они могут испортить свою работу, обязательно сохраните второй документ просто чтобы позволить вам возиться с этим, не слишком беспокоясь о том, чтобы все испортить. 7. Сделайте это блестящим: как мы собираемся сделать это место? Еще раз, я просто собираюсь скрыть оттенок вибрации и то, что нам нужно сделать, я просто сделаю это еще раз, нажму на «G» и «O» и все шрифты текста.Удерживая «Shift», чтобы выбрать все из них, перейдите к «Object», перейдите к «Path», перейдите к «Offset Path» и снимите его до минус пяти пунктов, чтобы новая область появилась внутри букв, точно и так нажмите «Хорошо». Затем еще раз щелкните правой кнопкой мыши. Ой, извини. Теперь щелкните по каждому из них еще раз. Выделите каждую, щелкнув правой кнопкой мыши «Shift» и разгруппировавшись, и теперь у нас есть отдельные части. Идеально. Просто щелкните по каждой из этих новых частей, которые мы создали внутри, одну за другой, удерживая «Shift», чтобы выбрать все, а затем «Command X», и теперь вы их вырезали.У вас в основном то, что было изначально, без изменений, и теперь мы собираемся спуститься сюда, щелкнуть «Создать новый слой». Назовите этот слой, мы назовем его блеском, вот и все, что он есть. Щелкните «Sheen», и когда вы окажетесь на слое «Sheen», нажмите «Command F». Теперь у вас есть новый слой поверхностей только для блеска. Теперь, когда у нас есть поверхности в их собственном слое, мы собираемся скрыть текстовые грани, и мы собираемся скрыть грани 3_D, а также можем скрыть фон. Нет, не скрывайте фон, поэтому оставьте фон.Теперь мы собираемся выделить их все. Мы собираемся убить обводку, потому что она нам не нужна, и мы собираемся добавить к ним градиент. Мне нравится делать это сначала, создавая градиент, а затем применяя его к буквам, так что давайте сделаем это вместе. Я нажимаю на «Инструмент эллипса», но фактическая форма не имеет значения, поэтому просто нажмите на «Инструмент эллипса», а затем подойдите сюда, где вы выбираете текст, а не там, где вы выбираете свои цвета, так что просто в этой строке -down, и мы собираемся щелкнуть по любому из градиентов, это не имеет значения.Есть бело-черный градиент. Есть оранжево-желтый. Мы сейчас щелкнем по бело-черному цвету, и теперь мы хотим иметь возможность влиять на цвета и непрозрачность этого. Для этого вам просто нужно перейти в Window и нажать «Gradient», появится это маленькое всплывающее окно, и теперь мы можем влиять на цвета. Прямо сейчас цвета черно-белые, это именно то, что изображено здесь на фактическом круге, и теперь мы хотим это изменить. Мы собираемся изменить его, чтобы он тоже был белым, как вы это сделаете? Вы просто дважды щелкаете по этой маленькой штуке с ползунком градиента.Дважды щелкните по нему и щелкните по белому прямо здесь, внизу, он идеально белый. Прохладный. Теперь он полностью белый, а это не совсем то, что нам нужно. Мы собираемся сдвинуть это в центр, и мы собираемся создать немного нового, я не знаю, что это за штуки, я предполагаю, что они должны выглядеть как баллончики с распылителем, я полагаю. Мы собираемся создать еще один баллончик с распылителем и просто оставить его на краю. Как создать аэрозольный баллончик — просто щелкнуть в любом месте чуть ниже нижней части этой строки.Если я щелкну где-нибудь под этой линией, это создаст новый спрей для загара, круто. У нас есть три аэрозольных баллончика, и теперь для этого центрального баллончика мы собираемся изменить его непрозрачность на ноль. Теперь, как вы можете видеть, у вас белый цвет на концах, и нет ничего в середине, а затем снова есть цвет на концах, и это именно то, что мы хотим. Прохладный. Теперь у нас есть это, и мы собираемся применить этот градиент ко всем этим буквам. Мы можем просто выделить их все. Нажмите «I», это ваша пипетка, и выберите этот новый градиент из круга, который вы только что создали, и badaboom badabam, у вас есть красивый блестящий, блестящий градиент, который можно применить поверх текста, который у вас уже есть. .Вот так вы создаете немного блеска. Очевидно, прямо сейчас он немного силен, и мы собираемся внести в него некоторые изменения, некоторые корректировки, чтобы он выглядел гладко, но это основная идея о том, как создать на них этот небольшой блеск. Давайте продолжим и просто поправим блеск. Что мы хотим сделать, номер один, выделить все, вернуться к своему градиенту и, прежде всего, давайте просто сделаем это намного менее маковым. Мы собираемся изменить непрозрачность каждого из белых до 60 процентов, а центральную оставим равной нулю.Центральную менять не нужно, она уже неплохо смотрится. Теперь мы собираемся перейти к каждому из них и изменить направление их градиента. Выглядит и так довольно красиво. Если вас это устраивает, это круто, и вы можете перейти к следующему разделу, но для тех из вас, кто хочет немного улучшить его, чтобы он выглядел немного более реалистично, вот как мы собираемся сделай это. У нас есть G, просто нажмите «G», а затем снова нажмите «G». Теперь мы собираемся сделать это чуть менее драматичным.Прежде всего, мы собираемся изменить угол, а теперь мы собираемся повернуть его вниз и заставить двигаться сверху слева направо, и мы хотим, чтобы он также растягивался дольше. Растяжка — это легко. Вам просто нужно щелкнуть по той же стороне, которая позволяет вам вращаться, также позволит вам щелкнуть фактическую точку и переместить ее ближе или дальше. Мы хотим, чтобы он находился подальше, и мы также хотим, чтобы он располагался по центру, чтобы свет не был слишком громким. На самом деле, я думаю, это выглядит намного лучше. Мы собираемся произвести такое же изменение для остальных из них.Что касается О, я просто сделаю это, может быть, еще два или три раза. Нажмите на «O», который находится в слое блеска, убедитесь, что вы не работаете ни с одним из других слоев. На слое блеска нажмите «G», а затем вы хотите повернуть его так, чтобы градиент шел сверху слева направо, а затем вы хотите растянуть его вниз, вниз, вниз и переместить вверх, вверх, вверх, так что он имитирует то, что вы делаете с G. Как вы можете видеть, буква G имеет блеск в этой верхней области, а прозрачная часть находится в этой нижней области.Это то, что вы хотите сделать со всеми оставшимися буквами, по крайней мере, с теми, что вверху. Я собираюсь сделать это снова для этого O. Нажмите на «O», нажмите на букву «G» в качестве ярлыка, снова поверните так, чтобы она переместилась из верхнего левого угла в нижний правый, а затем немного растяните ее вниз и переместите это вверх. Возможно, нам нужно растянуть его еще немного, чтобы он выглядел похожим на своего соседа. Отлично, отлично выглядит. Наконец, для буквы D мы хотим повернуть, мы хотим растянуть вниз, мы хотим переместить ее вверх и bada bang.Теперь у вас есть верхний текст, я думаю, он выглядит намного лучше, чем нижний текст, потому что он ясно показывает, что все в порядке, свет идет из верхнего левого угла, и это позволяет градиенту падать в этом направлении или падать в этом направлении, что это именно то, что мы хотим, так прекрасно. Теперь, пока я не забыл, мы хотим сохранить вашу работу, сохранить вашу работу. Вы не хотите быть тем парнем или той девушкой. Мы сделаем то же самое с нижними буквами. Но разница в том, что мы просто покажем это на практике.Для O то же самое. Мы хотим нажать на O. Убедитесь, что вы находитесь на слое блеска, нажмите «G» и снова поверните его вниз. Теперь мы хотим растянуть его так же, как и раньше, но на этот раз мы хотим, чтобы блеск был в центре, а прозрачность была вверху, а блеск — внизу. Нам нужно переместить его намного выше, чем мы были для букв выше. Причина, по которой мы это делаем, заключается в том, что, как вы можете видеть здесь, эта хорошая секция перекрывает точку O, и поэтому эта область внизу, вероятно, будет довольно темной, поэтому мы не можем сделать так, чтобы она выглядела точно так, как она есть, у нас не может быть этого блеска здесь, он находится в верхней части буквы G, а также здесь, внизу, в верхней части буквы O, потому что буква G сидит на ней и, вероятно, отсекает некоторый свет.Что касается того, если вы пытаетесь сделать его более реалистичным, я думаю, что это работает немного лучше. Здесь мы сделаем то же самое. Я покажу вам еще раз. Нажмите на «N», убедитесь, что вы находитесь на слое блеска, поверните его вниз. Еще раз, под таким же углом, если можете, но не нужно быть слишком точным. Растяните его, а затем убедитесь, что немного более темная область теперь находится наверху, как вы делали с O, а затем просто повторите тот же процесс. Нажмите на «G», поверните на тот же угол, растяните вниз, на ту же длину и поднимите вверх.Затем, наконец, для Y, щелкните по нему, нажмите «G», поверните его вниз, на тот же угол, растяните его, такой же длины и поднимите его примерно на то же самое, и вуаля. Теперь у вас все буквы полностью, полностью трехмерны и выглядят гладко. Я думаю, это уже выглядит действительно очень хорошо. Давайте просто вернем флюиды и посмотрим, как это выглядит. В следующем разделе мы собираемся немного поработать над вибрациями, но это уже выглядит довольно впечатляюще. Еще пара вещей. Давайте прямо сейчас исправим слой с вибрациями.Единственное, что меня беспокоит в слое вибраций, это то, что он поглощается, его едва можно увидеть перед желтым. Что я собираюсь с этим сделать, так это, о, это все еще текст. Хорошо. Мы хотим это обозначить. Щелкните правой кнопкой мыши и выберите «Создать контуры». Идеально. Теперь то, что мы хотим сделать, это дать его, я не знаю, видели ли вы раньше эффект сбоя. Но это то, что мы собираемся сделать здесь, и как мы это делаем, это щелкаем по самому тексту и просто нажимаем «Command C», и теперь вы его скопировали.Тексты, которые в настоящее время существуют, мы просто собираемся подняться сюда и изменить его на этот ярко-синий, я не знаю, бирюзовый цвет, как правило, похож на фон. Затем мы нажмем левую клавишу, может, сделаем три раза. Так что просто нажмите левую клавишу, раз, два, три. Сделаем четыре раза и просто отодвинем в сторону. Затем, если вы нажмете «Command F», то теперь вы вставили те же тексты, которые скопировали ранее. Теперь вы можете видеть, что это уже созданная тень, но теперь с этим белым мы собираемся снова подняться сюда и щелкнуть по яркому цвету фуксии.Я не знаю, как называется этот цвет, но нажмите на него, он выглядит неплохо. Может, мне просто оставить это. Нет, ладно. Позвольте мне просто создать то, что я сделал. Теперь у нас есть эта фуксия, и мы собираемся четыре раза нажать стрелку вправо, так что один, два, три, четыре, и теперь у нас в основном эти два цвета перекрываются. Если вы нажмете «Command F» еще раз, то теперь это будет похоже на глючный эффект, который является эффектом допинга в этом Miami Vice, я думаю, Майами в цвете мака 70-х, летняя атмосфера, к которой мы стремимся.Прохладный. Я думаю, это уже выглядит эффектно. Мы приближаемся к последней вещи, которую нам нужно сделать здесь, а именно: мы собираемся добавить несколько теней, мы собираемся добавить некоторые дополнительные элементы, которые придадут ему ту атмосферу, к которой мы стремимся, но это на мой взгляд, уже достаточно хорошо, чтобы публиковать сообщения в социальных сетях, если вам это интересно. Это уже выглядит убийцей. В этой заключительной части мы просто собираемся настроить вещи, чтобы он выглядел особенно супер особенным. Я поймаю вас в этом последнем разделе.8. Последние штрихи. Итак, мы подошли к последнему разделу. Сейчас я просто уберу этот градиент с дороги. Итак, в этом заключительном разделе мы собираемся добавить крошечные элементы, которые просто возьмут верх. Сделайте это немного более реалистичным, мы закончим, мы завершили это и проделали безумно хорошую работу. Да, наконец, последнее, что нам нужно добавить, это добавить градиент. Извините, не градиент. Мы собираемся добавить несколько теней, чтобы он выглядел так, как будто он действительно находится на поверхности, и пару дополнительных элементов, чтобы придать ему немного более летней атмосферы, как на изображении для предварительного просмотра.Первым делом мы собираемся создать тени. Первую тень, которую мы собираемся создать, мы собираемся поместить в 3D-слой, поэтому давайте сначала откроем ее. Итак, 3D-слой, мы только что разблокировали его, и способ создания тени, очень простой, перейдите к инструменту эллипса, который находится здесь слева от вас, и просто нарисуйте сжатый круг. Можно перетаскивать, вытягивать сжатый круг. Это на самом деле атмосфера. Если вы хотите вместо этого заняться чем-то вроде внимания, это то, что вы могли бы сделать.Я сделал это случайно, потому что я использовал градиент из ранее, но да, вы могли бы легко сделать это, если это та атмосфера, к которой вы стремитесь. Я хочу превратить это в тень. Мы собираемся нажать на инструмент эллипса и подойти к этой области выбора цвета. Мы просто щелкнем раскрывающийся список и сделаем его темно-серым или черным. Думаю, сделаю темно-серым. Как только он у вас появится, мы снова нажмем на него. Поднимитесь сюда, чтобы произвести эффект, спуститесь, чтобы размыть, и нажмите на размытие по Гауссу, я не знаю, как это слово произносится.Затем мы хотим убедиться, что у нас включен предварительный просмотр, и просто настроить его по своему вкусу. Вы хотите, чтобы он был размытым, но не слишком громким. Я думаю, что это правильное количество размытия, но я думаю, что размер слишком большой, поэтому мы собираемся сделать его немного меньше. Наконец, как вы можете видеть, градиент в настоящее время находится перед этими другими трехмерными слоями, а это не то, что нам нужно. Мы хотим, чтобы градиент располагался прямо сзади, поэтому я собираюсь щелкнуть правой кнопкой мыши, чтобы убедиться, что градиент выбран, щелкните правой кнопкой мыши, расположите и отправлю на задний план.Теперь, как вы можете видеть, наши 3D-слои теперь появляются спереди, и это должно более реалистично выглядеть так, как будто они находятся прямо сзади. Так мило. Выглядит неплохо. Единственное беспокойство сейчас — это то, что он слишком силен. Я собираюсь установить его на 65, может быть, 70, 70 процентов. Да сэр. Выглядит неплохо. Итак, наша первая тень установлена. Я просто сделаю его, может быть, немного тоньше вот так. Нет, да ладно. Это идеально. Вы хотите возиться с ним до тех пор, пока он выглядит реалистично в ваших глазах, тогда это то, что важно.Эффектная тень номер один готова. Я собираюсь щелкнуть эту тень и скопировать ее, а затем я закрою этот 3D-слой и открою слой с текстовыми гранями. В текстовых лицах я хочу, чтобы вы снова вставили эту тень, и причина, по которой я создаю вторую тень, заключается в том, что я просто собираюсь переместить ее вверх для второй, и, как вы можете видеть прямо сейчас, ХОРОШО — это сидя сверху ТОЛЬКО. Так что должна быть небольшая тень сразу под ХОРОШИМ, чтобы показать, что она на самом деле находится поверх текста, который говорит ТОЛЬКО, трехмерного текста, который говорит ТОЛЬКО.Вот где я хочу разместить это. Я собираюсь скрыть этот слой с вибрациями, просто помогите нам настроить его должным образом, а затем мы просто перетащим его полностью туда, где, по нашему мнению, он должен находиться, что, по моему мнению, прямо здесь. Вот где я хочу, чтобы он сидел. К сожалению, в настоящий момент он находится перед этим ХОРОШИМ текстом, а мы этого не хотим. Что мы хотим сделать, так это щелкнуть и перетащить, выделить весь этот ХОРОШИЙ текст. Прежде всего, убедитесь, что это единственный открытый слой. Я на самом деле собираюсь закрыть свой слой с вибрациями, но убедитесь, что единственный открытый слой — это текстовые лица, чтобы вы не выбирали что-либо еще и не создавали беспорядок.На слое текста с гранями выберите только ХОРОШИЕ, щелкните правой кнопкой мыши, расположите, и теперь вместо отправки на задний план мы хотим вывести на передний план. Я просто хочу, чтобы вы увидели, какой эффект это имеет, поэтому я собираюсь немного увеличить масштаб и просто повторить. Прямо сейчас вы можете видеть, что над буквой O и буквами, буквами вверху и буквами внизу появляется какая-то облачность. Итак, что мы хотим сделать, так это заставить это облако идти за этим ХОРОШИМ, поэтому мы собираемся увеличить масштаб, просто покажем вам, что оно делает. Просто обратите внимание, что происходит с этими текстами выше по сравнению с тенью, которая сидит прямо там.Мы собираемся щелкнуть правой кнопкой мыши, мы собираемся щелкнуть по упорядочению и мы собираемся щелкнуть по выводу на передний план. Теперь, как вы можете видеть, тень явно сидит за этим текстом, а это именно то, что нам нужно. Потому что это то, что формирует тень, поэтому она не может быть поверх этого текста. Да, вообще-то, это уже выглядит очень хорошо. Я не знаю, действительно ли мне нужно вносить какие-либо корректировки, потому что это выглядит чертовски гладко. Превосходно. Я думаю, что это уже выглядит очень хорошо, поэтому мы просто оставим все как есть.Давайте включим вибрацию, чтобы посмотреть, как это выглядит, и да, это выглядит так красиво. Мне также нравится, что тень создала фон, чтобы позволить вибрациям немного усилиться и иметь немного больший контраст с фоном. Выглядит потрясающе. Последние две вещи, которые мы собираемся сделать с этим, — это просто добавить ему немного яркости. Как я уже сказал, атмосфера, которую мы собираемся здесь создать, похожа на общую атмосферу пляжа, Miami Vice, что-то вроде GTA Vice City и то, что всегда на пляжах, я бы сказал, что пальмы всегда на пляжах.Так как насчет маленькой пальмы. Итак, мы просто собираемся разместить, и вы можете скачать пальмы в PNG. Есть много того, что можно использовать бесплатно. Тогда мы должны быть пальмой, вы могли бы легко, я не знаю, получить пляжный мяч или, я не знаю, кабриолет, который выглядел бы круто. Теперь у нас есть пальма, и мы просто пытаемся установить ее где-нибудь в хорошем месте. Я думаю, это выглядит довольно круто. Я думаю, что видеть пень — это как-то странно, или нет? Да, и теперь вы можете принять это решение.Я думаю, что я просто поставлю его поверх буквы O и нигде не буду видеть пень. Вот и все, вот и огонь. Итак, на самом деле у нас нет солнца, но мы можем просто добавить искусственное солнце. Я просто нарисую круг с помощью инструмента Эллипс, и мы сделаем это, может быть, мы просто используем тот же желтый цвет здесь. Нажмите I на клавиатуре для инструмента «Пипетка», и мы сможем нажать на Солнце, перейти к эффекту, перейти вверх, чтобы стилизовать и перейти к Outer Glow. Здесь мы просто хотим установить нормальный экран.Мы хотим нажать на предварительный просмотр, чтобы увидеть, что происходит. Итак, прямо сейчас экран, я имею в виду, что внешнее свечение черное, но мы хотим, чтобы он был желтым, поэтому вы просто подойдете и потянете, чтобы он стал желтым. Да, и сделать это намного больше, может быть, 20 баллов. Да, это выглядит хорошо. Бум. Я думаю, что это выглядит абсолютно огненно. Я думаю, что у нас абсолютно правильные настроения. Я просто немного поправлю солнце, думаю, оно слишком большое. У нас абсолютно правильные флюиды. Я думаю, что текст действительно красиво всплывает.Это действительно дает это резюме Miami Vice, GTA Vice city vibes. Я думаю, это потрясающе. Так что я надеюсь, что вам это действительно понравилось. Я был бы рад, если бы вы, ребята, разместили это в уроках, просто чтобы показать нам, что вы придумали. В качестве альтернативы, если вы хотите еще лучше опубликовать его в социальных сетях, просто разместите его там и используйте мои социальные сети. Я просто прикреплю их сюда, чтобы вы, ребята, могли отметить меня в социальных сетях. Не стесняйтесь отмечать меня в Instagram, Twitter, Facebook, где угодно, и я даже повторно поделюсь вашей работой, если смогу, но я надеюсь, что вам понравилось делать это со мной.В следующем разделе я покажу вам пару прототипов, чтобы облегчить вам жизнь. Да, я думаю, что это будет, вероятно, последний раздел в моем классе, но посмотрим. Да, я надеюсь, что вам это уже нравится, и я надеюсь, что вы с нетерпением ждете возможности поделиться этим с людьми в своих сообществах. Я думаю, будет действительно круто посмотреть, что вы, ребята, придумываете. Удачи. Не забудьте сохранить. Ты не хочешь быть таким парнем. Да, я поймаю тебя в следующем разделе. 9. Экспорт и обмен!: Прежде чем мы перейдем к следующему разделу, заключительному этапу, поскольку мы здесь закончили, последнее, что вы хотите сделать, это иметь возможность экспортировать это, а затем поделиться с друзьями, семьей в социальных сетях, хвастаться такими вещами.Что вы хотите сделать, так это перейти здесь к файлу, который находится в вашем главном меню. Спуститесь сюда, чтобы экспортировать, а затем вы хотите перейти к Экспортировать как, и у вас будут все эти варианты. Я думаю, что 3D Miami Vice — это крутое название, так что я оставлю это. Тогда вы хотите зайти сюда и щелкнуть «JPEG» в своем формате. Затем вы хотите нажать «Использовать монтажные области», что означает, что будет экспортироваться только то, что находится внутри черной монтажной области, и нажмите «Экспорт». Здесь все нормально. В любом случае RGB — это то, что у нас было в качестве нашего документа, так что это идеально, и качество, вы хотите, чтобы оно было максимальным.Здесь вы можете измениться, но это не имеет особого значения при экспорте для социальных сетей. Но да, вы можете экспортировать максимум до 300 PPI. Я просто оставлю его, может быть, на среднем уровне и нажму «Хорошо». Теперь, если я перейду к своим файлам, перейду к своим Skillshare Classes и перейду к 3D Text, тогда у нас будет Miami Vice 1, полностью экспортированный и готовый к публикации со стеной. Спасибо вам, ребята, за то, что прошли со мной этот урок. Надеюсь, вам понравилось. Я бы хотел, как любить, любить, как помимо любви, я хотел бы, чтобы вы, ребята, где-нибудь делились своими работами, будь то здесь, на Skillshare или в ваших социальных сетях.Пожалуйста, пожалуйста, поделитесь своей работой и не забудьте отметить меня, если вы это сделаете. Я был бы счастлив взглянуть на ваши материалы, сделать комментарии, возможно, даже поделиться ими с остальным сообществом. С нетерпением жду возможности увидеть все, что вы сделали. 10. Профессиональные советы и благодарности: в этом разделе профессиональных советов я просто хотел показать вам, как, поскольку мы сделали это правильно, будет очень легко выбрать альтернативные поддоны, чтобы придать этому атмосферу, отличную от того, что вы уже сделали. имеют. Супер быстро. Чтобы это выглядело совершенно по-другому, потребуется буквально две минуты.Первое, что я собираюсь сделать, это сохранить это в другом формате. Я собираюсь нажать на Command Shift Save или Control Shift Save, если вы на ПК, и просто измените это на 3D Miami Vice, давайте сделаем розовый или что-то еще и нажмите OK. Прохладный. Теперь у нас есть отдельный документ, с которым мы можем возиться, не беспокоясь о том, чтобы убить наш оригинальный допинг. Большой. Теперь первым делом я собираюсь избавиться от этого дерева, оно нам не понадобится для той атмосферы, к которой мы собираемся здесь. Затем, во-вторых, я предоставил второй образец цвета, поэтому, если вы просто перейдете в «Файл», нажмите «Поместить», а затем «Импортируйте образец розовой пастели» и «Поместите».Затем вы можете просто разместить его, и образцы уже будут доступны. Вы можете делать эти образцы, как вам нравится, менять их, исправлять, заставлять их выглядеть по-другому. Это место просто чтобы показать вам, что, поскольку вы прошли, например, правильно разделив слои и правильно создав градиенты, теперь изменить его на любую атмосферу, которую вы хотите, будет очень просто. Это то, что я хочу показать вам в этом разделе с советами профессионалов. Мы просто перейдем к слоям.В настоящее время у меня все они открыты, но я собираюсь заблокировать все, кроме фона. Здесь у вас есть фон, и вместо этого ярко-синего, как насчет этого пастельно-розового? Послушайте, я имею в виду, это одно изменение, и оно уже имеет совершенно другую атмосферу, чем то, что у нас было раньше, верно? Так что крошечные изменения имеют большое значение. Теперь мы просто перейдем к этому 3D-слою, и вместо того, чтобы использовать какое-то крыло, позвольте мне скрыть остальное. Вместо того, чтобы использовать этот желтовато-золотой градиент, давайте просто щелкнем по нему.О, убедитесь, что вы не выбрали Тень. Снимите выделение с тени, нажав Shift. Я имею в виду, щелкнув по нему с зажатой клавишей Shift. Вместо этого желтого золотого градиента, давайте щелкнем по «I» или выбору в виде капли чернил и вместо этого используем этот пастельно-фиолетовый градиент. Так что это уже хорошо выглядит. Если мы включим текстовые начертания, вы увидите, что это совсем другая вещь, которую мы здесь создали. Давайте теперь перейдем к текстовым начертаниям, выделим все текстовые начертания. Убедитесь, что вы сняли выделение с тени, и эту, мы просто собираемся, я думаю, у меня это белый цвет, но, возможно, немного серого будет лучше.Ой, извини. Вместо этого используйте самый светлый серый цвет, который доступен в ваших образцах. Вот уже огонь. Мы снова включим блеск, который теперь намного менее четкий, но он вам действительно не нужен. Затем мы включим флюиды, которые сейчас как бы исчезают. Вместо этого мы собираемся открыть слой Vibes и удалить этот белый. Теперь у нас есть только фиолетовый, и мы можем изменить его на белый. Давайте посмотрим, как это выглядит, просто для того, чтобы было немного больше. Я чувствую это, так что поехали.Уже примерно за две минуты мы изменили его вид с похожего на «Полиция Майами» на более современный в пастельных тонах, с классной спокойной атмосферой, и это выглядит впечатляюще. Я думаю, что это может быть связано с этим, поэтому я удалил пальму, но я думаю, что что-то, что может пойти с этим, — это что-то вроде леденца на палочке, я думаю, что загрузил его. Если мы просто установим Lollipop где-нибудь там, сейчас, вы просто смотрите на совершенно другую атмосферу, и на это у нас у всех ушло две минуты.Это своего рода важность прохождения процесса. Это может показаться длинным. Я просто отправлю леденец обратно. Это может показаться долгим и утомительным, но причина, по которой вы выполняете все эти шаги, состоит в том, чтобы сделать редактирование, изменение и переключение вещей намного проще для вас. Молодцы, что продолжили процесс. Поверьте, процесс идет 76, это, в конечном счете, конец этого руководства. Я надеюсь, что вам, ребята, это действительно понравилось, и мне бы очень хотелось, чтобы вы, ребята, поделились этим, будь то здесь, на Skillshare, или в ваших социальных сетях, в Instagram, или Twitter, или Facebook, или чем угодно, что вы сейчас используете.Будет действительно круто увидеть всю твою работу. Так что с нетерпением жду возможности увидеть вашу работу в Интернете. Я поделюсь своими сообщениями в социальных сетях в разделе «О нас» и, возможно, просто добавлю некоторые из них в InPost, в части графики, чтобы вы, ребята, могли отметить меня. Мне бы очень хотелось увидеть работы, которые вы смогли создать. Надеюсь, вам действительно понравился урок, и желаю удачи. Спасибо, что посетили занятие. Мы поймем вас в следующем уроке. Спасибо.

.

alexxlab

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

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