Как нарисовать икону карандашом: Как нарисовать икону карандашом поэтапно для начинающих


21.08.2021 Facebook Twitter LinkedIn Google+ Карандашом


Содержание

Мастер – класс икона Святой целитель Пантелеймон

Иконописание – работа кропотливая и трудоемкая, но при желании ее можно освоить. Если вы любите рисовать, усидчивы и восприимчивы ко всему новому, то этот мастер – класс вам понравится.
Для того, чтобы начать работу, нужно приобрести все необходимое, а именно:
- деревянную доску (размер на ваше усмотрение), вполне подойдет разделочная досочка без ручки;
- краски гуашевые;
- кисти разных размеров;
- клей ПВА;
- лак по дереву, желательно матовый;
- шкурку;
- белую акриловую краску.

1. Для начала нам нужно подготовить доску. Для этого ее необходимо тщательно ошкурить и загрунтовать белой акриловой краской.


Грунт накладывается в два – три слоя. Каждый слой просушивается и ошкуривается. Когда поверхность доски будет идеально ровная можно приступать к рисованию.
2. Можно делать список с настоящей иконы или взять картинку из интернета. Простым карандашом делаем прорись рисунка.

Если самостоятельно сделать ее не получается, стоит воспользоваться калькой. Приложите кальку к рисунку, аккуратно обведите. А затем переведите на доску. Однако, в этом случае нужно подбирать досочку под размер рисунка.

3. Контур рисунка следует аккуратно обвести коричневой краской. Важно: краску необходимо смешивать с водой и клеем ПВА. А делать это нужно для того, чтобы не смывался нижний слой красок.

4. Закрашиваем работу краской цвета охра, как показано на рисунке. Не забывайте добавлять воду и клей.
5. На данном этапе нам предстоит залить контур цветом. Важно брать не просто цвет, а самый темный тон краски. Например, когда мы закрашиваем лик (лицо), то берем самый темный цвет, в данном случае – коричневый. Позже, мы будем высветлять икону.


6. Мы подошли к самому сложному этапу нашей работы. Нам предстоит тщательно прорисовать каждый фрагмент и высветлить все детали рисунка. Лучше начать с лика. Для того, чтобы высветлить темный лик, нужно взять краску более светлого тона и накладывать несколько слоев в области лба, щек, носа. Затем прорисовать глаза, губы, брови. Такую же работу проделываем со складками на одежде. Темные места высветляем более светлой краской. Клей добавлять обязательно, иначе предыдущие слои начнут смываться. Когда работа проделана, нужно сделать рамочку. Для того, чтобы кистью провести ровную линию, нужно положить две крышки от гуаши на доску, сверху линейку и провести линию. Если линия получилась слишком бледной, повторите еще раз.

7. В завершении работы мы сделаем надпись на иконе и покроем рисунок лаком. Лак спрей можно наносить с расстояния 20-30 см в два – три слоя. Когда работа просохнет ее нужно отнести в храм и освятить. Бог в помощь!

Как нарисовать образ 🚩 рисовать икону поэтапно 🚩 Рисование

Вам понадобится

  • - доска;
  • - темперные краски;
  • - грунт;
  • - костный или мездровый клей;
  • - марля;
  • - кисти;
  • - наждачная бумага.
  • - кисти разной толщины.

Инструкция

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

Обратите внимание на то, что образ находится в центральной части иконы, которая представляет собой естественное углубление. Углубление называется ковчегом. Поле рамы выступает над ним на несколько миллиметров. Для обработки поверхности можно использовать наждачную бумагу. Не должно остаться заметных выступов или впадин, сколов и т. п.

Пропитайте доску мездровым или костным клеем. Наклейте на нее кусок льняной хлопчатобумажной ткани. Из того, что наиболее часто встречается в торговых точках, подойдет марля. Ее необходимо предварительно замочить в клее, чтобы она как следует пропиталась. Эта ткань называется паволокой. Она должна высохнуть, прежде чем вы начнете следующий этап.

Приготовьте левкас. Он делается из чистого мела. Лучше всего приобрести его в магазине, где продают товары для художников. Мел необходимо просеять и отмучить в воде.

Сварите клей. Технология приготовления клея животного происхождения примерно одинакова. Замочите пластинки клея в воде и дайте ему набухнуть. Подержите клей в воде часа три, затем поставьте на водяную баню. Подогрейте примерно до 70°С и начинайте постепенно всыпать туда мел. Не забывайте помешивать содержимое кастрюли. В результате у вас должно получиться нечто, напоминающее сметану. Это называется «левкас». В него можно добавить немного льняного масла или меда.

Дайте левкасу постоять при комнатной температуре около суток. Нанесите его тонким слоем на доску с помощью широкой кисти. Дайте доске просохнуть и выровняйте слой шкуркой. Таким же образом нанесите еще 10-15 слоев. При этом грунт не должен получиться слишком толстым, он составляет всего около миллиметра.

На подготовленный левкас нанесите рисунок. Это можно сделать двумя способами. Мастера старой школы рисовали прямо на доске углем или черной краской. Если вы пока не настолько уверены в себе, сделайте рисунок на бумаге в натуральную величину. Компьютерные технологии позволяют даже найти понравившуюся икону, увеличить ее и распечатать целиком и частями.

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

Если вы все же решили нарисовать образ самостоятельно, потренируйтесь сначала на листе бумаги. Начертите рамку, по пропорциям совпадающую с доской. Постройте изображение. Удобнее всего начинать с круга. Найдите у этого круга центр. Набросайте равнобедренный треугольник с вершиной в центре круга. Основание этого треугольника — нижняя линия иконы. Длина ее зависит от того, какой именно образ вы собираетесь рисовать. Если это Богоматерь, то линия будет длинной, нужно немного отступить от краев рамки. Первоначальный круг останется и на готовой иконе, это нимб.

Наметьте основные детали. Это лики и общие линии фигуры. Обратите внимание на то, что на православной иконе пропорции детского тела точно такие же, как и у взрослого, то есть голова Младенца будет равна примерно 1/7 или 1/8 части от общей длины туловища. На этом этапе набросайте и основные складки одежды.

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

Раскрасьте образ. Используйте для этого темперные краски. Иконописцы старой школы делали их сами, так бывает и сейчас в профессиональных мастерских. Но темпера продается в магазинах товаров для художников, и вполне можно воспользоваться ею. Обратите внимание на то, что на иконах обычно чистые и яркие краски. Оттенки отсутствуют, а, например, складки одежды передаются путем нанесения штрихов другой краской.

Как нарисовать икону карандашом поэтапно для начинающих — узоры на иконах

>Икона своими руками

Икона своими руками

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

Для работы нужно приобрести:

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

1. Обработайте поверхность доски наждачной бумагой.


2. В два слоя покройте поверхность доски белой акриловой краской. Пройдитесь по доске наждаком.


3. Протрите доску влажной салфеткой.

4. Нарисуйте икону простым карандашом. Рисовать можно с иллюстраций, икон.


5. Покройте поверхность доски краской цвета охра.

6. Контур рисунка обведите коричневой краской.

7. Заполняйте икону цветом в два слоя. В краску добавляйте клей ПВА.

8. Начинайте прорисовку с лика. Краской более светлого оттенка выделите область лба, щек, носа.

9. Прорисуйте детали одежды, складки, ноги, руки. Не забывайте добавлять в краску клей. Особое внимание уделите глазам. Для их прорисовки пригодится очень тонкая кисть.

10. Сделайте надписи на иконе.

11. Приклейте жемчужины и стразы вокруг нимба. Клей для типсов подойдет идеально. Брать стразы нужно зубочисткой, смоченной в воде.

12. Покройте работу матовым лаком по дереву.

13. Освятите икону в храме.

Икона готова. Теперь у вас есть отличный подарок для друзей и близких. Творческих успехов и вдохновения!

Автор мастер-класса Мария Круглова.

Понравилось изделие и хотите заказать такое же у автора? Напишите нам .

Чтобы не забыть адрес страницы и поделиться с друзьями, добавьте себе в соцсети:

Еще интересно:

Метки: Рисование

Как нарисовать Икону карандашом поэтапно

Иконы — это нарисованные изображения различных святых. Иконы украшают все церкви и храмы. Святым на иконах молятся прихожане, прося о своих насущных нуждах. Правильно рисовать иконы учат в специальных художественных школах. Можно попытаться поучиться рисовать икону Богородицы с младенцем Иисусом Христом, чем мы и займемся на этом уроке.

Этап 1. Рисуем овал на весь лист бумаги. В нем начинаем рисовать очертания фигуры Богородицы: показываем линию плея, шеи, головы и лица.

Этап 2. Потом возле головы Богородицы намечаем контуры головки младенца Иисуса, его тела, руки и ножек. Этап 3. Рисуем детали лица. Красивый нос, четкие брови, глаза, рот. Вокруг головы дополняем линии покрывала, оно ниспадает с головы на шею и далее на плечи. Эти линии рисуем очень плавными и нежными. У младенца также показываем аккуратный нос и ротик. Этап 4. Теперь очень важный этап в рисовании икону. Это прорисовка глаз. Глазам святых уделяется особое важное внимание. Они всегда рисуются очень выразительными, смотрящими на стоящего перед ним человека с какой стороны ни посмотри. Глаза Богородицы рисуем очень красивыми, миндалевидными с четкими зрачками. У Иисуса также довольно большие глаза с не по-детски серьезным их выражением. Брови чуть сдвинуты к переносице. Этап 5. Украшаем покрывало Богородицы. Рисуем красивые узоры в полосе надо лбом. Также добавим узоры в линию горловины и чуть сзади шеи. По волосам младенца нанесем волнистые линии. Этап 6. Вокруг головы Богородицы рисуем круг — обозначение ее принадлежности к лику святых. У младенца Иисуса так же вокруг головки есть круг, в котором пересекаются крестообразные линии. Дорисовываем ручку его, выглядывающую в прорезь одежды. На ногах добавим несколько штрихов, имитирующих потеки крови. Этап 7. На одеянии младенца покажем несколько плавных линий складок, дорисуем вторую ручку. Здесь же показываем правую руку Богородицы. Этап 8. Добавим линии на одежде святых. Этап 9. Черно-белый вариант иконы получился вот такого вида: Этап 10. Икону можно раскрасить так, как это сделали мы. Попытайтесь и у вас получится собственноручно нарисованная икона.

LiveInternetLiveInternet


Цитата сообщения Рождена_Весной ПРОРИСИ ИКОН ДЛЯ РОСПИСИ.

О том, как использовать прориси икон. По отношению к иконам слово «шаблон» не применяется. Надеюсь, многим поможет и вдохновит создать семейные реликвии, которые будут передаваться из поколения в поколение. На всякий случай акцентирую внимание, если хотите создать «сильную» икону, нужно: постить, исповедоваться, читать специальную молитву, брать благословение у Батюшки перед началом работы.

Богоматерь Арапетская (Аравийская)

Каталог коллекции иконных прорисей
http://nesusvet.narod.ru/ico/icons/cat_pr.htm

http://www.ikonsmaster.narod.ru/ob_ikone/2_trud_ikonopisca/26.html

http://www.izograf.com.ua/prorisi2.html
иконописец не имеет право писать иконы по своему разумению…… так писали только святые..

Он по уже имеющимся прорисям создает копию образа, который был до того….
Труд иконописца-снятие прориси
http://www.icon-art.info/book_contents.php?book_id=25& ;chap=15

Орёл Телец и Лев-в Христианской иконографии.

Прорись иконы Божией Матери

Владимирская. с изображением… ВЗЫГРАНИЕ МЛАДЕНЦА. икона Богородицы Корсунская. СВЯТОЙ НИКОЛАЙ Предлагаю Вашему вниманию цветные прориси монахини Иулиании в хорошем разрешении (высоком разрешении). Прорись из иконописного подлинника Киево-Печерской лавры.

Достойно есть

Корсунская икона Божией Матери.

Прорись иконы «Взыграние»

Богоматерь Умиление

Богоматерь Умиление

ВЫШИВКА РИЗЫ ДЛЯ ИКОНЫ. (Мой скромный опыт)

  1. Делаю прорись (кальку) с иконы сама, или мне дает ее иконописец. Естественно, без прорисовывания деталей лика, рук, ног младенца, только контуры. Контуры деталей, которые будут впоследствии вырезаться, нужно нарисовать немного подальше, чтобы впоследствии риза не наехала на икону и частично не закрыла лик или руки, к тому же если будет небольшой сдвиг, чего, в принципе, быть не должно, но вдруг!, то была бы возможность подредактировать работу. Если отверстие будет несколько больше – не страшно, а вот когда риза наезжает на те части иконы, которые должны быть открыты – то это плохо.
  2. Делаю цветные эскизы (начала их делать недавно, по советам преподавателей из Убруса, и они очень помогают в работе). Определяюсь с материалом, который буду использовать в работе, в общих чертах. Раскладываю сотни пакетиков с бисером, камушками, канителью, стразами, определяюсь, что может пригодиться в работе и складываю их в отдельную коробку. Остальное убираю, дабы не смущало. Насчет цветов, используемых в ризе – конечно, очень подходит жемчуг и бисер жемчужных цветов, от белого до светло-бежевого (см. фото 1). Вышивала я ризы и, пытаясь в точности повторить цвета на иконе (см. фото 2, 3), но мне кажется это менее удачным. К тому же цветовая гамма бисера все же ограничена, не всегда удается найти то, что нужно, чтобы удовлетворяло и по размеру, и по качеству, и по цвету. Бисер лучше всего использовать, конечно же, чешский. И чем мельче, тем лучше. Стеклярус я практически не использую, он грубоват, а вот рубку немного ввожу в вышивку.
  3. Запяливание ткани. Этот процесс нам уже известен, запяливаю я так, как учили в Убрусе. Только паутинки у меня нет, поэтому работаю без нее. Если поверхность будет полностью вышита, то можно вышивать по х/б ткани, если предполагается, что часть ткани будет видна, то вехнюю ткань берем такую, какая нам нужна. Тканей может быть и несколько, т.е. ткань фона одна, а на нее накладывается (пришивается мелкими стежками) ткань нимба – другая (см. фото 4) . Иногда поверхность интереснее смотрится, если в качестве верхней ткани взята золотая парча, она дает дополнительное мягкое свечение бисеру, и выглядит красиво, если риза зашивается не сплошь, а с промежутками в некоторых местах (см. фото 5)

Да, длина ткани должна быть больше, чем периметр иконы, на ширину иконной доски плюс сантиметров 5-7 для подгиба.

  1. На запяленную ткань наношу прорись с помощью кальки для ткани . Обвожу прорись простым карандашом, уточняю линии ( см. фото 6)
  2. Начинаю вышивать с контуров мафория Божией Матери, одежды Младенца. Зашиваю их полностью, потом вышиваю нимбы (фото7), фон (если он вышивается), рамку и надписи, подправляю все, сверяю с калькой. Вышиваю так, как описано в журнале Убрус, вы, наверное, все знаете, как пришивать бисер. Вышиваю и вприкреп, и по две, и по одной бисеринке.

Фон можно оставлять незашитым. (См. фото 8)

Иглы использую, естественно, бисерные, нитки – ЛЛ, либо армированные. Под цвет бисера или ткани фона. Нитки можно слегка вощить.

  1. Проклеиваю изнанку мучным клейстером, не снимая с пялец. Раньше проклеивала полностью, теперь проклеиваю те части, которые будут вырезаться и прилегающие к ним вышитые, примерно на 1 см.
  2. После высыхания аккуратно маникюрными ножницами и острым распарывателем для ткани вырезаю незашитые детали с припуском приблизительно 1 см, если позволяет ткань, а если дырочка маленькая, то — как получится. Надсекаю ткань так, чтобы она хорошо и плавно загнулась на изнанку. Подшиваю ее к изнанке, проходя два, а то и три раза по кругу, чтобы ткань была хорошо закреплена. Можно еще раз проклеить края.
  3. Вышивку снимаю с пялец. Прикладываю к иконе. Чтобы хорошо положить ризу на икону, понадобится помощь двухстороннего скотча. Мне нравится работать с лентой для приклеивания линолиума. На тыльную сторону иконной доски по периметру приклеиваю скотч, и поочередно снимая второй бумажный слой с него, заворачиваю на изнанку ткань и приклеиваю к скотчу. Если нужно подправить, можно отклеить и сделать еще раз, скотч прилипает хорошо. Когда я вижу, что результат меня устраивает, раза расположена правильно и никуда не сдвигается, я фиксирую углы, пришиваю их нитками. Лишнюю ткань на изнанке срезаю.
  4. Выкраиваю х/б ткань, равную периметру иконы и пришиваю ее вручную по всему периметру иконы с изнанки, чтобы закрыть все подгибы и стыки, дабы все было аккуратно.
  5. Вставляю икону в киот . Аминь.

Какую роль играет орнамент в церковном искусстве?

Дмитрий Трофимов, руководитель творческих мастерских «Царьград»

Орнамент — почерк эпохи, в нем наиболее сжато и отчетливо выражается художественный стиль времени. На первый взгляд орнамент выполняет подчиненную роль в художественном произведении. Однако как в ткани музыкального симфонического произведения значимо звучание каждого инструмента, сколь бы малой ни была его партия, так и художественная образность орнаментальных форм обретает свой смысл при их рассмотрении в едином композиционном организме книжного листа, шитой пелены, росписи храма.
Наиболее ярко орнаментальное творчество проявило себя в храмовой декорации VI века, так называемой юстиниановской эпохи. В это время орнамент был почти равноценен сюжетным изображениям. Сохранившие мозаическую декорацию храмы Равенны особенно наглядно демонстрируют, что орнамент здесь не есть лишь ненавязчивый аккомпанемент. Он активно формирует среду, пространство.

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

В Сан-Витале в Равенне это алтарная абсида и стены предшествующей ей восточной части храма. Все сюжетные композиции выделены подчеркивающими сюжет рамами геометрического орнамента. А вот все остальные сложные криволинейные поверхности архитектуры — арки, откосы, своды — все заполнено орнаментом иного характера. Этот орнамент, живой, свободный, составляется то из пышных цветов, по лепесткам и листьям которых порхают птицы, то из античных кратеров с поднимающейся из них вьющейся лозой, и воркующими рядом голубями. Мы видим здесь свивающиеся ленты, белые лилии, павлинов, распустивших веером свои хвосты, корзины со спелыми плодами и составленные из плодов гирлянды. Даже образы Христа и апостолов в медальонах обрамлены «виньетками» в виде сплетшихся хвостами дельфинов.
Поражающее воображение богатство орнаментальных форм, сияние глубоких и насыщенных цветов смальты в сочетании с сиянием золота, создает ощущение, что человек, находящийся в храме, является свидетелем существования иного, прекрасного, не поддающегося описанию словами мира, где в гармонии и радости сосуществует все земное.


Что это за мир, поясняет надпись, сохранившаяся на одной из орнаментальных заставок древней болгарской рукописи XIII века: «Се есть Рай, иже нарицается Парадис».

Обучение иконописи - Сайт иконописца Владимира Фронтинского

Ико­но­пись – это вид живо­пи­си, обла­да­ю­щий сво­ей эсте­ти­кой, при­ё­ма­ми, тех­но­ло­ги­ей. В дан­ной ста­тье основ­ное вни­ма­ние я уде­ляю эсте­ти­ко-ремес­лен­но­му нача­лу в ико­но­пи­си. Для созда­ния совер­шен­но­го обра­за, по воз­мож­но­сти, нуж­но овла­де­вать и совер­шен­ной фор­мой. Кро­ме овла­де­ния ремес­лен­ны­ми навы­ка­ми необ­хо­ди­мо вос­пи­ты­вать худо­же­ствен­ный вкус, поча­ще созер­цать шедев­ры рус­ской и миро­вой ико­но­пи­си, нахо­дя­щих­ся в музе­ях, что, к сожа­ле­нию, доступ­но не всем. Часто репро­дук­ции икон гре­шат иска­же­ни­ем цве­та, сами ико­ны быва­ют в пла­чев­ном состо­я­нии. Для обу­че­ния необ­хо­ди­мы, конеч­но, хоро­шие аль­бо­мы, репро­дук­ции, луч­ше фото­гра­фии фраг­мен­тов, сде­лан­ные в музе­ях, кото­ры­ми обла­да­ют серьёз­ные ико­но­пис­ные школы. 

После эле­мен­тар­ных упраж­не­ний, опи­сан­ных в преды­ду­щей ста­тье – гор­ки, архи­тек­ту­ра, вода, дере­вья, мож­но при­сту­пить к пись­му антич­ных оде­я­ний свя­тых, поизу­чать систе­му пробело́в на склад­ках. Основ­ные при­ё­мы созда­ния ико­но­пис­ной опти­че­ской систе­мы: роскрышь, при­те­не­ние, высвет­ле­ние, опись, лес­си­ров­ка. Часто уча­щи­е­ся вме­сто посто­ян­ных упраж­не­ний жела­ют узнать какие-то «сек­ре­ты» или «осо­бые тех­но­ло­гии», кото­рых не суще­ству­ет. Луч­ше хоро­шо выпол­нить про­стую зада­чу, напри­мер, мно­го­крат­но напи­сать рукав, или дру­гой фраг­мент оде­я­ний, что­бы он выгля­дел убе­ди­тель­но. Упраж­не­ния мож­но делать на залев­ка­шен­ной натя­ну­той бума­ге или орга­ли­те, неудав­ши­е­ся момен­ты надо научить­ся счи­щать скаль­пе­лем. Роскрышь, т. е. пят­но цве­та на одеж­дах, наби­ра­ет­ся плот­нее, чем гор­ки, но с неко­то­рой долей про­зрач­но­сти. Про­бе­ла́ име­ют сту­пен­ча­тый харак­тер, дости­гая в неко­то­рых древ­не­рус­ских ико­нах до пяти сту­пе­ней. Они долж­ны чёт­ко отде­лять­ся друг от дру­га, иметь свою логи­ку постро­е­ния объ­ё­ма. Начи­на­ют­ся про­бе­ла́ не чисты­ми бели­ла­ми, в них может под­ме­ши­вать­ся цвет роскры­ши или дру­гой пиг­мент. На сире­не­вом цве­те часто дела­ют­ся холод­но-синие про­бе­ла́, такой цвет дают смесь белил и чёр­но­го. Про­бе­ла́ в послед­них фазах дости­га­ют пол­ной плот­но­сти, в сред­них – более про­зрач­но, сквозь них может про­све­чи­вать цвет одежд. С тене­вой сто­ро­ны объ­ём моде­ли­ру­ет­ся «при­те­не­ни­я­ми» – тон­ки­ми, про­зрач­ны­ми, лес­си­ро­воч­ны­ми сло­я­ми крас­ки, цве­та немно­го тем­нее роскры­ши. Завер­ша­ет­ся постро­е­ние фор­мы опи­ся­ми и белиль­ны­ми тон­ки­ми маз­ка­ми. Опи­си созда­ют тене­вую «глу­би­ну», они име­ют раз­ную интен­сив­ность, с тене­вой сто­ро­ны – тем­нее. Необ­хо­ди­мо научить­ся в поис­ках выра­зи­тель­но­сти спо­кой­но «мять» мате­ри­ал, менять про­пор­ции, цве­та, дви­гать какие-то дета­ли, что-то счи­щать частич­но или пол­но­стью. Исправ­ле­ния рисун­ка вид­ны на древ­них ико­нах, ника­кой «гра­фьёй» ста­рые масте­ра не поль­зо­ва­лись. Про­ца­ра­пы­ва­ние кон­ту­ра дела­ет­ся при золо­че­нии, что­бы при нахлё­сты­ва­нии золо­та не поте­рять силу­эт. Тех­ни­ка постро­е­ния объ­ё­ма в иконе мно­го­слой­ная, слои под­су­ши­ва­ют­ся, рабо­та «по сыро­му» не ведётся. 

При напи­са­нии мно­го­цвет­ных празд­ни­ков важ­но гар­мо­нич­но подо­брать цве­та, посте­пен­но уточ­няя их, все­гда луч­ше начи­нать блед­но, чем потом счи­щать слои скаль­пе­лем. В искус­стве ико­но­пи­си мно­гое зави­сит от внут­рен­ней куль­ту­ры чело­ве­ка, его эсте­ти­че­ских прин­ци­пов и ремес­лен­но-худо­же­ствен­ных навы­ков, уме­ние выби­рать из все­го огром­но­го мате­ри­а­ла самое выра­зи­тель­ное. Все цве­та на иконе под­дер­жи­ва­ют друг дру­га, сам по себе цвет вооб­ще не суще­ству­ет, какой нибудь охри­стый цвет рядом с синим выгля­дит ярко-оран­же­вым, а гряз­но-зелё­ный рядом с крас­ным ста­но­вит­ся весь­ма ярким. Мож­но делать коле­ров­ку на бума­ге, при­став­ляя кусо­чек коле­ро­ван­ной бума­ги к дру­гим цве­там. Важ­но не задер­жи­вать­ся на каком-то одном эта­пе, а попро­бо­вать про­ра­бо­тать чёт­ко наи­бо­лее понят­ный эле­мент ико­ны. Начать писать опи­си, про­бе­ла́, затем опять перей­ти к уточ­не­нию цве­та, тогда ста­нет виден даль­ней­ший путь рабо­ты. Конеч­но, мастер­ство дости­га­ет­ся боль­шим тру­дом и прак­ти­кой. Чёт­ко опре­де­лён­ной после­до­ва­тель­но­сти напи­са­ния ико­ны я не придерживаюсь. 

Последовательность написания икон

Ино­гда начи­наю с про­ра­бот­ки лика, ино­гда – оде­я­ний. Укла­ды­вать золо­то, в неко­то­рых слу­ча­ях, при­хо­дит­ся так­же после опре­де­ле­ния основ­ных цве­то­вых пятен и силу­эта, кото­рый в каран­даш­ном рисун­ке не все­гда поня­тен. Каран­даш­ный рису­нок я не обво­жу тём­ной крас­кой, как дела­ют мно­гие ико­но­пис­цы, нано­шу цве­та не так плот­но, что­бы рису­нок про­све­чи­вал сквозь роскрышь, затем наме­чаю склад­ки, про­бе­ла́, сно­ва уплот­няю общий тон, ино­гда меняя, уточ­няя пред­ва­ри­тель­ный рису­нок. Часто при­ме­няю лес­си­ров­ку – это покры­тие тон­ким сло­ем крас­ки уже напи­сан­ных частич­но или пол­но­стью фраг­мен­тов ико­ны. Этот при­ём обоб­ща­ет дроб­но напи­сан­ные дета­ли. При­ме­няю его и в пись­ме ликов. Начи­наю с наи­бо­лее понят­ных мест ико­ны, даль­ней­шее реше­ние обра­за при­хо­дит посте­пен­но. Важ­но научить­ся при­ни­мать воле­вые реше­ния и про­дви­гать рабо­ту, не зацик­ли­ва­ясь на каком-то этапе. 

Нанесене ассиста

Послед­няя ста­дия созда­ния ико­ны – нане­се­ние золо­тых штри­хов на ассист. Лип­кое веще­ство – чес­ноч­ный сок, вини­лик – син­те­ти­че­ский мате­ри­ал. Я поль­зу­юсь вини­ло­вым неза­сы­ха­ю­щим лаком “goldsize”. Гото­вую ико­ну луч­ше под­су­шить несколь­ко дней. На места, где будет ассист, нане­сти мел хоро­ше­го каче­ства, слег­ка вти­рая его кисточ­кой, для обез­жи­ри­ва­ния. Акку­рат­но нане­сти кле­я­щее веще­ство штри­ха­ми и пят­на­ми. Затем мож­но нано­сить золо­то, наре­зая его неболь­ши­ми кусоч­ка­ми и пере­но­ся и при­ми­ная его хлеб­ным мяки­шем. Оста­нут­ся золо­тые штри­хи, в тех местах, где был нане­сён вини­лик. Над­пись я ком­по­ную на каль­ке, затем пере­дав­ли­ваю руч­кой без пас­ты на золо­той фон. По золо­ту мож­но писать акри­ло­вой крас­кой или тем­пе­рой ПВА. Место, где будет над­пись, покры­ваю акри­ло­вым лаком, крас­ка по нему хоро­шо ложит­ся. Золо­то покры­ва­ет­ся про­зрач­ным лаком, ико­на олифится. 

Гото­вая ико­на покры­ва­ет­ся нату­раль­ной оли­фой с сик­ка­ти­вом, посколь­ку син­те­ти­че­ский лак и раз­ба­ви­те­ли выбе­ли­ва­ют жел­ток. Эта опе­ра­ция так­же может пре­вра­тить­ся в про­бле­му и тре­бу­ет навы­ка. Сырая оли­фа без сик­ка­ти­ва дол­го сох­нет и на неё может налип­нуть пыль. Я поль­зу­юсь покуп­ной немец­кой оли­фой, раз­бав­ляя сырой нату­раль­ной. Так­же мож­но про­то­мить нату­раль­ную оли­фу с аце­та­том кобаль­та, кото­рый явля­ет­ся сик­ка­ти­вом, т. е. убыст­ря­ет про­цесс высы­ха­ния. Томят в духов­ке 3–4 часа. Покры­ваю ико­ну кистя­ми не за один раз. Рука­ми осо­бо не раз­гла­жи­ваю, пото­му что мож­но обо­драть ассист и крас­ку. Луч­ше всё это про­бо­вать на каком-либо ненуж­ном эски­зе, кото­рый не жал­ко испортить.

 

Процесс написания иконы

Поэтапный рисунок карандашом пресвятая богородица. Писание иконы

Иконы — это нарисованные изображения различных святых. Иконы украшают все церкви и храмы. Святым на иконах молятся прихожане, прося о своих насущных нуждах. Правильно рисовать иконы учат в специальных художественных школах. Можно попытаться поучиться рисовать икону Богородицы с младенцем Иисусом Христом, чем мы и займемся на этом уроке.

Этап 1. Рисуем овал на весь лист бумаги. В нем начинаем рисовать очертания фигуры Богородицы: показываем линию плея, шеи, головы и лица.

Этап 2. Потом возле головы Богородицы намечаем контуры головки младенца Иисуса, его тела, руки и ножек.

Этап 3. Рисуем детали лица. Красивый нос, четкие брови, глаза, рот. Вокруг головы дополняем линии покрывала, оно ниспадает с головы на шею и далее на плечи. Эти линии рисуем очень плавными и нежными. У младенца также показываем аккуратный нос и ротик.

Этап 4. Теперь очень важный этап в рисовании икону. Это прорисовка глаз. Глазам святых уделяется особое важное внимание. Они всегда рисуются очень выразительными, смотрящими на стоящего перед ним человека с какой стороны ни посмотри. Глаза Богородицы рисуем очень красивыми, миндалевидными с четкими зрачками. У Иисуса также довольно большие глаза с не по-детски серьезным их выражением. Брови чуть сдвинуты к переносице.

Этап 5. Украшаем покрывало Богородицы. Рисуем красивые узоры в полосе надо лбом. Также добавим узоры в линию горловины и чуть сзади шеи. По волосам младенца нанесем волнистые линии.

Этап 6. Вокруг головы Богородицы рисуем круг — обозначение ее принадлежности к лику святых. У младенца Иисуса так же вокруг головки есть круг, в котором пересекаются крестообразные линии. Дорисовываем ручку его, выглядывающую в прорезь одежды. На ногах добавим несколько штрихов, имитирующих потеки крови.

Этап 8. Добавим линии на одежде святых.

Этап 9. Черно-белый вариант иконы получился вот такого вида:

Этап 10. Икону можно раскрасить так, как это сделали мы. Попытайтесь и у вас получится собственноручно нарисованная икона.

На иконе нельзя изображать тучных или привлекательных людей, а каждый цвет имеет свое значение.

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

Чтобы узнать об этом больше, отправляемся в иконописную мастерскую "Небо на земле" священника Сергея Павелко в Николаеве. Здесь художники работают так же, как в XVII веке.

"Без молитвы не начинаем труд, - говорит Мария Павелко, художник. - Отец Сергий проводит молебен перед каждым рабочим днем. И в процессе работы мы останавливаемся, чтобы помолиться. Отец Сергий время читает вслух Священное Писание. Потому что именно Бог управляет созданием иконы, а мы только его инструменты".

Иконы здесь рисуют на доске - из липы или ольхи.

"На доску наклеиваем паволок - специальное полотно, - объясняет Мария. - Используем в работе левкас, как художники - иконописцы ХVII века. Накладываем от четырех до пятнадцати слоев основы, которая готовится на основе мела и желатина. Каждый слой грунта сохнет два-три дня. А когда все слои нанесены, следует хорошо их выровнять. И тогда уже можно рисовать".

Очень важно выдержать стилистику изображения человека на иконе.

"Иконописец должен дистанцироваться от чувственных образов, - объясняет Тарас Тимо, преподаватель богословия, специалист по теории иконописи. - Нельзя изображать юную женщину по стандартам земной красоты - тогда не будет настройки на молитву. Никогда на иконе не увидим тучного человека, наоборот - фигуры вытянутые, стоящие. Это демонстрирует аскетичность, а также привязанность к посту, самодисциплине".

Размеры головы и лица имеют определенную диспропорцию, - персонажей икон изображают с высоким лбом. Даже если рисуют Иисуса ребенком двухлетнего возраста, показывают его с серьезным, нехарактерным для малыша лицом. Взрослый Христос, бывает, имеет мешки под глазами или морщины на лбу - это символика мудрости, стражденности.

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

"Когда изображают зеницу ока, то ставят в определенном месте очень мелкую белую крапинку - она отражает направление взгляда. Даже на фото это видно, - объясняет Тарас Тимо. - В иконе радужка глаза рисуется кругами, от светлого до темного. А места, которое фиксирует взгляд на определенную точку, нет. Поэтому возникает визуальный эффект, будто икона постоянно смотрит на нас".

Каждый цвет в иконе является символом. Багряный - знак страдания, голубой - рая, небес, а в желтом изображают Иуду, так как это цвет измены.

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

"Вот это малахит, а это - бразильский горный хрусталь, - показывает Мария. - Вот украинский черный турмалин, керченит. Чтобы изготовить краску, перетираем их в ступках, а затем еще раз в палитре из стекла. Далее разводим в эмульсии. Ее готовим из яичного желтка и освященной воды. Эта краска долго и медленно сохнет и образует как бы окаменелость".

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

Иконы, в которых каждая деталь изготовлена вручную, стоят ориентировочно пять тысяч долларов. Другие же, когда художник работает только над живописью, а остальные материалы покупает, значительно дешевле - от 300 долларов за классическую молельную икону размером 30 на 40 сантиметров.

Юлия Курий, "Экспресс" №40.

Неожиданная весьма тема, не так ли? Многие взрослые люди отнесутся с сомнением к такой идее. Но однажды, будучи ребенком, я пришла на урок живописи, и учитель сказал, что мы будем рисовать иконы. И дети совершено спокойно, с радостью и интересом познавали иконопись. И у них получалось!

Мы привыкли к предметам на картинах, а вот Анри Матисс подметил, что художник рисует знак. То есть изображает предметы очень характерным для него, уникальным способом. Приглядитесь к картинам любого художника, даже люди – вроде бы разные личности – в чём-то похожи. В кубизме, национальной восточной живописи, современных японских комиксах идея знака ещё более наглядна.

У иконы тоже есть стилистика. Причём пропорции тела и головы в учебнике иконописи и учебнике рисунка описаны одинаково. Разница обычно в том, что на иконах плоскости более ярко выражены. Ну и, разумеется, есть каноничные позы и цвета.

Предлагаю нарисовать икону цветными карандашами. Это выглядит вот так.

Рассмотрите разные варианты икон: сочетаний цветов и вариаций поз, оформления и стилизации не так уж мало. Сейчас икона приближена к реалистичной картине, а когда-то была весьма «схематичной».

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

Лучше всего подойдёт цветная бумага: охристая, жёлтая или серая. Опять таки присмотритесь к гамме существующих икон. Карандаши я взяла на восковой основе, можно заменить обычными цветными, но белый всё равно нужен восковой, он даёт непрозрачность.

Загрунтуйте лица и руки белым.

Затем наносите цвета от светлого к тёмному: бежевый розовый, охра, коричневый, тёмно-коричневый.

Опирайтесь на опыт портрета () в плане гаммы и на опыт рисования свечи (урок 7), когда мы посредством множества слоёв добивались гладкой фактуры. Процитирую себя:

«Пусть сначала штрихи будут лёгкими, затем усиливайте цвета, вбивайте карандаш в бумагу. Небольшой секрет: при нанесении светлых тонов поверх тёмных поверхность сглаживается, становится пастозной, цвета плавно перетекают друг в друга. Особенно это заметно при рисовании восковыми мелками или карандашами».

Основа успеха! Слоев будет в данном случае ещё больше, а штрихи будут ещё деликатней, тогда поверхность станет гладкой, с мягкими переходами.

Важно: светлые участки грунтуйте сначала белым, а потом наносите цвет. Светлые детали пишите прежде тёмного фона. Сами границы светлого и тёмного смягчайте светлыми тонами, чтобы не было мелких просветов.

Искусство – неотъемлемая сфера человеческой деятельности. От уровня его развития зависит становление всего общества в целом и каждой личности в частности. Как известно, цель искусства – эстетическое познание внешнего мира. Для этого искусство принимает различные формы, задействует разные манеры и стили. Это нужно, для того чтобы в полной мере передать на холсте или бумаге мысли, эмоции и чувства людей. С это целью искусство не может обойтись без создания художественного образа.

Все виды изобразительного искусства имеют свои особенности и уникальные стороны. Один из них – иконопись.

Видео-обучение «Как рисовать икону»

Техника иконописи

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

Каждая икона – подчёркивают эксперты – не может обойтись без четырёх частей – слоёв.

Основа – это кусок холста или щит из деревянной доски. Грунт или левкас составят второй слой. Непосредственно живопись начинается при создании предпоследнего слоя.

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

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

Традиции выдающихся иконописцев

Современные иконописцы делают иконы из самых разных материалов. Но ни при каких обстоятельствах не стоит отходить от исторической технологии. Этим нарушаются все существующие каноны.

Для рисования иконы потребуются:

  • доска;
  • грунт;
  • темперные краски;
  • мездровый клей;
  • кисти разной толщины;
  • марля;
  • наждачная бумага.

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

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

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


Мастер –класс рисования цветными карандашами иконы: «Казанская икона Божьей Матери»

 

 

Мастер –класс рисования цветными карандашами иконы: «Казанская икона Божьей Матери»

Любимый образ матери Казанской 

Любимый образ матери Казанской Не раз Россию от беды спасал!
От нечисти враждебной, басурманской В тяжелый час Отчизну защищал!

Пред ним склоняем мы свои колени…За помощь горячо благодарим!
Молитвою от многих поколений Сердечное спасибо говорим!

Я на колени тихо опущусь, Перед иконой чудодейственной твоею,
И лишь губами только помолюсь, Чтоб ты услышала, за что сейчас радею!

О Мати, несравненная, молю, Тебя, заступницу, за нас пред сыном, Богом
О тех, кого я в жизни этой так люблю, Прошу, поверь, не лишнего, не много:

Чтоб были у меня и дом, и кров, Здоровье и взаимопонимание,
И вера, и надежда и любовь, И твое светлое сладчайшее внимание!

Мастер –класс рисования цветными карандашами.

Рисуют от души цветные карандаши

Цветным карандашам совсем незаслуженно уделяют мало внимания. На первый взгляд, этот материал считается детским и несерьезным, уступает место пастели, гуаши и акварели. А зря, ведь в изобразительном искусстве с их помощью можно создать настоящий шедевр.Каждому человеку знакома техника рисования цветными карандашами. При желании, освоить ее совсем не трудно. В основе техники лежат два основных навыка: штриховка и растушевка. Короткие линии, штрихи передают тон предмета. Направление линий передает фактуру, а нажим – насыщенность цвета. Для придания структуры используется перекрестная штриховка, круговые завитушки и направленные линии. Растушевкой называется размытие основного тона до однородного, с помощью специального инструмента-растушевки. Нажим – не вдавливайте графит, равномерный натиск убережет рисунок от расслаивания. Наложение цветов – цветные карандаши обладают свойством прозрачности цвета, для создания объема и придания реалистичности используется два и больше оттенков. Совмещение с простым карандашом – для создания наброска используйте простой карандаш, цветной графит почти не стирается ластиком. Деталировка – важные черты наносите в конце, чтоб они не затерялись. Темные тона прорисуйте в последнюю очередь. Графит оставляет на бумаге всего лишь тонкий след. Не нужно пытаться сразу охватить весь лист, лучше разбить рисунок на несколько мелких кусочков. Цветными карандашами работать легко. От того как художник держит карандаш, насколько остро заточен стержень, силы натиска, зависит полученный цвет.

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

Материалы:
-Ватман - Цветные обычные карандаши
- Простой графитовый карандаш "B"
- Механический карандаш 2В
- Изображение иконы
- Точилка, кусок ткани, немного наждачной бумаги

Первое что вам нужно сделать, это подумать о том, что именно вы хотите нарисовать, и как это будет выглядеть в конечном итоге. Затем нужно сделать грубый простой набросок на небольшом участке бумаги, чтобы спланировать и решить, как будут лежать цвета.
Прежде чем вы начнете раскрашивать, вам необходимы базовые линии графитовым карандашом HB или "B". Можете перенести линии любым способом, по вкусу. В последствии вы не сможете исправить ошибки - цветные карандаши не стираются с бумаги полностью. Я выбрала метод «от руки»; это лучший способ тренировать руку и глазомер.
Просто нарисуйте основные линии формы без детализации. Теперь мне нужно немного осветлить линии с помощью клячки, чтобы они не были очень заметны, и они не будут смазываться, и смешиваться с цветными карандашами. Я делаю это слегка нажимая ластиком на бумагу, похоже на штампование XD. Самая важная деталь: при рисовании волос следуйте линиям роста волос, много-много линий и ничего больше. Таким образом, волосы получаются более реалистичными и детализованными. Еще один момент это сохранять карандаши острыми (особенно если вы рисуете волосы), потому что вам будут нужны тонкие линии, чтобы все получилось правильно. Иногда точилки бывает недостаточно, вот почему я использую наждачную бумагу, чтобы время от времени заточить кончик карандаша. Это проще, чем добиваться очень острого кончика карандаша с помощью точилки.

Раскрашиваем детали лица и кожу:
Я начинаю красить с левого глаза. Прежде всего я нарисовала ресницы черным карандашом и добавила немного карандаша 2B сверху. Мне хотелось полностью заполнить структуру бумаги , чтобы она стала совершенно черной, продолжаем закрашивать зрачок и радужку глаза. Зрачок - черный, и я добавляю темно-синий на радужную оболочку (сначала немного затенив черным). Затем я добавила светло-розовый на бровь и вокруг глаза, и затем немного темно-бордового, чтобы усилить глубину. Никогда не нажимайте на карандаш, если вам нужен более темный оттенок, просто добавьте еще один слой цвета поверх предыдущего светлого.
Переходим к правому глазу. Он нарисован так же, как и левый, но я использовала более холодные оттенки для кожи вокруг глаз: светло-фиолетовый, темно-фиолетовый и немного темно-синего и черного чтобы затенить участки кожи там, где кончается лицо. И снова и снова - всегда добавляем тонкий слой светлого цвета и затем более темный цвет если необходимо. Переходим к носу и губам, затем затеняем левую часть лица.

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

Самая важная деталь: при рисовании волос следуйте линиям роста волос, много-много линий и ничего больше. Таким образом, волосы получаются более реалистичными и детализованными. Еще один момент это сохранять карандаши острыми (особенно если вы рисуете волосы), потому что вам будут нужны тонкие линии, чтобы все получилось правильно. Иногда точилки бывает недостаточно, вот почему я использую наждачную бумагу, чтобы время от времени заточить кончик карандаша. Это проще, чем добиваться очень острого кончика карандаша с помощью точилки.

Нарисованная икона

Бабушка! Ну скажи , почему у меня не получается иконы рисовать , - вертелась вокруг стола маленькая Вика и периодически пальчиком дотрагиваясь до новых пельменей, которые мастерски и с невероятным проворством лепила крепкая дородная женщина. Потому что это тебе ни к чему! — ответила женщина, бабушка семилетней Вики. — Мы живем в такой глуши, что среди жителей нашей деревни верующих людей нет! Река, тропинка, дом — вот наша вера! И ты прекрати чушь выдумывать. Сама боишься мимо нашего разрушенного храма ходить, а тут вздумала иконки рисо­вать! Эка невидаль! — сердито ворчала Анна Григорьевна. Вика стояла с широко распахнутыми глазами, и в уголках ее губ трепетали неверие и легкий страх от того, что она слышала от родного человека. Ведь с самого рождения она только и жила со своей любимой доброй бабушкой. Мамы и папы у нее никогда не было, да и она не спрашивала о том у бабушки, где они мог­ли быть. А Анна Григорьевна могла бы ей всю правду рассказать, только не видела в этом толку. Девочка слишком своеобразная и история о том, что мать родила ее от нелюбимого человека, и, бросив, сбежала с новым кавалером за границу, мало впечатлила бы Вику. Ведь они жили в маленьком селе Остапково во всеми за­бытой глубинке России. В деревне 25 лет уже стоял бурьяном поросший заброшенный Храм Архистратига Михаила. Некогда красивый, он превратил­ся в печальное отражение поломанной и разрушенной в начале века веры и духовности русского народа. Голубая краска облезла, покрывшись желтыми странными разводами, купол слегка накре­нился, крест посерел, но все же в ночи выглядел достаточно стро­го и странно. Вика всегда боялась на него смотреть из окна, когда темнело. Ничего угрожающего в нем не было, но ее пылкая душа трепетала от того, что этот храм, призванный собирать людей для общего блага, молитвы Богу, теперь походил на какой-то безжиз­ненный, одинокий, всеми забытый остов. Бабуль, лошадки, куры, уточки у меня получаются, девочки и мальчики тоже, почему же тогда у меня не выходят иконки? — не унималась Вика, задумчиво глядя на прирастающую гору пельме­ней.Потому что у нас нет икон и никогда не будет. А из головы при­думывать очень сложно. Лошадей, кур, уток и людей ты видишь часто, а икон у меня самой никогда не было. У моих родителей тоже. Всю жизнь без них жили, и еще как-нибудь проживем. Кре­сты, молитвы, иконы — это дело попов, а не наше! — молвила, не отрываясь от своего дела, Анна Григорьевна. —Не обзывай так батюшек, — возразила Вика, — они умные, до­брые и хорошие! Хм, — ухмыльнулась Анна Григорьевна, — ты откуда знаешь? Вика слегка покраснела и промолчала. Она еще не думала, как осмелиться рассказать своей бабушке о том, что днем, когда она гуляет с детворой, она почти всегда убегает к храму, бродит во­круг и внутри него, натыкаясь на фрагменты икон, маленьких и больших, долго думает, стоя над ними и мечтает дома нарисовать такую же, как здесь. Милую, добрую, притягательную, от которой и взор не оторвать, хочется прижать ее поближе к сердцу и хо­дить так всегда. К тому же, когда она в последний раз там была, в прошлый четверг или пятницу, она случайно столкнулась с неким священником и двумя мужчинами, о чем-то громко разговаривав­шими. Как начать строительство, где взять денег, как придумать новый проект храма. Когда она незаметно попыталась мимо них проскочить, священник окликнул ее ласковым голосом и позвал к себе. Вика подошла, потупив от стыда взор. Здравствуй, милая, — сказал добрый батюшка, мужчины тоже заулыбались, глядя на очаровательную и смущенную Вику. — Ты одна здесь гуляешь? От таких слов Вика чуть не потеряла сознание. Она знала, что гу­лять вдалеке от дома могут только упрямые и непослушные дети, к коим она себя не причисляла, так как всегда старалась слушать и понимать бабушку, но соврать она тоже не могла, потому что бро­дила все-таки одна. Отчего еще больше раскраснелась, но тихим голосом сказала:

Да, одна. Батюшка удивленно и с интересом посмотрел на девчушку.

И не боишься, тебя ведь дома могут потерять и сильно отругать за это? Вика, поняв, что одним словом правды не обойдешься слегка осмелела и дрожащим голосом, глядя на батюшку с надеждой, сказала:

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

Как тебя звать, милое дитя? — спросил священник.

Вика, — хлюпнула носом девочка.

Виктория, значит, Победа! — задумчиво и с восторгом произнес батюшка. — Викочка, а ты крещеная? — снова обратился к девочке священник. Вика изумленно посмотрела на батюшку. А тот молвил:

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

Вот, эту я хочу нарисовать, — сказала Вика, глядя на огромный золотой крест на груди у батюшки. А креста, как у вас, у меня ни­когда не было. 

Отец Виталий с нежностью посмотрел на девочку и сказал:

Поцелуй! Вика поцеловала крест у священника, и в душе у нее словно что­то засияло. Она совершенно перестала стыдиться и бояться, что оказалась сейчас здесь одна, с этим добрым батюшкой и двумя незнакомыми, но тоже добрыми по виду дядями.

Вот и умница! Это Апостол Андрей Первозванный, радость моя! Ты его хочешь нарисовать? — спросил священник, улыбаясь.

Да, батюшка! — смело ответила Вика. — У меня даже краски есть хорошие и листы бумаги подходящие, только я никак не могу за­помнить его черты, дома забываю всегда с чего начать. А от храма я не могу утащить иконку домой, это ведь ее дом, ей в чужом месте плохо будет! — с досадой молвила Вика. К тому же, я бы тоже хо­тела носить хотя бы маленький такой крестик как у вас, а у меня его нет.

Значит ты не крещеная, милая, — задумчиво произнес священ­ник.

Наверное, — ответила Вика.

А ты хотела бы креститься?

Очень, — обрадовалась Вика, чувствуя, что это что-то очень хорошее.

 А с кем ты живешь?

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

 И ты так далеко бегаешь, чтобы насмотреться на иконки?

Да!

Ну, дитя мое!

Мне не страшно. Я себя так спокойно и хорошо здесь чувствую, что согласилась бы скорее тут жить, чем в нашем домике, где мы живем с бабушкой. И она в Бога не верит!

Не верит?

Да, не верит! Говорит, уверует, если восстановится этот храм когда-нибудь, а так как этого никогда не произойдет, то и душу для благородных стремлений она не будет пока тревожить.

Вот дела, — изумился священник. Наверное, и тебе не разрешит креститься, раз мамы и папы у тебя нет, и она сама тебя воспиты­вает?

Да. Не разрешит.

Хорошо, дочка. Тогда ты сама молись, искренне проси у Бога и Святого Сергия Радонежского, чтобы он помог тебе научиться ри­совать иконы. Когда он был маленький, тяжело давалась ему учеба, но по молитвам своим он достиг в учении таких высот, что стал не только самым умным человеком своего времени, но и святым, первым игуменом Святой Руси. А Апостол Андрей Первозванный первым пришел на Российскую землю крестить ее святым духом от Самого Господа нашего Иисуса Христа, поэтому не зря именно его ты хочешь нарисовать в качестве своей первой иконки. Я ду­маю, у тебя все получится, дитя мое, — погладил с нежностью отец Виталий маленькую Викторию, очарованную словами батюшки, каких она еще ни от кого не слышала. Вика посмотрела на запыленный образ. — Андрей Первозванный. Значит, и ему можно тоже молиться? — спросила девочка.

И ему тоже молись! — сказал священник. Вика подпрыгнула и засияла от радости, широко улыбаясь свя­щеннику.

Хорошо, я побегу тогда, — прозвенела она.

Беги, дитя мое. И передай своей бабушке, что храм скоро вос­становится. Эти слова девочка услышала уже на бегу, которые долетали до ее слуха как волшебное пение ангельских созданий. «Что-то хоро­шее в этом есть», — подумала она и как ни в чем не бывало вер­нулась домой. Сейчас об этом приключении страшно было рассказывать. Так как река, тропа и дом, как говорит бабушка, в качестве веры не совсем бы одобрил батюшка, которого она повстречала. Она лишь промолвила заговорщическим шепотом:

Я слышала, как кто-то из соседей сказал, что наш храм скоро восстановят, — и глянула на бабушку. Анна Григорьевна усмехнулась.

 Вот когда это произойдет, твоя бабушка наденет косынку и пер­вая войдет в этот храм, чтобы убедиться в этом воочию, а пока я глубоко в этом сомневаюсь и тебе советую не забивать голову ерундой. Помоги мне лучше в мешки вот эту партию упаковать. Мы нынче не только пельмени будем сами кушать. Но и продавать в ближайшем городке. Дядя Семен нас будет отвозить для работы на своем тарантасе. Поняла? А то денег совсем нет, а осенью тебе в школу! Тетрадки не на что купить! То, что осенью Вике предстояло отправиться в школу, она знала и не беспокоилась . Она принимала это как суровую неизбежность, которой она готова была покориться и даже завоевать, если нуж­но будет, чтобы бабушка ею гордилась. Но больше всего ее сейчас волновала встреча со священником. Упаковав все пельмени, которые бабушка собиралась вывезти на продажу, девочка решила помолиться о том, чтобы у нее рука сама начала выводить нужные линии для получения святого лика. Раз за разом оставляя недоделанными наброски, Вика оставалась недовольной своей работой. «Лицо кривое, рука не там начала прорисовываться, взгляд угрюмый», — думала она, поторапли­ваемая бабушкой, которая твердила ей, чтоб она лучше этикетки  для мешочков с пельменями рисовала, а не всякими глупостями увлекалась.

Андрей Первозванный, Сергий Радонежский, Боженька, пожа­луйста, помогите мне, — внутренне молилась Вика, каждый раз вырисовывая «не то», как она думала. Про этикетки она и думать не хотела, складывая свои первые ри­сунки икон в стол. Анна Григорьевна, потрясенная равнодушием внучки к своему же будущему и ее нежеланием рисовать яркие картинки для продажи, однажды закинула в печь все Викины духовные старания и спо­койно сожгла детские молитвы в карандаше. Вика никак не могла напрямую спросить у бабушки, куда поде­вались ее иконы. Почему она их нигде не может найти. Краски и бумага на месте, иконок нет! Анна Григорьевна удивленно смотрела на внучку и, словно желез­ная леди, не желала отвечать малышке, хоть та и была уже доведе­на до слез и отчаяния. Все еще надеясь на свою плохую память, Вика в очередной раз прочесывала все углы дома, думая отыскать потерянные работы, чтобы продолжить попытки после горячей молитвы. Лошадей, уток, коз ей совершенно не хотелось больше рисовать. Тем более после такой встречи со священником, который дал ей поцеловать свой крест. Это же честь какая! А тут еще бабушка со своими эти­кетками! Придумала же! Потратив на тщетные поиски еще три дня, девочка с вопрошаю­щим взором наконец-то посмотрела на бабушку. А та совершенно серьезно — на печь. У Вики ноги подкосились. На глазах появились слезы.

Неужели ты сож-... сож-.., — не могла произнести этого слова Вика, — сожгла мои иконки, бабушка? — Да, Вика, — властным, беспощадным тоном заявила бабушка, — все до одной! И даже слегка грозно притопнула ногой для пущей важности. Вика зарыдала не своим голосом и выбежала прочь. Как ты могла, бабуля, — слышался удаляюшийся рев девочки, от которого и у Анны Григорьевны похолодело в душе.

    Куда это она? — И внутри у бабушки что-то «шевельнулось», а потом «перевернулось». Бежать за внучкой Анне Григорьевне не представлялось возмож­ным. У нее давно уже болели и отекали ноги, да так, что иногда она и передвигаться по дому не могла. Только с помощью внучки или палки-костыля. Вика же удалялась все дальше и дальше от своего дома, туда, где она не услышит больше отвратительных слов любимой безжа­лостной бабушки и не увидит эту страшную черную пасть печи, поглотившей ее работы. Анна Григорьевна не находила себе место. Вика пропала на неделю, а казалось, что уже целую вечность она ее не видела. Пожилая женщина сразу заметно осунулась и посерела лицом. Гордый нрав не позволял ей думать о том, что ее неправота могла причинить такое бедствие в их маленькой семье. Однажды она уже испытала невыносимую боль, когда безвременно умер муж, Виктор Павлович, дедушка Вики, добрый и заботливый семьянин, потом сбежала из дома с каким-то проходимцем ее красавица­дочь Ольга (где она сейчас и что с ней?), оставив на ее старые пле­чи воспитание незаконнорожденного младенца? Теперь подрос­шая внучка, любимая крошка Вика, послушная и ласковая девочка, отдушина всей жизни ее, куда-то пропала из-за каких-то жалких огрызков бумаги. Что делать? Куда бежать? Кому жаловаться? И са­мое главное — где искать Викочку, этого чистого, наивного, про­стодушного и отчаянного ребенка? Анна Григорьевна окончательно поседела и стала беловолосой, словно стена печи, в которую она решительно закинула детские иконки. 

Вика не возвращалась, и никто из соседей даже не видел ее. Однажды кот Дымок чем-то загремел на чердаке и слетел оттуда как ошпаренный. Анна Григорьевна, словно влекомая чем-то невидимым, поднялась наверх, чтобы прибраться на захламленной террито­рии, давно забытой и заброшенной, на которой даже кот не мог нормально находиться. Среди разбросанных вещей, табуреток, картин и разного старого хлама Анна Григорьевна сразу об­ратила внимание на один лежавший как-то по-особому листок бумаги. Она осторожно подняла его и сквозь темноту увидела работу своей внучки: неуверенно, но искренне нарисованную иконку Андрея Первозванного, красочную, почти живую и такую радостную и ясную, будто она пыталась заговорить с женщиной. Анна Григорьевна прижала ее к груди, и, закрыв глаза, подумала: «Самая первая Викина». Спустившись вниз, она зажгла свечи, какие были в доме, вытащила из сундука шелковый платок, по­ставила дрожащими руками внучкину иконку на печь, и, перекрестившись, встала перед ней на колени, замерев в странной позе. Сколько прошло времени час ли, день ли, месяц — никто не знает. Анна Григорьевна, не помня себя, истово молилась пред этой единственной иконой о возвращении пропавшего ребенка. Стоя на коле­нях и крепко прижимая просящие ладони к груди, она взывала о помощи не только Андрея Первозван­ного, но и Господа, Пресвятую Богородицу, всех святых, имена которых она помнила и знала. С этой поры в доме у Анны Григорьевны стали гореть только свечи и старая лампада, которую она случайно нашла в сундуке на чердаке, пытаясь навести там порядок после неудачного Дымковского визита туда. С приходом каждого вечера она покорно принимала все ту же позу все перед той же иконой, плача и искренне молясь перед ней за Вику. Чтобы простила ее крошка и вернулась домой. Ведь она совсем не этого хотела добиться, хоть и сожгла все ее работы в порыве гнева и беспокойства за нее же саму, Вику. Накануне дня памяти святой Анны, который в доме верующей девочки ничего не значил, в дверь жен­щины постучали. Робкой поступью в дом вошел священник в рясе. Отец Виталий, встречавшийся с Ви­кой у старого храма, слегка поклонился женщине и густым приятным басом молвил: «Мир дому сему!». Анна Григорьевна онемела от неожиданности. В доме пахло ладаном, сама она была не похожа на себя, в платочке, со смиренным, добрым взглядом, полным боли, печали и тоски. Отец Виталий посмотрел в сторону печи, где стояла по-детски нарисованная иконка Андрея Первозванного и с возгласом замер. Анна Григорьевна тоже поспешила взглянуть на иконку. Из глаз Святого Апостола медленно струились две капли мира, источая по всему дому тонкое, едва уловимое, ни с чем не сравнимое благоухание. Отец Виталий просиял полный восторга и благодатного переживания. Анна Григорьевна привстала и замерла от удивления и благоговейного страха, не имея возможности слово сказать и хотя бы поздо­роваться с незнакомым священником, а в эту минуту неожиданно в дом вбежала Викочка со словами: «Бабушка, я вернулась крещеной христианкой!» — и в радостном порыве бросилась на грудь родной бабушке, по которой скучала и за которую молилась, живя в огромном семействе гостеприимного и заботливого отца Виталия.

Рисование значка карандашом - Smashing Magazine

Об авторе

Ву Тран и Мин Тран - творческие умы, стоящие за Фрекси. Когда они не нажимают на пиксели, им нравится делиться своими идеями в блоге Мина и работать над предстоящим… Больше о Мин. ↬

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

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

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

Вы можете ознакомиться со следующими статьями по теме:

Meet Image Optimization , новое практическое руководство Эдди Османи по оптимизации и размещению высококачественных изображений в Интернете. От форматов и сжатия до доставки и обслуживания: все в одной книге на 528 страницах .

Перейти к содержанию ↬

Несколько недель назад мы выпустили Bright! Набор иконок (см. Изображение выше), который можно бесплатно скачать с нашего сайта. В этой статье объясняется процесс создания простого значка карандаша , одного из значков в наборе значков. Учебное пособие очень подробное и всестороннее, поэтому мы надеемся, что вы сможете без проблем выполнять каждый шаг.

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

Это результат , который мы приведем в конце статьи. Вы также можете скачать исходный файл.

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

1. Характеристики значка карандаша

Рисование значка означает рисование наиболее типичных персонажей объекта, чтобы он мог запечатлеть действие значка или представить концепцию и нюансы. Как вы, возможно, знаете, обычно можно выбрать один из трех видов карандашей:

  1. Корпус в форме призмы с блестящим покрытием на конце.
  2. Корпус в форме призмы с ластиком, прикрепленный к корпусу карандаша ярким белым металлическим кольцом.
  3. Корпус цилиндрической формы без ластика.

Мы выбрали второй вид дизайна иконок, потому что в нем есть все необходимые элементы, облегчающие распознавание изображения зрителем . После попытки сделать набросок второго типа, это образец эскиза, который соответствует стилю набора, который мы имеем в виду. Наши любимые инструменты для рисования - маркеры Copic с оттенками серого 10%, 30%, 50% и шариковая ручка. Некоторые важные вещи, которым следует следовать при работе с этим значком:

  • Когда значок разработан в большом размере, вам нужно обратить пристальное внимание на детали и убедиться, что используется двухточечная перспектива.Но в этой статье, поскольку значок должен быть создан и оптимизирован в меньших размерах (64 × 64 пикселей и 48 × 48 пикселей), его концепция должна быть максимально простой, а значок должен быть проиллюстрирован в одноточечной перспективе.
  • Свет, используемый в иконке, должен быть согласован.
  • Перспектива, используемая для значка, должна быть идентична в наборе значков, чтобы все значки выглядели как принадлежащие одной семье.
  • Стиль должен быть немного более мужественным.
  • Решающий цвет - зеленый.
  • Поскольку значок должен быть сохранен в файле EPS8, используется только градиент, и все пути должны быть соединены (без открытых путей).Также важно отметить, что здесь нет эффекта прозрачности и не задействовано растровое изображение.

Ладно, перейдем к основной части!

2. Эскизы:

В дизайне наших иконок эскизы всегда на первом месте.

Сканируем эти скетчи в Illustrator.

3. Базовая схема:

3.1. Корпус карандаша
  1. Создайте документ размером 64 x 64 пикселя. Перетащите изображение (отсканированный эскиз) на монтажную область нового документа.Перейдите в палитру «Прозрачность» и установите непрозрачность изображения на 50. Заблокируйте этот слой и сохраните документ. Создайте новый слой и начните рисовать на нем контуры.
  2. Создайте контур прямоугольника с закругленными углами, используя инструмент Прямоугольник со скругленными углами, а затем щелкните монтажную область, чтобы установить значение радиуса угла равным 10 пикселей. Щелкните ОК.

  1. Выберите инструмент «Выделение» (V), щелкните край прямоугольного контура с закругленными углами и перетащите его так, чтобы он плотно прилегал к нарисованному изображению, как показано на рисунке ниже.
    • Выберите круглый прямоугольник и установите для него нулевой цвет.
    • Ластик выглядит меньше корпуса, поэтому его нужно переделать. Есть несколько способов перерисовать ластик, например, с помощью инструмента «Перо» (P), но по моему опыту они не дали хороших результатов.
  2. Выберите контур прямоугольника с закругленными углами. Дважды щелкните инструмент «Масштаб» и установите флажок «Равномерное» в диалоговом окне «Масштаб». Установите значение шкалы на 96%. Установите флажок Копировать, чтобы создать реплику, как показано на рисунке ниже.
  3. Выберите инструмент «Прямоугольник» и нарисуйте новый прямоугольник в месте ластика и поверх контура прямоугольника с закругленными углами.
  4. Выберите инструмент «Добавить точку привязки» (+) и щелкните центральную точку прямоугольного контура (нарисованного на шаге 5), чтобы добавить еще одну точку привязки. Затем выберите инструмент «Удалить точку привязки» (-) и удалите 2 точки привязки.
  5. Выберите инструмент «Эллипс» и нарисуйте эллипс, как показано ниже:
  6. Выберите путь большего прямоугольника с закругленными углами и путь эллипса.Перейдите в палитру Pathfinder и щелкните значок Divide. На палитре слоев появится новая группа. Любой разделенный путь будет принадлежать этой группе.
  7. Перейдите в палитру слоев и выберите два пути, расположенные под новой группой, нажмите Command / Ctrl + G, чтобы поместить их в группу и заблокировать эту группу. Сделайте это, чтобы упростить удаление неиспользуемых путей на этапе
  8. Разгруппируйте группу с разделенными путями (на этапе 8), выбрав группу и выбрав команду «Разгруппировать» из контекстного меню.
  9. Удаляйте неиспользуемые пути, пока не получите результат, как показано ниже.
3.2. Металлическое кольцо

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

Форма карандаша теперь принята очень принципиально. Я думаю, что мы сможем более подробно остановиться на этом шаге. Что нам нужно сделать, так это очистить карандаш.

4. Детали:

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

  1. Выберите инструмент Прямоугольник со скругленными углами и нарисуйте новый контур прямоугольника со скругленными углами с радиусом угла 4 точки (как на шаге 2B).
  2. Сделайте копию этого прямоугольника с закругленными углами, нажав команды «Копировать и вставить вперед» (Command / Ctrl + F).
  3. Переместите дублированный контур вправо.
  4. Выберите контуры прямоугольников со скругленными углами и контур тела, а затем разделите их с помощью параметра «Разделение» в палитре Обработки контуров.
  5. Выберите группу с разделенными путями и разгруппируйте ее, а затем удалите неиспользуемые пути. Результат должен быть таким:
  6. Продолжайте использовать инструмент Прямоугольник со скругленными углами, чтобы нарисовать еще один контур прямоугольника с закругленными углами, а затем используйте параметр «Разделить», чтобы вырезать контур в середине тела карандаша, чтобы сформировать четкую призму. Затем разгруппируйте и разблокируйте все пути на уровне 2, а затем измените их имена. Смотрите результат ниже.

5. Укладка карандаша:

А теперь мы собираемся придать иконке немного очарования.Шаги включают:

5.1. Добавление градиента
  1. Выделите все контуры и выберите инструмент «Градиент», затем перейдите в палитру «Образцы» и выберите радиальный черно-серо-белый градиент.
  2. Выберите каждый путь и перетащите инструмент «Градиент» (G) через каждый из них, пока не увидите результат, как на картинке ниже:
  3. Выделите все пути и установите для них толщину обводки равной нулю. Цель состоит в том, чтобы предварительно просмотреть карандаш в целом. Что ж, свет, изображенный в корпусе карандаша, выглядит нормально, но металлическое кольцо и заостренный конец нужно немного отрегулировать.
  4. Измените тип градиента этого пути на линейный, чтобы создать новый градиент, как показано на рисунке ниже. Надеюсь, вы сможете создать градиент, как у меня. Если у вас не получилось сделать это самостоятельно, просто скачайте прикрепленный исходный файл.
  5. Металлическое кольцо должно плотно прилегать к ластику. Для этого используйте инструмент «Добавить точку привязки» (+) и добавьте еще 4 точки привязки к двум концам контура металлического кольца, а затем удалите 2 угловые точки. Результат будет выглядеть так:>
  6. Металлический кольцевой путь также должен быть немного толще.Самый простой способ - использовать команду «Смещение контура». Выделите путь и затем перейдите в Object> Path> Offset Path. В диалоговом окне «Путь смещения» установите значение смещения равным -1pt или меньше. Вы можете проверить предварительный просмотр, чтобы увидеть результат, и нажать ОК. Примечания:
    • Используйте путь смещения, чтобы сделать дубликат поверх металлического кольца; измените градиент металлического кольца (расположенного под дубликатом), чтобы придать глубину.
    • Всякий раз, когда используется путь смещения, имя дубликата по умолчанию - «путь».
    • Если значение смещения минус (-), дубликат останется наверху.
  7. Примените радиальный черно-серо-белый контур к металлическому кольцу, нажмите G и перетащите инструмент «Градиент» по контуру, пока не получите результат, как на картинке ниже: Хорошо, металлическое кольцо выглядит приемлемо для глаза. Теперь давайте поработаем с заостренным концом или кончиком карандаша.
  8. Отмасштабируйте контур кончика карандаша так, чтобы он соприкасался с корпусом карандаша.
  9. Как и на эскизе, здесь для контура кончика карандаша нужен световой элемент, расположенный прямо в его центре, составляющий его форму.Прежде чем сделать это, помните, что значок должен быть сохранен в формате EPS8, и здесь не используются эффекты, режим наложения или регулировка непрозрачности, а используются только контуры или форма наложения. Чтобы упростить задачу, используйте инструмент «Перо» и нарисуйте контур поверх кончика карандаша.
  10. Измените направление и угол градиента, пока острие карандаша не примет правильную форму.
  11. Нарисуйте грифель карандаша с помощью инструмента «Перо».
  12. Добавьте выделение ластику с помощью инструмента «Перо» и измените угол градиента, чтобы предложить форму ластика.
  13. Используйте команду «Смещение пути», чтобы дублировать путь ластика. Измените оттенок градиента контура ластика, чтобы контур выглядел резче.
5.2. Настройка цвета

На этом этапе мы поместим каждый элемент карандаша в каждую отдельную группу (корпус, ластик и заостренный конец).

  1. Выберите пути тела карандаша (включая 3 пути). Перейдите в меню «Правка»> «Настройка цветового баланса», установите флажок «Предварительный просмотр и преобразование» в диалоговом окне «Настройка», а затем переключитесь в режим RGB.
  2. Перетащите ползунок, чтобы изменить значения красного / зеленого / синего (на любой цвет, который вам нравится).
  3. Выберите ластик и сделайте то же самое. Шаг 2.
  4. Выберите заостренный конец и измените его цвет (проделайте то же самое). Карандаш теперь выглядит более плоским, чем был изначально. Это потому, что градиент потеряет черный цвет после настройки цветового баланса. Что мы собираемся сделать дальше, так это вернуться к трем элементам карандаша и добавить черный цвет к их градиенту, чтобы формы элементов отображались более четко.
  5. Возьмите ползунок градиента и переместите основной цвет ближе к белому. В палитре «Цвет» перетащите этот цвет вниз на палитру «Градиент». Выберите только что перетаскиваемый цвет (щелкнув ползунок градиента) и измените его значение на 0-0-0 (убедитесь, что выбран цветовой режим RGB). Вы можете использовать цветовую палитру, чтобы изменить цвет градиента.

6. Более глубокая детализация и согласование стилей

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

Мы почти закончили. Тем не менее, как вы видите, грифель карандаша выглядит очень острым, что создает ощущение опасности. Итак, мы должны изменить эту коническую точку на усеченную пирамиду. Кроме того, нам нужно добавить несколько дополнительных контуров к корпусу карандаша в качестве выделенных частей (используя команду «Смещение контура»). Это необходимо, потому что внешний корпус карандаша представляет собой очень блестящее покрытие.

И результат:

После поворота значка на угол 45 градусов:

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

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

Окончательный результат:

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

В любом случае с Photoshop вы можете сделать следующее:

  1. Экспортируйте вектор в PNG, затем откройте его в Photoshop. Измените цвет и уровень освещенности изображения значка, используя «Кривые», «Цветовой баланс» или «Автоуровни» (в меню «Изображение»> «Коррекция») или используя другие методы, которые вы знали в Photoshop.После редактирования сохраните файл изображения.
  2. Перетащите отредактированное изображение в Illustrator, затем с помощью инструмента «Пипетка» выберите три основных значения цвета - яркость, средний и темный цвет, и после каждого подбора перетаскивайте цвет в палитру «Образцы» для сохранения.
  3. Перетащите выбранный цвет в палитру «Градиент», чтобы создать собственный красивый градиент, а затем примените его к значку. Некоторое время я делал это так, а теперь у меня есть полезная библиотека градиентов, которую я всегда использую для стилизации своих наборов значков.

7. Исходные файлы

Вы можете бесплатно скачать исходные файлы значка в форматах .eps и .ai:

Общие ошибки

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

  • Создайте отражение и блики на значке , нарисовав новый путь поверх исходного пути и добавив к нему белый или черный цвет, а затем изменив его непрозрачность. Таким образом, цвет объекта станет серебристо-серым, потеряв прежнюю четкость, но все же можно добиться глянцевитости.
  • Используйте яркие модели карандаша и круглого цилиндра , чтобы легко принять форму значка карандаша с помощью только одного градиента. Но рисование значков - это рисование всего самого знакомого и типичного, а также рисование объектов, которые лучше всего отражают действие или жест значка. Значок карандаша круглой формы вряд ли может иметь острые углы и четкие блики.
  • Положитесь на градиент формы призмы , используя путь для демонстрации тела карандаша, а затем примените градиент, который делает объект похожим на форму призмы к пути.Это может быть простой способ, но его очень сложно редактировать, а градиент имеет тенденцию быть перекосным.
  • Используйте blendshape, чтобы отбросить тень в EPS8, и тень изменится с белого на черный без прозрачности. Когда тень отбрасывается на фон с цветом, отличным от белого, появится белый контур.

Сравнение конструкций

Это некоторые типичные конструкции, которые мы хотели бы представить и классифицировать их по положительным и слабым сторонам. Окончательный результат выше показывает значки карандашей, разработанные в одноточечной перспективе.Это идеальный дизайн, который содержит все необходимые компоненты: освещение, тень, цвет и композицию, и, особенно, этот дизайн можно масштабировать до любого размера без проблем с пикселизацией.

На рисунке 1 показаны значки карандашей, созданные в двухточечной перспективе . Этот дизайн показывает хорошее освещение, приемлемые тени и приятный цвет и не сталкивается с проблемой пикселизации. Да, такой дизайн выглядит красиво и круто. Однако состав и форма карандашей могут быть не сразу узнаваемы для зрителей, что приводит к нарушению основного принципа дизайна иконок.


Рисунок 1

На рисунке 2 показаны значки папок, разработанные в двухточечной перспективе. Дизайн выглядит почти идеально, с хорошей концепцией, законченной и правильной композицией. Это также хороший дизайн, поскольку он точно отображает направление света, который исходит сверху, и отбрасывает красивую тень, а также великолепное отражение света на объекте-папке. Тем не менее, проблема с пикселизацией возникает на верхних краях папок, в результате чего значок размером 24x24 пикселей теряет резкость.


Рисунок 2

Заключение

Существует много разных подходов к дизайну значков, некоторые используют 3D-приложение, другие используют Firework или Photoshop, но цель создания значков одна и та же, какие бы инструменты мы ни использовали. Нам нужно, чтобы сохранял единообразие каждого значка в наборе , а также сохранял узнаваемость и простоту. Как мы уже говорили в начале этой статьи, это всего лишь несколько основных шагов и принципов создания красивой и четкой иконки.Надеемся, вам понравится этот урок. Если вы чувствуете необходимость узнать больше, следите за бесплатной книгой по дизайну иконок, которую мы сделаем общедоступной в июле.

Нарисуйте значок векторного карандаша в Illustrator

В этом уроке мы научимся рисовать значок векторного карандаша в Adobe Illustrator.

Шаги (1-16)

1. Создайте новый документ.

2. Выберите инструмент «Перо» , выберите «Без заливки» и выберите черный цвет обводки.

3. Щелкните левой кнопкой мыши в любом месте монтажной области и удерживайте Shift , чтобы нарисовать прямую вертикальную линию. Задайте ширину обводки этой линии в палитре штрихов .

4. Выделив линию, удерживайте Alt и Shift и перетащите вправо, чтобы создать копию.

5. Повторите Шаг 4 , чтобы создать третью копию этой линии, и убедитесь, что все три линии расположены на одинаковом расстоянии друг от друга.

6.Используя инструмент Pen Tool , нарисуйте горизонтальные линии поверх ваших трех вертикальных линий.

7. Снова, используя инструмент Pen Tool , Щелкните левой кнопкой мыши на нижней опорной точке на первой вертикальной линии, поместите второй щелчок прямо под средней линией и потяните за него, чтобы создать кривую.

8. Используя инструмент Direct Selection Tool , перетащите среднюю линию вниз, чтобы она совпала с конечной точкой привязки на кривой линии.

9. Повторите Шаг 7 с правой стороны с симметричной кривой, которая соответствует первой кривой, которую мы создали.

10. Выберите все линии, созданные на данный момент, и в палитре штрихов выберите Round в качестве типа угла.

11. Используя инструмент Pen Tool , снова Щелкните левой кнопкой мыши на нижней опорной точке первой линии, которую мы создали, и поместите вторую опорную точку дальше вниз, но снова под средней линией.Это сформирует кончик нашего карандаша.

12. Повторите Шаг 11 с противоположной стороны, чтобы закончить кончик карандаша.

13. Следуя вышеуказанным шагам, у вас должно получиться что-то похожее на треугольную форму кончика карандаша внизу. Используя инструмент Pen Tool , Щелкните левой кнопкой мыши и удерживайте Shift , чтобы провести горизонтальную линию через середину этой формы. Это создаст разделение между древесиной карандаша и грифелем карандаша.

14. Перетащите все ваши линии, чтобы выбрать, и перейдите к Object> Expand , оставьте выделенными Fill и Stroke и нажмите OK .

15. В Pathfinder Palette справа выберите Unite , чтобы объединить все эти линии / формы в одну законченную форму.

16. Выделив значок карандаша, щелкните инструмент Live Paint Tool на панели инструментов слева и выберите цвета для добавления к карандашу.Инструмент Live Paint Tool позволяет щелкать по пустым промежуткам между линиями и быстро раскрашивать карандаш.

Загрузите Adobe Illustrator.

Учебное пособие по рисованным иконкам

Прошло три года с тех пор, как мы запустили [icon]. С тех пор мы добавили новые функции, такие как коллекции, новые серии, такие как Hatch and Feather, и даже новых художников, таких как Ariane и Katinka. Но есть одна вещь, которую мы откладывали: серия нарисованных от руки иконок.

Почему нарисованные от руки значки - такое устрашающее занятие? Что касается [icon], мы стремимся создавать значки с идеальной точностью до пикселя, серии, согласованные внутри, и объекты, не содержащие посторонних точек привязки. Рисованные от руки формы по своей сути не являются пиксельным префектом, а точки привязки, созданные вручную, создают сложные объекты, которые нелегко настроить или изменить. Мы также стремимся создавать серии значков, которые можно использовать вместе, что означает уравновешивание недостатков руки с помощью логики и правил для создания последовательности.

В то время как последняя серия ощущается того же качества, что и другие значки на [icon], почти во всех отношениях процесс создания рисованной серии значков уникален. Это именно то, на чем будет сосредоточено это руководство: создание серии красивых и последовательных значков собственными руками.

Примечание. Мы использовали iPad Pro, Apple Pencil и Adobe Illustrator Draw. Вы можете использовать и другие инструменты, но мы обнаружили, что они лучше всего позволяют уловить несоответствия давления, направления и скорости руки.

1. Собрать и отследить

При создании традиционной серии значков мы обычно тратим до 50% на перерисовку и улучшение значков. Эту работу нужно делать заранее для рисованной серии, где цифровое редактирование не только сложно, но часто приводит к испорчению сути рисования от руки. Обязательно начните с сильного.

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

Измените размер всех значков по размеру сетки, в которой вы работаете. Если вы работаете с небольшим размером (32 пикселя или меньше), попробуйте установить размер базовых значков на 200%, чтобы их было легче отслеживать.

Вставьте этот справочный лист в инструмент для создания векторных эскизов и начните обводку.

2. Руководство и итерация

После того, как вы проследили все формы на справочном листе, сделайте справочный лист невидимым и распечатайте свои эскизы в том фактическом размере, в котором вы хотите, чтобы значки были - например, если вы рисовали на 200%, распечатайте на 50 %.

Просмотрите эскизы на предмет сильнейших метафор и лучших исполнений. Какие работают, а какие нет? Когда дело доходит до курирования, это хорошее эмпирическое правило: сокращать на 20% то, что вы создаете. Я стараюсь урезать ближе к 50%.

Повторяйте шаги 1 и 2, пока не будете довольны набором собранных метафор.

3. Создание правил

Просмотрите свои первоначальные наброски, чтобы определить, что работает, а что не работает, и определится с рядом правил для окончательной серии значков. На что следует обратить внимание:

  • Уровень детализации
  • Открытые и закрытые формы
  • Качество линии
  • Пиктограмма углов
  • Использование завитушек (точек, тире)
  • Представление света
  • Отображение глубины
  • Повторяющиеся формы (стрелки, стрелки)

Когда вы будете уверены в своих правилах, пора нарисовать то, что станет вашими окончательными значками.

4. Отслеживание нескольких версий

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

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

5. Выберите лучшее

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

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

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

6. Изменить размер

Объедините фигуры в отдельные формы и поместите каждый значок в окончательную пиксельную сетку.

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

7. Окончательные правки

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

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

Создайте значок 3D-карандаш и бумагу в уроке Photoshop

Предварительный просмотр

ресурсов

  • Шрифт: Adine Kirnberg Сценарий Дэвида Раковски

Шаг 1. Настройте документ

Создайте новый документ Photoshop (Ctrl / Cmd + N) с настройками, подобными изображению ниже.

Для удобства залейте фоновый слой по умолчанию оттенком серого, выделив весь холст (Ctrl / Cmd + A), а затем используя команду «Заливка» (Ctrl / Cmd + F5).

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

Шаг 2. Создайте бумажный значок

Чтобы сохранить организацию документа, создайте новую группу слоев, которая будет содержать значок бумаги; вы можете назвать его « Документ ».

Установите белый ( #ffffff ) в качестве цвета переднего плана, затем выберите инструмент «Прямоугольник» (U).

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

Придайте этому слою прямоугольной формы стиль слоя Drop Shadow; вы можете сделать это, дважды щелкнув слой-фигуру на панели слоев, что откроет диалоговое окно «Стили слоя».

Также добавьте стиль слоя Inner Glow.

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

Шаг 3. Нанесите текст на бумагу

Возьмите инструмент Horizontal Type Tool (T) и выберите шрифт по вашему выбору.В этом уроке я использовал шрифт в каллиграфическом стиле под названием Adine Kirnberg Script.

На Панели символов (Окно> Символ) настройте параметры шрифта, как показано ниже.

Не снимая выделения с инструмента «Горизонтальный текст» (T), щелкните и перетащите прямоугольник, как показано на следующем изображении; это определяет границы нашего текста.

Затем вставьте (Ctrl / Cmd + V) какой-нибудь фиктивный текст - например, текст Lorem Ipsum или текст, который у вас есть под рукой - внутри бумаги.

Когда вы закончите с текстом, перейдите в меню «Слой»> «Текст»> «Преобразовать в форму».

Дублируйте текстовый слой (Ctrl / Cmd + J) и уменьшите непрозрачность дублированного текстового слоя до 40% .

Шаг 4. Используйте команду «Свободное преобразование» в группе слоев «Документ».

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

Выделив группу слоев «Документ», перейдите в меню «Правка»> «Трансформировать»> «Повернуть».Поверните документ примерно на 15 o по часовой стрелке (CW).

Шаг 5: Создайте кончик карандаша

Теперь, когда мы закончили со значком бумаги, пора перейти к значку карандаша. Чтобы сохранить порядок и не отвлекать вас от значка бумаги, скройте группу слоев «Документ» и создайте над ней новую группу слоев с именем « Pencil ».

С помощью Pen Tool (P) создайте треугольную форму с кончиком вниз, как показано ниже.

Затем добавьте стиль слоя Gradient Overlay на кончик карандаша.

Также добавьте стиль слоя «Обводка» на кончик карандаша.

Шаг 6: Сделайте деревянную часть кончика карандаша

Создайте новый слой и затем используйте инструмент Rectangular Marquee Tool (M), чтобы выделить прямоугольную область на новом слое, расположенном над кончиком карандаша на холсте.

Сделав прямоугольное выделение, залейте (Правка> Заливка) выбранную область любым цветом.

Чтобы добавить цвета к прямоугольной форме, мы будем использовать стиль слоя Gradient Overlay.

Затем создайте новый пустой слой поверх прямоугольной формы и затем объедините два слоя (Ctrl / Cmd + E). Это сглаживает фигуру, чтобы при ее преобразовании стили слоя не менялись.

Выделив объединенный слой, перейдите в Edit> Transform> Perspective и перетащите любой нижний угол к середине, чтобы создать треугольную форму.

Шаг 7: Нарисуйте стержень карандаша

Используйте Pen Tool (P), чтобы создать прямоугольную форму, как показано.

Придайте форме желтовато-золотой градиент.

Дублируйте слой (Ctrl / Cmd + J) и перейдите в Edit> Transform> Flip Horizontal.

Переместите дублированный слой на противоположную сторону карандаша и измените его стиль слоя Gradient Overlay, дважды щелкнув слой на панели Layers и отредактировав настройки Gradient Overlay, чтобы установить флажок Reverse.

Создайте аналогичную форму с помощью инструмента «Перо» (P) в середине двух прямоугольников, которые мы только что нарисовали, используя любой цвет переднего плана.

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

Чтобы придать валу красивый трехмерный вид, который делает его похожим на стандартный желтый карандаш, примените к форме стиль слоя «Обводка».

Шаг 8. Создайте ластик для карандаша

Теперь переместим карандаш вверх, создав ластик.Чтобы создать форму ластика, сначала выберите инструмент «Прямоугольник со скругленными углами» (U) и установите для его параметра «Радиус» значение 60 пикселей .

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

Придайте ластику трехмерный вид, который соответствует остальной части значка, используя стиль слоя «Градиентное наложение».

Придайте ластику трехмерное красновато-розовое тиснение, используя стиль слоя «Внутренняя тень».

Шаг 9: Создайте серебряную ленту вокруг ластика

Следующий элемент, который мы создадим, - это металлическая полоса, которая оборачивается вокруг ластика.Создайте новый слой и выберите инструмент Rectangular Marquee Tool (M).

Создайте прямоугольную область выделения в форме полосы и залейте ее любым цветом (как показано ниже).

Придайте закрашенной прямоугольной области внутреннюю тень.

Чтобы придать ремешку металлический цвет, используйте Gradient Overlay с разными оттенками серого, белого и черного.

Шаг 10: Добавьте тень к полосе

Чтобы стилизовать карандаш и придать ему детали, мы создадим легкую тень внизу металлической полосы.Для начала создайте новый слой и поместите его под слоем «band».

Ctrl / Cmd + щелкните слой «band» на панели слоев, чтобы создать выделение вокруг него.

Переместите выделение 2px вниз с помощью клавиши со стрелкой вниз.

Затем залейте выделение черным цветом ( # 000000 ) на вновь созданном слое.

После заполнения области выделения снимите выделение (Ctrl / Cmd + D).

Примените Фильтр> Размытие> Размытие в движении к выделенной области с заливкой с параметрами, показанными ниже.

Сделайте дубликат слоя с размытием в движении (Ctrl / Cmd + J) и уменьшите непрозрачность дублированного слоя до 50% .

Шаг 11: Сделайте выступы на ленте

Мы продолжим работу над металлическим ремешком, добавив к нему еще несколько деталей. Для начала создайте новый слой, затем используйте инструмент Rectangular Marquee Tool (M), чтобы создать два выделения размером 1 пиксель; верхний заполните черным (# 000000 ), а нижний - белым ( #ffffff ).

Выбрав слой на панели слоев, перейдите в меню «Слой»> «Добавить маску слоя»> «Показать все». Примените отраженный градиент от белого к черному к маске слоя, как показано ниже.

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

Создайте копии этого слоя «гребень», продублировав его несколько раз (Ctrl / Cmd + J).

Используйте инструмент «Перемещение» (V), чтобы расположить дублированные слои, как показано ниже.

Шаг 12: Завершите работу над значком

Чтобы закончить работу над значком «Бумага и ручка», мы скомпонуем и разместим значок. Начните с того, что раскроете группу слоев «Документ».

Щелкните правой кнопкой мыши группу слоев «Карандаш» и выберите «Дублировать группу» в появившемся контекстном меню.

Скройте исходную группу слоев «Карандаш» (мы сохраним ее как резервную копию на случай, если вы захотите отредактировать ее позже).

Выберите дублированную группу «Карандаш» и нажмите Ctrl / Cmd + E, чтобы объединить все слои внутри нее.

Уменьшите масштаб карандаша примерно до 70% с помощью команды «Правка»> «Преобразование»> «Масштаб» или команды «Свободное преобразование» (Ctrl / Cmd + T).

Затем поверните его примерно на 60 o , используя команду «Правка»> «Преобразование»> «Повернуть» или команду «Свободное преобразование» (Ctrl / Cmd + T).

Используйте инструмент «Перемещение» (V), чтобы расположить карандаш в том месте на холсте, которое вам нравится.

Чтобы закончить бумагу и значок ручки, нарисуйте карандашу красивую тень, используя стиль слоя Drop Shadow.

Заключение

Это все, что она написала!

В этом уроке я показал вам, как создать красивую бумагу и значок 3D-карандаша, которые можно использовать в различных приложениях. Мы рассмотрели множество техник, используя только основные инструменты и команды Photoshop для создания бумаги и карандаша. Мы применили несколько стилей слоя, чтобы карандаш выглядел трехмерно, и использовали несколько умных команд преобразования, чтобы сделать наш рисунок более быстрым и однородным.

Я надеюсь, что вам понравилось это руководство, и если оно вас каким-либо образом вдохновило, не стесняйтесь показать нам свои работы в группе Design Instruct Flickr.

Скачать исходные файлы

Создайте значок простого карандаша в Adobe Photoshop

В следующем уроке вы узнаете, как создать простой значок карандаша в Adobe Photoshop.


Окончательное изображение

Как всегда, это последнее изображение, которое мы будем создавать:


Подробности руководства

  • Программа : Adobe Photoshop CC
  • Расчетное время выполнения: 45 минут
  • Сложность: Начальный-средний

Шаг 1

Откройте Photoshop и нажмите Control + N , чтобы создать новый документ.Введите все данные, показанные на следующем изображении, и нажмите OK . Включите сетку ( View> Show> Grid ) и привязку к сетке ( View> Snap To> Grid ). Для начала вам понадобится сетка каждые 5px , поэтому перейдите в Edit> Preferences> Guides, Grid & Slices и сосредоточьтесь на разделе Grid. Введите 5 в поле Gridline Every и 1 в поле Subdivision . Также установите цвет сетки # a7a7a7 .После того, как вы установили все эти свойства, нажмите OK .

Постарайтесь не расстраиваться из-за всей этой сетки, она облегчит вашу работу позже, и имейте в виду, что вы можете легко включить или отключить ее с помощью сочетания клавиш Control + «». Вы также должны открыть панель Info (Окно > Информация ) для предварительного просмотра в реальном времени с размером и положением ваших фигур.


Шаг 2

Установите цвет переднего плана на # dcb99b , выберите инструмент Rectangle Tool и создайте фигуру 15 x 65 пикселей .Сфокусируйтесь на нижней стороне этого прямоугольника, выберите инструмент Pen Tool и просто щелкните левую опорную точку, чтобы удалить ее. Продолжайте фокусироваться на нижней стороне вашей векторной формы, выберите инструмент Direct Selection Tool , выберите оставшуюся опорную точку и перетащите ее 10px вправо, как показано на третьем изображении.


Шаг 3

Установите цвет переднего плана на # ce9367 , выберите инструмент Rectangle Tool , создайте форму 20 x 65px и разместите ее, как показано на первом изображении.Сфокусируйтесь на нижней стороне этого нового прямоугольника и удалите левую опорную точку с помощью инструмента Pen Tool .

Продолжайте фокусироваться на нижней стороне вашей векторной формы, переключитесь на Direct Selection Tool , выберите оставшуюся опорную точку и перетащите ее 10px влево, как показано на третьем изображении.


Шаг 4

Установите цвет переднего плана на # b56230 , выберите инструмент Rectangle Tool , создайте еще одну форму 15 x 65 пикселей и разместите ее, как показано на первом изображении.

Сфокусируйтесь на нижней стороне этого нового прямоугольника и удалите правую опорную точку с помощью инструмента Pen Tool . Продолжайте фокусироваться на нижней стороне вашей векторной формы, переключитесь на Direct Selection Tool , выберите оставшуюся опорную точку и перетащите ее 10px влево, как показано на третьем изображении.


Шаг 5

Установите цвет переднего плана на # ffca5a , выберите инструмент Rectangle Tool , создайте фигуру 15 x 160 пикселей и разместите ее, как показано на первом изображении.

Убедитесь, что этот желтый прямоугольник остается выделенным, и перейдите в Edit> Transform> Warp . Выберите Arc Lower из раскрывающегося меню Warp , введите 75 в поле Bend и нажмите Enter . В итоге все должно выглядеть так, как на втором изображении.


Шаг 6

Сфокусируйтесь на панели Layers (Окно > Слои ) и просто дважды щелкните желтую векторную фигуру, чтобы открыть окно Layer Style .Активируйте Gradient Overlay и введите атрибуты, показанные на следующем изображении.


Шаг 7

Установите цвет переднего плана на # ff8c15 , выберите инструмент Rectangle Tool , создайте форму 20 x 160 пикселей и разместите ее, как показано на первом изображении.

Убедитесь, что этот оранжевый прямоугольник остается выделенным, и перейдите в Edit> Transform> Warp . Выберите Arc Lower из раскрывающегося меню Warp , введите 100 в поле Bend и нажмите Enter .В итоге все должно выглядеть так, как на втором изображении.


Шаг 8

Откройте окно Layer Style для оранжевой векторной фигуры и введите атрибуты, показанные на следующих изображениях.


Шаг 9

Установите цвет переднего плана на # c42915 , выберите инструмент Rectangle Tool , создайте фигуру 15 x 160 пикселей и разместите ее, как показано на первом изображении.

Убедитесь, что этот красный прямоугольник остается выделенным, и перейдите в Edit> Transform> Warp .Выберите Arc Lower из раскрывающегося меню Warp , введите 75 в поле Bend и нажмите Enter . В итоге все должно выглядеть так, как на втором изображении.


Шаг 10

Откройте окно Layer Style для вашей красной векторной формы и введите атрибуты, показанные на следующих изображениях.


Шаг 11

Установите цвет переднего плана на # 3b3c40 , выберите инструмент Rectangle Tool , создайте фигуру 50 x 65px и разместите ее, как показано на первом изображении.

Сфокусируйтесь на нижней стороне этого нового прямоугольника и удалите правую опорную точку с помощью инструмента Pen Tool . Продолжайте фокусироваться на нижней стороне вашей векторной формы, переключитесь на Direct Selection Tool , выберите оставшуюся опорную точку и перетащите ее 25px вправо, как показано на третьем изображении.


Шаг 12

Убедитесь, что ваш темный прямоугольник все еще выделен, и возьмите инструмент Ellipse Tool . Удерживая кнопку Alt на клавиатуре, нарисуйте круг 20px , как показано на первом изображении.

Откройте окно Layer Style для этой векторной формы и введите атрибуты, показанные на следующих изображениях.


Шаг 13

Установите цвет переднего плана на # fa6580 , выберите инструмент Rounded Rectangle Tool , сфокусируйтесь на панели управления и установите Radius на 5px .

Вернитесь на холст, создайте фигуру 50 x 30 пикселей и разместите ее, как показано на первом изображении.

Убедитесь, что ваш розовый прямоугольник с закругленными углами остается выделенным, и перейдите в Edit> Transform> Warp .Выберите Arc Lower из раскрывающегося меню Warp , введите -60 в поле Bend и нажмите Enter . В итоге все должно выглядеть так, как на втором изображении.

Откройте окно Layer Style для этой розовой векторной формы и введите атрибуты, показанные на следующем изображении.


Шаг 14

Установите цвет переднего плана на # dfdfe1 , выберите инструмент Rectangle Tool , создайте фигуру 50 x 20px и разместите ее, как показано на следующем изображении.


Шаг 15

Для следующих шагов вам понадобится сетка каждые 1px , поэтому перейдите в Edit> Preferences> Guides, Grid & Slices и введите 1 в поле Gridline Every .

Сфокусируйтесь на сером прямоугольнике и выберите инструмент Direct Selection Tool . Выберите левые опорные точки и перетащите их на 1px влево, затем выберите правые опорные точки и перетащите их на 1px вправо.Функция Snap to Grid упростит вашу работу, и в итоге все должно выглядеть так, как на втором изображении.


Шаг 16

Убедитесь, что ваша серая векторная фигура остается выделенной, и выберите инструмент Ellipse Tool . Удерживая кнопку Alt на клавиатуре, нарисуйте фигуру 52 x 4px , как показано на первом изображении.

Сосредоточьтесь на верхней части серой фигуры, удерживайте кнопку Shift на клавиатуре и нарисуйте фигуру 52 x 8 пикселей , как показано на втором изображении.


Шаг 17

Откройте окно Layers Style для серой векторной формы и введите атрибуты, показанные на следующих изображениях.


Шаг 18

Убедитесь, что ваша серая векторная фигура все еще выделена, и нажмите Control + J , чтобы дублировать ее.

Сфокусируйтесь на панели Layers , щелкните правой кнопкой мыши новую копию и перейдите к Clear Layer Style . Откройте окно Layer Style для этой копии, уменьшите его Fill до 0% , затем введите атрибуты, показанные на следующих изображениях.


Шаг 19

Установите черный цвет переднего плана, выберите инструмент Ellipse Tool , создайте фигуру 52 x 4px и разместите ее, как показано на первом изображении.

Убедитесь, что эта тонкая черная фигура выбрана, и нажмите Shift + Control + [, чтобы отправить ее на задний план.


Шаг 20

Сосредоточьтесь на панели Layers и повторно выделите все формы, из которых состоит ваш карандаш. Щелкните правой кнопкой мыши по одному из этих элементов и перейдите к Преобразовать в смарт-объект .

Убедитесь, что этот смарт-объект выбран, и нажмите Control + T . Поверните его на 45 градусов (как показано на втором изображении) и нажмите , введите . Откройте окно Layer Style для вашего смарт-объекта и введите атрибуты, показанные на следующих изображениях.


Шаг 21

Дублируйте свой смарт-объект ( Control + J ), выберите копию и избавьтесь от существующих атрибутов Layer Style , используя ту же опцию Clear Layer Style .Откройте окно Layer Style для этой новой копии, активируйте Color Overlay и введите атрибуты, показанные на следующем изображении.


Шаг 22

Сфокусируйтесь на панели Layers , щелкните правой кнопкой мыши смарт-объект, созданный на предыдущем шаге, и снова перейдите к Преобразовать в смарт-объект .

Убедитесь, что ваш вновь созданный смарт-объект остается выделенным, переместите его на 15 пикселей вниз и 15 пикселей вправо, уменьшите непрозрачность до 30% и отправьте его назад ( Shift + Control + [) .


Шаг 23

Убедитесь, что ваш черный смарт-объект все еще выделен, и перейдите в Filter> Blur> Gaussian Blur . Установите радиус на 20 пикселей , нажмите OK и перейдите в Filter> Blur> Motion Blur . Установите Angle на -45 градусов , перетащите ползунок на 50px и нажмите OK .


Шаг 24

Нажмите Shift + Control + Alt + N , чтобы создать новый слой, выберите его и отправьте на задний план ( Shift + Control + [).Убедитесь, что этот новый слой остается выделенным, выберите инструмент Paint Bucket Tool , установите цвет переднего плана на # e1ebf5 и щелкните внутри холста.

Наконец, перейдите в Filter> Noise> Add Noise . Введите атрибуты, показанные на следующем изображении, и нажмите OK .


И все готово!

Вот как должен выглядеть ваш окончательный результат.

Как рисовать векторных людей в Adobe Illustrator | автор: Toffu Co

Здравствуйте, друзья! Мы так рады загрузить наш первый учебник Как рисовать векторных людей в Adobe Illustrator .

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

Напоминаем, что во время рисования я использовал перьевой планшет, но мышь тоже работает.

Ладно, приступим!

# step1 настройка документа

Мы начинаем с создания нового rgb-документа размером 30x30 см с настройками по умолчанию.

Когда появится пустая страница, перетащите эталонное изображение (вы можете скачать его здесь) в проект, затем щелкните преобразование и измените его размер.Высота «H» должна составлять 30 см. Обратите внимание на маленькую иконку, на которой она должна быть рядом с размерами W и H.

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

(ps Если вы не видите панель слоев, перейдите в раздел «Окно» в верхней части экрана и нажмите «Слои».)

# step2 новые слои + контур и формы

Когда все выглядит Хорошо нажмите кнопку Create New Layer под панелью слоев и переименуйте его в jacket .

Когда выбран слой куртки , щелкните инструмент Pencil Tool (N) слева и нарисуйте контур куртки.

После рисования контура куртки щелкните инструмент «Пипетка» (I) слева, затем щелкните желтую часть куртки.

Когда форма будет выглядеть нормально, щелкните инструмент Direct Selection Tool (A) слева и щелкните точки привязки, которые необходимо отредактировать.

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

После завершения всей куртки создайте новый слой как брюки и повторите процесс прямого выделения карандашом и пипеткой, затем перетащите слой куртки (включая верхний) над другими слоями.

Создайте новый слой с именем скин и закройте другие слои, щелкнув значки глаз рядом с ними. Повторите процесс прямого выделения карандашом и пипеткой, нарисуйте лицо и руки, затем перетащите слой скин наверх.

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

Создайте новый слой с именем зонт и щелкните на инструменте Pen Tool (P) слева. Щелкните по углам и завершите ребро.

Когда все будет готово, создайте слой зонт2 и нарисуйте тканевую часть зонтика с помощью Pen Tool (P).

После перекраски зонта и расположения слоев (слой зонтика2 должен находиться между слоями куртки и штанов) создайте новый слой для сигареты, я использовал имя oth (сокращенная форма других) . Когда выбран слой или , нажмите Pencil Tool (N) и нарисуйте контур сигареты. Перетащите слой oth под слой skin .

Создайте еще один слой oth для рисования части сигареты, которая появляется на коже, затем нарисуйте ее с помощью Pencil Tool (N) и уточните с помощью Direct Selection Tool (A).

# step3 редактирование шаблонов

Пока все хорошо, мы почти закончили рисование. Убедитесь, что все слои видны, и под панелью «Слои» щелкните кружок рядом со слоем Jacket . Это позволяет выбрать сразу все содержимое слоя. Выбрав Копировать (cmd + c) (ctrl + c) и Вставить на место (cmd + shift + v) (ctrl + shift + v) и , нажмите Swatches> Swatches Libraries menu> Patterns> Decoration > Vonster Patterns> Splatterz справа.

Я выбрал этот узор из-за схожести с исходным фото, при желании можно попробовать что-нибудь другое. После выбора выкройки закройте слой пиджака со значком глаза под панелью слоев. Теперь используйте инструмент «пипетка» и нажмите на синюю часть куртки. Дважды щелкните раздел «Заливка» слева и скопируйте код цвета на экране «Палитра цветов».

Снова откройте раздел «Образцы» и дважды щелкните использованный узор. Когда появится экран редактирования рисунка, щелкните синюю часть рисунка> Заливка> Палитра цветов и вставьте сюда код цвета.

Наконец, повторите это для остальных цветов. Для облегчения я изменил;

синий> синий # 0f9abe

розовый> красный # cd360f

зеленый> черный # 141319

И результат;

Надеюсь будет полезно. Продолжайте следить!

UXPin - Документы | Editor

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

Box

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


Коробка отличается от прямоугольника . Вы можете добавлять и редактировать текст внутри Box, тогда как прямоугольник - это векторная фигура, которую вы можете настроить, перетаскивая ее векторные точки или добавляя новые.Кроме того, вы не можете определить отдельные границы или отступы для прямоугольника.

Эластичные поля

По умолчанию для текста внутри поля задан фиксированный размер, но вы можете заставить поле расширяться по мере ввода и автоматически подстраиваться под текст, находящийся внутри. Для этого просто снимите флажок «Фиксированная ширина и высота». То же самое и с кнопками.

Примечание

Автоматический размер недоступен для ящиков и кнопок, которые являются компонентами.

Фигуры

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

  • Прямоугольник - "Р"
  • Овальный - "О"
  • Закругленная
  • Линия - "L"
  • Стрелка - Alt "L"
  • Многоугольник
  • Звезда
Совет

Удерживайте нажатой клавишу Shift при перетаскивании для создания идеальных форм и элементов.

Многоугольник

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

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

Вы можете рисовать собственные векторные фигуры с помощью инструментов «Перо» и «Карандаш». Чтобы использовать инструмент «Перо», щелкните значок «Перо» или нажмите . "П" . Затем щелкните холст, чтобы добавить первую векторную точку, и щелкните и перетащите, чтобы добавить точку изгиба.
Инструмент «Карандаш» позволяет рисовать фигуры полностью от руки. Щелкните стрелку вниз под значком Pen, выберите Pencil и просто начните рисовать. Узнайте больше о нашем инструменте для рисования в этом уроке.

Текст

Чтобы добавить текстовое поле, щелкните значок Текст на панели инструментов или используйте "Т" ярлык. Щелкните холст, чтобы добавить его, или щелкните и перетащите, чтобы создать текстовое поле фиксированного размера. Вы можете сразу же начать печатать. Подробнее о стилизации текста здесь.

Формы

Формы содержат все наиболее распространенные элементы форм:

Кнопка

Чтобы добавить кнопку, используйте Alt "B" или добавьте его прямо из меню форм.Вы можете редактировать текст внутри кнопки по своему усмотрению. По умолчанию установлен фиксированный размер. Если вы уберете отметку с опции «Фиксированная ширина и высота» на панели свойств, кнопка будет адаптироваться к размеру и объему текста, который вы вводите в элемент.

Поле ввода и текстовое поле

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

Список выбора и множественный выбор

Вы можете использовать элемент Select для создания списка выбора. Множественный выбор - это раскрывающийся список, который позволяет выбрать несколько вариантов при предварительном просмотре, удерживая Ctrl при нажатии.

Флажок

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

Радиокнопка

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

Изображения

В Мультимедиа есть три типа элементов: изображения, видео и аудио.

Добавление изображений

Вы можете добавить изображение через:

  • Меню быстрых инструментов
  • "Я" ярлык
  • Перетаскивание
  • Копирование и вставка

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

Примечание

Изображения размером более 4000 пикселей по высоте или ширине будут оптимизированы.

Добавление изображений к элементам

UXPin позволяет размещать изображения внутри существующих элементов. Выберите изображения, которые вы хотите добавить, со своего компьютера и щелкните существующий элемент на холсте. Это применит изображение к этому объекту как Заливку с режимом Заливки, установленным на Подгонку к заливке.

Редактирование изображений

Вы можете изменить поведение изображения при изменении размера на панели «Свойства». Поведение по умолчанию - По размеру заливки, но вы можете изменить его на «Растянуть», «Содержать» или «Не изменять размер». Здесь также вы можете обрезать изображения или настраивать его яркость, контрастность, насыщенность и многое другое. Чтобы восстановить исходный размер изображения с измененным размером, щелкните Исходный размер.

Видео и звук

С помощью элемента «Видео и аудио» вы можете связывать видео и звуки со своими прототипами и управлять ими с помощью таких взаимодействий, как воспроизведение, остановка и пауза.

  1. Откройте «Медиа» ... в быстрых инструментах и ​​выберите «Видео» или «Аудио».
  2. Вставьте ссылку на файл в панели «Свойства».
  3. Укажите, хотите ли вы, чтобы ваше видео или звук автоматически воспроизводился, зацикливался, отключался или вы хотите отображать элементы управления видео по умолчанию.

Щелкните Предварительный просмотр, чтобы просмотреть видео или услышать звук.

Примечание

Автовоспроизведение по умолчанию отключено.

Вы можете определить способ размещения видео в контейнере и установить следующие параметры: Растянуть, По размеру заполнить, Содержать и Не изменять размер.

Вы можете использовать ссылки на файлы, размещенные на сервере, в следующих форматах:

  • Видео: MP4 , WebM и Ogg
  • Аудио: MP3 , MP4 , Ogg и WAV

Ссылки на видео, которые есть на YouTube или Vimeo, не имеют опции Fit и не могут управляться с помощью взаимодействий.

Примечание

Safari и UXPin Mirror поддерживают только видеофайлы MP4 и аудиофайлы MP3.Также есть проблемы с воспроизведением видеофайлов из Dropbox.

Значки

Чтобы добавить значок, выберите изображение значка или используйте Alt "Я" и щелкните холст или перетащите его, чтобы нарисовать. Значок по умолчанию - это значок шестеренки. На панели «Свойства» на панели «Значки» можно просмотреть несколько библиотек значков.

Импорт и редактирование значков

Если вы импортируете значок SVG, просто перетащите его прямо на холст.Когда вы посмотрите на панель слоев, вы увидите, что ваш значок представляет собой группу путей инструмента «Перо».

Изменение размера значков

Размер векторного значка можно изменить, удерживая "Сдвиг" и перетащите один из его углов. Если вам нужна точность в пикселях, отрегулируйте размер на панели свойств справа.

Изменение цвета значков

После импорта значка в формате SVG щелкните слой, который нужно перекрасить, на панели «Слои» и перейдите на панель «Свойства».В разделе «Заливка» вы можете установить значения цвета.

Hotspot

С помощью горячих точек вы можете добавить взаимодействие поверх любого элемента. Чтобы добавить его на холст, щелкните значок точки доступа в быстрых инструментах или используйте "ЧАС" ярлык. Затем щелкните, чтобы отпустить его, или перетащите, чтобы нарисовать.

Горячие точки особенно полезны, когда вы хотите сделать кликабельными только части слоев. Таким образом, вам не нужно добавлять взаимодействия к определенным элементам. Горячие точки - это прозрачные блоки, которые вы можете разместить в любом месте вашего дизайна и добавить взаимодействия.Одно из наиболее частых случаев использования горячих точек - это ссылка на другой экран вашего дизайна, на внешние URL-адреса или запуск анимации. Вы можете переключить видимость всех ваших горячих точек в настройках просмотра.

Библиотеки системы дизайна

В библиотеках системы дизайна есть встроенные библиотеки, такие как iOS, Material Design, User Flows, Foundation и Bootstrap, с готовыми к использованию интерактивными элементами, цветами, стилями текста и значками.

Comments