Рисовать дизайн: Как нарисовать дизайн комнаты карандашом на бумаге и в программе

20 отличных сайтов для обучения рисованию

• Дизайн
• 3 мин на чтение
• 183178

Вы не умеете рисовать? Кажется, вам давно пора научиться этому!

Берите в руки кисточки и краски и заходите на любой сайт из нашего списка!

Fantasy Room – онлайн школа рисования, иллюстрации и скетчинга. Бесплатные пробные уроки к каждому курсу. Направления: иллюстрация на iPad (prоcreate), рисунок для начинающих, фешн иллюстрация, акварель, пастель, маркеры и др.

Просто рисуй ? – отличный телеграм-канал с регулярно публикуемыми уроками по рисованию и качественными подборками для вдохновения.

Книги для дизайнеров ? – крупнейший в рунете канал с русскоязычными книгами, где регулярно публикуются новинки: по рисованию, иллюстрации, колористике, композиции.

Рисуем с Анной Кошкиной — обширная подборка различных видеуроков по рисованию. Объясняется всё доступно и понятно.

Научиться рисовать за 30 дней — подборка уроков по всем известной книге «Как научиться рисовать за 30 дней». От вас требуется только 20 минут времени, блокнот и карандаш с резинкой, и уже через месяц вы можете рисовать!

Подборка уроков от группы «Уроки рисования» — есть уроки для различных техник и множество советов. Также есть раздел уроков по живописи, где вы можете научиться рисовать акварелью, маслом или пастелью.

Уроки рисования для начинающих и детей — множество уроков по рисованию как карандашом, так и фломастерами.

Рисовать могут все! — полный бесплатный курс по рисованию карандашом и акварелью.

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

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

Рисование: видеоуроки — сотни обучающих видео на тему рисования целой картины или какой-либо детали.

Как научиться рисовать — простые и сложные уроки поэтапные уроки по рисованию различных животных, людей и не только!

DrawSpace — портал с уроками по рисованию, всего восемь уровней, каждый из которых поделён на разделы, единственный минус/плюс, что он на английском.

Learn to draw — тоже на английском. Обучают в основном тому, как рисовать людей, также можно поучиться тому, как рисовать карикатуры.

Carol’s Drawing Blog — блог профессионального художника Кэрол Росински, на котором она выкладывает уроки. Все уроки поделены на несколько уровней, также есть видео и статьи, в которых Кэрол делится своими секретами. Ещё один ресурс на английском.

About: Drawing/Sketching — раздел большого проекта About, посвященный рисованию, также на английском. На сайте опубликовано множество подборок, обучающих видео и статей на тему скетчинга и рисования.

DrawSchool — ресурс для обучения рисованию. Есть как бесплатные, так и платные вебинары.

Purmix — с помощью этого ресурса вы научитесь рисовать и аниме, и мангу, и татуировки, при этом можно воспользоваться как видео, так и фото-уроками.

Как научиться рисовать — целый канал на Youtube, по обучению рисованию. Сможете научиться рисовать и жучка, и червячка, и медведицу.

PaintMaster — здесь вы можете обучиться графическому дизайну, академическому рисованию и даже дизайну интерьера!

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

ArtDrawing.ru — можно получить полный курс обучения рисованию от талантливого художника Юрия Синчукова.

Уроки рисования карандашом — полное разнообразие стилей, вкусов, цветов, и тем для рисования.

Источник: say-hi.me

• #дизайн
• #иллюстрация
• #подборка
• #рисование
• #советы
• #список
• #художник

• 23

от знакомства с интерфейсом до экспорта / Skillbox Media

Sketch — универсальный графический редактор для macOS, в котором легко нарисовать сайт с нуля и создать макет мобильного приложения. Чем пользоваться, чтобы рисовать:

Слева	В центре	Справа
Страницы и список артбордов для навигации по макету. Все инструменты, в том числе и создание нового артборда, находятся в Insert	Рабочая область с артбордами	Инспектор, который отвечает за свойства выделенного артборда или элемента: размеры, параметры наложения, тени, выравнивание и положение

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

На скриншоте с интерфейсом Sketch я показал плагин Craft от Invision, который помогает работать с контентом: моментально вставлять изображения в макет и делать копии элементов.

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

Где искать плагины

   Удобные плагины в гайдлайнах СКБ Контур

   Большой список плагинов на GitHub

В прошлых статьях мы рисовали скетч и прототип для сайта строительной тематики. А сейчас сделаем макет этого сайта в Sketch.

Прототип и скетч сайта для строительных блоков

Создаём новый артборд: нажимаем кнопку Insert и в раскрывшемся меню выбираем

Artboard. Справа задаём нужный размер.

Для планшетов подойдёт ширина в 768 или 960px, а для компьютера лучше выбрать 1024 и 1440px. Для этого макета я выбираю предустановленный размер Desktop HD.

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

Весь контент на сайте строится по сетке. Сетку подбирают под каждый проект. С помощью Show Layout в View можно скрыть или показать на артборде уже настроенную сетку. Настройки новой сетки задаются так: View → Layout Settings.

В появившемся окне определяем ширину сетки, отступы и количество колонок.

Выбираем «ОК», смотрим на результат.

Чтобы ответить на вопрос, как нарисовать шапку сайта, нужно понять её типичную структуру. Обычно в шапке размещают логотип и название компании, элементы меню, телефонные номера и другие контактные данные. Импортируем PNG-файл с логотипом: для этого можно перетянуть его прямо на артборд или выбрать Insert → Image.

Элементы меню и номер телефона создаём с помощью обычного текста: Insert → Text или клавиша T на клавиатуре.

Для кнопки «Перезвоните мне» используем инструмент

Text и прямоугольник: Insert → Shape → Rectangle. Рисуем контур нужного размера, а затем устанавливаем радиус углов и цвет обводки.

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

Кажется, что дом висит в воздухе и не согласуется с окружающим миром. Чтобы вернуть его на землю и задать тон для следующего экрана сайта, нарисуем серую подложку. Для этого: Insert → Vector и создаём контур около изображения дома.

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

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

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

Чтобы показать дома, сделанные из блоков, используем слайдер с фотографиями. Каждая страница слайдера — это шесть квадратных фотографий домов. Все исходные изображения — разные по длине и ширине. Чтобы быстро привести их к одному размеру, будем пользоваться масками.

Для этого нарисуем прямоугольник нужного размера (Insert → Rectangle) и разместим фотографию над ним. Затем выберем слой с этим прямоугольником и нажмём кнопку Mask.

Проводим эту операцию для остальных фотографий и рисуем элементы управления слайдером.

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

Сейчас все слои перемешаны, нет иерархии

Чтобы сгруппировать элементы, достаточно выделить их и использовать сочетание клавиш Cmd + G. Переименовать слой можно с помощью комбинации Cmd + R.

Теперь порядок

Получить изображения для вёрстки можно как стандартными возможностями Sketch, так и с помощью сторонних решений — сервиса Zeplin или плагина Sketch Measure. В этом макете мало элементов и они не требуют сложной нарезки, поэтому используем обычный экспорт: выделяем нужные слои и в правом углу выбираем Export Layers.

Sketch — удобный редактор для дизайна сайтов и приложений, возможности которого легко расширяются с помощью плагинов. Разобраться с возможностями Sketch не составит труда, даже если до этого вы не пользовались графическими редакторами. Но Sketch — всего лишь инструмент. Чтобы рисовать современные макеты сайтов, дизайнер должен разбираться также в композиции, типографике и работе с цветом. Эти знания и навыки работы в графических редакторах можно получить на курсе «Веб-дизайн с 0 до PRO» от Skillbox.

Онлайн-дизайн векторной графики, Редактор SVG, Рисование YouiDraw

Рисование YouiDraw Создавайте потрясающий векторный графический дизайн с помощью YouiDraw онлайн. Это похоже на Adobe Illustrator или CorelDraw, но работает на холсте html5 с Google Диском. Таким образом, нет необходимости загружать программное обеспечение, и вы можете получить доступ к своей работе в любое время и в любом месте. Внезапно ваш творческий потенциал высвобождается! Независимо от того, начинаете ли вы или уже являетесь опытным дизайнером, онлайн-инструмент Drawing — это мощное решение для векторного графического дизайна в Интернете. С онлайн-графическим дизайном в различных средах у вас есть все, что вам нужно, чтобы выразить свой стиль и творчество.

Начни рисовать бесплатно

Доступно в Интернет-магазине Chrome

Образцы

Характеристики

Quick Styles

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

Designs Templates

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

Инструменты для рисования от руки

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

Vector Shapes lib

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

Векторные графические эффекты

Установите непрозрачность и установите эффекты «Тень», «Внутренняя тень», «Внешнее свечение», «Внутреннее свечение», «Отражение», «Размытие» и «Свет». Все эффекты могут применяться к векторной графике.

Векторные световые эффекты

Световой эффект — это специальный фильтр для векторной графики SVG. Вы можете найти настройки освещения на последней вкладке эффектов фильтра, вы можете установить 3 разных источника света на свои элементы, чтобы получить более удивительный художественный эффект.

Инструменты для фигур

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

Инструменты для комбинирования фигур

Функция комбинирования, позволяющая преобразовать несколько фигур в одну специальную форму, вы можете объединять, вычитать, пересекать, исключать, разделять фигуры.