Menu

страна советов

Этот пост чисто “технический”.
Одна девушка из моих френдов задала у себя в журнале вопрос, который меня тоже очень интересует: как рисовать картинки на компьютере. Собственно рисовать что либо на компьютере (на мониторе с краю от экрана например, или на систменом болке, ага) не слишком интересно, когда есть бумага, карандаши, кисти и прочие прекрасные вещи…
Для некоторых это хороший источник дохода. Стоки и т.д. Ладно, этим я вроде как заниматься не собиралась… Но и это не спасло – всё равно оказалось, что от компьютерного рисования не уйти.

Весь мой опыт – это опыт обработки своих картинок в фотошопе. И я понимаю, что это не то и не так. А как “так” я не знаю.

Вот эта картинка состоит из множества слоев (кстати, а есть ограничение на количество слоев в ф-шопе? Тут их 43).

Нижний – белый лист с моим изначальным рисунком. На рисунке – только небольшой набросок места.

Поверх него – небо. Это два слоя, на одном ровная заливка, на другом градиент.

Следующие два слоя – это облака нарисованные белым и тени на них нарисованные серым.

Еще два слоя травы – заливка всего поля плюс холм на переднем плане. Дорожка на верзнем слое травы вытерта резинкой.

Еще три слоя – холмы на заднем плане. У всех перечисленных слоев кроме белых облаков прозрачность слоя варьируется.

Еще четыре слоя – деревья.

Следующий пять – дорога (2 слоя), автобус и дома на заднем плане (2 слоя). Потом я скопировала слоя с автобусом и опустила его пониже, чтоб он не очень светился из-за деревьев.

Все последующие слои представляют собой отдельно нарисованных людей.
Я пишу так подробно не чтобы кого-то научить, а ровно наоборот 🙂 поэтому конкретизирую – каждый из этих людей был нарисован в фотошопе, по очереди, минимум в три слоя (ближайшие – гораздо больше). По мере того, как люди были готовы, я схлопывала уровни, чтобы каждый человек в итоге занимал не более одного.
У меня остался только один человек, у которого присутствует изначальная “тень”. Я сейчас специально вывела этот уровень в непрозрачные, чтобы его можно было разглядеть.

И он же уже отрисованный.

Вся толпа людишек (каждый в своем слое).

И они же с тенями. Тени были передвинуты вниз, на уровень под людей. Кроме того, чтобы не было видно линий, нарисованных от руки, я взяла один белый полпрозрачный слой и поставила его как экран вторым слоем, над бэкграундом.

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

Ну и конечный этап сверху.

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

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

Да, это не книжная иллюстрация и не страничка в артбуке, это плакат 2*3 метра размещенный на строительной площадке. Предполагалось, что он должен быть виден с шоссе, проходящего рядом.

А теперь я с большим удовольствием послушаю ваш рассказ о том, как на самом деле решают такого рода задачи люди, которые умеют рисовать “на компьютере” 🙂

44 Replies to “страна советов”

  1. Ничего не могу посоветовать, только хочу восхититься. Очень круто! Я вот так точно не умею!

    • ОЙ! Ты чего это, Юль. А ты собственно чем восхищаешься? Это же тупо-тупо.

      • Ну не тупо… Такую сложную задачу разложить на подзадачки, и всё по полочкам,и ни разу не перепутать и не удалить случайно весь рисунок, и не сбить настройки… Это супер 🙂 и результат получился вполне приличный 🙂

        • Знаешь как у меня на диске этот файл, который я сейчас показывала называется? Лыжня_17. Это порядковый номер сохраненной копии. Все предыдущие на всякий случай сохранялись до момента сдачи последней сохраненной копии заказчику :))) И у меня было много неправильных шагов и возвращений, я уж молчу о том. сколько никуда не пошедших человечков я перерисовала… А вот как раз результат мне кажется получился… вымученным. Взяла и перерисовала всех по очереди справа налево. Хотелось бы поинтереснее.

  2. в колледже мы не рисовали в фотошопе, но нас учили всяким манипуляциям, а в результате мы делали просто “постеры” коллажные. мне было сложно (ноут старый вечно зависает от фотошопа, и вообще меня раздражает сам процесс.. все эти слои, в которых я вечно запутываюсь). Потом еще нас учили работать в Индизайне – вот верстка мне понравилась больше, но и там я тупила. Вообще по-хорошему надо сесть и со всем этим разобраться, конечно. Пригодится. Но ощущение, что лучше бы я поделала что-то руками, чем крутила всякие слои и адски тупила, не покидает, когда что-то делаю в PS.

      • ой, зачем позориться? =)) там всё настолько примитивно, что никто не поверит, если я скажу, что не один час с этим возилась.

        • У тебя такие красивые артбуки были, и матрешки просто обалдеть какие, мне кажется у тебя должны и плакаты быть отличные. У тебя очень хорошо с идеями, а техника ты же понимаешь, нарабатывается.

          • ну, я могу в комментарии выложить, а потом стереть 0)) дело всё в том, что я до того момента даже близко не подходила к фотошопу, редактировала фотки в простых програмках, а большего мне и не надо было. поэтому всё же есть такой уровень, когда реально показывать стыдно. за добрые слова – спасип, конечно.. в целом, если отвлечься от фотошопа, мне чем дальше, тем меньше понятно, чему именно и как мне следует поучиться в рисовании. технической точности или, наоборот, бОльшей спонтанности. или вообще ничему – просто рисовать, как на душу ляжет, как я всегда это делала – и не париться. целей-то конкретных нет. просто хочется рисовать лучше, а что значит это “лучше” – я сама для себя еще не поняла.

          • Я обычно открываю фотошоп чтобы отредактировать яркость и сделать рисайз – очень такое серьезное и основательное применение фотошопа, знаешь 😉 Ну просто в нем это удобно делать, он все равно есть, какой смысл использовать более простые программы…. но правда, к чему привык, то и используешь. Я еще пользуюсь SILKYPIX, в нем удобнее выравнивать края и цвета он красивее конвертит. А ты своим рисованием как-то планируешь деньги зарабатывать, или это чисто для себя?

          • мне как раз удобней редактировать, когда не куча всяких инструментов, а когда их совсем немного – на эту роль фотошоп не годится. плюс, как я уже говорила, у меня от него комп подвисает. ну то есть фотошоп для меня – это как достать все вещи из шкафа только для того, чтобы просто найти и надеть носки. я всегда рисовала и рисую исключительно для себя. просто появляются в голове образы, и их нужно же куда-то деть. или что-то случайно выходит. поэтому я не планирую на этом зарабатывать, нет 0). напр, иллюстрацию по заданию я не смогу нарисовать. всему можно научиться, ты права, но я не уверена, что мне это нужно. мне хочется рисовать только то, что я придумываю сама, иначе и кайфа никакого. тут знаешь как.. сейчас такое время удивительное, никогда раньше ничего подобного не было – когда любой может, не публикуясь и не выставляясь, показать всё, что он делает – в инете. я это ощущаю как огромный шанс самовыразиться – рисуй себе да выкладывай где тока можешь. это здорово. но и рискованно тоже – людей-то злых много =) и все блин знают, как “правильно”. в общем, всё это можно делать, но уверенности не хватает, чаще всего я недовольна тем, что получается. а выкладывать и каждый раз писать – “вот я тут сделала кое-какую мазню, мне не нравится, но вы всё же посмотрите и извините меня”.. от этого я тоже хочу отойти.

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

  3. Маша! у тебя все хорошо!))) единственное, что меня удивило – количество слоев, ты наверное каждый “мазок” помещаешь на отдельный слой. конечно ограничения в программе по слоям нету. если тебе так удобно – работай на здоровье – принципиальной ошибки в этом нет, просто мне кажется капаться в таком многослойном изображении сложно и затрудняет работу. я бы все это сократила до 4 слоев – небо, дальний план с деревьями и домами, фигуры людей, текст. ты можешь установить прозрачность прямо в настройках кистей и добьбешься того же эффекта акварельной пространственномти, не усложняя себе работу со слоями. Бэкграунд можно просто удалить как только он перестал быть тебе нужен – загораживать его белым листом не обязательно))) а вообще прозрачность это дело более чем сомнительное – многие, да и вобще почти все нормальные типографии требуют сводить все слои и избавляться от прозрачностей, потому что при печати может чтонибудь сглючить и результат будет не соответствовать картинке на мониторе)))) так зачем себе создавать трудности))) когда ведь ты можешь добиваться точно таких же тонов и оттенков не с помощью прозрачностей, а с помощью подбора правильного цвета – тем более что ты же прекрасный живописец и для тебя это будет несложно! вобщем работаешь совершенно профессионально! только немного усложняешь себе задачу))))

    • Пациент скорее жив, чем мертв :))) Да мне удобнее с большим количеством слоев именно потому, что я подбираю прозрачность слоев относительно друг друга. Я знаю что кисти тоже могут быть прозрачные. Но после того, как что-то порисовал такой кистью, прозрачность невозможно отрегулировать. Прозрачность слоя можно отрегулировать в любой момент. Да, в типографию отдается .pdf в нащей конкретно реальности. Но я-то мечтала услышать, как это надо было бы сделать в иллюстраторе!!!!

      • Ну и знаешь, мне по сути не нравится это решение. Они хотели что-то живенькое; поскольку место там скучное и невыразительно, то я решила рисовать людей. И получился по-моему пересчёт. Я не дизайнер вообще-то, но одно время интересовалась дизайном и что-то даже ковыряла в этом направлении. В общем понимаю, что это – идеологически убого. Не тольок технически.

      • аааа! пардон))) упустила суть вопроса)))) исправлюсь))) давай я завтра просто у себя сделаю такой же пост про иллюстратор, как этот твой про фотошоп – это будет удобнее чем в коментах на пальцах обьяснять!

  4. 8-/ я бы сдохла. ты трудяга! наверное, оно должно вознаградиться 🙂

    • Если бы это была твоя работа, то не сдохла бы 😉 Хотя я не могу сказать, что это очень заватывающе, но есть гораздо более трудоемкие и скучные вещи чем это.

    • Прям я вся смутилась. По-моему это совсем детский сад, разве что времени было угрохано не по-децки.

  5. сууупер! гениально! мне нравилось в векторных рисовалках рисовать (Xara, например, оч удобная для рисования)

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

    • Все как всегда дело привычки. А теперь у меня и планшет есть, но ведь к нему надо тоже привыкать! Пока у меня получается гораздо хуже, чем на бумаге.

  7. Когда доводилось создавать картинки в фотошопе, тоже пользовался слоями (правда не в таком количестве) и даже такую вещь, как альфа-канал, применял. Но что для меня всегда было загадкой — как в нём собственно рисовать? Неужели ты этих людей мышкой на экране? Или по цепочке бумага-сканер-экран?

      • Не ручаюсь за абсолютно точное определение, но это вроде как ещё один тип канала у изображения вроде цветовых (Red, Green, Blue), только если в цветовом канале яркостью точки ты регулируешь яркость данной цветовой составляющей (от темно-красного, к примеру, до ярко-красного), то в альфа-канале яркость точки определяет прозрачность изображения. То есть можно в нём рисовать и соответственно отдельные элементы изображения будут более прозрачными, другие — наоброт. Фотошоп — мощная штука, но, к сожалению, не до всех его возможностей можно добраться через меню. Для некоторых приходится открывать соответствующие палитры, а некоторые возможности кроме как через нажатие сочетания клавиш и не узнаешь. Приходится книжки читать. 🙂

        • Ну напустил таинственности 😉 Андрей, какой кнопочкой этот альфа-канал вызывается, колись 😉

          • Не поверишь, но это из той редкой категории вещей, которые даже я не помню. 🙂 Всё ж я этим занимался 13 лет назад, когда на меня были возложены обязанности веб-дизайнера в нашей фирме. Помню только, что про альфа-каналы рассказывалось в самом начале учебника по фотошопу, который я тогда решил освоить, и что открываются они где-то в той же палитре, что и слоями заведует.

          • ОК, не расстраивайся, я сама если надо все найду.

      • Альфа-кнал (alpha channel) – скрытый слой с информацией о прозрачности. На тему Иллюстратора – в Illustrator инструментах помимо Pen (по-умолчанию “P”) есть еще и Pencil (по-умолчанию “N”). В отличии от “ручки” карандаш позволяет создавать веркторную линию вдоль линии движения курсора по экраны – и стила по планшету соответственно. Преимущество – можно рисовать прямо поверх отсканированного карандашного наброска. Недостаток – избыток контрольных точек и необходимость периодически перерисовывать сорвавшуюся линию. Короче – можно с помошью Pencil создать векторные объекты поверх наброска, замкнуть их контуры через Pen, залить цветом и готово. Кстати, в илюстраторе создание слоя на каждый чих не результат привычки, а незбежная особенность софта.

        • Чуть не забыл, с чего я собственно это все накатал-то – такого типа изображения больше соответствуют иллюстратору. В фотошопе лучше работать над картинками требующими множества полутонов. Правда, некоторые люди (я) просто не любят иллюстратор, но тут на помошь приходит неплохой векторный инструментарий фотошопа.

        • Упала со стула! Привет, рада тебя “видеть” 🙂 Так тебя значит можно спрашивать, если что? Я правда не знаю, когда мне в следующий раз что-то подобное пригодится… А знаешь, твоя (наша) фамилия про норвежски значит “счастливый случай” 😉

  8. Очень забавно – вы сейчас поймете, почему)))) У меня 1000000 знакомых “компьютерных графиков”, которые второй сверху рисунок (карандашный) сочтут невозможным идеалом. к которому они не приблизятся за всю жизнь, а фотошоп – такой програмкой, типа почтового клиента, которую и обсуждать всерьез нечего))) А Вы – ровно наоборот: отлично рисуете руками, а фотошоп пишете с Большой Буквы)))) Ха-ха-ха!))) Руками рисовать научиться нужны годы и годы, а фотошоп можно по самоучителю освоить.. ну, за неделю до профессорского уровня-то можно))) Так что не робейте, от победы вас отделяют считанные дни))

    • Спасибо, правда смешно :))) Но дело в том что я не дизайнер на самом деле, плакат этот я делала на работе, а работала я ландшафтным архитектором. Но они там быстро сообразили, что меня можно припахать куда угодно; я очень покладистая по сравнению со среднестатистическим норвежским наемным работником 🙂 Если бы у них было даровой рабочей силы, они бы такую работу заказали в соответствующей конторе (и заплатили бы там дофига денег). Я бы занялась фотошопом более серьезно, если бы знала, что мне еще придется делать что-то подобное. Но в данном случае я подозреваю фотошоп – не самый правильный инструмент. Вы как дизайнер, в чем бы делали подобную работу?

      • Я видео-дизайнер, в фотошопе рисую для души.) Есть некий “Пеинтер”, который умеет делать рисовальные фактуры – маслянные мазки, карандашные штрихи и т.п., и в нем все настоящие комп. художники рисуют.) Недавно появилась технология печатать картинку на холст с эффектом объемного мазка (непрофессионал он настоящей масляной картины не отличит) – вот, наверное, пеинтерщикам там раздолье.)) Но в фотошопе тоже можно очень достойные вещи делать, например (вроде бы), Андрей Кузнецов [akuaku.lj.ru] всё в фотошопе рисует.) А Жгун [zhgun.lj.ru], например, рисует в Иллюстраторе – но это немного другая техника.)

        • Ага, спасибо, поняла. Кажется я могу отличить картинку нарисованную фотошопом от картинки нарисованной иллюстратором. А пейнт мне не нужен, я если что ручками по старинке 😉

  9. Маша! Я сегодня получила твою открыточку!! Так рада, так рада, слов не нахожу! Спасибо тебе!!! А то, что ты делаешь в фотошопе…. Это ж таакой труд! Столько слоев и действий!

    • Только сейчас? Ооооооооо….. Да, надо будет в следующем году порасторопнее быть. Ну лучше поздно чем никогда, верное? 😉

      • Дела почтовые сокрыты от моего понимания))) Хотя, какая разница, когда? главное, открытка получена, стоит на полочке и радость дарит!

Leave a Reply

Your email address will not be published. Required fields are marked *