Этот пост чисто “технический”.
Одна девушка из моих френдов задала у себя в журнале вопрос, который меня тоже очень интересует: как рисовать картинки на компьютере. Собственно рисовать что либо на компьютере (на мониторе с краю от экрана например, или на систменом болке, ага) не слишком интересно, когда есть бумага, карандаши, кисти и прочие прекрасные вещи…
Для некоторых это хороший источник дохода. Стоки и т.д. Ладно, этим я вроде как заниматься не собиралась… Но и это не спасло – всё равно оказалось, что от компьютерного рисования не уйти.
Весь мой опыт – это опыт обработки своих картинок в фотошопе. И я понимаю, что это не то и не так. А как “так” я не знаю.
Вот эта картинка состоит из множества слоев (кстати, а есть ограничение на количество слоев в ф-шопе? Тут их 43).
![]()
Нижний – белый лист с моим изначальным рисунком. На рисунке – только небольшой набросок места.
![]()
Поверх него – небо. Это два слоя, на одном ровная заливка, на другом градиент.
![]()
Следующие два слоя – это облака нарисованные белым и тени на них нарисованные серым.
![]()
Еще два слоя травы – заливка всего поля плюс холм на переднем плане. Дорожка на верзнем слое травы вытерта резинкой.
![]()
Еще три слоя – холмы на заднем плане. У всех перечисленных слоев кроме белых облаков прозрачность слоя варьируется.
![]()
Еще четыре слоя – деревья.
![]()
Следующий пять – дорога (2 слоя), автобус и дома на заднем плане (2 слоя). Потом я скопировала слоя с автобусом и опустила его пониже, чтоб он не очень светился из-за деревьев.
![]()
Все последующие слои представляют собой отдельно нарисованных людей.
Я пишу так подробно не чтобы кого-то научить, а ровно наоборот 🙂 поэтому конкретизирую – каждый из этих людей был нарисован в фотошопе, по очереди, минимум в три слоя (ближайшие – гораздо больше). По мере того, как люди были готовы, я схлопывала уровни, чтобы каждый человек в итоге занимал не более одного.
У меня остался только один человек, у которого присутствует изначальная “тень”. Я сейчас специально вывела этот уровень в непрозрачные, чтобы его можно было разглядеть.
![]()
И он же уже отрисованный.
![]()
Вся толпа людишек (каждый в своем слое).
![]()
И они же с тенями. Тени были передвинуты вниз, на уровень под людей. Кроме того, чтобы не было видно линий, нарисованных от руки, я взяла один белый полпрозрачный слой и поставила его как экран вторым слоем, над бэкграундом.
![]()
Добавила белый прямоугольник снизу чтобы было больше места для текста. И собственно текст, это пока два слоя.
![]()
Ну и конечный этап сверху.
У меня к сожалению не осталось человека в сборе; за неимением планшета я их красила мышью, кисточкой с мягким краем. Слоями. Под низ я сначала брала свой набросок, но потом поняла, что брать фотографию можно ровно с тем же успехом, по сути я использовала только контур.
В общем технологически очень примитивно и результат по-моему соответсвующий. У меня есть более удачные примеры, в смысле того, как выглядит конечный результат, но по существу вопроса там то же самое.
Да, это не книжная иллюстрация и не страничка в артбуке, это плакат 2*3 метра размещенный на строительной площадке. Предполагалось, что он должен быть виден с шоссе, проходящего рядом.
А теперь я с большим удовольствием послушаю ваш рассказ о том, как на самом деле решают такого рода задачи люди, которые умеют рисовать “на компьютере” 🙂
Ничего не могу посоветовать, только хочу восхититься. Очень круто! Я вот так точно не умею!
ОЙ! Ты чего это, Юль. А ты собственно чем восхищаешься? Это же тупо-тупо.
Ну не тупо… Такую сложную задачу разложить на подзадачки, и всё по полочкам,и ни разу не перепутать и не удалить случайно весь рисунок, и не сбить настройки… Это супер 🙂 и результат получился вполне приличный 🙂
Знаешь как у меня на диске этот файл, который я сейчас показывала называется? Лыжня_17. Это порядковый номер сохраненной копии. Все предыдущие на всякий случай сохранялись до момента сдачи последней сохраненной копии заказчику :))) И у меня было много неправильных шагов и возвращений, я уж молчу о том. сколько никуда не пошедших человечков я перерисовала… А вот как раз результат мне кажется получился… вымученным. Взяла и перерисовала всех по очереди справа налево. Хотелось бы поинтереснее.
в колледже мы не рисовали в фотошопе, но нас учили всяким манипуляциям, а в результате мы делали просто “постеры” коллажные. мне было сложно (ноут старый вечно зависает от фотошопа, и вообще меня раздражает сам процесс.. все эти слои, в которых я вечно запутываюсь). Потом еще нас учили работать в Индизайне – вот верстка мне понравилась больше, но и там я тупила. Вообще по-хорошему надо сесть и со всем этим разобраться, конечно. Пригодится. Но ощущение, что лучше бы я поделала что-то руками, чем крутила всякие слои и адски тупила, не покидает, когда что-то делаю в PS.
А у тебя есть что-нибудь из постеров? Покажи?
ой, зачем позориться? =)) там всё настолько примитивно, что никто не поверит, если я скажу, что не один час с этим возилась.
У тебя такие красивые артбуки были, и матрешки просто обалдеть какие, мне кажется у тебя должны и плакаты быть отличные. У тебя очень хорошо с идеями, а техника ты же понимаешь, нарабатывается.
ну, я могу в комментарии выложить, а потом стереть 0)) дело всё в том, что я до того момента даже близко не подходила к фотошопу, редактировала фотки в простых програмках, а большего мне и не надо было. поэтому всё же есть такой уровень, когда реально показывать стыдно. за добрые слова – спасип, конечно.. в целом, если отвлечься от фотошопа, мне чем дальше, тем меньше понятно, чему именно и как мне следует поучиться в рисовании. технической точности или, наоборот, бОльшей спонтанности. или вообще ничему – просто рисовать, как на душу ляжет, как я всегда это делала – и не париться. целей-то конкретных нет. просто хочется рисовать лучше, а что значит это “лучше” – я сама для себя еще не поняла.
Я обычно открываю фотошоп чтобы отредактировать яркость и сделать рисайз – очень такое серьезное и основательное применение фотошопа, знаешь 😉 Ну просто в нем это удобно делать, он все равно есть, какой смысл использовать более простые программы…. но правда, к чему привык, то и используешь. Я еще пользуюсь SILKYPIX, в нем удобнее выравнивать края и цвета он красивее конвертит. А ты своим рисованием как-то планируешь деньги зарабатывать, или это чисто для себя?
мне как раз удобней редактировать, когда не куча всяких инструментов, а когда их совсем немного – на эту роль фотошоп не годится. плюс, как я уже говорила, у меня от него комп подвисает. ну то есть фотошоп для меня – это как достать все вещи из шкафа только для того, чтобы просто найти и надеть носки. я всегда рисовала и рисую исключительно для себя. просто появляются в голове образы, и их нужно же куда-то деть. или что-то случайно выходит. поэтому я не планирую на этом зарабатывать, нет 0). напр, иллюстрацию по заданию я не смогу нарисовать. всему можно научиться, ты права, но я не уверена, что мне это нужно. мне хочется рисовать только то, что я придумываю сама, иначе и кайфа никакого. тут знаешь как.. сейчас такое время удивительное, никогда раньше ничего подобного не было – когда любой может, не публикуясь и не выставляясь, показать всё, что он делает – в инете. я это ощущаю как огромный шанс самовыразиться – рисуй себе да выкладывай где тока можешь. это здорово. но и рискованно тоже – людей-то злых много =) и все блин знают, как “правильно”. в общем, всё это можно делать, но уверенности не хватает, чаще всего я недовольна тем, что получается. а выкладывать и каждый раз писать – “вот я тут сделала кое-какую мазню, мне не нравится, но вы всё же посмотрите и извините меня”.. от этого я тоже хочу отойти.
А это http://art-expiration.livejournal.com/ ты просматриваешь?
смотрю, да. даже выкладывала там что-то. пару недель назад кто-то там вставил нереально длинную картинку, я спрятала сообщество из френд-ленты, а потом забыла про него =) когда стока рисующих людей выкладывают разные красивости, ощущение, что я ваще нихера не делаю. в общем, смешанные у меня чувства, когда смотрю.
Маша! у тебя все хорошо!))) единственное, что меня удивило – количество слоев, ты наверное каждый “мазок” помещаешь на отдельный слой. конечно ограничения в программе по слоям нету. если тебе так удобно – работай на здоровье – принципиальной ошибки в этом нет, просто мне кажется капаться в таком многослойном изображении сложно и затрудняет работу. я бы все это сократила до 4 слоев – небо, дальний план с деревьями и домами, фигуры людей, текст. ты можешь установить прозрачность прямо в настройках кистей и добьбешься того же эффекта акварельной пространственномти, не усложняя себе работу со слоями. Бэкграунд можно просто удалить как только он перестал быть тебе нужен – загораживать его белым листом не обязательно))) а вообще прозрачность это дело более чем сомнительное – многие, да и вобще почти все нормальные типографии требуют сводить все слои и избавляться от прозрачностей, потому что при печати может чтонибудь сглючить и результат будет не соответствовать картинке на мониторе)))) так зачем себе создавать трудности))) когда ведь ты можешь добиваться точно таких же тонов и оттенков не с помощью прозрачностей, а с помощью подбора правильного цвета – тем более что ты же прекрасный живописец и для тебя это будет несложно! вобщем работаешь совершенно профессионально! только немного усложняешь себе задачу))))
Пациент скорее жив, чем мертв :))) Да мне удобнее с большим количеством слоев именно потому, что я подбираю прозрачность слоев относительно друг друга. Я знаю что кисти тоже могут быть прозрачные. Но после того, как что-то порисовал такой кистью, прозрачность невозможно отрегулировать. Прозрачность слоя можно отрегулировать в любой момент. Да, в типографию отдается .pdf в нащей конкретно реальности. Но я-то мечтала услышать, как это надо было бы сделать в иллюстраторе!!!!
Ну и знаешь, мне по сути не нравится это решение. Они хотели что-то живенькое; поскольку место там скучное и невыразительно, то я решила рисовать людей. И получился по-моему пересчёт. Я не дизайнер вообще-то, но одно время интересовалась дизайном и что-то даже ковыряла в этом направлении. В общем понимаю, что это – идеологически убого. Не тольок технически.
аааа! пардон))) упустила суть вопроса)))) исправлюсь))) давай я завтра просто у себя сделаю такой же пост про иллюстратор, как этот твой про фотошоп – это будет удобнее чем в коментах на пальцах обьяснять!
Ой спасибо, класс! :)) жду.
8-/ я бы сдохла. ты трудяга! наверное, оно должно вознаградиться 🙂
Если бы это была твоя работа, то не сдохла бы 😉 Хотя я не могу сказать, что это очень заватывающе, но есть гораздо более трудоемкие и скучные вещи чем это.
Круто…
Прям я вся смутилась. По-моему это совсем детский сад, разве что времени было угрохано не по-децки.
Для меня это что-то недостижимое 🙂
сууупер! гениально! мне нравилось в векторных рисовалках рисовать (Xara, например, оч удобная для рисования)
Круто,если честно я до сих пор не понимаю как можно рисовать мышкой,без планшета,у меня все кривое и косое как у пятилетнего ребенка,я бы даже деревья ровно не закрасила.. Планшета у меня правда тоже нету,и не было ,но ядумаю что с ним удобнее наверно все-таки…
Все как всегда дело привычки. А теперь у меня и планшет есть, но ведь к нему надо тоже привыкать! Пока у меня получается гораздо хуже, чем на бумаге.
Когда доводилось создавать картинки в фотошопе, тоже пользовался слоями (правда не в таком количестве) и даже такую вещь, как альфа-канал, применял. Но что для меня всегда было загадкой — как в нём собственно рисовать? Неужели ты этих людей мышкой на экране? Или по цепочке бумага-сканер-экран?
Ага, мышкой. А что такое альфа-канал?
Не ручаюсь за абсолютно точное определение, но это вроде как ещё один тип канала у изображения вроде цветовых (Red, Green, Blue), только если в цветовом канале яркостью точки ты регулируешь яркость данной цветовой составляющей (от темно-красного, к примеру, до ярко-красного), то в альфа-канале яркость точки определяет прозрачность изображения. То есть можно в нём рисовать и соответственно отдельные элементы изображения будут более прозрачными, другие — наоброт. Фотошоп — мощная штука, но, к сожалению, не до всех его возможностей можно добраться через меню. Для некоторых приходится открывать соответствующие палитры, а некоторые возможности кроме как через нажатие сочетания клавиш и не узнаешь. Приходится книжки читать. 🙂
Ну напустил таинственности 😉 Андрей, какой кнопочкой этот альфа-канал вызывается, колись 😉
Не поверишь, но это из той редкой категории вещей, которые даже я не помню. 🙂 Всё ж я этим занимался 13 лет назад, когда на меня были возложены обязанности веб-дизайнера в нашей фирме. Помню только, что про альфа-каналы рассказывалось в самом начале учебника по фотошопу, который я тогда решил освоить, и что открываются они где-то в той же палитре, что и слоями заведует.
ОК, не расстраивайся, я сама если надо все найду.
Альфа-кнал (alpha channel) – скрытый слой с информацией о прозрачности. На тему Иллюстратора – в Illustrator инструментах помимо Pen (по-умолчанию “P”) есть еще и Pencil (по-умолчанию “N”). В отличии от “ручки” карандаш позволяет создавать веркторную линию вдоль линии движения курсора по экраны – и стила по планшету соответственно. Преимущество – можно рисовать прямо поверх отсканированного карандашного наброска. Недостаток – избыток контрольных точек и необходимость периодически перерисовывать сорвавшуюся линию. Короче – можно с помошью Pencil создать векторные объекты поверх наброска, замкнуть их контуры через Pen, залить цветом и готово. Кстати, в илюстраторе создание слоя на каждый чих не результат привычки, а незбежная особенность софта.
Чуть не забыл, с чего я собственно это все накатал-то – такого типа изображения больше соответствуют иллюстратору. В фотошопе лучше работать над картинками требующими множества полутонов. Правда, некоторые люди (я) просто не любят иллюстратор, но тут на помошь приходит неплохой векторный инструментарий фотошопа.
Упала со стула! Привет, рада тебя “видеть” 🙂 Так тебя значит можно спрашивать, если что? Я правда не знаю, когда мне в следующий раз что-то подобное пригодится… А знаешь, твоя (наша) фамилия про норвежски значит “счастливый случай” 😉
Спрашивать меня можно и даже нужно 🙂
Очень забавно – вы сейчас поймете, почему)))) У меня 1000000 знакомых “компьютерных графиков”, которые второй сверху рисунок (карандашный) сочтут невозможным идеалом. к которому они не приблизятся за всю жизнь, а фотошоп – такой програмкой, типа почтового клиента, которую и обсуждать всерьез нечего))) А Вы – ровно наоборот: отлично рисуете руками, а фотошоп пишете с Большой Буквы)))) Ха-ха-ха!))) Руками рисовать научиться нужны годы и годы, а фотошоп можно по самоучителю освоить.. ну, за неделю до профессорского уровня-то можно))) Так что не робейте, от победы вас отделяют считанные дни))
Спасибо, правда смешно :))) Но дело в том что я не дизайнер на самом деле, плакат этот я делала на работе, а работала я ландшафтным архитектором. Но они там быстро сообразили, что меня можно припахать куда угодно; я очень покладистая по сравнению со среднестатистическим норвежским наемным работником 🙂 Если бы у них было даровой рабочей силы, они бы такую работу заказали в соответствующей конторе (и заплатили бы там дофига денег). Я бы занялась фотошопом более серьезно, если бы знала, что мне еще придется делать что-то подобное. Но в данном случае я подозреваю фотошоп – не самый правильный инструмент. Вы как дизайнер, в чем бы делали подобную работу?
Я видео-дизайнер, в фотошопе рисую для души.) Есть некий “Пеинтер”, который умеет делать рисовальные фактуры – маслянные мазки, карандашные штрихи и т.п., и в нем все настоящие комп. художники рисуют.) Недавно появилась технология печатать картинку на холст с эффектом объемного мазка (непрофессионал он настоящей масляной картины не отличит) – вот, наверное, пеинтерщикам там раздолье.)) Но в фотошопе тоже можно очень достойные вещи делать, например (вроде бы), Андрей Кузнецов [akuaku.lj.ru] всё в фотошопе рисует.) А Жгун [zhgun.lj.ru], например, рисует в Иллюстраторе – но это немного другая техника.)
Ага, спасибо, поняла. Кажется я могу отличить картинку нарисованную фотошопом от картинки нарисованной иллюстратором. А пейнт мне не нужен, я если что ручками по старинке 😉
:)))
Маша! Я сегодня получила твою открыточку!! Так рада, так рада, слов не нахожу! Спасибо тебе!!! А то, что ты делаешь в фотошопе…. Это ж таакой труд! Столько слоев и действий!
Только сейчас? Ооооооооо….. Да, надо будет в следующем году порасторопнее быть. Ну лучше поздно чем никогда, верное? 😉
Дела почтовые сокрыты от моего понимания))) Хотя, какая разница, когда? главное, открытка получена, стоит на полочке и радость дарит!