Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Стварэнне тэкставага эфекту пластыкавых шарыкаў ў Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Belarusian (беларуская мова) translation by Katharina Nevolina (you can also view the original English article)

Final product image
What You'll Be Creating

У наступных кроках вы даведаецеся, як стварыць тэкставы эфект маляўнічых пластыкавых шарыкаў ў Adobe Illustrator.

Для пачатку вы даведаецеся, як наладзіць простую сетку і як стварыць асноўную фігуру.  Затым, выкарыстоўваючы асноўныя тэхнікі накладання і стварэння вектарнай фігуры, некаторыя выразныя асаблівасці обводак, простае спалучэнне і мноства эфектаў, вы дададзіце цені і блікі да вашай фігуры.

Як толькі вы зробіце ваш першы пластыкавы шарык, вы даведаецеся, як яго размножыць і як лёгка перафарбаваць гэтыя копіі, выкарыстоўваючы функцыю Recolor Artwork.  Рухаючыся далей, вы даведаецеся, як ператварыць вашыя пластыкавыя шарыкі ў простыя сімвалы і як іх выкарыстоўваць для маляўнічага тэкставага эфекту.  Нарэшце, вы даведаецеся, як дадаць няўлоўную тэкстуру да вашай агульнай ілюстрацыі.

1. Стварыце новы дакумент і наладзьце сетку

Націсніце Control-N, каб стварыць новы дакумент.  Выберыце Pixels ў выпадальным меню Units, увядзіце 700 у полі шырыні і 400 у поле вышыні, а затым націсніце кнопку Advanced.  Выберыце RGB, Экран (72ppi) і пераканайцеся, што флажок Выраўнаваць новыя аб'екты па піксельнай сетцы не ўстаноўлены, перш чым націснуць ОК.

Уключыце сетку (View> Show Grid) і Snap to Grid (View> Snap to Grid).  Вам спатрэбіцца сетка кожныя 1 пк, таму проста перайдзіце ў Edit> Preferences> Guides> Grid і ўвядзіце 1 у кожным полі Gridline і 1 у поле Subdivisions.  Хай вас не палохае ўся гэтая сетка - гэта спросціць вашу працу, і майце на ўвазе, што вы можаце лёгка ўключыць або адключыць яе з дапамогай спалучэння клавіш Control- ".

Вам варта таксама адкрыць панэль Info (Window> Info) для папярэдняга прагляду ў рэальным часе з памерам і становішчам вашых фігур.  Не забудзьцеся ўсталяваць адзінку вымярэння на пікселі з Edit> Preferences> Units> General.  Усе гэтыя опцыі значна павялічаць хуткасць вашай работы.

setup grid

2. Стварыце асноўную фігуру і дадайце няўлоўную цень

Крок 1

Выберыце Ellipse Tool (L) і засяродзьцеся на панэлі інструментаў.  Выдаліце колер абводкі, затым выберыце заліванне і ўсталюйце яе колер на R = 0 G = 141 B = 237.  Перамясціцеся ў вашу працоўную вобласць і проста стварыце круг памерам 20 пк - сетка і Snap to Grid павінны палегчыць вашу працу.

blue circle

Крок 2

Пераканайцеся, што ваш блакітны круг па-ранейшаму выдзелены і зрабіце копію спераду (Ctrl-C> Control-F).  Выберыце толькі гэтую копію і засяродзьцеся на панэлі Appearance.

Па-першае, выдаліце колер залівання.  Далей абярыце абводку, зрабіце яе чорнай (R = 0 G = 0 B = 0), затым націсніце на частку тэксту "Stroke", каб адкрыць ўсплывальную панель Stroke. Павялічце таўшчыню да 3 пк, а затым выберыце шырыню профілю 2 з выпадальнага меню Profile.

black stroke

Крок 3

Пераканайцеся, што ваш блакітны круг выдзелены і зрабіце новую копію спераду (Ctrl-C> Control-F).  Паўторна вылучыце круг з чорнай абводкай і перайдзіце ў Object> Path> Outline Stroke.  Вылучыце адукаваную фігуру разам з копіяй, зробленай на пачатку кроку, адкрыйце панэль Pathfinder (Window> Pathfinder) і націсніце на кнопку Intersect.

Пераканайцеся, што адукаваная фігура застаецца выдзеленай і засяродзьцеся на панэлі Appearance.  Проста націсніце на частку тэксту "Opacity", каб адкрыць ўсплывальную панэль Transparency, а затым паменшыце Opacity да 20% і змяніце Blending Mode на Soft Light.

shading

Крок 4

Пераканайцеся, што ваш блакітны круг па-ранейшаму выдзелены і зрабіце новую копію спераду (Ctrl-C> Control-F).  Выберыце толькі гэтую копію і засяродзьцеся на панэлі Appearance.

Выдаліце колер залівання, вылучыце абводку, зрабіце яе чорнай, а затым адкрыйце ўсплывальную панэль Stroke. Павялічце таўшчыню да 6 пк, а затым выберыце той жа профіль шырыні 2 з выпадальнага меню Profile.

second black stroke

Крок 5

Пераканайцеся, што вылучаны ваш блакітны круг і зрабіце новую копію спераду (Ctrl-C> Control-F).  Паўторна вылучыце круг з чорнай абводкай і перайдзіце ў Object> Path> Outline Stroke. Вылучыце адукаваную фігуру разам з копіяй, зробленую ў пачатку крока і націсніце кнопку Intersect з панэлі Pathfinder.

Пераканайцеся, што адукаваная фігура застаецца абранай, акцентуйце ўвагу на панэлі Appearance, паменшыце Opacity да 20% і зменіце Blending Mode на Soft Light.

shading

Крок 6

Адключыце Snap to Grid (Shift - Control- ') і перайдзіце ў Edit> Preferences> General і пераканайцеся, што Keyboard Increment усталяваны на 1 пк.

Пераканайцеся, што вылучаны блакітны круг і зрабіце дзве копіі спераду (Ctrl-C> Control-F> Control-F).  Вылучыце верхнюю копію і перамесціце яе на 1 пк уверх і на 1 пк управа, выкарыстоўваючы кнопкі стрэлка ўверх і направа на клавіятуры.  Повторно вылучыце абедзве копіі, зробленыя ў гэтым кроку, і націсніце кнопку Minus Front на панэлі Pathfinder.

Пераканайцеся, што адукаваная фігура застаецца выдзеленай, спыніце яе спераду, выкарыстоўваючы камбінацыю клавіш Shift - Control-], а затым засяродзьцеся на панэлі Appearance.  Замените існуючы колер залівання чорным, паменшыце яго Opacity да 25% і змяніце Blending Mode на Soft Light.

shading

Крок 7

Пераканайцеся, што вылучаны блакітны круг і зрабіце дзве копіі спераду (Ctrl-C> Control-F> Control-F).  Вылучыце верхнюю копію і перамясціце яе на 2 пк уверх і на 2 пк управо.  Паўторна вылучыце абедзве копіі, зробленыя ў гэтым кроку, і націсніце кнопку Minus Front на панэлі Pathfinder

Пераканайцеся, што адукаваная фігура застаецца выдзеленай, спыніце яе спераду (Shift - Control-]), а затым засяродзьцеся на панэлі Appearance.  Заменіце існуючы колер залівання чорным, паменшыце яго Opacity да 25% і зменіце Blending Mode на Soft Light.

shading

Крок 8

Пераканайцеся, што выдзелены блакітны круг і зрабіце дзве копіі спераду (Ctrl-C> Control-F> Control-F).  Вылучыце верхнюю копію і перамесціце яе на 1 пк уверх і на 1 пк управа.  Паўторна вылучыце абедзве копіі, зробленыя ў гэтым кроку, і націсніце кнопку Minus Front на панэлі Pathfinder

Пераканайцеся, што адукаваная фігура застаецца выдзеленай, спыніце яе спераду (Shift - Control -]), а затым засяродзьцеся на панэлі Appearance.  Заменіце існуючы колер залівання белым (R = 255 G = 255 B = 255), паменшыце яго Opacity да 50% і зменіце Blending Mode на Soft Light.

highlight

3. Дадайце блики

Крок 1

Уключыце Snap to Grid (Control - '). 

Выкарыстоўваючы Ellipse Tool (L), стварыце белы круг памерам 10 пк і размясціце яго, як паказана на наступным малюнку.  Паменшыце Opacity да 15% і змяніце Blending Mode на Soft Light.

circle highlight

Крок 2

Используя Ellipse Tool (L), стварыце белы круг памерам 6 пк і размясціце яго, як паказана на наступным малюнку.  Паменшыце Opacity да 30% і змяніце Blending Mode на Soft Light.

circle highlight

Шаг 3

Используя Ellipse Tool (L), стварыце белы круг памерам 3 пк і размясціце яго, як паказана на наступным малюнку. Паменшыце Opacity да 50% і змяніце Blending Mode на Soft Light.

circle highlight

Шаг 4

Отключите Snap to Grid (Control - '). 

Пераканайцеся, што выдзелены ваш блакітны круг і зрабіце дзве копіі спераду (Ctrl-C> Control-F> Control-F).  Вылучыце верхнюю копію і перамясціце яе на 1 пк уніз і на 1 пк улева. Opacity да 50% і змяніце Blending Mode на Soft Light. Паўторна вылучыце абедзве копіі, зробленыя ў гэтым кроку і націсніце кнопку Minus Front на панэлі Pathfinder

Пераканайцеся, што адукаваная фігура застаецца выдзеленай, спыніце яе спераду (Shift - Control-]), а затым засяродзьцеся на панэлі Appearance. Замяніце існуючы колер залівання белым, паменшыце яго Opacity да 50% і змяніце Blending Mode на Soft Light.

highlight

Шаг 5

Пераканайцеся, што ваш блакітны круг выдзелены, і перайдзіце ў Object> Path> Offset Path.  Увядзіце Offset -1 пк і націсніце кнопку ОК.  Вылучыце адукаваную фігуру, зрабіце копію спераду (Ctrl-C> Control-F) і перамясціце яе на 1 пк ўніз і на 1 пк улева.  Паўторна вылучыце абедзве фігуры, зробленыя ў гэтым кроку і націсніце кнопку Minus Front на панели Pathfinder

Пераканайцеся, што адукаваная фігура застаецца выдзеленай, спыніце яе спераду (Shift - Control-]), а затым засяродзьцеся на панэлі Appearance.  Замяніце існуючы колер залівання белым, паменшыце яго Opacity да 40% і змяніце Blending Mode на Soft Light

highlight

Крок 6

Включите Snap to Grid (Control - '). 

Выкарыстоўваючы Ellipse Tool (L), стварыце круг памерам 6 пк і размясціце яго, як паказана на першым малюнке.  Дадайце белую абводку памерам 1 пк для гэтай новай фігуры, і выдаліце колер залівання.  Пераканайцеся, што гэты круг застаецца вылучаным і перайдзіце ў Object> Path> Add Anchor Points. 

Перайдзіце да Direct Selection Tool (A), выберыце тры апорных пункта, выдзеленыя на другім малюнку і проста выдаліце іх з дапамогай кнопкі Delete на клавіятуры. У рэшце рэшт ваш белы контур павінен выглядаць як на трэцім малюнку.

circle white stroke

Крок 7

Пераканайцеся, што ваш белы контур застаецца вылучаных, засяродзьцеся на панэлі Appearance і адкрыйце ўсплывальную панэль Stroke.  Праверце кнопку Round Cap і поле Dashed Line.  Увядзіце 0 пк ў полі першай лініі пункцір і 2 пк ў першым полі адлегласці, усталюйце флажок Выраўнаваць лінію пункцір на вуглы і контур скончыцца ... і абярыце Width Profile 1 з выпадальнага меню Profile.  У рэшце рэшт ваш белы контур павінен выглядаць як на наступным малюнку.

dashed stroke

Крок 8

Пераканайцеся, што ваш белы контур яшчэ выдзелены і перайдзіце ў Object> Path> Outline Stroke.  Пераўтварыце адукаваную групу фігур у просты складовы контур, выкарыстоўваючы спалучэнне клавіш Control-8, а затым засяродзьцеся на панэлі Appearance.  Паменшыце Opacity да 70% і змяніце Blending Mode на Overlay.

expand dashed stroke

Крок 9

Выкарыстоўваючы Rectangle Tool (M), стварыце фігуру памерам 4 x 2 пк, усталюйце колер залівання на белы, і размясціце яе, як паказана на першым малюнку.  Пераканайцеся, што гэты новы прамавугольнік застаецца вылучаным і перайдзіце ў Effect> Stylize> Rounded Corners.  Увядзіце 1 пк Radius, націсніце кнопку ОК, а затым перайдзіце ў Effect> Warp> Arc.  Увядзіце атрыбуты, названыя на малюнку ніжэй, націсніце кнопку ОК, а затым перайдзіце Object> Expand Appearance.

white shape

Шаг 10

Пераканайцеся, што вашы белыя фігуры яшчэ вылучаныя і перайдзіце да Rotate Tool (R).  Утрымлівайце кнопку Alt на клавіятуры і перацягніце гэтую кантрольную кропку ў цэнтр вашага блакітнага круга. Увядзіце кут 135 градусаў, а затым націсніце кнопку Капіяваць.  Вылучыце новую фігуру, паменшыце яе Opacity 40% і зменіце Blending Mode на Soft Light.

rotate white shape

Крок 11

Зноў вылучыце белыя фігуры і зноў абярыце Rotate Tool (R).  Перацягніце гэтую кантрольную кропку ў цэнтры вашага блакітнага круга, увядзітыя кут 45 градусаў і ў гэты раз націсніце на кнопку ОК.  Пераканайцеся, што гэтая фігура застаецца выдзеленай, паменшыце яе Opacity да 30% і змяніце Blending Mode на Overlay.

rotate white shape

4. Стварыце простае накладанне і дадайце больш цені

Крок 1

Паўторна вылучыце ваш блакітны круг і спыніце яго спераду (Shift - Control-]).  Выкарыстоўваючы Ellipse Tool (L), стварыце круг памерам 5 пк, размесціце яго, як паказана на другім малюнку і ўсталюйце колер залівання на R = 37 G = 192 B = 255.

second blue circle

Крок 2

Засяродзьцеся на вашай панэлі інструментаў і двойчы націсніце на Blend Tool для адкрыцця акна Blend Options.  Выберыце Specified Steps з выпадальнага меню Spacing і ўвядзіце 50 у гэтым белым полі. Зноў вылучыце два блакітных круга і проста націсніце Alt-Control-B для стварэння новага накладання.  У рэшце рэшт усё павінна выглядаць як на другім малюнку. 

blend

Крок 4

Зноў вылучыце ваша накладанне, адпраўце яго назад, выкарыстоўваючы спалучэнне клавіш Shift-Control- [, а затым перайдзіце ў Effect> Stylize> Drop Shadow.  Увядзіце атрыбуты, як паказана на наступным малюнку, а затым націсніце кнопку ОК.  Зараз вылучыце ўсе фігуры, зробленыя да гэтага часу і проста згрупуйце іх з дапамогай спалучэння клавіш Control-G.

drop shadow

Крок 4

Пераканайцеся, што ваша група застаецца выдзеленай, засяродзьцеся на панэлі Appearance і проста дадайце абводку, выкарыстоўваючы кнопку Add New Stroke.  Выберыце гэтую абводку, усталюйце колер на R = 0 G = 141 B = 237, паменшыце яе Opacity да 10%, зменіце Blending Mode на Multiply, а затым перайдзіце ў Effect> Path> Offset Path.

Введите 0,5 пк Offset, націсніце на кнопку ОК, а затым перайдзіце ў Effect> Pathfinder> Add.  Засяродзьцеся на панэлі Appearance, пераканайцеся, што абрана ўся група (проста націсніце на гэтую частку тэксту "Group" у верхняй частцы панэлі Appearance) і перайдзіце ў Effect> Stylize> Outer Glow.  Увядзіце атрыбуты, як паказана на наступным малюнку, а затым націсніце кнопку ОК.

outer glow

5. Размнажэнне и перафарбоўка новыя пластыкавыя шарыки

Крок 1

Зрабіце копію вашай групы і перацягніце яе ўправа, як паказана на першым малюнку.  Вылучыце гэтую копію групы і перайдзіце ў Edit> Edit Colors> Recolor Artwork.  Засяродзьцеся на двух блакітных адценнях і проста замяніце існуючыя каляровыя коды тымі, што паказаны на наступным малюнку.

yellow plastic ball

Крок 2

Зрабіце копію вашай жоўтай групы і перацягніце яе ўправа.  Выберыце гэтую групу копій і зноў перайдзіце ў Edit> Edit Colors> Recolor Artwork.  Засяродзьце ўвагу на двух жоўтых адценнях і проста замяніце існуючыя каляровыя коды тымі, што паказаны на наступным малюнку.

red plastic ball

Крок 3

Сделайте копію вашай чырвонай групы і перацягніце яе ўправа.  Выберыце гэтую групу копій і зноў перайдзіце ў Edit> Edit Colors> Recolor Artwork. Засяродзьце ўвагу на двух чырвоных адценнях і проста замяніце існуючыя каляровыя коды тымі, што паказаны на наступным малюнку.

green plastic ball

Крок 4

Зрабіце копію вашай зялёнай групы і перацягніце яе ўправа.  Выберыце гэтую групу копій і зноў перайдзіце ў Edit> Edit Colors> Recolor Artwork.  Засяродзьце ўвагу на двух зялёных адценнях і проста замяніце існуючыя каляровыя коды тымі, якія паказаны на наступным малюнку.

purple plastic ball

6. Захавайце вашыя сімвалы і задайце колер фона

Крок 1

Вылучыце групу фігур, якая складае ваш блакітны пластыкавы шарык, адкрыйце панэль Symbols (Window> Symbols) і проста націсніце на кнопку New Symbol.  Выберыце імя для вашага знака і націсніце кнопку ОК.  Вылучыце астатнія групы па адной і выкарыстоўвайце тую ж тэхніку, каб ператварыць іх у сімвалы.

save symbols

Крок 2

Выкарыстоўваючы Rectangle Tool (M), стварыце фігуру памерам 710 x 410 пк, пераканайцеся, што яна пакрывае ўсю мантажную панэль і ўсталюйце колер залівання на R = 197 G = 237 B = 255.  Перайдзіце да панэлі Layers і зафіксуйце гэты прамавугольнік, каб пераканацца, што вы выпадкова не вылучыце / перамясціце его.

background rectangle

7. Стварыце тэкставы эффект

Крок 1

Выберыце Type Tool (T), проста націсніце на мантажнай панэлі і дадайце фрагмент тэксту "PLAY".  Выкарыстоўвайце Vanilla font памерам, усталяваным на 150 пк, зрабіце яго чорным і паменшыце яго Opacity да 10%.  Зноў перайдзіце на панэль Layers і зафіксуйце гэтую частку тэксту, каб пераканацца, што вы выпадкова не вылучыце/перамясціце яго.

text

Крок 2

Засяродзьце ўвагу на першай літары і перацягніце вашыя пяць сімвалаў з панэлі Symbols.  Паспрабуйце размеркаваць іх прыкладна так, як паказана на наступным малюнку.

spread first symbols

Крок 3

Працягвайце дадаваць вашыя пяць сімвалаў да таго часу, пакуль не пакрыеце вялікую частку "P".  Паспрабуйце зрабіць роўную колькасць пластыкавых шарыкаў для кожнага колера.

spread more symbols

Крок 4

Засяродзьце ўвагу на пакінутай частцы вашага тэксту і паўтарыце тэхніку, выкарыстаную для першай літары.  Як толькі вы скончыце, перайдзіце на панэль Layers і пазбаўцеся ад гэтай частцы тэксту.  Акрамя таго, размяркуйце некаторыя пластыкавыя шарыкі вакол тэксту, як паказана на другім малюнку.

text effect

Шаг 5

Вылучыце некалькі дададзеных знакаў і адвольна зменіце іх памер, як паказана на наступных малюнках.

resize symbols

8. Дадайце няўлоўную тэкстуру 

Крок 1

Перайдзіце на панэль Layers, разблакуюце гэты блакітны прамавугольнік, зрабіце копію спераду (Ctrl-C> Control-F) і спыніце яе спераду (Shift - Control-]).  Пераканайцеся, што гэтая копія застаецца выдзеленай і засяродзьцеся на панэлі Appearance

Выберыце заліванне, паменшыце яго Opacity да 30%, змяніце Blending Mode на Color Burn і проста замяніце існуючы колер радыяльным градыентам як паказана на наступным малюнку.  Майце на ўвазе, што жоўты нуль малюнка Gradient азначае працэнт Opacity.

radial gradient

Крок 2

Пераканайцеся, што прамавугольнік, зроблены ў папярэднім кроку яшчэ выдзелены, і дадайце другое заліванне, выкарыстоўваючы кнопку Add New Fill.  Выберыце гэтае новае заліванне, усталюйце чорны колер, паменшыце яго Opacity да 10%, змяніце Blending Mode на Soft Light, а затым перайдзіце ў Effect> Artistic> Film Grain.  Увядзіце атрыбуты, як паказана на наступным малюнку, а затым націсніце кнопку ОК.

film grain

Віншую!  Вы справіліся! 

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

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.