Как нарисовать схему проезда в Иллюстраторе. Создание рисунка по фотографии карты. Видео урок.
Довольно часто, в макете требуется разместить карту проезда, изобразить план-схему местности, показать нужные участки, нарисовать стрелочки-пути и т.д. Если копировать карту с интернета, например с Гугл-карты, то на ней плохо читаются названия улиц, номера домов. К тому же, она плохо подходит для вставки на макет.
Но так ли сложно отрисовать схему проезда самому, изобразить здания которые нужны, основные улицы, главные ориентиры, показать схемы проезда?
В этой статье я покажу, как нарисовать схему проезда в Adobe Illustrator. В итоге, получится вот такая карта с изображением пути от станции метро к магазину детских игрушек.
Содержание
- 1 Поиск подходящей карты
- 2 Прорисовка основных элементов схемы
- 3 Подписи улиц, номеров домов, достопримечательностей.
- 4 Добавление значков и стрелок на схеме проезда.
- 5 Видео урок:
Поиск подходящей карты
Для рисунка, нужно взять за основу реальную карту, например, из интернета.
Когда вы нашли нужный участок и он полностью отображается на мониторе, нажмите клавишу «PrintScreen», чтобы сделать фотографию экрана. По верх этой фотографии мы и будем рисовать основные ориентиры.
Откройте новый документ в программе Illustrator. И нажмите — Редактирование/Вставить… или сочетание клавиш CTRL+V. Теперь, фотографию нужно выровнять и заблокировать от перемещений.
Прорисовка основных элементов схемы
Почти все элементы схемы имеют прямоугольную форму, поэтому возьмем инструмент «Прямоугольник». Нарисуйте дороги и дома, чтобы дороги получились одинаковой толщины, копируйте их удерживая клавишу ALT. Тоже самое можно делать с другими одинаковыми элементами.
Но не все можно нарисовать прямоугольником или эллипсом. Бывают здания, парки или озера не правильной формы. В этом случае понадобится инструмент «Перо». Он позволяет расставлять точки, между которыми проходят прямые или изогнутые линии. Инструмент «Перо», при умелом использовании, позволяет получить практически любую форму.
Цвета вашей карты, по возможности, должны сочетаться с цветами макета. Она может состоять из нескольких цветов или быть вовсе черно-белой. Направления движения основные пункты в основном изображаются красным цветом.
Подписи улиц, номеров домов, достопримечательностей.
Когда все элементы нарисованы и раскрашены, нужно подписать названия улиц. По необходимости номера домов и все, что может помочь ориентироваться на местности.
Шрифт должен быть не слишком мелкий и хорошо читаемый. Поскольку карта схематическая, нет смысла подписывать абсолютно все, что на ней есть.
Добавление значков и стрелок на схеме проезда.
Помочь ориентироваться на местности могут также знаки остановки, пешеходные переходы, логотипы компаний и другие обозначения. Их тоже можно найти в интернете или нарисовать самому в стиле макета и карты.
Если вы не знаете на каком транспорте и откуда человек будет добираться, но стрелку можно не рисовать или сделать несколько версий пунктиром.
Такая отрисованная схема проезда используется при создании макета и ставится рядом с адресом и контактами. Глядя на такую схематическую карту, человеку легче сориентироваться на местности и найти нужное место.
Видео урок:
Как самому нарисовать схему проезда в Иллюстраторе.
Рисование схемы проезда в другом, более упрощенном стиле, можно посмотреть здесь.
(Visited 17 994 times, 14 visits today)
Как нарисовать сосульку в Photoshop
Автор Дмитрий Евсеенков На чтение 5 мин Просмотров 75 Обновлено
Вода является сложной структурой для рисования. Чистая вода прозрачна, и, несмотря на это, мы всё-таки её видим, и происходит это за счёт преломления лучей света.
Даже наиболее чистая вода имеет множество форм, отличающихся друг от друга (капли, водная поверхность, струя и т.п). Открою секрет — на самом деле, рисуя воду, мы не рисуем воду, а отображаем оптические эффекты, которые она оказывает на окружающую среду.
В этом уроке я покажу вам, как создавать формы замерзшей воды: сосульки, падающий и лежащий снег, иней, лёд, град и т.п. Для этого понадобится весь спектр инструментов Photoshop — стили слоя, пользовательские кисти, режимы наложения, фильтры, шаблоны, а также инструмент «Микс-кисть» (Mixer Brush Tool). Даже если на данный момент Вы не заинтересованы в рисовании замерзшей воды, будет весьма полезно ознакомиться с уроком для того, чтобы посмотреть творческие и нестандартные методы применения этих инструментов для получения эффектов светопреломления прозрачных тел.
Результат урока:
Итак, давайте приступим.
Содержание
1. Создание основы сосульки
Прозрачные объекты не могут быть видимыми без фона.
Для фона я взял это изображение. Создайте новый слой, возьмите обычное или прямолинейное лассо и нарисуйте контур сосульки:
Залейте выделение белым цветом при помощи инструмента «Заливка» (Paint Bucket Tool). Переименуйте слой на «основа». Снимите выделение, нажав Ctrl+D. Перейдите на фоновый слой и дублируйте его, нажав Ctrl+J, переместите наверх и примените его в качестве обтравочной маски к слою «основа» (Ctrl+Alt+G).
Визуально документ будет иметь первоначальный вид, т.к. слой «основа» закрыла обтравочная маска в виде фонового слоя, но панель слоёв должна выглядеть точно как показано на рисунке:
Фильтры и корректировка для создания начального эффекта льда
Перейдите на фоновый слой и дублируйте его. Примените к дубликату Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur) со значением радиуса 5,3, значение зависит от размера фото:
Как видите, сосулька начала «проявляться».
Нажмите на слой с обтравочной маской (у меня это «Фон копия») и включите команду «Свободное трансформирование» (Ctrl+T ), и уменьшите документ до размеров сосульки.
Это будет имитировать эффект преломления света ледяной линзой. В некоторых случаях может потребоваться повернуть изображение, либо уменьшить в меньшей степени:
Нажмите Ctrl+M, чтобы открыть диалоговое окно редактора кривых. Опустите центральную часть кривой немного вниз, чтобы сделать сосульку темнее:
Эффект прозрачности с помощью стилей слоя
Дублируйте слой «основа» и перетащите его на самый верх. Сделайте заливку слоя в 0%:
Примечание. После дублирования слоя «Основа» у слоя «Фон копия» может отключиться обтравочная маска. После перемещения копии «основы» вверх стека, кликните по слою «Фон копия» и нажмите комбинацию Ctrl+Alt+G для включения обтравочной маски, затем перейдите на верхний слой «основа копия» для продолжения работы.
Далее мы будем добавлять стили к этому слою.
Я вкратце расскажу, для чего изменять тот или иной параметр, я также на скриншоты со стилем добавлю изображение сосульки, чтобы было понятно, как меняет изображение каждый стиль.
Внутреннее свечение (Inner Glow) — этот стиль создаст края сосульки
- Измените режим наложения на «Перекрытие» (Overlay) для придания краям яркости
- Настройте «Непрозрачность» (Opacity) для усиления или ослабления эффекта
- Установите цвет как сплошной белый
- Установите «Размер» (Size), чтобы разместить свечение прямо на краях
Внутренняя тень (Inner Shadow) — добавит больше объема сосульке
- Установите режим наложения на «Перекрытие» (Overlay), цвет измените с чёрного на серый, примерно #474747
- Измените непрозрачность ,для смягчения эффекта
- Установите «Угол» на 120°
- Методом подбора значений установите «Смещение» (Distance), «Стягивание» (Choke) и «Размер» (Size) так, чтобы разместить тень красиво в центре
- Изменение «Контур» на «Перевернутый конус»
- Добавьте немного шума
Наложение градиента (Gradient Overlay) — добавит эффект глазури
- Выберите Экран (Screen) в качестве режима наложения
- Уменьшите непрозрачность, чтобы ослабить эффект
- Нажмите на миниатюру градиента, нажмите на белый маркер и перетащите ромб вправо, чтобы больше вытянуть чёрный цвет
Наложение узора (Pattern Overlay) — добавит текстуру к сосульке
- Установите режим наложения на «Мягкий свет» (Soft Light)
- Уменьшите непрозрачность для ослабления эффекта
- Используйте узор «Атлас» (Satin).
Этот узор поставляется в стартовом наборе и находится в разделе «Узоры» (Patterns). Нажмите сюда, чтобы посмотреть схему, как выбрать этот узор. Подробнее о выборе узоров здесь. - Измените масштаб текстуры, чтобы избежать повторяющихся узоров
Добавьте «Текстуру» из «Тиснения» (Bevel & Emboss) — для создания блеска и текстуры поверхности льда
- Выберите тот же узор , как и ранее
- Измените масштаб
- Настройте глубину, в зависимости от линейного размера изображения
Главные настройки Тиснения
- Подберите значение «Размера» для получения наиболее подходящей формы
- Смягчение (Soften) установите на ноль
- В качестве контура используйте «Кольцо» (Ring)
- Установите непрозрачность подсветки 67%, теней — ноль
При желании, можно добавить блеск с помощью стиля «Внешнее свечение» (Outer Glow) с настройками по умолчанию, а также добавить блики мягкой белой кистью на новом слое поверх всех остальных.
Вот каков мой готовый результат:
Вы можете сохранить созданный нами стиль слоя (подробно о сохранении и применении собственных стилей слоя рассказано здесь) и применить его к другой форме сосульки или наледи. Вот пример того, что можно получить:
Как рисовать диаграммы с помощью Photoshop
Элла Как Комментарии Photoshop, графическая программа, доступная как часть Adobe Creative Suite, предлагает инструменты для преобразования ваших цифровых фотографий, но программа также является полноценным инструментом для рисования и набросков. Считайте Photoshop холстом вашего художника или школьной классной доской, когда вам нужно провести мозговой штурм диаграмм. Одним из преимуществ рисования диаграмм в Photoshop является то, что ваша работа уже электронная; просто отправьте его себе по электронной почте или разместите на своем веб-сайте, когда закончите, бумага или сканирование не требуются.
1. Откройте Photoshop, откройте меню «Файл» и выберите «Создать». Введите «Диаграмма» в поле «Имя». Введите предпочтительные размеры диаграммы в поля «Ширина» и «Высота», например «8» для каждого. Выдвиньте меню размеров и выберите «дюймы» для каждого. Нажмите кнопку «ОК», чтобы открыть рабочее пространство Photoshop.
2. Дважды щелкните верхний левый квадрат «Палитра цветов», два перекрывающихся цветных поля в нижней части палитры «Инструменты». Выберите цвет для первого элемента диаграммы и нажмите «ОК».
3. Щелкните правой кнопкой мыши инструмент формы, который может выглядеть как серый квадрат, серый круг, линия или серая звезда над «Палитрой цветов». Все эти инструменты находятся в одном пространстве. В небольшом всплывающем меню выберите «Инструмент пользовательской формы».
4. Откройте меню «Форма» на панели инструментов в верхней части экрана.
Выберите первую форму диаграммы, например ромб. Поместите курсор в поле «Диаграмма», нажмите и удерживайте левую кнопку мыши и перетащите курсор, чтобы сформировать фигуру.
5. Выберите новый цвет в «Палитре цветов» или оставьте тот же цвет и выберите новую фигуру в меню «Форма», например шестиугольник. Нажмите и перетащите, чтобы добавить фигуру в пространство диаграммы.
6. Продолжайте добавлять фигуры, пока все необходимые фигуры не будут на месте. Щелкните правой кнопкой мыши значок «Инструмент пользовательской формы» и выберите «Инструмент «Линия». При желании поменяйте цвет краски. Рисуйте линии от фигуры к фигуре, формируя дерево диаграммы, например иерархию блок-схемы. Отрегулируйте толщину линий, введя большее число в поле «Толщина» на панели инструментов в верхней части экрана.
7. Назовите фигуры и диаграмму, щелкнув инструмент «Тип», который выглядит как буква «Т» на палитре «Инструменты». Выберите шрифт, размер текста и цвет текста на панели инструментов в верхней части экрана.
8. Откройте меню «Окно» и выберите «Слои». Откроется палитра «Слои» со всеми вашими различными формами и текстовыми слоями. Нажмите на маленькую иконку с линиями в правом верхнем углу палитры. Выберите «Свести изображение», и все слои сольются в один. Откройте меню «Файл», нажмите «Сохранить как» и сохраните схему на компьютер.
http://www.filepuma.com/download/adobe_photoshop_cc_17.0.0-13241/?f=cc
Как сделать график в Photoshop | Малый бизнес
Автор Darrin Koltow
Хотя Photoshop не является инструментом для создания графиков из набора данных, у него есть достаточно инструментов для придания графикам потрясающего визуального вида. Инструмент «Форма» позволяет создавать повторяющуюся сетку для построения основы графика. Команда «Свободное преобразование» делает возможным трехмерный эффект для графика, а в галерее «Стили» есть эффекты, позволяющие точкам или полосам вашего графика «выпрыгивать» за пределы страницы или монитора.
Откройте Photoshop и щелкните команду «Сбросить инструменты» в крайнем левом элементе управления на панели «Параметры». Сброс инструментов программы гарантирует, что никакие настройки из предыдущего сеанса не будут мешать созданию вашего графика. Дважды щелкните элемент «Фон» на панели «Слои», затем нажмите «Ввод», чтобы добавить стиль слоя к фоновому слою.
Нажмите «Инструмент «Форма» — овальный значок — на панели «Инструменты», затем выберите «Инструмент пользовательской формы» — форму, похожую на амебу, на панели инструментов «Параметры», которая может создавать сетки.
Нажмите значок «Сетка» в галерее «Формы», затем перетащите на холст, чтобы нарисовать квадратную сетку. Нажмите «Ctrl-J», чтобы продублировать сетку, затем нажмите «V», чтобы запустить инструмент «Перемещение». Перетащите дублирующую сетку так, чтобы она удвоила ширину первой сетки.
Щелкните, удерживая клавишу Shift, два верхних слоя на панели «Слои», затем нажмите «Ctrl-G», чтобы сгруппировать две сетки.
Нажмите и удерживайте «Alt», затем нажмите и слегка перетащите группу вниз, чтобы продублировать группу. Дважды щелкните новую группу и назовите ее «Этаж», затем щелкните значок глаза, чтобы скрыть сетку для дальнейшей работы.Снова выберите команду «Форма», затем щелкните параметр «Прямоугольник со скругленными углами» на панели инструментов «Параметры». Щелкните нужный стиль для столбцов графика в галерее стилей, затем перетащите мышью по сетке, чтобы сформировать столбец для графика. При необходимости создайте дополнительные полосы.
Нажмите «T», чтобы запустить команду «Текст», затем перетащите влево от левого края сетки. Введите число, которое вы хотите отобразить на оси Y графика, затем нажмите «Ctrl-T», чтобы запустить «Свободное преобразование». Перетащите маркеры числа и центральное пространство, чтобы расположить и изменить размер числа так, как вы хотите, чтобы оно отображалось рядом с осью Y.
При необходимости создайте дополнительные метки для осей Y и X, продублировав слой первой метки на панели «Слои».
Скройте верхний слой панели «Слои», как вы сделали группу слоев Floor, щелкнув ее значок глаза, затем откройте созданную ранее группу Floor, щелкнув ее значок глаза. Нажмите «Alt» и перетащите, чтобы продублировать группу этажей три раза, затем нажмите «Ctrl-T» (Свободное преобразование), чтобы расположить дубликаты этажей так, чтобы они образовали одну большую сетку пола.
Нажмите и удерживайте клавишу «Shift», затем щелкните дубликаты этажей, чтобы выбрать их. Щелкните правой кнопкой мыши выделение и выберите «Преобразовать в смарт-объект», чтобы включить простое применение команды «Перспектива». Нажмите «Ctrl-T» еще раз, затем щелкните правой кнопкой мыши холст. Нажмите «Перспектива», затем перетащите верхний угол ограничивающей рамки пола, чтобы выполнить преобразование перспективы на полу. Пол теперь уходит вдаль.
Щелкните нижний слой панели «Слой», затем нажмите кнопку «Fx» на панели «Слои». Щелкните команду «Наложение градиента», затем щелкните сам градиент, чтобы отобразить новое окно для создания градиента.
