ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
 Страница 1 из 3  » следующая ОтветитьНовая темаНовое голосование
38 ответов. 11768 просмотров.
   
 мужчина  Dark Wood 20 Марта 2013, 16:12
Пост №1 * 20 Марта 2013, 16:12
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
How to Create a Detailed Lighter in Adobe Illustrator
Создание детализированной зажигалки в Adobe Illustrator


От переводчика. В уроке присутствуют некоторые неточности, которые я пометил своими примечаниями, так что будьте внимательнее. Также здесь довольно много повторяющихся действий (опять-таки будьте внимательны), из-за которых урок кажется сложнее, чем он есть на самом деле. Я присвоил уровень «средний», в отличии от авторского «сложный».

Примерное время выполнения: 3 часа.
Версия программы: Adobe Illustrator CS5.
Уровень сложности: для продвинутых.


Необходимые материалы.

Скрипт Round Any Corner (также на этой странице представлены другие полезные скрипты для Illustrator).
Шрифт «Hybrid Bold»

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

Вот что должно получиться в результате урока:

Создание детализированной зажигалки

Шаг 1

Нажмите Ctrl+N для создание нового документа. Установите значение ширины и высоты равное 600 пикселям, разрешение 72 ppi, цветовое пространство RGB. Убедитесь, что галочка напротив пункта «Align New Objects to Pixel Grid» снята и нажмите OK.

Установите основные единицы измерения в пикселях, если этого еще не сделано (Edit> Preferences> Unit> General). Теперь включите отображение сетки (View> Grid; Ctrl+”) и привязку к сетке (View> Snap to Grid; Shift+Ctrl+”). Настройте размер сетки: для этого зайдите в пункт меню Edit> Preferences> Guides & Grid и введите в поле «Gridline every» значение 5 пикселей, в поле «Subdivisions» – 1. Вы также можете открыть панель Info (Window> Info) для просмотра размеров и координат положения ваших форм. Все эти манипуляции значительно помогут в работе.

Создание детализированной зажигалки

Шаг 2

Инструментом Rectangle Tool (M) создайте прямоугольник с размерами 95x220 пикселей. Залейте его градиентом с настройками, показанными на картинке ниже. Белые цифры указывают процентное положение промежуточных цветовых плашек. Выделите прямоугольник, скопируйте (Ctrl+C) и вставьте на передний план (Ctrl+F).

Создание детализированной зажигалки

Шаг 3

Создайте два прямоугольника размерами 10x230 пикселей. Залейте их белым цветом и расположите как показано на изображении ниже, под цифрой 1. Убедитесь что оба прямоугольника выбраны и превратите их в Compound Path (Object> Compound Path> Make; Ctrl+8). Выделите получившийся контур и копию прямоугольника, сделанную в конце предыдущего шага. Откройте панель Pathfinder (Window> Pathfinder; Shift+Ctrl+F9) и нажмите кнопку Intersect. Разгруппируйте получившуюся группу (Shift+Ctrl+G). У левого белого прямоугольника снизьте непрозрачность до 25% и измените режим смешивания на Soft Light. У правого – установите непрозрачность равную 10% и режим смешивания Soft Light.

Создание детализированной зажигалки

Шаг 4

Отключите привязку к сетке (View> Snap to Grid; Shift+Crtl+”), затем перейдите к пункту Edit> Preferences> General и убедитесь что смещение при помощи клавиатуры (Keyboard Increment) равно 1 пикселю. Выделите прямоугольник, созданный во втором шаге, и сделайте две его копии, которые поместите на передний план (Ctrl+C, Ctrl+F, Ctrl+F). Верхнюю копию переместите на 1 пиксель вниз, используя клавишу «Стрелка вниз» на клавиатуре. Теперь выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру белым цветом, уменьшите непрозрачность до 70% и измените режим смешивания на Soft Light.

Создание детализированной зажигалки

Шаг 5

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

Создание детализированной зажигалки

Шаг 6

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

Создание детализированной зажигалки

Шаг 7

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

Создание детализированной зажигалки

Шаг 8

Повторите операции из 6 шага, только смещайте верхнюю копию на 6 пикселей.

Создание детализированной зажигалки

Шаг 9

Включите привязку к сетке. Выделите фигуры, сделанные в последних трех шагах. Сгруппируйте их (Ctrl+G). Выполните команду Object> Transform> Reflect с настройками, показанными на картинке ниже, под цифрой 1; не забудьте нажать на кнопку «Copy». При помощи этих манипуляций мы создадим отраженную по горизонтали копию группы. Переместите эту копию вправо, как показано на изображении ниже, под цифрой 2.

Создание детализированной зажигалки

Шаг 10

Для следующих действий необходимо изменить шаг сетки на «каждый 1 пиксель». Зайдите в меню Edit> Preferences> Guides & Grid и введите 1 в поле «Gridline every». Создайте прямоугольник с размерами 1 на 218 пикселей, залейте его черным цветом и поместите как показано на картинке ниже, под цифрой 1. Сделайте копию этого тонкого прямоугольника и поместите ее на передний план (Ctrl+C, Ctrl+F), залейте белым цветом и переместите на 1 пиксель вправо (показано на изображении ниже, под цифрой 2).

Создание детализированной зажигалки

Шаг 11

Выделите черный прямоугольник, созданный в предыдущем шаге, измените режим смешивания на Soft Light. Заливку цветом поменяйте на градиент от черного к прозрачному (настройки показаны на картинке ниже, под цифрой 1; желтый 0 обозначает непрозрачность). Для белого прямоугольника, созданного в предыдущем шаге, проделайте те же операции. Только градиент, конечно же, будет от белого к прозрачному (настройки на картинке ниже, под цифрой 2). Также уменьшите непрозрачность этой фигуры до 70%.

Создание детализированной зажигалки


Отредактировано: meine_kleine — 15 Августа 2013, 00:04
ключевые слова: детализированные векторные объекты урок, Создание детализированной зажигалки в Adobe Illustrator, создание детализированной зажигалки,, 3d max как отключить привязку к сетке, рисунок прямоугольник у которого все стороны равны, рисунок радиуса круга, нарисовать цифру 3 картинки, зажигалки в векторе
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  Dark Wood 20 Марта 2013, 16:20 (спустя 8 мин. 32 сек.)
Пост №2 * 20 Марта 2013, 16:20 (спустя 8 мин. 32 сек.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Шаг 12

Выделите два тонких прямоугольника, над которыми мы работали в прошлом шаге. Сгруппируйте их (Ctrl+G), примените команду Object> Transform> Reflect, метод «Vertical» (настройки можно увидеть на изображении ниже под цифрой 1); не забудьте нажать кнопку «Copy». Копию переместите в правую часть изображения, как показано на картинке ниже под цифрой 2.

Создание детализированной зажигалки

Шаг 13

Выделите прямоугольник, созданный во втором шаге. На панели Appearance добавьте вторую заливку при помощи кнопки Add New Fill (показана маленькой синей стрелкой на изображении ниже, под цифрой 1). Перейдите на панель Swatches, откройте выпадающее меню и перейдите к пункту Open Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Откроется новое окно с набором встроенных в программу паттернов. Убедитесь, что активна вторая заливка (созданная в начале этого шага), измените тип завивки на паттерн с названием «USHS 19 Land Inundation». Измените режим смешивания на Overlay и примените команду Object> Transform> Rotate: угол 90 градусов, снимите галочку с поля «Object». При помощи кнопки «Preview» посмотрите, чтобы все было правильно и нажмите ОК. Сейчас будущая зажигалка должна выглядеть, как на изображении ниже под цифрой 2.

Создание детализированной зажигалки

Шаг 14

Выделите фигуру, отредактированную в предыдущем шаге. На панели Appearance добавьте третью заливку: цвет со значением R=133 G=69 B=72 (#854548), непрозрачность 50, режим смешивания Color Burn.

Примечание переводчика. На самом деле автор использует цвет R=132 G=69 B=29 (#84451d) или близкий к нему.

Создание детализированной зажигалки

Шаг 15

Вернитесь к виду сетки «каждые 5 пикселей». Нарисуйте прямоугольник с размерами 95x15 пикселей, залейте его линейным градиентом с настройками, показанными на картинке ниже, и расположите как показано на той же картинке под цифрой 1. В этом месте нам понадобиться скрипт «Round Any Corner», который можно найти по указанной в начале урока ссылке.

Примечание переводчика. Сохраните нужный скрипт на жесткий диск (удобнее держать их в одной папке, например, с названием «Scripts»). Для запуска какого-либо из этих скриптов выполните команду File> Scripts> Other Scripts (Ctrl+F12). В диалоговом окне выберите папку, в которой у вас лежат скрипты, а в ней необходимый скрипт (перед использованием не забудьте извлечь его из архива).

Активируйте инструмент Direct Selection Tool (A). Выделите две нижние опорные точки и запустите скрипт «Round Any Corner» с радиусом скругления 5 пикселей. Сейчас ваша фигура должна выглядеть как на изображении ниже, под цифрой 2. Выделите ее, скопируйте, поместите копию на передний план (Ctrl+C, Ctrl+F).

Создание детализированной зажигалки

Шаг 16

Создайте два прямоугольника размерами 10x25 пикселей. Залейте их белым цветом, расположите как показано на картинке ниже, под цифрой 1. Объедините их в Compound Path (Ctrl+8). Выделите получившуюся фигуру и копию формы, созданной в прошлом шаге, нажмите кнопку Intersect на панели Pathfinder. Разгруппируйте получившуюся группу (Shift+Ctrl+G). Выделите левый белый прямоугольник, снизьте его непрозрачность до 20%. У правого прямоугольника непрозрачность будет равна 10%.

Создание детализированной зажигалки

Шаг 17

Отключите привязку к сетке. Выделите фигуру, созданную в 15 шаге, сделайте две ее копии, которые поместите на передний план (Ctrl+C, Ctrl+F, Ctrl+F). Верхнюю копию переместите на 1 пиксель вниз. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру белым цветом, уменьшите непрозрачность до 75% и измените режим смешивания на Soft Light.

Создание детализированной зажигалки

Шаг 18

Выделите фигуру, созданную в 15 шаге, Ctrl+C, Ctrl+F, Ctrl+F. Верхнюю копию переместите на 1 пиксель вверх. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру черным цветом, уменьшите непрозрачность до 50% и измените режим смешивания на Overlay.

Создание детализированной зажигалки

Шаг 19

Выделите фигуру, созданную в 15 шаге, сделайте ее копию, которую поместите на передний план (Ctrl+C, Ctrl+F), переместите на 1 пиксель вверх. Сделайте копию этой фигуры и поместите ее на передний план (Ctrl+C, Ctrl+F), верхнюю копию переместите на 1 пиксель вверх (в данный момент всё должно выглядеть как на изображении ниже, под цифрой 3). Выделите обе созданные в этом шаге фигуры, нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру градиентом, настройки которого можно увидеть на изображении ниже под цифрой 4; измените ее непрозрачность на 50%.

Создание детализированной зажигалки

Шаг 20

Создадим простой паттерн.

Включите привязку к сетке. Переключитесь на отображение сетки «каждый 1 пиксель». Инструментом Rectangle Tool (M) создайте квадрат со стороной 3 пикселя, залейте его любым цветом. Нарисуйте прямоугольник 1x3 пикселя, залейте его черным цветом и поместите посередине квадрата (показано на изображении ниже, под цифрой 2). Создайте еще один прямоугольник 1x3 пикселя, залейте его белым цветом и расположите справа от черного прямоугольника (показано на изображении ниже, под цифрой 3). Выделите квадрат, на панели Appearance удалите заливку. Теперь выделите все фигуры, созданные в этом шаге, и просто перетащите их на панель Swatches. Должен добавиться новый паттерн. Со слоя фигуры можно удалить.

Создание детализированной зажигалки

Шаг 21

Выделите фигуру, созданную в 15 шаге. На панели Appearance добавьте вторую заливку, в качестве которой будет выступать паттерн, созданный в предыдущем шаге. Установите непрозрачность равную 40% и измените режим смешивания на Soft Light.

Создание детализированной зажигалки

Шаг 22

Вернитесь к виду сетки «каждые 5 пикселей». Нарисуйте прямоугольник с размерами 95x15 пикселей, залейте его градиентом с настройками, показанными ниже и расположите, как показано на том же изображении; сделайте копию, поместите ее на передний план (Ctrl+C, Ctrl+F).

Создание детализированной зажигалки

Шаг 23

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

Создание детализированной зажигалки

Шаг 24

Отключите привязку к сетке. Выделите прямоугольник, созданный в 22, Ctrl+C, Ctrl+F, Ctrl+F. Верхнюю копию переместите на 1 пиксель вниз. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру белым цветом, уменьшите непрозрачность до 60% и измените режим смешивания на Soft Light.

Создание детализированной зажигалки
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+3
 мужчина  Dark Wood 20 Марта 2013, 16:30 (спустя 9 мин. 40 сек.)
Пост №3 * 20 Марта 2013, 16:30 (спустя 9 мин. 40 сек.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Шаг 25

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

Создание детализированной зажигалки

Шаг 26

Повторите действия из 25 шага. Смещение верхней копии будет равно 2 пикселям. Остальные параметры не меняются.

Создание детализированной зажигалки

Шаг 27

Выделите прямоугольник, созданный в 22 шаге, на панели Appearance добавьте вторую заливку, в качестве которой будет выступать паттерн, созданный в 20 шаге. Установите значение непрозрачности равное 40%, режим смешивания Soft Light.

Создание детализированной зажигалки

Шаг 28

Включите привязку к сетке. Создайте прямоугольник с размерами 70x45 пикселей, залейте его градиентом, настройки которого можно увидеть на изображении ниже под цифрой 1. Переключитесь на инструмент Direct Selection Tool (A), выделите правую верхнюю опорную точку и переместите ее на 5 пикселей влево. Здесь нам еще раз понадобится скрипт Round Any Corner. Всё тем же инструментом Direct Selection Tool выделите две верхние опорные точки (показаны на изображении ниже, под цифрой 2). Выполните команду File> Scripts> Other Script, укажите путь к скрипту Round Any Corner и откройте его. Радиус скругления установите равный 5 пикселям. Сейчас ваша фигура должна выглядеть как на изображении ниже, под цифрой 3.

Создание детализированной зажигалки

Шаг 29

Отключите привязку к сетке. Выделите фигуру, созданную в предыдущем шаге, Ctrl+C, Ctrl+F, Ctrl+F. Верхнюю копию переместите на 1 пиксель вверх. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру черным цветом, уменьшите непрозрачность до 5%.

Создание детализированной зажигалки

Шаг 30

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

Создание детализированной зажигалки

Шаг 31

Выделите фигуру, созданную в 28 шаге, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию переместите на 1 пиксель влево. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру градиентом, настройки которого показаны на картинке ниже, под цифрой 3.

Создание детализированной зажигалки

Шаг 32

Выделите фигуру, созданную в 28 шаге, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию переместите на 2 пикселя влево. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру градиентом, настройки которого показаны на картинке ниже, под цифрой 3. Измените режим смешивания на Overlay.

Примечание переводчика. На самом деле автор использует в этом шаге градиент от цвета со значением R=52 G=52 B=52 (#343434) к белому. В этом можно убедиться, взглянув на отображение этого градиента в окошке стилей. Так что значения левой цветовой плашки на картинке написаны неправильно.

Создание детализированной зажигалки

Шаг 33

Выделите фигуру, созданную в 28 шаге, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию переместите на 1 пиксель вниз. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру градиентом, настройки которого показаны на картинке ниже, под цифрой 3.

Создание детализированной зажигалки

Шаг 34

Выделите фигуру, созданную в 28 шаге, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию переместите на 2 пикселя вниз и на 5 влево. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте получившуюся фигуру градиентом, настройки которого показаны на картинке ниже, под цифрой 3. Уменьшите непрозрачность до 55% и измените режим смешивания на Overlay.

Создание детализированной зажигалки

Шаг 35

Включите привязку к сетке. Выделите фигуру, созданную в 28 шаге, и сделайте копию, которую поместите на передний план (Ctrl+C, Ctrl+F). Инструментом Rectangle Tool (M) нарисуйте прямоугольник с размерами 10x55 пикселей, залейте его белым цветом и разместите как показано на изображении ниже, под цифрой 2. Выделите этот белый прямоугольник вместе с копией, сделанной в начале шага, нажмите на кнопку Intersect на панели Pathfinder. У получившейся фигуры уменьшите непрозрачность до 15%.

Создание детализированной зажигалки

Шаг 36

Создайте прямоугольник с размерами 10x5 пикселей, залейте его градиентом с настройками, показанными на изображении ниже, под цифрой 1; расположите, как показано на том же изображении. Выполните команду Effect> Stylize> Rounded Corners. Введите радиус скругления равный 2,5 пикселям. Примените эффект Effect> Stylize> Drop Shadow со свойствами, показанными на картинке ниже, под цифрой 2.

Создание детализированной зажигалки

Шаг 37

Переключитесь на вид сетки «каждый 1 пиксель». Нарисуйте прямоугольник с размерами 3x5 пикселей. Залейте его градиентом с настройками, показанными на следующем изображении. Примените эффект Effect> Stylize> Drop Shadow с настройками, которые можно увидеть на том же изображении.

Создание детализированной зажигалки

Шаг 38

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

Примечание переводчика. Настройки градиента у автора опять отличаются от указанных. У точки на 85% отметке используется цвет со значениями R=168 G=168 B=168 (#a8a8a8) или похожий.

Создание детализированной зажигалки

Шаг 39

Нарисуйте прямоугольник с размерами 32x1 пиксель, залейте его градиентом с настройками, показанными на следующем изображении, под цифрой 1. Уменьшите непрозрачность фигуры до 30%. Скопируйте этот прямоугольник, копию переместите в нижнюю часть фигуры. Создайте прямоугольник с размерами 32x3пикселя, его залейте градиентом с настройками, примененными на предыдущий прямоугольник. Непрозрачность установите равную 20%.

Создание детализированной зажигалки

Шаг 40

Нарисуйте прямоугольник с размерами 35x8 пикселей, залейте его градиентом с настройками, показанными на следующем изображении, под цифрой 1. Переключитесь на инструмент Direct Selection Tool (A). Выделите верхнюю левую точку и переместите ее на 3 пикселя вниз. Убедитесь в том, что эта новая фигура активна и примените эффект Effect> Warp> Arc Upper. Введите значения, показанные на изображении ниже, под цифрой 2. После этого выполните команду Object> Expand Appearance.

Примечание переводчика. Соответственно, здесь настройки градиента также неверны. Используйте для 85% отметки цвет со значением R=168 G=168 B=168 (#a8a8a8) или похожий.

Создание детализированной зажигалки
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+3
 мужчина  Dark Wood 20 Марта 2013, 16:38 (спустя 8 мин. 8 сек.)
Пост №4 * 20 Марта 2013, 16:38 (спустя 8 мин. 8 сек.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Шаг 41

В последний раз используем скрипт Round Any Corner. Инструментом Direct Selection Tool (A) выделите две правые опорные точки (показаны на изображении ниже, под цифрой 1). File> Scripts> Other Script, укажите путь к скрипту Round Any Corner и откройте его. Радиус скругления установите равный 2 пикселям. Сейчас ваша фигура должна выглядеть как на изображении ниже, под цифрой 2.

Создание детализированной зажигалки

Шаг 42

Отключите привязку к сетке. Выделите фигуру, отредактированную в предыдущем шаге, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию переместите на 1 пиксель вниз. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте фигуру градиентом, настройки которого показаны на изображении ниже, под цифрой 3. Измените режим наложения на Soft Light.

Создание детализированной зажигалки

Шаг 43

Выделите фигуру, отредактированную в 41 шаге, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию переместите на 1 пиксель вверх. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте фигуру черным цветом. Значение непрозрачности установите равное 30% и измените режим наложения на Soft Light.

Создание детализированной зажигалки

Шаг 44

Включите привязку к сетке. Выделите все фигуры, сделанные в последние шесть шагов и сгруппируйте их (Ctrl+G). Созданную группу поместите на задний план (Object> Arrange> Send to Back; Shift+Ctrl+[) и переместите ее как показано на картинке ниже.

Создание детализированной зажигалки

Шаг 45

Используя Ellipse Tool (L), создайте круг с радиусом 40 пикселей, залейте его градиентом, настройки которого можно увидеть на изображении ниже, под цифрой 1. Переместите так, как показано на том же изображении. Поместите фигуру на задний план (Shift+Ctrl+[), сделайте копию и поместите ее на передний план (Ctrl+C, Ctrl+F).

Создание детализированной зажигалки

Шаг 46
Выделите фигуру, созданную в 28 шаге, выполните команду Object> Path> Offset Path. Введите смещение равное 1 пикселю. Выделите получившуюся фигуру вместе с копией, изготовленной в финале предыдущего шага, и нажмите на кнопку Intersect на панели Pathfinder. Залейте получившуюся фигуру черным цветом, уменьшите значение непрозрачности до 15%.

Создание детализированной зажигалки

Шаг 47

Отключите привязку к сетке. Выделите круг, созданный в 45 шаге, выполните команду Object> Path> Offset Path. Введите смещение равное -0,5 пикселя (на картинке значение неправильное, без знака минус; прим. перев.). Сделайте копию получившейся фигуры, вставьте ее на передний план (Ctrl + C, Ctrl+F) и переместите на 1 пиксель вниз. Выделите обе фигуры, сделанные в этом шаге, и нажмите кнопку «Minus Front» на панели Pathfinder. Залейте фигуру градиентом с настройками, показанными на следующем изображении.

Создание детализированной зажигалки

Шаг 48

Выделите круг, созданный в 45 шаге. На панели Appearance добавьте обводку толщиной 2 pt. Задайте ей цвет со значениями R=50 G=50 B=50 (#323232). Откройте окно свойств обводки. Поставьте галочку напротив пункта «Dashed Line», в первые два поля «dash» и «gap» введите значения 2 pt. Вернитесь к панели Appearance, добавьте вторую обводку. Измените цвет заливки на значение R=120 G=120 B=120 (#787878), толщина 1 pt, выравнивание по внутренней стороне (Align Stroke to Inside). Так как свойства предыдущей обводки при создании второй автоматически копируются, – не забудьте снять галочку с пункта «Dashed Line», для получения постоянной линии; прим. перев.

Создание детализированной зажигалки

Шаг 49

Включите привязку к сетке. Инструментом Rectangle Tool (M) создайте прямоугольник с размерами 87x3 пикселя, залейте его черным цветом, поместите как показано на изображении ниже, под цифрой 1. Примените эффекты Effect> Stylize> Rounded Corners с радиусом скругления в 1 пиксель и Effect> Warp> Arc Lower с настройками, показанными на том же изображении. Примените команду Object> Expand Appearance. Получившуюся фигуру залейте градиентом, настройки которого показаны на изображении ниже, под цифрой 2. Поместите фигуру на задний план (Shift+Ctrl+[). Добавьте обводку толщиной 1 pt, измените ее цвет на значение R=45 G=45 B=45 (#2d2d2d) и установите выравнивание по внешней стороне.

Создание детализированной зажигалки

Шаг 50

Отключите отображение сетки (View> Hide Grid; Ctrl+”) и привязку к сетке. Инструментом Type Tool (T) добавьте свой текст цветом R=130 G=127 B=133 (#827f85). Используйте шрифт «Hybrid Bold» (ссылка в начале урока) размером в 30 pt и начертанием Bold. Выделите текст и выполните команду Object> Expand. Получившуюся группу фигур превратите в Compound Path (Ctrl+8).

Создание детализированной зажигалки

Шаг 51

Выделите фигуру, созданную в конце предыдущего шага, Ctrl+C, Ctrl+F, Ctrl+F, верхнюю копию сместите на 1 пиксель вниз. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Получившуюся группу преобразуйте в Compound Path (Ctrl+8), залейте ее черным цветом, уменьшите непрозрачность до 50% и измените режим смешивания на Overlay.

Создание детализированной зажигалки

Шаг 52

Выделите фигуру, созданную в конце 50 шага, Ctrl+C, Ctrl+F, Ctrl+F, нижнюю копию сместите на 1 пиксель вниз. Выделите обе копии и нажмите кнопку «Minus Front» на панели Pathfinder. Получившуюся группу преобразуйте в Compound Path (Ctrl+8), залейте ее белым цветом, уменьшите непрозрачность до 70% и измените режим смешивания на Soft Light.

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

Создание детализированной зажигалки


Отредактировано: Dark Wood — 2 Октября 2013, 23:34
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+3
 мужчина  Dark Wood 20 Марта 2013, 16:53 (спустя 15 мин.)
Пост №5 * 20 Марта 2013, 16:53 (спустя 15 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Шаг 53

Выделите фигуру, созданную в конце 50 шага, измените цвет заливки на черный, снизьте непрозрачность до 30%, режим смешивания Overlay.

Создание детализированной зажигалки

Шаг 54

Выделите все фигуры, имеющие на холсте (Ctrl+A), объедините их в группу (Ctrl+G). Добавьте пять раз эффект Drop Shadow с настройками, показанными на картинке ниже.

Примечание переводчика. Во время добавления 2-5 эффектов программа будет предупреждать, что такой эффект уже имеется и надо воспользоваться панелью Appearance для редактирования существующих настроек. Чтобы добавить дополнительный эффект, нажимайте на кнопку «Apply New Effect».

Создание детализированной зажигалки

Шаг 55

Наконец, давайте добавим простой фон. Инструментом Rectangle Tool (M) создайте квадрат с размерами холста (сторона 600 пикселей), залейте его радиальным градиентом с настройками, показанными на изображении ниже. Поместите квадрат на задний план (Shift+Ctrl+[). На панели Appearance добавьте вторую заливку черного цвета, измените ее непрозрачность до 15% и режим смешивания на Multiply. Примените эффект Effect> Sketch> Note Paper с настройками, показанными на рисунке ниже. Вернитесь на панель Appearance и добавьте третью заливку, примените к ней паттерн «Diamond» (панель Swatches> Open Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures), измените значение непрозрачности до 10% и режим смешивания на Multiply. Примените эффект Effect> Artistic> Film Grain с настройками, показанными на рисунке ниже.

Создание детализированной зажигалки

На этом всё. Вот как должен выглядеть конечный результат:

Создание детализированной зажигалки

И мой вариант:

Создание детализированной зажигалки

Оригинал: Andrei Marius
Перевод: Dark Wood

Надеюсь урок вам пригодится smile.gif.


Отредактировано: Dark Wood — 2 Октября 2013, 23:34
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+4
 мужчина  Dark Wood 22 Марта 2013, 07:50 (спустя 1 день 14 часов)
Пост №6 * 22 Марта 2013, 07:50 (спустя 1 день 14 часов)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Еще одно решение непонятки из 52 шага, более элегантное.

Для выделения нижней копии достаточно нажать Alt+Ctrl+[ . Было найдено в этом посте. Вот, заодно и для себя "такой способ" узнал biggrin.gif .
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+3
 женщина  Rиsя 22 Марта 2013, 15:21 (спустя 7 часов 31 мин.)
Пост №7 * 22 Марта 2013, 15:21 (спустя 7 часов 31 мин.)
Ответ с цитированием этого сообщения

Размышляющие
30 постов
Возраст: 36
Регистрация: 12.10.2009
Проживает: Киев
А почему люди не пользуются слоями? Я, вот, очень быстро даже не задумываясь над этим выделила нужный объект в слоях щелчком по индикатору обработки слоя. Который, кстати, для этого и предназначен.
Этого что, никто не знал? Или у вас другие версии иллюстратора?


Создание детализированной зажигалки

Отредактировано: Rиsя — 22 Марта 2013, 15:56
+3
 мужчина  Dark Wood 22 Марта 2013, 16:15 (спустя 54 мин.)
Пост №8 * 22 Марта 2013, 16:15 (спустя 54 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
В Иллюстраторе я слоями пользуюсь, когда несколько вариантов одной вещи сделать надо, чтобы можно потом было легко между ними переключаться. Например, градиентый вариант какого-нибудь логотипа и плоский. Все-таки слои это больше из идиологии Фотошопа. Мне как раз этим Иллюстратор и нравится, что все действия на одном слое происходят.

Здесь я имею в виду не те слои, на которых создаются объекты, а другие, что под именами "layer n". А вот про объектные слои я что-то и правда не подумал tongue.gif . Просто как-то во время работы я про них... забываю - кажется это слово ближе всего. Надо разворачивать эту группу, искать там нужный слой... wink.gif .
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
0
 мужчина  rawnblade 25 Марта 2013, 14:05 (спустя 2 дня 21 час)
Пост №9 * 25 Марта 2013, 14:05 (спустя 2 дня 21 час)
Ответ с цитированием этого сообщения

Дебютанты
12 постов
Возраст: 33
Регистрация: 5.12.2010
Проживает: Боярка
Вот собственно мой вариант...

Создание детализированной зажигалки

По поводу слоев... А что мешает прикрепить их к краю экрана? Время 15" мониторов с дефицитом пространства уже прошли...
0
 женщина  Rufine 26 Марта 2013, 18:03 (спустя 1 день 3 часа)
Пост №10 * 26 Марта 2013, 18:03 (спустя 1 день 3 часа)
Ответ с цитированием этого сообщения

Дебютанты
4 поста
Возраст: 30
Регистрация: 3.08.2012
Проживает: Россия
biggrin.gif biggrin.gif biggrin.gif
Пасиб за познавательный урок!!!
Создание детализированной зажигалки
0
 мужчина  Dark Wood 26 Марта 2013, 18:25 (спустя 22 мин.)
Пост №11 * 26 Марта 2013, 18:25 (спустя 22 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Rufine, пожалуйста. У вас вполне неплохой результат получился, с некоторой своей изюминкой smile.gif.
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
0
 мужчина  punsh2004 12 Мая 2013, 01:49 (спустя 1 месяц)
Пост №12 * 12 Мая 2013, 01:49 (спустя 1 месяц)
Ответ с цитированием этого сообщения

Размышляющие
25 постов
12°
Возраст: 33
Регистрация: 29.01.2011
Проживает: Гомель
Эх! Решил гулять, только по Вашим переводам. Имхо переведено на отлично +чувствуется подход "с душой". Спасибо ещё раз, и отдельное за примечания. Делюсь результатом: Создание детализированной зажигалки *
+1
 мужчина  Dark Wood 12 Мая 2013, 06:49 (спустя 4 часа 59 мин.)
Пост №13 * 12 Мая 2013, 06:49 (спустя 4 часа 59 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 193 поста
617°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
punsh2004, пользуйтесь на здоровье! Главное, что у вас прекрасные результаты получаются.
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+1
 мужчина  punsh2004 12 Мая 2013, 12:18 (спустя 5 часов 28 мин.)
Пост №14 * 12 Мая 2013, 12:18 (спустя 5 часов 28 мин.)
Ответ с цитированием этого сообщения

Размышляющие
25 постов
12°
Возраст: 33
Регистрация: 29.01.2011
Проживает: Гомель
Цитирую (Dark Wood @ 12 May 2013, 07:49)
punsh2004, пользуйтесь на здоровье! Главное, что у вас прекрасные результаты получаются.

Спасибо!
0
 мужчина  biloy 13 Мая 2013, 22:16 (спустя 1 день 9 часов)
Пост №15 * 13 Мая 2013, 22:16 (спустя 1 день 9 часов)
Ответ с цитированием этого сообщения

Дебютанты
6 постов
Возраст: скрывает
Регистрация: 4.05.2013
Проживает: скрывает
вот


Создание детализированной зажигалки
+1
 Страница 1 из 3  » следующая
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Детализированный Cпасательный Круг
Manoylov AC 15 12054 +9 25 Августа 2019 - 19:14
» к последнему сообщению
Детализированная иллюстрация кнопки клавиатуры
Detailed Keyboard Button Illustration
Dark Wood 23 9511 +9 14 Февраля 2016 - 02:44
» к последнему сообщению
Детализированная иконка здания депо
Create a Detailed Depot Building Icon
Dark Wood 14 5619 +5 26 Марта 2014 - 07:22
» к последнему сообщению
Детализированный медовый текст в Illustrator
Create a Detailed Honey Text Effect
Dark Wood 10 8207 +7 12 Ноября 2015 - 22:35
» к последнему сообщению
Детализированный текст из кофейных зерен
Detailed Coffee Beans Text Effect
Dark Wood 22 9528 +6 26 Февраля 2014 - 06:27
» к последнему сообщению

1 посетитель в этой теме
, 1 гость