Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Эффектные надписи: 50 уроков Illustrator

23 декабря 2011 | Опубликовано в графика | 25 Комментариев »

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

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

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

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

Перейти к уроку

2. Как построить текст из кирпичей в Illustrator

В этом уроке авторы используют 3D-рендеринг, Blends и Art Brush, создавая кирпичные буквы. Навыки, полученные вами в этом уроке, легко применить для создания другой «кирпичной» графики.

Перейти к уроку

3. Как сделать неоновый текст

В этом туторриале вы узнаете, как создавать эффект неонового свечения, используя Gradient Mesh, 3D моделлирование, Art Brushes и палитру Transparency

Перейти к уроку

4. Как создать эффект искрящегося текста

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

Перейти к уроку

5. Как создать надпись из леденцовых тросточек

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

Перейти к уроку

6. Эффект тающего ледяного текста

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

Перейти к уроку

7. Эффект воды на тексте

В этом туториале автор показывает процесс работы над своим проектом. Вы увидите, как он использует mesh tool для создания водяных капель, symbol sprayer tool и другие.

Перейти к уроку

8. Надпись в стиле Tron Legacy

В этом уроке вы научитесь создавать красивый эффект в стиле Tron Legacy. Для этого в туториале используются Adobe Illustrator, Adobe Photoshop и Cinema 4D.

Перейти к уроку

9. Создаем иллюстрацию бутылочки и лилового текстового всплеска

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

Перейти к уроку

10. Как создать эффект шоколадного текста

Урок для всех любителей шоколада: возможность сделать в Illustrator надпись в виде шоколадного батончика. Вам пригодятся Blend Tool, эффекты Roughen и Chrome, разные режимы смешивания, а также эффект 3D Extrude & Bevel для создания шоколадных квадратиков.

Перейти к уроку

11. Создаем красочную бумажную надпись

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

Перейти к уроку

12. Создаем разнообразные трехмерные эффекты для текста на постере

В этом уроке автор показывает три способа создания простых 3D-эффектов для дизайна постера.

Перейти к уроку

13. Создаем пушистую каллиграмму

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

Перейти к уроку

14. Создаем текст-мумию

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

Перейти к уроку

15. Золотой текст с бриллиантами

В этом уроке Illustrator вы узнаете, как создать текст в стиле «золото и бриллианты», используя панель Appearance и кисть с рассеиванием. Вы узнаете множество техник трансформации текста, использования бесшовных текстур.

Перейти к уроку

16. Создаем надпись в стиле разорванной плоти зомби

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

Перейти к уроку

17. Создаем природную зеленую надпись

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

Перейти к уроку

18. Делаем простой кровавый текст

За несколько шагов вас научат созданию простого эффекта кровавой надписи. Начнете вы с простого текста, поэтапно используя эффекты Roughen и Warp, а затем примените несколько градиентов и кистей.

Перейти к уроку

19. Как создать символы гороскопа

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

Перейти к уроку

20. Как сделать дымчатый текст в Illustrator

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

Перейти к уроку

21. Старомодная надпись

Подробный урок по созданию старомодной надписи в ретро-стиле

Перейти к уроку

22. Как сделать деревянную надпись

В этом уроке вы научитесь делать «деревянные» буквы. Будем использовать 3D Extrude и Bevel Tool, всякие классные градиенты и эффекты слоев, которые вы впоследствии сможете применить к любому тексту или символам.

Перейти к уроку

23. Создаем обалденную детализированную надпись в Illustrator

Перейти к уроку

24.Нарисуем 3D надпись в Illustrator

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

Перейти к уроку

25. Создаем стильную ретро-надпись

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

Перейти к уроку

26. Эффект в стиле ярких ювелирных украшений

В этом туториале вас научат процессу создания такого вот эффекта блестящего броского украшения и применению его к любому тексту.

Перейти к уроку

27. Создаем плавный светящийся текст

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

Перейти к уроку

28. Создание запачканного текста с помощью планшета

В этом уроке вас научат делать испачканный текст в Illustrator при помощи Blob brush, Live Paint и графического планшета. Вы легко сможете применить эит навыки в создании разных иллюстраций, логотипов и надписей.

Перейти к уроку

29. Создайте текст с металлическим эффектом

Перейти к уроку

30. Создаем дизайн вокруг надписи DREAM

Перейти к уроку

31. Создаем гранжевый трехмерный текст

Перейти к уроку

32. Как сделать эффект надписи от руки

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

Перейти к уроку

33.Создайте трехмерный выгнутый текст

В этом уроке вы научитесь создавать 3D-текст в Adobe Illustrator. Кроме использования 3D-инструментов, вы будете совмещать слои с формами букв, изменяя цветовые оттенки градиентами и бликами. Также поработаете с легкими текстурами, управляя ими через маски прозрачности.

Перейти к уроку

34. Создаем липкую зеленую надпись

В этом туториале мы сделаем обычный шрифт трехмерным, используя 3D-инструменты Illustrator, а также придадим ему эффект клейкой массы. Если хотите добавить в све портфолио забавный векторный текст — это урок для вас.

Перейти к уроку

35. Создаем яркий пиксельный 3D-текст

В этом уроке я расскажу вам, как сделать забавный трехмерный пиксельный текст. Мы станем использовать бесплатный шрифт, градиенты, 3D фильтр Illustrator. Вы легко сделаете все преобразования текста, которые впоследствии сможете применить в других надписях

Перейти к уроку

36. Эффект надписи из спортивной ткани в Illustrator

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

Перейти к уроку

37. Как сделать готическую контурную надпись с множеством деталей

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

Перейти к уроку

38. Трехмерный текст в духе старой аркады

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

Перейти к уроку

39. Создаем простой эффект текста, сложенного из бумаги

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

Перейти к уроку

40. Создаем эффект шелковой ленточки

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

Перейти к уроку

41. Как сделать дымящуюся надпись в стиле вестерн

В этом уроке вы узнаете, как обработать текст в стиле вестерн, используя базовые эффекты Illustrator.

Перейти к уроку

42. Создаем «пришитый» текст

Перейти к уроку

43. Туториал по созданию стильной надписи

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

Перейти к уроку

44. Создаем яркий цветной текстовый эффект

Мы используем в этом туториале некоторые базовые текстуры Illustrator, эффекты и современный шрифт.

Перейти к уроку

45. Как сделать блестящий цветной текст

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

Перейти к уроку

46. Создаем стеклянный текст, заполненный зеленой жидкостью кислотного вида

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

Перейти к уроку

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

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

Перейти к уроку

48. Как сделать смешной пластмассовый объемный текст

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

Перейти к уроку

49. Делаем надпись мелом на школьной доске

Автор этого туториала расскажет вам, как обработать текст под меловую надпись на доске, применяя градиенты, рассеянные кисти и немножко бесплатной графики с Vector Mill. Урок сравнительно несложный, эффект вы сможете применять ко множеству проектов Illustrator.

Перейти к уроку

50. Создаем ретро-эффект для текста

Здесь вы научитесь делать простой ретро-эффект для текста. Он простенький, но раскрывает многие мощные возможности Illustrator. Кроме панели Appearance, мы возьмем парочку текстовых эффектов, Warp и используем возможности слоев.

Перейти к уроку

Коллеция взята с 1stwebdesigner.com

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




Комментарии

  1. Nikitos
    Thumb up Thumb down +1

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

    Ответить

    Olga Ответ:

    Thumb up Thumb down +2

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

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

    Ответить

    Delovoy Ответ:

    Thumb up Thumb down +1

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

    Ответить

  2. Nikitos
    Thumb up Thumb down 0

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

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

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

    Ответить

    Olga Ответ:

    Thumb up Thumb down 0

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

    Ответить

    Olga Ответ:

    Thumb up Thumb down 0

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

    Ответить

    Nikitos Ответ:

    Thumb up Thumb down 0

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

    Ответить

  3. bongzilla
    Thumb up Thumb down 0

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

    Ответить

  4. Antonina
    Thumb up Thumb down 0

    Поправьте пожалуйста ссылку на 42 урок («пришитый текст»), она ведет на эту же страницу, а урок заинтересовал.

    Ответить

    Elena Ответ:

    Thumb up Thumb down 0

    Исправили =)

    Ответить

    Antonina Ответ:

    Thumb up Thumb down 0

    Спасибо :)

    Ответить

  5. minni
    Thumb up Thumb down 0

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

    Ответить

  6. natalie
    Thumb up Thumb down 0

    please dymnyj text perewedite, nichego ne pojmu. :(

    Ответить

  7. Kirill
    Thumb up Thumb down 0

    Все круто, но почему то в 5 уроке, 22 действие, Clean up не работает, что очень печально((

    Ответить

  8. Юлия
    Thumb up Thumb down 0

    с яндекс словарем все очень даже понятно)) *WASSUP*

    Ответить

  9. Anna
    Thumb up Thumb down 0

    очень ищу туториал по созданию замерзшего текста или покрытого льдом, помогите пжлст :)

    Ответить

    marina Ответ:

    Thumb up Thumb down 0

    в фотошопе есть

    textuts.com/simple-ice-text-effect/

    textuts.com/glossy-snow-globe-text-effect/

    psd.tutsplus.com/tutorial... — with-photoshop/

    Ответить

    Anna Ответ:

    Thumb up Thumb down 0

    спасибо огромное!)

    Ответить

    marina Ответ:

    Thumb up Thumb down 0

    а вот еще шрифты со снегом 

    desktoppub.about.com/od/f...l_dd_hotcold.htm

    Ответить

  10. lolya
    Thumb up Thumb down 0

    Здравствуйте!!! Спасибо большое за ваши уроки!! Хотела еще уточнить есть ли ваши уроки с переводом?

    Ответить

  11. Delovoy
    Thumb up Thumb down 0

    Ладно, спасибо, я уже всё перевёл. Правда перевод машинный, но теперь всё понятно стало.

    Ответить

  12. Delovoy
    Thumb up Thumb down 0

    Скачал у вас на сайте бесплатно три урока. Сейчас уже второй перевожу. Спасибо!

    Ответить

  13. мария
    Thumb up Thumb down 0

    бля гугл переводит автоматически

    Ответить

  14. lili
    Thumb up Thumb down 0

    googl отлично переводит=)Уроки классные!

    Ответить

  15. Рина
    Thumb up Thumb down 0

    А можно ли на русском уроки посмотреть? Классная вещь! Особенно круты 20, 37 и 41 надписи. Нельзя ли перевести?

    Ответить

Оставить ответ


семь − = 6

Вставить изображение