Как нарисовать иконку динамика в Иллюстраторе
В этом уроке мы будем рисовать простую иконку колонки в Adobe Illustrator. Это простой урок. Мы будем работать с самыми простыми фигурами и инструментами. Туториал подойдет для новичков. Также этот урок поможет вам понять как создавать плоские, упрощенные элементы в программе.
Как нарисовать иконку динамика в Иллюстраторе
Шаг 1
Создайте новый документ, нажав Control+N. Укажите настройки для нового документа как показано на картинке ниже:
Шаг 2
Инструментом Ellipse/Эллипс нарисуйте круг размером 120 x 120 px, укажите ему заливку цвета #FF8D4D, и выровняйте его по центру относительно холста, как показано ниже.
Шаг 3
Создайте форму колонки, нарисовав Rounded rectangle/Прямоугольник со скругленными углами размером 40 x 64 px и радиусом скругления углов в 8 px.
Залейте фигуру цветом #776663, затем расположите ее как показано на картинке ниже.
Шаг 4
Укажите нашему прямоугольнику обводку. Для этого скопируйте фигуру (Control-C), вставьте ее копию на передний план (Control-F), снимите с копии заливку и укажите обводку цвета #422C21 толщиной в 4 px. Выделите оба прямоугольника и нажмите Control-G, чтобы сгруппировать их.
Шаг 5
Выделите только что созданную группу, копируйте ее (Control-C) и вставьте копию на передний план (Control-F). Инструментом Move/Перемещениесдвиньте прямоугольник на 12 px вправо.
Шаг 6
Нарисуем динамик, используя круг размером 24 x 24 px с цветом заливки #FFC550 и обводкой толщиной в 4 px и цвета #422C21. Выровняйте круг по вертикальному центру верхнего прямоугольника и разместите на 12 px выше его нижней стороны.
Шаг 7
Внутри круга нарисуйте круг поменьше размером 8 x 8 px и цветом заливки #422C21.
Шаг 8
Создайте еще один круг внутри большого круга. Укажите ему размер 14 x 14 px, обводку толщиной в 2 px и цветом #422C21. Выровняйте этот круг по центру большого.
Шаг 9
Инструментом Direct Selection/Прямое выделение (A) выделите правую и нижнюю точки и удалите их, нажав Delete. Укажите обводке скругленные концы.
Шаг 10
Повторите процесс с еще одним таким же кругом, но на этот раз удалите верхнюю и левую точки. Выделите все и сгруппируйте (Control-G).
Шаг 11
Создайте еще один круг — размером 8 x 8 px (цвет заливки — #FFC550, обводка толщиной в 4 px и цвета #422C21). Поместите круг как показано на картинке ниже.
Шаг 12
Создайте прямоугольник со скругленными углами размером 20 x 4 px, с цветом заливки #FFC550 и радиусом скругления углов в 2 px. Разместите прямоугольник как показано ниже.
Шаг 13
Завершите работу, расположив колонку на линии длинной в 68 px и толщиной в 4 px (цвет обводки #FFC550) со скругленными концами. Сгруппируйте все.
Результат
Автор урока Andrei Ștefan
Ссылка на источник
Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки.
Пример HTML-страницы
Как нарисовать колонку в редакторе inkscape
В сети много уроков где описывается создание дизайна акустической системы в различных редакторах. Давайте попробуем придумать свой дизайн акустической системы в редакторе векторной графики.
Запускаем Inkscape и создаем новый документ. Размер документа можно оставить по умолчанию или сделать несколько меньше. Я уменьшил размер до 600*600 пикселей.
Для работы нам потребуются следующие инструменты векторного редактора
- Круги, эллипсы, дуги, прямоугольники, квадраты
- Кривые Безье и прямые линии
- Заливка и обводка контура
Так как редактор векторный, то можно создать документ небольшого размера, при масштабировании качество не ухудшится в отличии от растрового редактора. Открываем свойства документа
shift+ctrl+DШаг 1. Рисуем корпус акустической системы
Деталей в рисунке будет много, поэтому распределим их по слоям.
На первом и самом нижнем слое нарисуем корпус. Бока сделаем под «дерево», остальное «пластик». Слой переименуем, нажав на имя слоя в панели слоев, назовем, например, «корпус».
Используем инструмент Рисование прямоугольников и квадратов. Рисуем один большой прямоугольник. В панели Заливка и обводка выбираем градиентную заливку от темно-серого к светло-серому цвету (4f4f4fff — 1a1a1aff).
Используя тот же инструмент, рисуем боковую часть акустической системы. Цвет подбираем под дерево, заливка градиентная. После создания, дублируем стенку, нажав Ctrl+D. Градиент выбран линейный и добавлена одна опорная точка (6e6e6eff — 3f3f3fff).
Опорная точка добавляется двойным щелчком на инструменте Создавать и править градиенты (Ctrl+F1). Ползунок непрозрачности сдвигаем на 100%.
Добавим еще одну область вверху корпуса. Она придаст равномерно-серому цвету чуть больше «жизни», имитируя отражение цвета.
Эту область рисуем с помощью контуров: рисуем круг и квадрат стандартными инструментами. Затем накладываем квадрат на круг, выделяем оба объекта и в меню «Контур» жмем Пересечение. Получившуюся фигуру накладываем на корпус сверху и выбираем градиентную заливку. В самом низу рисуем прямоугольник черно цвета — это будет вроде как фазоинвертор (191919ff — 000000ff).
Цвет должен быть темнее корпуса.
Можно попытаться создать тот же эффект с помощью mesh-tool (градиентная сетка) Итогом будет создание корпуса нашей акустической системы. Слой блокируем, нажав на замок рядом с именем слоя.
Шаг 2. Динамик колонки
Займемся динамиком, который отвечает за нижние частоты. Добавляем новый слой, нажав на плюсик на панели слоев, слой называем «Динамик-1».
Минимум что необходимо нарисовать это диффузор, заглушку и корпус. Начнем с заглушки. Рисуем небольшой круг с обводкой и градиентной заливкой, цвет подбираем сами.
Затем рисуем большой круг. Для обводки и заливки выбираем градиентную заливку. Образец на рисунке.
Для выравнивания используем панель Выровнять и расставить, здесь необходимо использовать «Выровнять по вертикальной оси» и «Выровнять по горизонтальной оси».
Оживим немного рисунок. Нарисуем небольшую окружность (без заливки)
Обводку выбираем черного цвета и немного размоем (30%).
Размер чуть больше заглушки и размещаем на динамике.
Далее выбираем инструмент Рисование многоугольников и звезд, число углов 300.
Размещаем на динамике и выравниваем.
При необходимости используем инструмент Редактировать узлы (F2), для сжатия звезды.
Далее рисуем две– три тонких светлых окружности и размещаем на динамике.
Четыре головки болта рисуем с помощью инструмента рисовать многоугольники и звезды и дублируем Сtrl+D.
Размещаем на рисунке в нужных местах
Завершим работу бликами на корпусе динамика и небольшой тенью под ним.
Блики создаем из дуги окружности, задав обводку белого цвета и размытие. После этого выделяем все элементы динамика и группируем Ctrl+G. Размещаем динамик внизу, слой блокируем.
Аналогичным образом создаем динамик для средних частот. Можно продублировать нижний динамик и уменьшить в размере, именно так я и поступил, слегка изменив цвет.
Займемся динамиком для верхних частот. Рисуем круг с заливкой и обводкой. Заливку и обводку выбираем градиентную, что-нибудь светлое. Заглушку дублируем с нижних слоев.
Все три динамика размещаем на колонке и выравниваем.
Шаг 3. Завершаем работу над акустической системой
Осталось добавить переключатели сверху и справа. Их создадим из прямоугольников со скругленными углами и окружностями с градиентной радиальной заливкой. Ручка переключателя рисуется инструментом Рисовать кривые Безье и прямые линии.
Добавляем на колонку.
Ф-у-у-у, наконец-то, мы завершили дизайн акустической системы. Навеяно советским, однако.
Уроки Inkscape
Column Drawing — Etsy.de
Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.
Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.
Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.
( 425 релевантных результатов, с рекламой Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик. Узнать больше. )
Видео: создание таблицы — служба поддержки Майкрософт
Добавление текста, изображений и таблиц
Обучение работе с Visio
Добавление текста, изображений и таблиц
Добавление текста, изображений и таблиц
Создать таблицу
- Добавление текста к фигурам, схемам или соединителям
видео - Аннотировать диаграмму
видео - Добавить гиперссылки
видео - Добавить фотографии
видео - Создать таблицу
видео
Следующий: Разработайте диаграмму
Попробуйте!
Если вы хотите представить информацию в виде таблицы, выберите подходящую для работы: быструю таблицу, построенную с помощью форм для простой таблицы, которая не изменится, или встроенный рабочий лист Excel, если вам нужен динамический источник информации.
Построить таблицу с фигурами
Выберите Дополнительные фигуры > Бизнес > Диаграммы и графики > Диаграммы фигур .
Перетащите фигуру Grid на страницу документа.
Выберите необходимое количество строк и столбцов в таблице и выберите OK .
Перетащите маркеры изменения размера на фигуре Grid , чтобы увеличить или уменьшить строки и столбцы.
Перетащите фигуру Заголовок строки или Заголовок столбца на страницу документа и поместите ее рядом со строкой или столбцом.
Дважды щелкните ячейку, введите данные, а затем выберите пустую область страницы документа для завершения.
Встроить рабочий лист Excel
Выберите Вставить > Объект .
Выберите Рабочий лист Microsoft Excel и выберите OK .
Дважды щелкните ячейку и введите данные.
Чтобы настроить ширину столбцов, выберите столбцы, а затем выберите Главная > Формат > Автоподбор ширины столбца .
Форматирование встроенной таблицы Excel
Выберите Вставьте > Таблица .
Введите диапазон ячеек в области таблицы и выберите OK .
