Как сделать шрифтовой портрет в иллюстраторе

Добавил пользователь Владимир З.
Обновлено: 05.10.2024

италик и трансформ пробовал, не очень красиво получается(
просто я до этого создал документ в ворде, там есть курсив, и получается очень красиво!! (текст Ариал блек+курсив), но ворд не сохраняет в jpeg или bmp( и тада я решил в иллюстраторе сделать то же самое, а там нет курсива, есть подчеркивание текста, есть перечеркивание текста, а курсива нет.(
или это тока у меня так? а у тебя в иллюстраторе курсив есть, Танюшка?

Татьяна Ларина Знаток (297) Из ворда можно отпечатать в PDF (через опцию печать, а тма выбрать PDF принтер), а потом экспортировать в jpg или tif Курсив и италик это одно и то же! проверено :) особенно для ареала

Конечно есть. Палитру шрифта - Символ (Symbol) надо открыть, или просто выбрать иное начертание - Italic (по умолчанию там стоит Regular), в выпадающем списке в верхней панели инструментов (в последних версиях Иллюстратора)
Короче говоря, "Курсив" - это "Italic" для англичан и французов ;)
Правда, далеко не у всех шрифтов есть курсивное начертание ( и даже "найти-скачать" не всегда удается ).

про италик я знаю, не подходит.
у меня иллюстратор кс3 там символ в выпадающем списке. есть такие варианты как подчёркивание текста, перечёркивание текста, а курсива нет. это тока у меня так? или у тебя так тоже?
или может он (курсив) где-то в другом месте спрятался)))?

Александр Ермилов Гений (57992) По-русски - Курсив, по-английски - Italiс: Курсив Может быть что-то иное имеете в виду под словом "курсив"?


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



Подготовка в Photoshop Для примера, берем фотографию Миллы Йовович.


Открываем наш jpeg в Photoshop.
Полностью выделяем рабочую область (ctrl+A), затем дублируем слой с картинкой (ctrl+J).


Обесцвечиваем, только что созданный, слой (ctrl +shift+U).


Придадим немного контрастности нашему изображению (ctrl+L).


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


Далее, применяем фильтр Cutout (filter>Artistic>Cutout…)


С помощью ползунков, настраиваем фильтр так, что бы у вас осталось приблизительно 4-6 цветовых тона.


Подготовка в векторе

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

Открываем векторный редактор. Я предпочитаю работать в Xara Extreme Pro. Создаем новый документ (ctrl+N).

Импортируем недавно сохраненную картинку комбинацией клавиш (ctrl+alt+I) или (file>import).

Для удобства работы, немного настроим интерфейс программы. Нам понадобится окно со слоями Object gallery (аналог панельки Layers в Photohsop).


Вызываем его так: (utilities>galleries>color gallery) или (F10). Немного расскажу о назначении иконок в окне Object Gallery.


1. Блокировка слоя.
2. Видимый слой.
3. Скрытый слой.
Хотя, здесь все довольно просто.

Для дальнейшей работы можно увеличить прозрачность фотографии. Выбираем в панели инструментовTransparency Tool (F6), вверху изменяем процент прозрачности с 0% на 45%.


Блокируем слой с нашей картинкой (background). Все, подготовительный этап завершен.

Самое интересное

Рисуем кривую инструментом Pen tool (shift+F5).



После того, как линия завершена, выбираем инструмент Text Tool (T) и подводим курсор к месту, от которого мы начинали рисовать нашу кривую. После, вбиваем текст, периодически изменяя размер шрифта, его жирность и межбуквенное расстояние. Начиная с больших пространств, заполняя область цветовых пятен портрета, постепенно переходим к деталям.


Чтобы направляющие линии не мешали нам, скрываем их.
Для этого: выделяем объект с текстом и направляющей, при зажатом Shift, кликнем на иконку, расположенную в цветовой панели, в левом нижнем углу. Таким образом, мы обесцвечиваем контур объекта.

По ходу добавления направляющих с текстом, кол-во слоев будет увеличиваться, для удобства, группируем их в папки. Выделяя стопку слоев, нажимаем Ctrl+G.





После того, как мы закончим с наполнением крупных и мелких пространств, перекрашиваем отдельные участки текста в нужные оттенки серого, позаимствовав цвет с самого нижнего слоя, при помощи инструмента Colour Picker (Пипетка).
Скроем нижней слой с фотографией и посмотрим, что получилось.


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


Финал

Затем, включаем видимость других слоев, за исключением фоновой фотографии, экспортируем результат в Jpeg. (file>export…) или (shift+ctrl+E).


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



PS: это описание подойдет не всем, т.к. большинство все еще пользуется программой Adobe Illustrator. Но принцип создания остается прежним по этому уроку, только инструмент основной будет называться Type on a Path Tool:

Учим рисовать векторную графику в Adobe Illustrator | Матильда из Леона (Январь 2022).

Table of Contents:

Сделать стилизованный графический файл с помощью фото в Illustrator


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

Размерная картинка


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

Преобразовать в оттенки серого


Чтобы выбрать фотографию, выберите выбор инструмент с панели инструментов и щелкните в любом месте фотографии.

Тогда выбирай Изменить> Изменить цвета> Преобразовать в оттенки серого, Это превратит фотографию в черно-белое, что облегчит различие между разными тонами.

Удалить фотографию


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

Переименование слоев


Удалить цвет заливки и обводки


Трассировка вокруг темных тонов


Выберите пути


Применение заливки темного цвета


Трассировка вокруг средних тонов


Когда вы закончите трассировку вокруг средних тонов, нажмите на целевой круг для слоя средних тонов.

Применение заливки среднего тона


С выбранным слоем средних тонов, а также нарисованными дорожками дважды щелкните заполнить в панели инструментов. В Color Picker введите поля значений RGB, 102, 102 и 204. Это даст вам средний оттенок синего. Затем нажмите Хорошо.

Нажмите на значок глаза для слоя средних тонов. Теперь слой Dark Tones и Middle Tones должен быть невидимым.

Трассировка вокруг светлых тонов


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

Применить заливку цветом


Наконец, щелкните значок глаза для слоя Light Tones, сделав его невидимым.

Трассировка вокруг основных моментов


Основные моменты - это самые яркие белые части объекта или предмета, сильно освещенные.

Если выбран новый слой Highlights, нажмите Ручка tool и снова установите для поля Fill значение None. Следите за чисто белыми или выделенными областями.

Применение белого заливки


Просмотр комбинированных слоев


Сделать квадрат


Изменить размер


Нажми на монтажная область инструмент и изменить размер Artboard, перемещая ручки внутрь, пока они не будут иметь тот же размер, что и квадрат. Нажмите Побег для выхода из режима Artboard выберите Файл> Сохранить - и вы сделали! Теперь у вас есть стилизованная графика с использованием монохроматической цветовой схемы.

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

Сделать другую версию


Как настроить графический стиль в Illustrator

Графические стили в Adobe Illustrator позволяют сохранять коллекцию эффектов как стиль, чтобы его можно было использовать снова и снова. Я покажу вам, как получить доступ к графическим стилям, установленным с помощью Illustrator, и как использовать новую функцию в Illustrator CS4 под названием Additive Styles, чтобы сделать преобразования и эффекты незаметными.

Как сделать Photoshop сепия в фото

Как сделать Photoshop сепия в фото

Создайте и примените фильтр Photoshop sepia, чтобы добавить теплые, античные ощущения в портреты и другие фотографии.

Сегодня мы покажем вам как просто создать красивый текстовый эффект в графическом редакторе.

Создадим любую надпись. После чего отключим заливку и обводку этой надписи.

Как создать контурный текстовый эффект обводки шаг 1

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

Как создать контурный текстовый эффект обводки шаг 1

Как создать контурный текстовый эффект обводки шаг 2

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

Как создать контурный текстовый эффект обводки шаг 3

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

Снова создаем новую обводку, и параллельный контур, но на 5px больше чем в прошлый раз.

Как создать контурный текстовый эффект обводки шаг 4

Повторяем процедуру так что бы у нас было 4-6 контуров.

Как создать контурный текстовый эффект обводки шаг 4

Как создать контурный текстовый эффект обводки шаг 5

Теперь немного поэкспериментируем над нашим оформлением.

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

Как создать контурный текстовый эффект обводки шаг 6

Так же разгруппируем нашу надпись.

Как создать контурный текстовый эффект обводки шаг 6

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

Как создать контурный текстовый эффект обводки шаг 6

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

Читайте также: