Как перевести рисунок на компьютер
10 декабря 2016 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы научимся превращать обычный рисунок на бумаге в полноцветную иллюстрацию в электронном формате. В этом нам помогут эффекты Photoshop и полезные функции Adobe illustrator. Таким образом вы сможете обойтись без графических планшетов при создании подобных работ.
1. Карандаш, альбом и крылышки на гриле
Шаг 01
Мы начнем с создания рисунка карандашом на бумаге. Старайтесь сохранять рисунок максимально чистым, стирайте лишние линии.
Шаг 02
Когда вам будет нравиться ваша работа в карандаше, обведите ее маркером. На этом этапе рисунок должен выглядеть как детская разукрашка.
2. Сканируем и корректируем
Шаг 01
Давайте перенесем изображение на монитор. Для этого нам нужно его отсканировать или сфотографировать. Если вы выбираете фотографию, вам понадобится хорошая камера и свет. Фотография должна быть максимально чистой с ровным светом.
Теперь нам нужно заняться коррекцией, чтобы подготовить рисунок к работе в Illustrator.
Шаг 02
Откройте Photoshop и создайте новый документ с параметрами как на картинке ниже.
Шаг 03
Импортируйте изображение в документ (File > Place Embedded…/Файл>Поместить встроенные). Выберите наше изображение.
Поместите рисунок в центр документа и начинайте коррекцию.
Шаг 04
3. Аппетитная иллюстрация
Шаг 01
Откройте Illustrator и создайте новый документ с такими же параметрами как документ из Photoshop. Переименуйте существующий слой в “Black Line (черные линии)” и вставьте изображение из Photoshop. (Shift + Ctrl + P)
Выделите только что вставленное изображение и в меню выберите Object > Imagen Trace > Make and Expand/Объект>Трассировка>Создать и разобрать). Теперь инструментом Magic Wand/Волшебная палочка (Y) выделите белый цвет и нажмите Delete.
Шаг 02
Пришло время раскрасить наш рисунок! Теперь у нас есть контур, отделенный от фона, и сделать это будет несложно.
Создайте новый слой под слоем с контуром. В этом слое мы будем создавать базовые цвета, вроде оттенков желтого для сыра и булочки.
Шаг 03
Если у вас есть графический планшет, вы можете раскрашивать работу инструментом Blob Brush/Кисть-клякса (Shift+B). Если нет, воспользуйтесь инструментом Pen/Перо (P)
Рисуйте инструментом Pen/Перо (P) фигуры нужной формы, чтобы заполнить их цветом.
Вы можете использовать один слой для всех цветов, или раскрашивать каждый объект в своем слое, или оставить базовые цвета в одном слое, а детали раскрашивать в следующем. Выберите вариант, которые нравится вам больше.
После того как все ваши элементы раскрашены, создайте новый слой над слоями с цветами, но под слоем с контуром. В этом новом слое нарисуйте тени и блики.
Шаг 04
Теперь наша иллюстрация готова, и мы экспортируем ее как PNG с прозрачностью. (Shift + Ctrl +Alt + S)
4. Немного шума
Шаг 01
Откройте документ Photoshop, в котором мы работали и поместите в него наше новое изображение PNG (которое мы только что создавали в Illustrator). Поместите его в центр документа.
Шаг 02
Создайте новый слой и назовите его Shadow (тени) (Ctrl + Shift + N). Укажите слою параметры как на картинке ниже.
В этом новом слое растяните градиент снизу вверх от черного цвета на 100% непрозрачности к прозрачному черному цвету.
В меню выберите Filter> Noise> Add Noise/Фильтр>Шум>Добавить шум. Настройте параметры так, чтобы вам нравилось то что получается.
Создайте новый слой и назовите его Light (свет) (Ctrl + Shift + N), настройте параметры слоя как показано ниже.
Растяните градиент сверху вниз от непрозрачного белого к прозрачному.
Шаг 03
Отлично! Теперь сохраните иллюстрацию в нужном вам формате.
Как перенести рисунок с бумаги на компьютер
simply miu
Я последние сто лет практически все рисую в компьютере. Вот именно для того, чтобы таких проблем не было. Но вдруг понадобилось превратить в файл нечто, что нарисовано карандашами и красками на бумажке. На довольно небольшом формате — оригинал размером А5. Сначала нужно было сделать из этого файл примерно 7000х7000 точек. Причем срочно.
Я пошла на балкон, где ровный естественный свет, и сделала фото камерой (никон д7000). Со штативом, естественно. Получилось сносно. Не то чтобы совсем чистить не пришлось — но для моей задачи вполне хватило. Потом я сделала глупость, воткнула камеру в комп, чтобы вытащить из нее файлы, и забыла после этого отсоединить ее от провода. А у кого есть подобная камера, знает, чем это кончается — через полчаса (когда я очнулась) аккумуятор был пуст. И естественно запасной аккумуятор тоже пуст, т.к. я на днях обещала себе сразу поставить его на зарядку, но забыла. И тут выясняется, что надо еще три такие картинки сфотографировать так же — и еще срочнее. Ну я так огляделась — что делать, что делать. И сделала фото своим шестым айфоном.
И что вы думаете — фото получились отличные. Они совсем немного меньше чем фото из камеры. А качеством вышли чуть ли не лучше. Т.е. резкость примерно одинаковая вышла, но айфон сделал фотки менее серыми и более светлыми — т.е лучше справился с освещением.
Картинки я почистила и отправила. А теперь следом пришло еще одно задание — на этот раз те же картинки нужны размером в 4 раза больше!
И причем хорошего разрешения! Обычно, когда делают огромную такую простыню — там на нее смотрят только с расстояния в несколько метров. И то что там вблизи какие-то точки слегка размытые, или видно зерно — никого не волнует. Но у меня не тот случай! Это будут печатать на большом формате, но результат потом будут рассматривать с очень близкого расстояния! И оно должно выглядеть хорошо! Надо резко и четко, и в отличном разрешении, и чтобы все детали было видно, и все такое.
Ну вот я задумалась. Выкопать из шкафа сканер? Он есть у меня, им не пользовались лет пять, т.к. я давно привыкла все снимать. Но на тот размер, который нужен, у камеры тупо разрешения не хватает. Фрагментами снимать и потом составлять? Чревато разнообразными перекосами.
А про сканер я смутно помню, что я его поставила в шкаф, потому что он сканил не то чтобы плохо, но я помню, что цвета таки получались несколько мутнее и темнее, чем надо. И если совсем-совсем близко рассматривать картинки (и распечатывать их на гигантских форматах) резкость все же оставляла желать лучшего.
А еще — внимание — следующими на очереди несколько картинок, которые больше сканера — где-то треть в него не влезет.
И вот я думаю — может я опять какое-то чудо прогресса пропустила? Чем нынче оцифровывают нарисованное на бумаге? Так, чтобы гигантских размеров, и офигительного качества?
Или вот еще вопрос задам, заодно — это по той же теме. Вот автор этой картинки все время у себя пишет, что рисует карандашами и красками на бумаге (по крайней мере базовые картинки, из которых потом компилирует паттерны в компьютере).
simply miu
Я последние сто лет практически все рисую в компьютере. Вот именно для того, чтобы таких проблем не было. Но вдруг понадобилось превратить в файл нечто, что нарисовано карандашами и красками на бумажке. На довольно небольшом формате — оригинал размером А5. Сначала нужно было сделать из этого файл примерно 7000х7000 точек. Причем срочно.
Я пошла на балкон, где ровный естественный свет, и сделала фото камерой (никон д7000). Со штативом, естественно. Получилось сносно. Не то чтобы совсем чистить не пришлось — но для моей задачи вполне хватило. Потом я сделала глупость, воткнула камеру в комп, чтобы вытащить из нее файлы, и забыла после этого отсоединить ее от провода. А у кого есть подобная камера, знает, чем это кончается — через полчаса (когда я очнулась) аккумуятор был пуст. И естественно запасной аккумуятор тоже пуст, т.к. я на днях обещала себе сразу поставить его на зарядку, но забыла. И тут выясняется, что надо еще три такие картинки сфотографировать так же — и еще срочнее. Ну я так огляделась — что делать, что делать. И сделала фото своим шестым айфоном.
И что вы думаете — фото получились отличные. Они совсем немного меньше чем фото из камеры. А качеством вышли чуть ли не лучше. Т.е. резкость примерно одинаковая вышла, но айфон сделал фотки менее серыми и более светлыми — т.е лучше справился с освещением.
Картинки я почистила и отправила. А теперь следом пришло еще одно задание — на этот раз те же картинки нужны размером в 4 раза больше!
И причем хорошего разрешения! Обычно, когда делают огромную такую простыню — там на нее смотрят только с расстояния в несколько метров. И то что там вблизи какие-то точки слегка размытые, или видно зерно — никого не волнует. Но у меня не тот случай! Это будут печатать на большом формате, но результат потом будут рассматривать с очень близкого расстояния! И оно должно выглядеть хорошо! Надо резко и четко, и в отличном разрешении, и чтобы все детали было видно, и все такое.
Ну вот я задумалась. Выкопать из шкафа сканер? Он есть у меня, им не пользовались лет пять, т.к. я давно привыкла все снимать. Но на тот размер, который нужен, у камеры тупо разрешения не хватает. Фрагментами снимать и потом составлять? Чревато разнообразными перекосами.
А про сканер я смутно помню, что я его поставила в шкаф, потому что он сканил не то чтобы плохо, но я помню, что цвета таки получались несколько мутнее и темнее, чем надо. И если совсем-совсем близко рассматривать картинки (и распечатывать их на гигантских форматах) резкость все же оставляла желать лучшего.
А еще — внимание — следующими на очереди несколько картинок, которые больше сканера — где-то треть в него не влезет.
И вот я думаю — может я опять какое-то чудо прогресса пропустила? Чем нынче оцифровывают нарисованное на бумаге? Так, чтобы гигантских размеров, и офигительного качества?
Или вот еще вопрос задам, заодно — это по той же теме. Вот автор этой картинки все время у себя пишет, что рисует карандашами и красками на бумаге (по крайней мере базовые картинки, из которых потом компилирует паттерны в компьютере).
Итак, по многочисленным просьбам рассказываю (точнее показываю), как оцифровывать ваши рисунки, или как перевести ваши работы из бумажного вида в цифровой. Методов, на самом деле море, но я вам расскажу только то, что знаю и чем пользуюсь лично я.
Для того, чтоб перевести рисунок с листа бумаги на экран компьютера, вам понадобится:
Я сняла небольшое видео о том, как это обычно делаю я. Видео – 15 минут, подойдет как новичкам, так и уже давно рисующим. Это моя первая попытка снять что-то подобное, так что не судите строго. Я старалась быть максимально лаконичной и понятной, но если у вас возникнут какие-либо вопросы – пишите в комментариях, я постараюсь всем ответить.
Приятного просмотра 🙂 Нажимайте на видео вверху!
Загляните — здесь тоже интересно:
Что говорят об этом другие участники? (44 Комментариев)
Спасибо большое, Елиночка!
Спасибо большое. А каким планшетом вы, Элина, пользуетесь? очень хочется модернизироваться, но что-то пока своё не нашла
У меня 2 – Wacom Cintiq companion (он сам по себе и планшет и комп) и Intuos Pro medium (нужно подключать к компу). Сейчас в основном рисую на первом
Элина, спасибо большое за видео!
Используете ли вы вариант, при котором части рисунка изображаются отдельно, а потом совмещаются при помощи фотошопа? Может, глупый вопрос, но я профан в фотошопе и не представляю в полной мере его возможности))) Могу ли я из зарисовок “собрать” потом рисунок или все же нужно рисовать начистую, а фотошопом лишь корректировать тон, цвет, расположение рисунка?
Проблема в том, что зачастую, я порчу рисунок, дорисовывая его, в то время, как вначале он мне нравился.
Да! В фотошопе рисунок можно собирать по частям. Я обычно работаю именно так. Возможно сделаю видео и о этом. А можно просто подправить имеющийся рисунок. Возможности фотошопа безграничны!
Спасибо! Очерь хорошее видео.
Такие изображения уже будут хороши для печати?
Да конечно. Наверное стоит сделать еще одно видео о том, как сохранять рисунок для веба и для печати, но это уже тонкости. Вы просто можете нажать Save as и выбрать формат JPG или PDF. Оба подойдут для печати. И не забудьте сохранить оригинал 🙂
Elina, ogromnoe-preogromnoe Vam spasibo!!
A mogno Vas eshe sprosit’ – ia seitchas v poiske novogo notebook..vybor slognyi, tk hotchu tchtoby ne mutchitel’no bylo rabotat’ s Photoshopom, Illustratorom! Ne mogli by Vy mne skazat’, kakoi u vas razmer ekrana? Budu otchen’ blagodarna!
P.s. Ой, прошу прощения, что написала не кириллуцой! Так привыкла, что даже не заметила.
У меня Макбук про. Выбирала самый большой экран, какой был. Сейчас уже не помню То-ли 15 то-ли 17 инчей. Я им очень довольна.
Спасибо большое! Буду пробовать оцифровывать свой календарь 🙂
cколько людей, столько и способов) Моя двоюродная сестра, которая только недавно учится работать в фотошопе. постоянно мне говорит – зачем иметь столько похожих способов сделать одно и то же, если можно было оставить только один инструмент? 🙂 Я не могу ей ответить. Наверное дело индивидуальности каждого. Фотошоп – инструмент с огромными возможностями. Спасибо за твой способ, Элина. С multiply я сама не додумалась. Еще один способ. Но при этом жалко, что и все остальные цвета изменяются при наложении на цветной фон.
именно поэтому надо делать белую подложку. Тогда норм
Элина, подумываю купить дисплей вакома. Хотелось бы собрать побольше мнений. Стоит ли вкладываться? Намного удобнее ли рисовать в нем или собирать иллюстрации в конечную картинку? Как в нем цветопередача? Отличается ли от дисплея мака? Достаточно ли его например в путешествии? Или все равно нужно обязательно брать с собой и компьютер? Спасибо)
Ой, тут долго можно отвечать. Я рисую в Вакуум Винтик Компанион. И везде вожу его с собой. Для рисования мне 100% хватает. Я люблю эту штуку. Она меня устраивает. Цветопередача не 100% как у мака, но терпимо. Это полноценны
Чего-то отправилось на полуслове. Это полноценный комп и его вполне хватит для путешествий. Я – дебил, и все равно вожу с собой еще и Макбук, потому что я к нему привыкла. В Вакуме только рисую. Все остальное делаю в ноуте
Вот так и началось мое знакомство с Фотошопом, благодаря вам, Элина, мой добрый ангел.
Покажите, пожалуйста, как собирать слои в кучу. Или это происходит автоматически, когда сохраняешь?
Если вы сохраняете в формате JPG или PDF, то слои сами собираются в кучу. вам ничего делать не надо больше. Если вы сохраняете в формате TIFF или PSD – документ сохраняется на слоях; Считайте, что вы охраняете оригинал вашего документа. Я обычно сохраняю оригинал в TIFF, а для веба и остальных нужд – JPG
и – да, СПАСИБО ОТАКЕННОЕ!
Это все на самом деле гораздо проще, чем вы думаете. Я в течение марафона об этом обязательно расскажу. Может вделаю отдельное видео
п.с. а вообще можно все сделать (и картинку и текст) в тифе и в таком виде передать. Но этот вариант возможен, если вы печатаете один экземпляр просто так для себя и вас не тревожит возможная нечеткость растрового текста (текста, который сделан в фотошопе). Для профессиональной подготовки рекомендации выше)
Извините, если слишком сложно. Хотела дать пояснения для печати:) если что-то не понятно, спрашивайте!
Очень полезный урок! Ждала его. Пора мне переходить со всеми забытого corel draw на фотошоп и планшет менять. Стоял выбор между lenovo yoga book (говорят хорош для художников) и iPad pro. Теперь совсем в растерянносте….
Я всегда пользовалась только Вакумом, за него могу ручаться. Все остальные не пробовала. Но вакуум – замечательный планшет для художников
Элина, спасибо большое за видео! И я очень рада, что Вы будете дальше рассказывать и том, как подготовить к печати работы. Вы так щедры! Спасибо, спасибо, спасибо!
да, мой сканер зернистую тоже не любит. Я рисую в основном на гладкой плотной. У меня есть гладка акварельная. Она не совсем гладкая, так что рисунок все равно получается текстурный, но достаточно гладкая, чтоб белый фон сканировался как чистый белый, а не рябой текстурный.
Спасибо! Но два вопроса: во-первых, вы не пробовали для очистки фона инструмент “Заливка” в режиме “Очистка”? Он делает сразу то, что здесь заняло треть видео. Выделение не нужно, и вот эти белые ошмётки вокруг изображения (как у льва на гриве) не остаются.
Во-вторых: те моменты видео, где вы ищете нужный инструмент, комментируете словами вроде “где же он… где-то он тут у меня был…” и все подобные – вы не вырезаете их принципиально или по какой-то другой причине (нет времени, не думали об этом итд)? Потому что смотреть с ними тяжеловато. Обычно в МК люди вырезают такие моменты, ускоряют, либо репетируют заранее, либо просто уже тренированные, как радиоведущие, у которых в эфире не должно быть ни “эээ”, ни молчания.
Спасибо!
я знала, что должен быть какой-то другой способ)) можно поподробнее о заливке в режиме Очистка, как это сделать?
Картинки сюда не вставляются, поэтому попробую описать так, а попробовать можете сами.
Сначала всё так же – вставляем картинку на отдельный слой, слой под ним покрасить, чтобы видеть разницу.
Потом берём инструмент “заливка” (у меня фотошоп русский, но там много искать не придётся, думаю и так понятно). На панели инструмента вверху (где у кистей выбирается размер и прозрачность) будут свойства заливки – прозрачность, градиент итд, и в том числе режим – такое же выпадающее меню, как у градиентов. По умолчанию там стоит “Нормальный”. Вот там есть режим “Очистка” (4й сверху у меня). По клику на область того или иного цвета он стирает все куски того же цвета, что и эта область (цвет, которым вы заливаете, значения не имеет). Чувствительность можно настроить, так же как у выделения, но по моим ощущениям, она точнее, потому что не завязана на контур, как выделение.
Spasibo bol’shoe! poprobuyu Vash sposob!
Марта, про ваш способ не слышала, надо будет попробовать. Спасибо! По поводу поиска кисточек – я новичок в видео. я разобралась, как вырезать куски из видео уже после того, как мы его запустили. В следующий раз будет лучше 🙂
Здравствуйте, Марта!
Спасибо за ваш способ! Это очень удобно, потому что белый внутри рисунка остаётся, убирается только фон. Единственная проблема у меня – “съедаются” некоторые кусочки рисунка и вернуть их у меня никак не получается. Пробовала снизить чувствительность режима очистки и увеличить вначале контраст рисунка, всё равно исчезают некоторые моменты. Если есть способ их вернуть или придётся печатью копировать соседние?
Буду благодарна за ответ!
Здравствуйте, Марта
можно подробнее про “заливку в режиме очистка”, пожалуйста. Думаю многим тут будет интересно, поделитесь пожалуйста, расскажите (или ткните в ссылку с видеоуроком?) Заранее спасибо.
по второму вашему замечанию – считаю, Элина выделила время, записала видео, поделилась знаниями – это очень ценно! То, что это ее первая попытка снять такого рода видео, она указала в описании, лично меня ни чуточки не напрягли поиски инструментов (учитывая, что я почти так же делаю оцифровку в фш, и примерно предугадывала ее шаги).. Очень хотелось бы увидеть Ваш способ. спасибо!
Добрый день! Спасибо большое за полезную информацию. У меня вопрос по поводу программы Фотошоп. Насколько я поняла, у Вас Adobe Fotoshop? Если да, то не подскажите какая именно? Там их, вроде как, четыре вида. Или может быть посоветуете какую надо приобрести новичку?
Прошу прощения, это относится к человеку по имени Марта… Я возможно не в своё дело лезу, но формат общения ДАННОГО ПРОЕКТА больше дружеский, как я понимаю, и человек тратит своё драгоценное время, делится своими секретами и наработками, за что ему огромное человеческое спасибо, а не делает проверсию! Наверное такие замечания не совсем корректны и уместны:)
Я поделилась своими наработками в ответ. Если это было не по-дружески, у нас разные представления о дружбе.
даже не знаю… У меня полная развернутая версия. Я в свое время покупала полностью Creative Suit – это все программы Adobe для профессионалов. Их там штук 10. Вот ими до сих пор и пользуюсь. Сейчас уже их не купишь легально, теперь их можно только арендовать помесячно у Adobe, что очень дорого
Огромное спасибо за Ваш урок. Такая нужная подсказка для новичков. Давно хотела перенести свои рисунки с бумаги в комп. Теперь обязательно это сделаю 🙂
Элина, спасибо большое!Очень полезный пост!
Спасибо! очень полезная информация! Элина, а какими программами, кроме Фотошоп, Вы пользуетесь на планшете Cintiq Companion?
рисую я пока только в фотошопе. Еще иногда пользуюсь Indesign для верстки, и Acrobat Pro для сбора отдельных рисунков в ПДФ буклеты. Хочу освоить Illustrator
Почему у тебя в компе всё на английском, неужели уже люди русские стали свой родной язык забывать?