Excel. Art – изометрия «на халяву». Рисуем псевдообъемный телефон без 3. D и Фотошопа / Блог компании Mail. Ru Group / Хабрахабр. Возможно ли получить псевдообъемное изображение без 3. D- программ? А если без «берешь, напрягаешься и рисуешь»?
Примечание: Если это ваше первое знакомство с программой, советую С помощью инструмента « Рисовать параллелепипеды в 3D». При таком способе рисования глубина рисунка двусмысленна. Изометрический рисунок проволочной конструкции куба показывает изометрическую . Аналогично необходимо подойти к выбору программы для Есть возможность осмотра помещения изнутри, сверху и в изометрии.
Я заметил, что в программе Microsoft Excel можно создавать и. Advance Steel: 3D проектирование металлических конструкций. Автоматическое создание изометрических видов на основании модели с широкими .
А если вообще без каких- то специальных знаний? Можно ли получить изометрические объекты, не тратя время на рендер? Существует ли вообще цифровая иллюстрация вне привычных графических программ? На эти и другие вопросы я дам ответ в своей статье, посвященной новому методу создания цифровых иллюстраций — Excel. Art. Часть 1. Уникальный метод создания иллюстраций. Первая часть статьи теоретическая.
При таком способе рисования глубина рисунка двусмысленна. Изометрический рисунок проволочной конструкции куба показывает изометрическую. Но для этого у всех должна стоятть одна программа. С плаза потом берутся размеры конструктивных связей. 2) выбираем Ориентация - Изометрия XYZ (рис1) 3) Выбираем Плоскость. Скачать программу можно на сайте BestFREE.ru. В большинстве случаев рисовать лучше полилиниями, а не простыми отрезками. Примечание: Если это ваше первое знакомство с программой. Advance Steel: 3D проектирование металлических конструкций. Автоматическое создание изометрических видов на основании модели с широкими.
Здесь вы найдете общую информацию о том, что это за метод, как он появился и зачем нужен. Вторая часть практическая.
Она поможет на конкретном примере увидеть, как это работает. В ней вас ждет пошаговый туториал, выполнив который, вы сможете легко создать реалистичный телефон со своим дизайном на экране.
Краткая предыстория о креативных инструментах. Удивительно, но эра цифровых технологий подарила современным дизайнерам и иллюстраторам не так уж много инструментов.
И, несмотря на то, что возможности их чрезвычайно широки, они все же имеют свои пределы. Ни для кого не секрет, что все мы сегодня работаем в одних и тех же фотошопах, иллюстраторах и 3. D- максах. Это само по себе неплохо, указанные программы прекрасны. Тем не менее одинаковые инструменты дают схожие методы работы с ними и, соответственно, похожие результаты. Создается ощущение, что каждая «свежая» работа нового автора чем- то напоминает предыдущие идеи старых мастеров.
Ситуация только осложняется всеобщей информационной глобализацией: все мы смотрим чужие работы и, так или иначе, перенимаем лучшие приемы и техники друг у друга. Безусловно, так и происходит прогресс, однако обратной стороной медали является некоторое однообразие. Я считаю, что по- настоящему любящий свое дело иллюстратор или дизайнер просто обязан постоянно находиться в поиске новых инструментов, стилей и техник работы. Без этого невозможно его профессиональное развитие.
Без этого также немыслим и прогресс в мире дизайна. Руководствуясь идеей о поиске новых креативных инструментов, я провел своеобразный эксперимент. Я попытался создать цифровую иллюстрацию без использования привычных графических программ. Через энное количество попыток я наткнулся на нечто совершенно уникальное. Легкая и быстрая изометрия без 3.
D. Я заметил, что в программе Microsoft Excel можно создавать и комбинировать несложные псевдообъемные фигуры. Обладая достаточной долей изобретательности и фантазии, с помощью этой небольшой функции вполне реально нарисовать интересные яркие изометрические иллюстрации. Как известно, лучше один раз увидеть, чем сто раз услышать. Поэтому, чтобы сэкономить время уважаемых читателей, просто покажу видео, в котором наглядно виден весь процесс создания картинки в MS Excel от начала и до конца. Что это дает дизайнерам и иллюстраторам.
Во многих случаях Excel. Art — это большая экономия времени, сил и нервов. Например, когда работаешь в технике matte- paint, нередко возникает потребность в получении изометрических фигур для последующей постобработки в Photoshop.
Запускать из- за нескольких кубиков и пирамидок, сложенных в определенном порядке, 3. D- редактор — это как стрелять из пушки по воробьям. Кроме того, не у всех есть достаточные знания 3. D, да и «майя» с «максом» стоят далеко не на каждом компьютере. Когда же проблемы заходят дальше кубиков, и нужно нарисовать, например, несколько зданий, такая задача может потребовать еще и немало времени. Хотя при наличии небольшой практики сделать то же самое в Excel получается гораздо быстрее. Я сам однажды стал жертвой задачи с псевдообъемами.
Мне нужно было получить псевдообъемные буквы в векторе. Когда я попытался сделать это штатными средствами в Illustrator, он сначала несколько минут просчитывал картинку, а потом выдал мне кучу изломанных линий. Отрисовывать то же самое градиентами и контурами было нереально трудозатратно. Над задачей нависла угроза провала. Всего за несколько секунд (!) я сделал объемный текст в Excel. И, кстати, результат оттуда отлично экспортировался в «люстру» (мне ведь нужен был вектор на выходе). Что это дает обычным людям.
Excel. Art чрезвычайно прост в освоении. Еще бы, ведь вся работа ведется в привычном редакторе таблиц, а не в каком- то сложном графическом пакете с изощренным интерфейсом. Более того, в работе задействуется малое количество инструментов, разобраться в применении которых можно, не тратя много времени. В качестве примера приведу несколько иллюстраций, сделанных исключительно методом Excel. Art без дальнейшей постобработки. А сейчас, во второй части статьи, вы сами сможете попробовать создать полноценную цифровую иллюстрацию.
Пусть вас не пугает размер туториала, все шаги в нем интуитивно понятны и похожи друг на друга. Туториал. В первой части статьи вы узнали, в чем заключается уникальность и преимущества нового метода создания цифровых иллюстраций — Excel.
Art. Настало время для практики. Давайте попробуем вместе создать полноценное изображение — телефон.
Почему выбран именно телефон? Дело в том, что существенную долю работы современного IT- специалиста составляет создание мобильного контента.
Все разработчики мобильных игр и приложений, а также UI- дизайнеры любят показывать свои продукты в естественной среде. Исходя из этого, всегда будет удобно иметь небольшой мокап, который поможет легко и быстро продемонстрировать ваш мобильный прототип. Именно такой мокап с телефоном мы и сделаем в данном уроке. Начнем с создания передней части корпуса телефона. Для этого открываем MS Excel, выбираем в верхней панели вкладку Вставка > Фигуры > Скругленный прямоугольник (2. Скругление углов сделайте с помощью желтого ромбика в верхнем левом углу фигуры, как на изображении ниже. Чтобы вам легче было ориентироваться в пропорциях, в скобках я буду указывать размеры всех создаваемых объектов.
После того как вы создали фигуру, размеры можно изменить во вкладке Формат > Размер. Внимание! Не создавайте фигуру в верхнем левом углу страницы. Позже, когда вы начнете добавлять другие объекты и работать с изометрией, у вас могут возникнуть проблемы с расположением элементов. Обратите внимание, я сделал свой прямоугольник ближе к центру страницы (координаты W6. Сначала создадим сам экран, делается он так же, как и предыдущий элемент, то есть с помощью верхней вкладки Вставка > Фигуры > Прямоугольник (1. Углы в данном случае скруглять не нужно.
Далее делаем динамик: Вставка > Фигуры > Скругленный прямоугольник (0,1. Затем создаем кнопку: Вставка > Фигуры > Овал (1,5 х 1,5 см). Фронтальная камера создается двумя Овалами: нижним — большего диаметра (0,2. Для того чтобы в дальнейшем было удобно с ними работать, эти два Овала нужно сгруппировать. Для этого зажмите клавишу Shift, выделите овалы, кликнув по каждому из них. Shift нужно отпустить.
Далее, кликнув по любому из овалов правой кнопкой мыши, вызовите меню и выберите пункты: Группировать > Группировать. Теперь нам необходимо выровнять все объекты относительно друг друга. Начнем с камеры и динамика. Нужно, чтобы они находились на одной линии. Для этого, зажав клавишу Shift, выделяем камеру и динамик и в верхней вкладке выбираем: Формат > Упорядочить > Выровнять > Выровнять по середине. Далее сгруппируйте динамик и камеру так же, как это было сделано с овалами в предыдущем шаге. После этого, зажав клавишу Shift, выделите все объекты (корпус, экран, кнопку, группированные динамик и камеру) и выровняйте их по одной оси, выбрав: Формат > Упорядочить > Выровнять > Выровнять по центру.
Все выбранные и выровненные объекты вам теперь надо сгруппировать в один. Пришло время придать картинке цвет. Кликните три раза левой кнопкой мыши по корпусу телефона, так, чтобы выделился именно корпус, а не весь сгруппированный объект. Индикатором правильного выбора будут являться две синие обводки вокруг объектов: одна внешняя пунктирная и другая внутренняя сплошная. Далее в верхней вкладке — Формат > Заливка фигуры — выберите черный цвет.
Чтобы убрать контур телефона, сделаем следующее: Формат > Контур фигуры > Нет контура. Покраска динамика и камеры более сложная, так как они закрашиваются не сплошным цветом, а градиентами. Для этого выделите динамик (не забывайте, что все объекты сгруппированы, и нужно выделить тройным кликом только динамик, а не всю группу), щелкните по динамику правой клавишей мыши и выберите пункт — Формат фигуры. В появившемся всплывающем окне выберите вкладку — Заливка > Градиентная заливка.
Создайте градиент со следующими настройками: тип — линейный; угол 9. И, конечно же, не забудьте убрать контур, как в предыдущем шаге: Формат > Контур фигуры > Нет контура. Таким же способом закрасьте фронтальную камеру. Сначала выделите нижний овал большего диаметра. Настройки градиента у него следующие: тип — линейный; угол 3.
Сделайте градиент с такими настройками: тип — линейный; угол 0. С экраном все намного проще. Цвет экрана делаем следующим образом: Формат > Заливка > белый цвет. Для покраски контура выбираем: Формат > Контур фигуры > второй серый цвет снизу второго столбца. В отличие от всех предыдущих объектов у кнопки нет заливки, а вот контур окрашен в градиент. Для его настройки в окне Формат фигуры выберите пункт: Цвет линии > Градиентная линия. Для контура нам понадобится четыре точки градиента.
Их можно создать, кликнув левой кнопкой мыши по полосе градиента. Обратите внимание, что цвета всех точек градиента одинаковы, различаться будут только положение и яркость. Итак, настройки градиента следующие: тип — линейный; угол 5. Настало время придать объектам изометрическую проекцию.
Щелкните по сгруппированной фигуре один раз, чтобы выделить ее, правой клавишей мыши вызовите уже знакомое окно Формат фигуры. Далее выберите: Поворот объемной фигуры > Заготовки > Параллельно > Изометрический, верх.
Не закрывайте окно Формат фигуры. Выделит черный прямоугольник корпуса и перейдите во вкладку Формат объемной фигуры.