123.ia

инструмент Кисть

2020-10-27T10:19:50.175Z

Шаг 1

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

Ну что же, если так, то пожалуй для начала вам надо убедится, что ваш набор извлечен из архива, на случай если он был заархивирован. Как только вы его разархивировали, вы можете открыть Illustrator и вызвать панель Кисти (Brushes), где вы сможете попасть в меню "Библиотеки кистей" (Прим. перевод.: Для этого в панели Кисти нужно нажать на иконку в левом нижнем углу).

Шаг 2

Как вы можете видеть, есть несколько категорий предустановленных кистей, которые идут вместе с программой. Но так как мы собираемся добавить к ним новые, нам нужно будет выбрать на нашу библиотеку в новом окне, которое появится и позволит нам указать местоположение наших новых кистей, так что, мы можем загрузить их и использовать (Прим. перев.: для этого нужно нажать на вкладку "Другая Библиотека").

Что такое векторная графика, форматы векторной графики.

2020-10-19T10:40:18.675Z

Все изображения, нарисованные на компьютере можно разделить на 2 вида :

векторные
растровые.

Основное отличие вектора от растра заключается в принципе хранения изображения.

Векторная графика сохраняется с помощью математических формул. Это дает вектору несколько неоспоримых преимуществ:

масштабирование, изменение размеров векторной картинки не влияет на ее качество, т.е. все линии остаются четкими и не появляется никаких «квадратиков», как в растровых изображениях;
при изменении размеров векторной картинки размер самого файла остается постоянным.

Рисовать векторную графику можно в разных редакторах:

Adobe Illustrator
CorelDRAW
PhotoShop
Macromedia Freehand

Одним из основных редакторов векторной графики являетсяAdobe Illustrator— освоить его не сложно, есть много хороших книг и уроков.

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

Форматы векторной графики

AI (Adobe Illustrator) — векторный формат файлов программы Adobe Illustrator.
EPS (En-capsulated PostScript)
CDR (CorelDraw) — векторный формат файлов программы CorelDraw.
CMX (Corel Presentation Exchange)
EMF (Enhanced Metafile, расширенный метафайл Windows)
WMF (Windows Metafile)
SVG (Scalable Vector Graphics)

EPS

Отдельным пунктом выделяю формат EPS — он хорошо известен тем, кто продает свою векторную графику на микростоках.

EPS (En-capsulated PostScript) может хранить как растровую, так и векторную графику. EPS — это один из самых универсальных форматов векторной графики, он поддерживается большинством популярных редакторов векторной графики. И именно по-этому именно формат EPS 10 и EPS 8 принимаю на микростокахкак основной формат векторной графики.

Новый формат EPS 10 поддерживает гораздо больший спектр эффектов, нежели .

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

На сегодняшний день существует 3 версии языка PostScript, который используется в EPS.
В файле, обычно хранится 2 изображения: основное и дополнительное (preview). Вот эта превьюшка используется не только для предварительного просмотра. Такие программы верстки, как QuarkXPress , Adobe PageMaker…. хранят preview в своих документах и используют для отображении на экране монитора в режиме стандартного качества, а также для печати на принтерах без поддержки языка PostScript; программы создания векторной графики, такие как CorelDraw и FreeHand, при импорте EPS файла работают исключительно с preview. Основная копия будет применятся для вывода на PostScript-принтер и для просмотра изображения на экране монитора в режиме максимального качества. Дополнительное preview изображение может быть создано в формате TIFF или WMF (только для РС) или вовсе опущено.

При выборе TIFF-формата, preview будет хранится как растровое изображение и тут необходимо найти оптимальный баланс между его разрешение (т.е. качеством) и размером файла. Если EPS-файл содержит preview в формате TIFF, то FreeHand и CorelDraw уже не смогут его отредактировать, редактировать можно будет только с помощью Adobe Illustrator.

Preview в WMF-формате — это векторное изображение, оно практически не отличается от основного. EPS-файл, содержащий preview в формате WMF может быть отредактирован в CorelDraw. Но такие файлы будут обладать меньшей совместимостью.

В любом случае отредактировать EPS-файл можно следующим способом: импортируйте изображение любой из вышеперечисленных программ и пошлите его на печать в PostScript-файл. Этот файл позже можно открыть в CorelDraw. Если файл преобразовать с помощью Acrobat Distiller в формат PDF, то он может быть открыт в Free-Hand.

CMX

Векторный формат графических программ компании Corel. Его главное предназначение — передача рисунков между разными программами (поддерживается с CorelDraw 6).

EMF и WMF

Довольно простые форматы векторной графики, позволяющие хранить основную информацию.

EMF

Может содержать как векторную, так и растровую информацию в одном файле. EMF лучше чем WMF поддерживает кривые, используемые в рисунках Flash, прекрасно воспринимает «составленные» из нескольких программ векторные изображения (кпримеру ChemWin и MS PowerPoint ).

WMF

Более старый, чем EMF формат. Он широко применяется в офисном пакете MS Office.

SVG

Основан на XML разметке, используется для двухмерной векторной графики, как анимированной , так и неподвижной.

Ещё больше интересных уроков в нашем телеграм канале 123.ia

Рисуем космическое пространство

2020-10-16T11:44:46.776Z

Вот такой фон мы будем создавать:

Шаг 1

Создадите новый документ любых размеров. Выберите цветовой режим RGB, чтоб было видно цвета и можно было создать сияние. Нарисуйте прямоугольник или квадрат и залейте его черным цветом (R = 0 G = 0 B = 0).

Шаг 2

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

Шаг 3

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

Шаг 4

Удерживая клавишу Shift, с помощью инструмента Прямое Выделение (A) выделите несколько опорных точек. Не снимая выделение с точек, в соответствующей палитре выберите желаемый цвет и снимите выделение. Выделите еще несколько точек, выберите другой цвет и сделайте то же самое. В итоге у вас должно получиться примерно так, как на рисунке ниже. В некоторых местах оставьте черный цвет. Тогда ваш фон будет больше похож на космическое пространство.

Шаг 5

Если закончили раскрашивать градиентную сетку, выделите ее с помощью инструмента Выделение (V) и откройте палитру Внешний облик (Окно > Внешний облик). Внизу палитры нажмите кнопку Добавить Новый Эффект (fx) и выберите из списка — Деформация > Рыбий глаз. Изгиб я задала 84%. Чтобы выбрать самую подходящую для изображения деформацию, посмотрите на свой документ. Для этого поставьте галочку возле команды Просмотр.

Шаг 6

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

Шаг 7

Включите инструмент Эллипс (L) и нарисуйте круг. Он должен быть в два раза больше, чем звезды, которые вы нарисуете. Залейте круг радиальным градиентом (цвета — от черного к белому). Откройте палитру Градиент (Окно > Градиент) и задайте настройки так, чтобы белый цвет образовал белую точку в центре. На рисунке ниже — мои настройки. Откройте палитру Символы (Окно > Символы) и перетащите круг в палитру.

Шаг 8

Выбрав символ, включите инструмент Распылитель Символов (Shift + S) и распылите звезды по документу. Я распылила по внешнему краю изображения, чтобы было место для планеты. Символы образуют группу. Поэтому когда закончите распылять звезды, выделите их инструментом Выделение (V) и перейдите в палитру Внешний облик. В настройках Непрозрачности выберите режим наложения — Осветление основы и Непрозрачность 30%.

Шаг 9

Не снимая выделение со звезд, внизу палитры Внешний облик нажмите кнопку Добавить новый эффект (fx), выберите команду Деформация и затем — Раздувание. Изгиб я установила 75%. Чтобы задать самое подходящее число, посмотрите на свою работу. Для этого поставьте галочку возле команды Просмотр. Некоторые звезды окажутся за пределами изображения. Измените их размер так, чтобы они не выходили за границы прямоугольника, который мы создали в Шаге 1.

Шаг 10

Включите инструмент Эллипс (L) и в центре изображения нарисуйте большой круг. Залейте его радиальным градиентом (цвет — от белого к черному). Перейдите в палитру Градиент (Окно > Градиент) и задайте настройки так, чтобы в середине получилась черная точка, а по внешнему краю круга был чисто белый цвет. На рисунке ниже — мои настройки.

Шаг 11

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

Шаг 12

Чтобы закончить планету, внизу палитры Внешний облик нажмите кнопку Добавить новый эффект и выберите Стилизация > Внешнее Свечение. Непрозрачность я установила 100%, размытие 50 пикселей. Режим наложения выберите Нормальный и нажмите ОК.

Шаг 13

Скопируйте звезды (Ctrl + C), затем дважды щелкните круг планеты. Вклейте звезды с помощью сочетания Ctrl + F и, не снимая с них выделение, внизу палитры Внешний облик нажмите кнопку Добавить новый эффект (fx). Выберите из списка команду Деформация и затем Рыбий глаз. Непрозрачность установите 80%.

Шаг 14

Скопируйте круг планеты (Ctrl + C) и вклейте его перед второй группой звезд (Ctrl + F). Выделите звезды и планету и создайте маску клиппирования (Ctrl + 7). Чтобы вернуться к главному изображению, дважды щелкните по документу.

Заключение

Фон мы нарисовали. Можно добавить еще несколько звезд побольше, несколько планет и нарисовать объекты или существ. Надеюсь, урок вам понравился.

Рисуем простое изображение планшета для бумаг

2020-10-11T12:32:10.147Z

Приблизительное время выполнения: 1.5 часа

Шаг 1

Нажмите Ctrl + N для создания нового документа. Задайте параметры: 600 пикселей для ширины и высоты, а затем нажмите кнопку Дополнительно (Advanced). Здесь выберите следующие значения для параметров: RGB, Экран (Screen, 72ppi) и убедитесь, что Выравнивание Новых Объектов На Пиксельной Сетке (Align New Objects to Pixel Grid) не отмечено, прежде чем нажать кнопку OK. Затем включите Сетку (View -> Grid) и Привязку К Сетке (View -> Snap to Grid).

Далее, при работе потребуется сетка с шагом 5 пикселей. Открываем Редактирование (Edit) -> Предпочтения (Preferences) -> Гиды (Guides) -> Сетка (Grid), задайте значение 5 для Расстояния Между Линиями (Gridline every) и 1 для Подразделения (Subdivision). Вы также можете открыть панель Информации (Window -> Info) для предварительного просмотра с размерами и положением ваших форм. Не забудьте заменить единицу измерения на пиксели из Редактирование (Edit) -> Предпочтения (Preferences) -> Раздел (Unit) -> Общие (General). Все эти опции помогут значительно увеличить скорость работы.

Шаг 2

Выберите инструмент Прямоугольник (Rectangle Tool (M)) и создайте его, размером 240×325 пикселей. Привязка к сетке облегчит вашу работу. Не забудьте заглянуть в вашу Информационную Панель (Panel Info) для предварительного просмотра размера и расположения фигуры. После того, как прямоугольник создан, заполните его цветом R = 195, G = 153, B = 108. Удалите цвет обводки. Перейдите в Панель Слоев (Layers panel), дважды щелкните на эту новую фигуру и назовите его «Основание» («Support»).

Шаг 3

Выберите «Основание» («Support») и откройте Панель Внешний Вид (Appearance panel). Выберите существующую заливку и перейдите на Эффекты (Effect) -> Стилизовать (Stylize) -> Внутреннее Свечение (Inner Glow). Введите параметры, приведенные ниже на рисунке, и нажмите кнопку OK.

Шаг 4

Выберите «Основание» («Support») снова и нажмите на кнопку Добавить Заливку (Add New Fill). Это маленький белый квадратный значок в нижней части Палитры Внешний Вид (Appearance panel). Очевидно, что это придаст новую заливку для вашей фигуры. Выберите ее из палитры, задайте цвет: R = 35, G = 31 и B = 32, уменьшите Непрозрачность (Opacity) до 5%, измените Режим Смешивания (Blending Mode) на Усиление (Multiply) и перейдите к Эффекты (Effect) -> Эскиз (Sketch) -> Графическое Перо (Graphic Pen). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 5

Выберите «Основание» («Support») снова и добавьте третью заливку. Перетащите эту новую заливку в нижнюю часть панели Внешнего Вида (Appearance panel), залейте её линейным градиентом как показано ниже, и перейдите к Эффекты (Effect) -> Искажение и Деформация (Distort & Transform) -> Трансформация (Transform). Введите числовые параметры, приведенные ниже, и нажмите кнопку OK. Белые числа, которые вы видите в окне Градиент (Gradient) показывают относительные проценты.

Шаг 6

Выберите «Основание» («Support») и сосредоточьте внимание на панели Внешнего Вида (Appearance panel). Выберите заливку, добавленную в предыдущем шаге, и нажмите на Удвоение Выбранного Элемента (Duplicate Selected Item). Это маленький значок файла, расположенный в нижней части панели Внешнего Вида (Apperance panel). Таким образом, мы добавили копию заливки.
Выберите эту новую заливку, установите её цвет: R = 35, G = 31 и B = 32, снизьте её непрозрачность (Opacity) до 5%, измените режим Смешивания (Blending Mode) на Усиление (Multiply) и перейдите к Эффекты (Effect) -> Эскиз (Sketch) -> Графическое Перо (Graphic Pen). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 7

Выберите «Основание» («Support») и добавьте пятую заливку. Перетащите её в нижнюю часть панели Внешний Вид (Appearance panel), залейте цветом (R = 117, G = 76 и B = 41), и перейдите на Эффекты (Effect) -> Искажение и Трансформация (Distort &Transform) -> Трансформация (Transform). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 8

Выберите «Основание» («Support») и добавьте шестую заливку. Перетащите её в нижнюю часть Панели Внешнего Вида (Apperance Panel), залейте цветом: R = 35, G = 31 и B = 32, снизьте её непрозрачность до 20%, и перейдите на Эффекты (Effect) -> Искажение и Трансформация (Distort & Transform) -> Трансформация (Transform). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 9

Выберите «Основание» («Support») и добавьте первую обводку (stroke). Задайте её цвет: R = 212, G = 183 и B = 150, сделайте шириной 2 пикселя, и сделайте её внутренней (align it to inside). Возвращаемся к Панели Внешнего Вида (Appearance panel) и добавляем вторую обводку, используя кнопку Добавить Новую Обводку (Add New Stroke). Кнопка выглядит как маленький черный квадрат в нижней части панели Внешнего Вида (Appearance panel). Выберите эту новую обводку, установите цвет: R = 138, G = 94 и B = 60, и сделайте её шириной 1 пиксель и убедитесь, что она внутренняя (aligned to inside).

Шаг 10

Выберите “Основание” (“Support”), убедитесь, что не выбраны ни заливка, ни обводка, и перейдите на Эффекты (Effect) -> Стилизовать (Stylize) -> Падающая Тень (Drop Shadow). Введите данные, приведенные ниже, нажмите кнопку ОК. Затем перейдите в Эффекты (Effect) -> Стилизовать (Stylize) -> Закруглить Углы (Rounded Corners). Задайте величину радиуса в 7 пикселей и нажмите кнопку OK. Посмотрите внимательно на Панель Внешнего Вида (Appearance Panel) и убедитесь, что эффект Закругленных углов (Rouded Corners) находится в верхней части панели.

Шаг 11

Для следующих шагов вам понадобится сетка с шагом в 1 пиксель. Поэтому открываем Редактирование (Edit) -> Предпочтения (Preferences) -> Гиды (Guides) -> Сетка (Grid) и введите значение 1 для Расстояния Между Линиями (Gridline every). Выберите инструмент Прямоугольник (Rectangle Tool (M)), создать его размером 210 на 290 пикселей и залейте белым цветом. Переключитесь на инструмент Эллипс (Ellipse Tool (L)), создайте круг радиусом 7 пикселей, залейте любым цветом и расположите его как показано на следующем рисунке.

Шаг 12

Выберите круг, созданный на предыдущем шаге, и перейдите к Эффекты (Effect) -> Искажение и Трансформация (Distort &Transform) -> Трансформация (Transform). Введите числовые параметры, приведенные ниже, нажмите кнопку ОК, и затем Объекты (Object) -> Расширить Внешний Вид (Expand Appearance).

Шаг 13

Выберите группу кругов, созданных на предыдущем шаге, вместе с белым прямоугольником и нажмите на кнопку Минус Фронт (Minus Front) с панели Указатель Курса (Pathfinder).

Шаг 14

Выберите белую фигуру (результат предыдущего шага) и расположите её как показано в следующем шаге.

Шаг 15

Выбирать белую фигуру и добавьте Обводку (Stroke). Задайте её цвет: R = 229, G= 230 и B = 231, сделайте его шириной 2 пикселя, обводка должна быть внутренней (align it inside). Добавьте вторую Обводку (Stroke) для этой фигуры, задайте её цвет: R = 255, G = 255 и B = 255, сделайте её шириной 1пиксель. Это также внутренняя обводка (align it inside).

Шаг 16

Выберите инструмент Прямоугольник (Rectangle Tool (M)) и создайте его размером 202 на 1 пиксель. Залейте его цветом R = 152, G =199, B = 219. Теперь расположите полученный прямоугольник как показано на следующем рисунке.

Шаг 17

Выберите синий прямоугольник, созданный на предыдущем шаге, и откройте Эффекты (Effect) -> Искажение и Трансформация (Distort & Transform) -> Трансформация (Transform). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 18

Выберите инструмент Прямоугольник (Rectangle Tool (M)) и создайте его размером 1 на 282 пикселей. Залейте его цветом R = 246, G =186, B = 186. Теперь расположите его как показано на рисунке.

Шаг 19

Выберите розовый прямоугольник, созданный на предыдущем шаге, и откройте Эффекты (Effect) -> Искажение и Трансформация (Distort & Transform) -> Трансформация (Transform). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 20

Выберите белую фигуру, а также синие и розовые прямоугольники, а затем сгруппируйте их, нажав комбинацию Ctrl + G. Выберите эту новую группу и откройте Эффекты (Effect) -> Стилизовать (Stylize) -> Падающая Тень (Drop Shadow). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 21

Выберите группу, созданную на предыдущем шаге, и откройте Эффекты (Effect) -> Искажение и Трансформация (Distort &Transform) -> Трансформация (Transform). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 22

Выберите инструмент Прямоугольник (Rectangle Tool (M)) и создайте его размером 95 по 24 пикселя. Удалите цвет заливки и добавьте обводку шириной 3 пикселя. Задайте ей цвет: R = 109, G = 110, B =113. Убедитесь, что эта новая фигура всё ещё выбрана и откройте Эффекты (Effect) -> Стилизовать (Stylize) -> Закруглить углы (Rounded Corners). Задайте значение радиуса в 5 пикселей и нажмите кнопку OK. В итоге полученная фигура должна выглядеть как первое изображение, показанное на рисунке.
Выберите полученное изображение, скопируйте и вставьте на передний план, нажав последовательно Ctrl + C, а затем Ctrl + F. Выберите полученную копию, увеличьте размер размер обводки до 5 пикселей и откройте Объекты (Object) -> Путь (Path) -> Контурная Обводка (Outline Stroke). Выберите фигуру, полученную в результате, скопируйте и вставьте на передний план (Ctrl + C -> Ctrl + F).

Шаг 23

Выберите инструмент Прямоугольник (Rectangle Tool (M)) и создайте два квадрата со стороной 17 пикселей и разместите их, как показано на первом рисунке. Выберите левый квадрат, вместе с одной из фигур, созданный в конце предыдущего шага, и нажмите на кнопку Пересечение (Intersect) из панели Указатель Курса (Pathfinder). Выберите правый квадрат, вместе со второй фигурой, созданной в конце предыдущего шага, и снова нажмите на кнопку Пересечение (Intersect) с панели Указатель Курса (Pathfinder).

Шаг 24

Займемся двумя фигурами, созданными на предыдущем шаге. Во-первых, вам понадобится скрипт Округление Всех Углов (Round Any Corner script). Вы можете найти его в Vectortuts. Сохраните его на жестком диске и выберите инструмент Прямое Выделение (Direct Selection Tool (A)).
Выберите восемь опорных точек, выделенных на первом изображении, и откройте Файл (File) -> Скрипты (Scripts) -> Другие Скрипты (Other Script). Откройте скрипт Округление Всех Углов (Round Any Corner script), задайте значение радиуса в 1 пиксель, и нажмите кнопку OK. В итоге полученные фигуры должны выглядеть, как на втором изображении, показанном на рисунке.

Шаг 25

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

Шаг 26

Опять же, выберите фигуры, созданные на предыдущем шаге, и добавьте две простые Обводки (Stroke), показанные на панели Внешнего Вида (Appearance panel).

Шаг 27

Выберите прямоугольник с закругленными углами, созданный на 22 шаге. Добавьте вторую обводку для этой части, сделайте её шириной 2.5 пикселя и задайте белый цвет. Добавьте третью обводку, сделайте его шириной 1.75 пикселя, и установите цвет: R = 229, G = 230, B = 231.

Шаг 28

Выберите фигуру, которую редактировали на предыдущем шаге и добавьте новую обводку. Выберите её из панели Внешний Вид (Appearance panel), сделайте её шириной 0,5 пикселя, установите цвет: R = 166, G = 168, B = 171. Теперь откройте Эффекты (Effect) -> Искажение и Трансформация (Distort & Transform) -> Трансформация (Transform). Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 29

Выберите инструмент Прямоугольник (Rectangle Tool (M)) и создайте два, размером 13 на 1 пикселей. Заполните оба прямоугольника цветом: R = 250, G = 250, B = 250 и расположите их как показано на следующем рисунке.

Шаг 30

Выделите все фигуры, созданные в течение последних восьми шагов, и группируйте их, используя комбинацию Ctrl + G. Выберите эту новую группу и откройте Эффекты (Effect) -> Стилизовать (Stylize) -> Падающая Тень (Drop Shadow) .Введите данные, приведенные ниже, и нажмите кнопку OK.

Шаг 31

Выберите инструмент Эллипс (Ellipse Tool (L)) и создайте круг, радиусом 14 пикселей. Залейте его линейным градиентом, как показано ниже, и поместите его так, как на следующем рисунке. Добавьте обводку шириной 2 пикселя для этой новой фигуры, выровнять ее внутрь (установите внутренную обводку (align it inside)), и установите его цвет: R = 245, G = 245, B = 245. Добавьте вторую обводку для этой фигуры, установить её цвет: R = 166, G = 168 и B = 171, сделать её шириной 1 пиксель, опять же, сделайте её внутренней (align it inside). Добавьте третью обводку, установите её цвет: R = 88, G = 89 и B = 91, сделать её шириной 0.3 пикселя, и установите её как Внешнюю обводку (Outside).

Шаг 32

Выберите инструмент Прямоугольник (Rectangle Tool (M)), создайте его размером 85 на 11 пикселей, залейте её цветом R =229, G = 230, B = 231. Теперь расположите его как показано на следующем рисунке. Откройте панель Внешний Вид (Appearance panel) и добавьте три обводки, как показано ниже.
Это точно такие же обводки, как мы создавали на предыдущем шаге. Убедитесь, что данная фигура всё ещё выбрана и перейдите к Эффекты (Effect) -> Стилизовать (Stylize) > Закруглить Углы (Rounded Corner). Задайте радиус в 3 пикселя и нажмите кнопку OK.

Шаг 33

Выберите инструмент Прямоугольник (Rectangle Tool (M)), создайте его размером 83 на 3 пикселя и залейте его цветом: R = 166,G = 168, B = 171. Теперь расположите его как показано на первом рисунке. Выберите инструмент Прямоугольник (Rectangle Tool (M)) снова и создайте два, размером 81 на 1 пикселя. Заполните их цветом R = 245, G = 245, B = 245 и R = 128, G = 129, B = 132, соответственно, а затем разместите их, как показано на втором изображении ниже.

Шаг 34

Выберите все фигуры и группы, созданные в течение последних двенадцати шагов, и сгруппируйте их (Ctrl + G). Выберите эту новую группу и расположите, как показано на втором изображении.

Шаг 35

Выберите инструмент Прямоугольник (Rectangle Tool (M)), создайте его размером 83 на 8 пикселей, залейте линейным градиентом, как показано ниже, и расположите как на следующем рисунке. Откройте панель Внешнего Вида (Appearance panel) и добавьте три обводки, как показано ниже. Затем откройте панель Слоев (Layers panel) и перетащите этот новый прямоугольник ниже двух групп.

Шаг 36

Наконец вы можете редактировать форму «Основание» (“Support”). На следующем изображении вы можете найти два различных набора свойств, которые можно использовать для этой формы.

Заключение.

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

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

2020-10-03T12:24:04.682Z

Этот урок был создан в более старых версиях Ai. Для других версий программы возможны небольшие изменения.

Шаг 1. Создайте металлическую форму

Сначала мы создаем форму часов. Создайте круг с помощью инструмента Эллипс (Ellipse tool). Заполните круг градиентом с параметрами, показанными ниже. Растяните градиент таким образом, чтобы светлое пятно было в верхней левой части круга.

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

Результат должен быть похожим на это:

Добавьте третий круг снова с центром в том же месте и снова немного меньший чем второй круг. Дайте новому кругу градиент, похожий на это:

Чтобы добавить дополнительный теневой эффект к третьему кругу создают новый круг такого же размера и применяют градиент и прозрачность:

Если эта работа для микростоков, то градиент с прозрачностью поддерживается только в EPS 10!

Результат должен быть похожим на это:

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

Теперь Вы создали металлический каркас часов и циферблата. Давайте идти дальше к кнопкам.

Шаг 2. Кнопки

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

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

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

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

Если эта работа для микростоков, то прозрачность поверх градиента можно сохранить только в EPS 10, EPS 8 это не поддерживает.

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

Для микростоков можно просто подобрать цвета в градиенте черного (если Вы хотите сохранить в EPS 8), не используя прозрачность. Для EPS 10 можно применить прозрачность.

Теперь создайте два круга как показано ниже. Выберите эти два круга и сделайте составной путь (Object > Compound Path > Make). Поместите круг позади кнопки Object > Arrange > Send to Back)

Примените градиент к новому кругу. Тяните градиент из центра круга к краю.

Чтобы добавить еще одну кнопку, выберите два главных прямоугольника и прямоугольник тени, который мы создали, и скопируйте их. Поверните их приблизительно 35 градусов и разместите их слева.

Шаг 3. Циферблат, числа и детали

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

Выделив линию, щелкните по инструменту Вращение (rotate tool). Тяните точку вращения из центра линии в центр часов. Теперь вращайте линию, зажав shift и ALT . Понизьте копию линии в 180 степенях. Перетащите копию линии на противоположный край циферблата:

Нам нужно скопировать эти линии вокруг циферблата с расстоянием в 6 градусов между каждым. Выберите обе линии и откройте окно Вращение (Object > Transform > Rotate). Задайте Угол вращения Angle =6 и щелкните Copy.

Повторите этот шаг, нажимая CTRL+D, пока Вы не создали все линии.

Мы хотим выдвинуть на первый план каждую 5-ую секунду, таким образом, мы теперь изменим толщину линии. Каждая 5-ая линия должна быть более толстой — 1.3 pt., а остальные — 0.6 pt.

Мы должны создать еще больше линий на этих часах. Создайте новый слой. Создайте линию наверху циферблата ( там где 12 часов), эта линия должна быть еще тоньше (0.2 pt.) и короче чем линии на предыдущем слое. Как и в предыдущем примере с первой линией, щелкните по инструменту вращения. Тяните точку вращения из центра линии в центр часов. Теперь вращайте линию, зажав shift и ALT. Переместите копию линии на противоположную сторону циферблата.

Выберите обе линии и откройте окно Вращение (Object > Transform > Rotate). Задайте Угол вращения Angle =6 и щелкните Copy. Повторите этот шаг, нажимая CTRL+D. Повторитесь, пока Вы не создали нужное количество линий.

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

Теперь пора добавить цифры. Создайте числа при использовании инструмента Type Tool и шрифта на Ваш выбор. Добавьте числа рядом с самыми толстыми линиями.

Теперь давайте создадим стрелку. Вы можете использовать инструмент Star tool, чтобы создать треугольник. Тяните звезду, удерживая кнопку мыши, и нажмите на клавиатуре стрелка вниз, чтобы уменьшить количество углов у фигуры. Отпустите, когда у Вас получится треугольник. Сделайте треугольник темно-серым.

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

Добавьте маленький круг в центре часов. Заполните его темно-серым градиентом. Вы можете вращать стрелку часов с помощью инструмента Вращения Rotate tool.

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

Выделив обе окружности, в палитре Pathfinder выберите Divide. Затем разгрупируйте результат (Object > Ungroup) и удалите все лишнее:

Добавьте градиент, чтобы сделать блик, с параметрами, как на рисунке ниже:

Такой градиент с прозрачностью поддерживает только формат EPS 10.

Результат должен быть похожим на это:

Это все. Теперь у Вас есть прекрасная иконка секундомера.

Рисуем ночной город

2020-09-25T12:36:01.893Z

Шаг 1

Создайте в Иллюстраторе новый документ со следующими параметрами: высота — 2000, ширина — 1500, цветовая модель — RGB. С помощью инструмента Прямоугольник (Rectangle) на весь документ нарисуйте прямоугольник. Не снимая выделение, откройте палитру Градиент (меню Окно, команда Градиент). Выберите линейный тип градиента, угол -90 градусов. И измените цвет. Для начального цвета растяжки задайте параметры R=19, G=173, B=173, а для конечного — R=0, G=43, B=59.

Шаг 2

Не снимая выделение с прямоугольника, откройте палитру Внешний облик (Appearance) в меню Окно, щелкните мышкой черную стрелку в верхнем правом углу палитры и выберите команду Добавить новую заливку (Add New Fill). Откройте палитру Каталог цветов (Swatch panel) (меню Окно, команда Каталог цветов), выберите Образцы (Patterns), Природа (Nature), Природа_Листва (Nature_Foliage) и оттуда узор Petals Three Color. Не снимая выделение с новой заливки, откройте палитру Прозрачность (Transparency) (меню Окно, команда Прозрачность) и установите режим наложения Мягкий свет (Soft Light).

Шаг 3

А теперь добавим еще одну градиентную заливку. В палитре Внешний облик (Appearance), щелкните Добавить новую заливку (Add New Fill) и выберите черно-белый радиальный градиент. Перейдите в палитру Прозрачность (Transparency) и установите Непрозрачность (Opacity) — 60%.

Шаг 4

Удерживая клавишу Shift, нарисуйте круг с помощью инструмента Эллипс (Ellipse). Отключите Обводку (Stroke color) и залейте круг оранжевым цветом.

Шаг 5

А сейчас и в следующем шаге сделаем из круга звезду. Выделите круг и перейдите в меню Эффект (Effect), Исказить и трансформировать (Distort and Transform), Втягивание и раздувание (Pucker and Bloat) и установите слайдером или вручную -97%.

Шаг 6

Не снимая выделение со звезды, откройте меню Объект (Object) и выберите команду Преобразовать внешний облик (Expand Appearance), чтобы можно было редактировать звезду.

Шаг 7

Не снимая выделение со звезды, нажмите Alt+Shift и с помощью инструмента Выделение (Selection Tool) пропорционально измените ее размер. Скопируйте ее несколько раз. Измените цвет и параметр Непрозрачности (Opacity) новых звезд. Ниже мой пример звездного неба.

Шаг 8

Для удобства я временно отключила слой со звездами, чтобы он не мешал. На палитре инструментов выберите инструмент Звезда (Star Tool) и щелчкните на монтажной области. В открывшемся окне установите следующие параметры: Радиус 1 — 13 мм, Радиус 2 — 40 мм, число лучей — 8. Залейте звезду желтым цветом, без обводки.

Примечание: Если в окне у вас другие единицы измерения, откройте меню Редактирование (Edit), Установки (Preferences), Единицы измерения (Units) и в открывшемся окне выберите для обводки миллиметры.

Шаг 9

Скопируйте созданную восьмиконечную звезду (Ctrl+C, Ctrl+F). Удерживая клавишу Shift, несколькими движениями перетащите копию вверх, чтобы она расположилась прямо над первой. С помощью инструмента Выделение (Selection Tool), удерживая Alt+Shift, пропорционально уменьшите верхнюю звезду.

Шаг 10

Выберите обе звезды инструментом Выделение (Selection Tool). Откройте меню Объект (Object), Переход (Blend), Параметры перехода (Blend Options). В открывшемся окне, в поле Метод, выберите Заданное число шагов (Specified Steps) и установите 7. Чтобы выполнить переход, откройте меню Объект (Object), Переход (Blend), Создать (Make). Должно получиться так, как на изображении ниже.

Шаг 11

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

Шаг 12

Щелкните созданный переход инструментом Выделение (Selection Tool) и, удерживая Alt, перетащите вправо, чтобы скопировать. Повторите это действие еще три раза, чтобы получилось пять вертикальных рядов звезд. Выделите все ряды инструментом Выделение (Selection Tool), откройте меню Объект (Object), Преобразовать (Expand) и в открывшемся окне щелкните ОК. Чтобы сгруппировать все звезды, не снимая выделение, нажмите Ctrl+G или выберите команду Сгруппировать (Group) в меню Объект (Object).

Шаг 13

Не снимая выделение с группы звезд, откройте меню Эффект (Effect), Деформация (Warp), Панцирь вверх (Shell Upper). В открывшемся окне выберите По горизонтали (Horizontal), установите Изгиб (Bend) — 4%, Искажение по вертикали (Vertical Distortion) — минус 8%. И нажмите ОК. После этого откройте меню Объект (Object) и выберите команду Преобразовать внешний облик (Expand Appearance).

Шаг 14

Не снимая выделение с группы звезд, в палитре Прозрачность (Transparency panel) установите режим наложения — Исключение (Exclusion), а Непрозрачность (Opacity) уменьшите до 10%.

Шаг 15

С помощью инструмента Эллипс (Ellipse Tool) нарисуйте желтый овал. Затем перед ним нарисуйте еще один овал другого цвета. Разместите его так, чтобы остался виден желтый серп. Посмотрите ниже, как разместила я. Выделите оба овала инструментом Выделение (Selection Tool) и в палитре Обработка контуров (Pathfinder) щелкните кнопку Минус верхний (Minus Front). Серп луны готов.

Шаг 16

При необходимости сделайте месяц больше или меньше и перетащите в верхний правый угол изображения. По желанию можно бросить на месяц едва заметную белую тень. Для этого с помощью инструмента Перо (цвет обводки белый, заливку отключить) нарисуйте внутри месяца тоненький серп. Затем откройте меню Эффект (Effect), Размытие (Blur), Размытие по Гауссу (Gaussian Blur), радиус — 4-5 пикселей. Непрозрачность (Opacity) белой тени уменьшите приблизительно до 20%.

Шаг 17

С помощью инструмента Прямоугольник (Rectangle Tool) нарисуйте прямоугольник приблизительно на третью часть поля. И залейте его цветом R=0, G=27, B=46. Без обводки.

Шаг 18

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

Шаг 19

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

Шаг 20

Выделите все здания инструментом Выделение (Selection Tool) и нажмите Ctrl+G, чтобы их сгруппировать. Не снимая выделение с группы, откройте меню Эффект (Effect) и выберите команду Стилизация (Stylize), Внутреннее свечение (Inner Glow). Режим наложения пусть остается Осветление (Screen). Цвет выберите светло-желтый с параметрами R=246, G=255, B=156. Непрозрачность (Opacity) установите 30%. Размытие — 2.47 мм. И внизу выберите По краям (Edge).

Шаг 21

Нарисуйте еще один ряд зданий, используя инструменты Прямоугольник (Rectangle) и Эллипс (Ellipse). Когда нарисуете, выберите все объекты и нажмите Ctrl+G, чтобы их сгруппировать. Не снимая выделение, откройте меню Объект (Object), выберите команду Монтаж (Arrange), Сдвинуть назад (Send Backward или Ctrl+[ ), чтобы новый ряд зданий поставить позади нарисованных ранее.

Шаг 22

Чтобы не оставлять здания в темноте, нарисуем окна. Выберите инструмент Прямоугольник (Rectangle Tool) и рисуйте желтые, белые и бледно-голубые прямоугольники. Чтобы придать им разную степень яркости, уменьшайте Непрозрачность (Opacity).

Шаг 23

Нарисуйте окна, используя также инструменты Эллипс (Ellipse) и Прямоугольник со скругленными углами (Rounded Rectangle). Выберите все нарисованные окна и сгруппируйте их (Ctrl+G).

Шаг 24

Заднему ряду зданий тоже нарисуйте окна. Опять же используйте инструменты Прямоугольник (Rectangle) и Прямоугольник со скругленными углами (Rounded Rectangle) и меняйте непрозрачность в палитре Прозрачность (Transparency). Когда нарисуете, сгруппируйте все окна заднего ряда зданий и отбросьте их назад (меню Объект, Монтаж, Сдвинуть назад).

Шаг 25

Чтобы спрятать эффект Внутреннего свечения (Inner Glow) на нижней линии зданий, нарисуйте поверх нее прямоугольник (черный цвет заливки, без обводки).

Шаг 26

Выделите все группы объектов, созданные с 18 по 25 шаг. То есть два ряда зданий и две группы окон. Нажмите Ctrl+G, чтобы все это сгруппировать. Скопируйте сгруппированные объекты и вклейте впереди. Откройте меню Объект (Object), Трансформировать (Transform), Зеркальное отражение (Reflect). В открывшемся окне выберите По горизонтали (Horizontal). Перетащите зеркальное отражение вниз таким образом, чтобы верхняя часть отражения соприкасалась с основанием зданий. И после этого сдвиньте отражение назад (Ctrl+[), чтобы спрятать верхний край под прямоугольник, нарисованный в Шаге 25.

Шаг 27

Посмотрите ниже на мой рисунок. Так должно быть сейчас и у вас.

Шаг 28

Не снимая выделение с зеркального отражения зданий, откройте меню Эффект (Effect), Исказить и трансформировать (Distort and Transform), Огрубление (Roughen). В открывшемся окне для Размера (Size) установите 4%, для Детали — 8/дюйм и нажмите ОК. Отражение станет волнистым.

Шаг 29

Поскольку отражение выходит за пределы поля, воспользуемся Обтравочной маской (Clipping mask). Выберите инструмент и нарисуйте прямоугольник (любого цвета). Как на рисунке ниже. После этого инструментом Выделение (Selection Tool) выделите прямоугольник и волнистое отражение зданий, щелкните правой кнопкой мыши и выберите команду Создать обтравочную маску (Make Clipping Mask).

Шаг 30

Должно получиться так, как у меня. Посмотрите на рисунок ниже.

Шаг 31

А это готовое изображение. Надеюсь, вам понравился этот урок. Спасибо, что прочли. Желаю удачи.

Эффективные приемы | Часть - 1

2020-09-16T11:27:44.673Z

Прячем Габаритный прямоугольник

С помощью Габаритного прямоугольника (Bounding Box) можно быстро изменить размер объекта, не прибегая к использованию инструмента Размер (Scale). Но он может мешать при перетаскивании объекта, особенно, если объект маленький. Поэтому весьма полезно знать, как его спрятать. Чтобы спрятать/показать Габаритный прямоугольник (Bounding Box), используйте сочетание клавиш Cmd / Ctrl + Shift + B.

Прячем границы объекта

Границы выделенного объекта могут мешать еще больше, чем Габаритный прямоугольник. Очень часто из-за них не виден сам объект. Чтобы спрятать/показать границы, используйте сочетание клавиш Cmd / Ctrl + H.

Прячем рамку документа

В Adobe Illustrator рамка документа включена по умолчанию. Чтобы оценить изображение без нее, нажмите сочетание клавиш Shift + Cmd / Ctrl + H.

Быстрый переход в окно Перемещение

Чтобы открыть окно Перемещение (Move dialog window), необязательно искать его в меню Объект. Достаточно дважды щелкнуть иконку инструмента Выделение (Selection Tool) или Прямое выделение (Direct Selection Tool) на палитре инструментов.

Перемещение фигуры в процессе создания

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

Настройка инструментов

У большинства инструментов есть собственные настройки, изменение которых влияет на их работу. Быстро открыть окно параметров — очень легко. Для этого просто щелкните дважды значок инструмента на палитре. В окне параметров можно настроить следующие инструменты: Линию (Line), Дугу(Arc), Прямоугольную сетку (Rectangular Grid), Полярную сетку (Polar Grid), Блик (Flare), Кисть (Paintbrush), Карандаш (Pencil), Кисть-кляксу (Blob brush), Сглаживание (Smooth), Пипетку (Eyedropper), Превращение (Blend) , Интерактивная заливка (Live Paint Bucket), Выделение элементов интерактивной заливки (Live Paint Selection), все инструменты искажения, инструменты для работы с символами и диаграммами.

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

Как быстро спрятать/показать несколько слоев

Если изображение состоит из большого количества слоев или подслоев, и вы хотите несколько спрятать, щелкните иконку глаза в палитре Слои и протащите курсор по остальным иконкам. Так можно скрыть/показать несколько соседних слоев. Если хотите оставить видимым один слой, а остальные скрыть, удерживая клавишу Opt/Alt, щелкните иконку глаза того слоя, который хотите оставить. Чтобы открыть остальные слои, снова щелкните иконку, удерживая клавишу Opt/Alt.

Горячие клавиши масштабирования

Чтобы установить реальный размер изображения, используйте сочетание клавиш Cmd/Ctrl + 1. Чтобы подогнать монтажную область по размерам окна — Cmd/Ctrl + 0. Эти режими также можно переключать на палитре инструментов. Чтобы установить реальный размер (100%), дважды щелкните инструмент Масштаб. Чтобы подогнать по размерам окна, дважды щелкните инструмент Рука.

Изменение области изображения перед увеличением

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

Горячие клавиши для инструмента Масштаб

Чтобы не обращаться каждый раз к палитре инструментов, нажмите сочетание клавиш Cmd/Ctrl + Пробел. Инструмент Масштаб временно включится. Щелчком мышки увеличьте изображение. И отпустите сочетание клавиш, чтобы вернуться к текущему инструменту. Чтобы уменьшить размер, используйте сочетание клавиш Ctrl/Ctrl + Opt/Alt + Пробел.

Горячие клавиши для инструмента Рука

Необязательно выбирать инструмент Рука на палитре инструментов. Чтобы включить ее временно, нажмите Пробел. Чтобы вернуться к текущему инструменту, отпустите клавишу.

Отображение точки центра

В прямоугольниках и эллипсах точка центра всегда видна. А, к примеру, в многоугольниках или звездах — нет. Включить/отключить точку центра можно в палитре Атрибуты (Attributes panel). Выделите объект и щелкните в палитре небольшую кнопку Показать центр/Не показывать центр. Это действие нужно проделать для каждого объекта.

Отображение палитр

Чтобы освободить пространство, можно временно спрятать все палитры, нажав клавишу Tab. Но исчезнет и панель инструментов. Чтобы оставить палитру инструментов, а все остальные скрыть, нажмите Shift + Tab.

Быстро меняем инструмент группы

Чтобы выбрать инструмент из группы, щелкните и не отпускайте кнопку мыши на том инструменте, который видно в палитре. Откроется подменю со всеми инструментами группы. Чтобы поменять инструмент в момент щелчка мышкой, удерживайте также клавишу Opt/Alt. Каждый щелчок меняет текущий инструмент на следующий.

Присвоение горячих клавиш

Создавая векторный рисунок, мы часто используем команды, у которых нет горячих клавиш. Например, Преобразовать (Expand), Преобразовать внешний облик (Expand Appearance), Разделить нижние объекты (Divide Objects Below), Упростить (Simplify) и др. И очень неудобно искать их каждый раз в меню. Лучше один раз присвоить им свои собственные горячие клавиши. Откройте меню Редактирование, Сочетания клавиш (Keyboard Shortcuts). В окне откройте Меню программы (Menu Commands). И, выбирая команду, задавайте сочетания клавиш, которые еще не используются в программе.

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

Создание изображения картриджа и джойстика для видеоигры в стиле 90-х годов

2020-09-11T12:59:45.733Z

Шаг 1

Начнем с использования инструмента Прямоугольник с Закругленными Углами (Rounded Rectangle Tool). Нарисуйте прямоугольник, похожий на изображенный на рисунке.

Шаг 2

Нарисуйте три небольших формы внутри прямоугольника.

Шаг 3

Используйте опцию Следопыт (Pathfinder), чтобы обрезать прямоугольник с одного края таким образом, чтобы только два верхних угла имели закругленные углы. Поместите формы друг на друга и нажмите Вычесть из Области Формы(Subtract from the Shape Area) после нажатия кнопки Расширить (Expand), как показано ниже.

Шаг 4

Поместите форму в нижнюю часть, а затем скопируйте и разместите копию в верхней части, повернув её на 180 градусов.

Шаг 5

Продолжайте использовать простые формы для составления основной части джойстика. Для того, чтобы нарисовать манипулятор направления, создайте два прямоугольника поверх друг друга на разных слоях и объедините их с помощью панели Следопыт (Pathfinder).

Шаг 6

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

Выберите объект и перейдите к Объект (Object) -> Контур (Path)-> Смещение Контура (Offset Path). Далее введите желаемое значение для Смещения (Offset) и нажмите кнопку ОК.

Шаг 7

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

Шаг 8

Сделайте уменьшение со смещением и для основного прямоугольника (который является основой джойстика) тоже.

Шаг 9

Теперь будем работать с мелкими деталями. Используя градиент красного и белого, заполните круги как показано на рисунке. Обратите внимание, что мой градиент имеет три составляющие: белый, красный и темно-красный. Темно-красный цвет – незначительная деталь, которая позволит вам придать кнопке более динамичный вид. Это может быть не заметно на первый взгляд, но на самом деле это имеет значение.

Шаг 10

Придайте фону джойстика градиент от серого к черному. Убедитесь, что вы используете черный в шкале RGB (Rich Black), а не в черно-белой шкале. Это можно проверить: должны стоять значения для всех величин: «R,» G,» и»B». Установите нулевые значения для всех величин «R,» G,» и»B».

Примечание: Если вы собираетесь в будущем напечатать это изображение на футболке, используйте шкалу CMYK. В этом случае черному цвету соответствуют параметры: C=40, M=30, Y=20 and K=100. На рисунке ниже мы привели параметры для черного цвета в шкале RGB.

Шаг 11

Нарисуйте стрелочки, которые будут указывать направления на манипуляторе направлений, используя простые формы. Используйте инструмент Звезда (Star Tool) чтобы нарисовать треугольник.

Шаг 12

Выровняйте фигуры по вертикали и нажмите кнопку Добавить к Области Формы (Add to Shape Area), как показано ниже, после нажатия кнопки Расширить (Expand).

Шаг 13

Расположите стрелки на манипуляторе направлений. Используйте палитру Выравнивание (Align Palette) чтобы обеспечить безупречное выравнивание линий.

Шаг 14

Создайте еще внутренний прямоугольник и две кнопки с эффектом внутреннего свечения. Для этого перейдите к Эффекты (Effect) -> Стилизовать (Stylize) -> Внутреннее Свечение (Inner Glow).

Убедитесь, что цвет заливки обеих кнопок достаточно светлый, чтобы внутреннее свечение было заметно. Также вам следует убедиться, что вы выбрали режим Усиление (Multiply).

Шаг 15

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

Шаг 16

Теперь вернемся к стрелкам. Измените Прозрачность и Размытие (Opacity and Blur), чтобы установить Внутреннее Свечение (Inner Glow) для каждого элемента, который вы добавляете.

Шаг 17

Чтобы быстро придать освещение для краев стрелок, для начала выберите все четыре стрелки и объедините их, используя опцию Следопыт (Pathfinder), используя функцию Добавить к Области Формы (Add to Shape Area). После этого, скопируйте стрелки и немного сдвиньте их так, как показано ниже. Выберите два набора стрелок и снова нажмите на кнопку Вычесть из Области Формы (Subtract from Shape Area), после нажатия кнопки Расширить (Expand).

Шаг 18

Чтобы добавить реалистичности общему впечатлению от джойстика, добавим отражение к манипулятору направления. Нарисуйте прямоугольник и слегка поверните его. Поместите слой с прямоугольником поверх манипулятора, выберите обе формы и нажмите Разделить (Divide) на панели Следопыт (Pathfinder). Откройте Объект (Object) -> Разгруппировать (Ungroup). Удалите остатки формы вокруг манипулятора управления.

Шаг 19

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

Шаг 20

Добавьте немного текста по вашему выбору. Желая придать тексту градиент, вам для начала следует выбрать текст и открыть Символ (Type) -> Создать Обводку (Create Outlines). Теперь заполните текст градиентом по вашему выбору.

Шаг 21

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

Шаг 22

Разместите освещенные участки поверх кнопок и настройте прозрачность (Opacity) примерно 50%.

Шаг 23

Для создания более ярких световых пятен внизу кнопок, начнем с рисования эллипса с помощью инструмента Эллипс (Ellipse Tool (L.)).

Шаг 24

Откройте Объект (Object) -> Конверт Distort (Envelope Distort) -> Сделать с Деформацией (Make with Warp). Выберите Стиль Дуга (Arc) среди стилей в выпадающем меню и введите отрицательное значение для Связи (Bend). Нажмите кнопку ОК.

Шаг 25

Используйте инструмент Прямое Выделение (Direct Selection Tool (A)) для точной настройки световых пятен и точек формы на кнопке.

Шаг 26

Мы можем создать реалистичные отбрасываемые тени для объектов путем размывания формы, которая похожа на объект, для которого мы рисуем тень. Создайте тень для двух кнопок посередине путем размытия прямоугольников с закругленными углами. Откройте Эффекты (Effects) -> Размытие (Blur) -> Размытие по Гауссу (Gaussian Blur).

Шаг 27

Поместите тень позади кнопок, установите режим Усиление (Multiply) и отрегулируйте значение для Непрозрачности (Opacity) примерно 50% (в панели Прозрачность (Transparency).

Шаг 28

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

Поместите обе формы поверх друг друга и в панели Следопыт (Pathfinder) выберите Исключить Перекрытие Областей Форм (Exclude Overlapping Shape Areas) после нажатия Расширить (Expand). Если вам нужно разделить формы после этого выберите Разделение (Devide) и затем откройте Объект (Object) -> Разгруппировать (Ungroup).

Шаг 29

Поместите световые пятна в верхней части и затемнения в нижней части. Придайте каждой форме разреженный (Tenuous) градиент.

Шаг 30

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

Шаг 31

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

Шаг 32

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

Шаг 33

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

Шаг 34

Выделите оба прямоугольника и откройте Объекты -> Смешивание (Blend) -> Параметры Смешивания (Blend Options). Выберите указанные шаги и введите число около 20. Нажмите ОК.

Шаг 35

Откройте Объекты (Object) -> Смешивание (Blend) -> Сделать (Make) и результат будет выглядеть аналогично тому, как показано на рисунке ниже. Чтобы продолжить редактирование форм, вам нужно открыть Объекты (Object) -> Расширить (Expand).

Шаг 36

Придайте картриджу радиальный градиент.

Шаг 37

Этикетка также должна быть залита простым серо-белым градиентом.

Шаг 38

Придайте треугольнику внутреннее свечение, путем применения эффекта: Эффект (Effect) -> Стилизовать (Stylize) -> Внутреннее Свечение (Inner Glow).

Шаг 39

Добавьте тонкую обводку к треугольнику, используя Палитру Обводок (Stroke Palette).

Шаг 40

Выберите группу прямоугольников и примените легкий градиент и для них тоже.

Шаг 41

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

Шаг 42

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

Шаг 43

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

Шаг 44

Придайте градиент и боковой стороне тоже.

Шаг 45

Создание пера легче, чем вам кажется. Используйте инструмент Карандаш (Pencil Tool (N)) и нарисуйте форму пера, как показано ниже на рисунке.

Шаг 46

Нарисуйте области, которые разрезают перо, используя опять же инструмент Карандаш (Pencil Tool). Возможно будет проще нарисовать пару таких форм за один раз вместо прорисовки всех таких фигур сразу.

Шаг 47

Используйте опцию Вычесть из Области Формы (Subtract From Shape Area) чтобы удалить все эти формы из основной части пера.

Шаг 48

Используйте инструмент Перо (Pen Tool (P)) чтобы нарисовать среднюю часть пера и придайте перу ярко-красный градиент.

Шаг 49

Вам практически не потребуется усилий, чтобы придать впечатление того, что перо является иллюстрацией на этикетке картриджа, если вы будете использовать следующую технику. Скопируйте этикетку картриджа и уберите обводку и заливку. Убедитесь, что эта форма находится впереди пера, выберите формы пера и картриджа и откройте Объект (Object) -> Обтравочная Маска (Clipping Mask) -> Сделать (Make). Теперь все что вне области картриджа будет убрано.

Шаг 50

Теперь создайте фон с помощью инструмента Прямоугольник с Закругленными Углами (Rounded Rectangle Tool). Заполните его интенсивным голубым градиентом.

Шаг 51

Выберите основные формы, которые составляют картридж и джойстик. Откройте Эффект (Effect) -> Стилизовать (Stylize) -> Внешнее Свечение (Outer Glow). Убедитесь, что Режим (Mode) установлен Экран (Screen), чтобы ваше внешнее свечение было заметно.

Шаг 52

Создайте тень для джойстка и картриджа путем размытия прямоугольника, который заполнен градиентом, с белым цветом на обеих сторонах. На панели Прозрачность (Transparency) установите режим Усиление (Multiply) и установите значение Непрозрачности (Opacity) примерно 90%.

Шаг 53

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

Итак, вот ваш готовый рисунок. Поскольку поверхности и общий стиль джойстика и картриджа плоские и квадратные, этот стиль векторных иллюстраций работает великолепно.

Рисуем логотип: герб кондитерской фабрики на текстурированном фоне

2020-09-02T10:35:53.548Z

Шаг 1: создание контуров

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

Скопируйте фигуру (Ctrl + C) и вставьте копию поверх исходного изображения, на то же самое место (Ctrl + F).
Уменьшите копию, чтобы она была немного меньше первоначального изображения.
Скопируйте оба изображения (и копию, и оригинал) и нажмите кнопку Вычесть Фронт (Minus Front).

Примените тот же самый алгоритм к изображениям леденцов и шоколадных безе.

Шаг 2: рисуем спираль

Выберите инструмент Спираль (Spiral Tool), который находится среди инструментов Линейный Сегмент (Line Segment Tool) и дважды щелкните мышкой на любом месте экрана, чтобы вывести окно. Введите числа, показанные на изображении ниже, нажмите ОК, и вы получите спираль.

Шаг 3: создание заполненной формы Спираль

Выполните те же действия, которые были описаны в шаге 1: скопируйте спираль, уменьшите её и сдвиньте немного копию от оригинала. Используйте инструмент Перо (Pen Tool) для соединения конечных точек обеих линий, чтобы сформировать фигуру. Переместите фигуры в нужные позиции на логотипе.

Шаг 4: деформация текста

Чтобы исказить текст, перейдите в Объект (Object) -> Искажение Конверта (Envelope Distort) -> Сделать С Деформацией (Make with Warp) и появится окно. Установите настройки аналогично тому, что показано на рисунке ниже.

Шаг 5: создание текстурированного фона

Чтобы создать мягкую текстуру фона, будем использовать Маску Обрезки (Make Clipping Mask). Импортируйте исходное изображение текстуры в Adobe Illustrator и создайте Прямоугольник с Закругленными Углами (Rounded Rectangle). Наложите прямоугольник поверх текстуры. Выделите оба объекта и Примените Маску Обрезки (Make Clipping Mask), используя для этого кнопки Ctrl + 7.

Шаг 6: использование режима наложения

Теперь мы можем слегка изменить текстуру, чтобы она более подходила по стилю к логотипу, используя опцию наложения. Создайте коричневый (# 652C13) прямоугольник немного большего размера, чем прямоугольник с закругленными углами. Поместите текстуру поверх прямоугольника и выберите Наложение (Overlay) в параметрах Прозрачности (Transparency).

Шаг 7: выравнивание текстуры

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

Шаг 8: добавляем логотип

Помещаем завершенный логотип на текстуру фона.

Установка скриптов

2020-08-30T12:25:03.803Z

Скрипты, которые вы собираетесь использовать, желательно сохранять всегда в одно и тоже место, например в директорию Scrips (Скрипты). Что бы запустить скрипт нужно зайти в Файл > Сценарии > Другой Сценарий (Command + F12) (File > Scripts > Other Scripts).

Открыть директорию со скриптами и запустить нужный файл.