Как сделать эффект бумаги в иллюстраторе

Добавил пользователь Евгений Кузнецов
Обновлено: 19.09.2024

Рассказ про тётю Миню — о том, как надо жить и радоваться жизни Рассказ .

СТАРЫЙ КОТ В НОВЫЙ ГОД. РАССКАЗ. 3. Вообще – то, коты не интер.

Tema · Felicitación de cumpleaños " a Sofiyechka" Feliz Cumplea&ntil.

Архивы Ватикана и многое другое. Очень интересная беседа обо всём, не только о прошлом, но и.

-Метки

-Рубрики

* flash-картинки (29)
ЖУРНАЛ ПО ВЯЗАНИЮ (6)
ОТКРЫТКИ С ПОЖЕЛАНИЯМИ (4)
РАССКАЗЫ (1)
САЙТЫ (1)
* HTML коды (11)
* бродилки (6)
* мои сырые работы (21)
* рамки заготовки (61)
* уроки по эфиграфу (15)
A STATE OF SOUL (402)
АВАТАРКИ (13)
АНИМАЦИЯ (103)
* флеш-открытки (84)
* флеш-часы (18)
АУДИОКНИГИ (181)
БАННЕРЫ (15)
БРОДИЛКИ (45)
ВЫШИВКА (62)
ВЯЗАНИЕ (880)
* блузочки (62)
* варежки,воротники,горловина,снуды,носочки, болер (42)
* для детей, для животных (18)
* для мужчин (13)
* жакеты, платья, свитера, жилеты (286)
* кайма, ободки (22)
* палантины, пальто, пончо (22)
* пинетки (10)
* скатерти, пледы, паласы,салфетки (132)
* узоры (259)
* шарфы, шали, шапочки и ободки (44)
* юбки (3)
ВЯЗАНИЕ И ШИТЬЕ (162)
* жалюзи, занавески (1)
* занавески (1)
* перчатки (3)
* прихватки, подставки (11)
* тапочки (27)
* цветы, для животных (39)
* шляпки (78)
ГАДАНИЯ/ТЕСТЫ/ГОСКОПЫ (5)
ГАЛЕРЕЯ ДЕФНЕ (2)
ГЕНЕРАТОРЫ (153)
* редакторы фото (65)
*генераторы (104)
ГОРОДА (68)
ДЛЯ БЛОГА (122)
ДЛЯ КОМПА (285)
ЗДОРОВЬЕ (302)
* здоровье (298)
ИГРУШКИ (78)
ИГРЫ (9)
ИКОНКИ (3)
ИСКУССТВО (635)
* актеры (23)
* искусство (564)
* искусство востока (45)
*стихи (1)
архитектурное искусство (2)
фото искусство (3)
КАЛЕНДАРИ (8)
КИНО (143)
КЛИПАРТ (753)
* еда (33)
* животные (151)
* люди (466)
* предметы (223)
* сердечки (23)
* фрукты/ ягоды (30)
* цветы (129)
КНОПОЧКИ (41)
КОЛЛАЖИ (1222)
коллажи друзей (48)
мои коллажи (69)
КРАСОТА (132)
* кремы для лица (27)
* маски для волос (31)
* маски для лица (18)
* прически (38)
* уход за собой (28)
КУЛИНАРИЯ (862)
* сладкое: конфеты_нуга_тянучки (17)
* аджика (10)
* варенье, джемы (29)
* десерты (64)
* жульен (7)
* закуски (107)
* изд.из теста: пироги (36)
* кулинария (22)
* кухня армянская (3)
* кухня грузинская (47)
* кухня еврейская (1)
* мясное (88)
* мясо: курица (38)
* мясо: рыба (36)
* напитки (115)
* салаты (47)
* соусы (51)
* супы (69)
* супы-кремы (10)
* сыры (20)
маринады (2)
МОДА (19)
МУДРЫЕ МЫСЛИ (83)
* притчи, рассказы (43)
* фразы (38)
МУЗЫКА (171)
НАГРАДЫ (12)
ОБЯВЛЕНИЯ (6)
ПИШЕМ КРАСИВО (201)
* алфавит (39)
* делаем подпись свою анимацией онлайн (14)
* надписи на прозрачном фоне (106)
* шрифты (59)
ПЛЕЕРЫ (89)
ПОЗДРАВЛЕНИЯ,ОТКРЫТКИ,КОММЕНТАРИИ (251)
ПОСТЫ ОТ ИРОЧКИ (iro4kan) (91)
ПРИРОДА (365)
* интересные моменты (15)
* фауна (284)
* флора (54)
ПРОГРАММЫ (354)
* Word (23)
* антивирусники (16)
* проги (281)
* проги и работа с ними (47)
РАЗДЕЛИТЕЛИ (28)
РАМКИ (1758)
* рамки мои (13)
*рамочки кулинарные (2)
* рамки от Дефне (13)
* рамочки (1683)
* рамочки музыкальные (8)
рамочки с днем рождения (1)
САД (68)
СЕРВИС ЗАКЛАДОК (5)
СКАЗКИ, ИСТОРИИ, СТИХИ (10)
СЛАДКОЕ (456)
* из творога (36)
* кексы (39)
* кремы (69)
* рулеты (27)
* шарлотка (10)
* зефиры (19)
* куличи (12)
* мороженое (23)
* печенье (41)
* пироги (117)
* пирожное (45)
* пирожное из заварного теста (13)
* слойки (12)
* тарталетки (5)
* шоколад (5)
СОВЕТЫ (63)
* готовка (17)
* ремонт (4)
* советы (39)
* уход за мебелью (11)
СУМКИ (15)
СХЕМЫ (483)
* схемы (346)
* схемы мои (133)
ТВОРЧЕСТВО (126)
* лепка (7)
* оригами (1)
* работы из полимерной глины (4)
* творческие идеи (57)
* умелые ручки (89)
* холодный фарфор (11)
ТОРТЫ (444)
* торты (402)
* торты: бисквиты (21)
* украшаем торт (14)
торты без выпечки (7)
УКРАШАЕМ СТОЛ (21)
УРОКИ (25)
* уроки рисования (39)
*уроки рисования (25)
ФОНЫ (210)
* глиттеры (23)
* фоны (135)
* фоны прозрачные, футажи (63)
ФОТОШОП (1351)
* кисти (25)
* маски (73)
* плагины (42)
* стили (18)
* уроки (1190)
* фильтры (22)
ФШ проги и помощь (29)
ФШ уроки от Лорик (11)
ШИТЬЕ (66)
* подушки (29)
* шитье (38)
ЭПИГРАФЫ (2)
ЭТО ИНТЕРЕСНО (419)
* видео (121)
* особые (6)
* тесты (8)
* это интересно (297)
ЭТО НАДО ЗНАТЬ (45)
ЮМОР (647)
* анекдоты (94)
* юмор (555)
ЯЗЫКИ (44)
* английский (37)
* русский (7)

-Ссылки

-Приложения

ОткрыткиПерерожденный каталог открыток на все случаи жизни
Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
Все на карте
Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

В этом уроке мы будем создавать очень интересный эффект рваной бумаги в Adobe Illustrator. Несмотря на интересность и в некоторой степени сложность эффекта, его выполнения не займет у вас много времени. Мы будем работать с инструментами Warp/Деформация и Wrinkle/Морщины, создавать и настраивать переходы, а также работать с режимами наложения.

Результат

Шаг 1

Для начала откройте Adobe Illustrator и создайте новый документ (Cmd / Ctrl + N). Размер рабочей области может быть любым, также как и цветовой режим (RGB или CMYK).

Шаг 2

При помощи инструмента Rectangle/Прямоугольник (M) нарисуйте прямоугольник и укажите ему заливку светло-серого цвета и отсутствие обводки.

Возьмите инструмент Warp/Деформация (Shift + R). Настройте инструмент как показано на картинке ниже. Для того, чтобы открыть окно настроек инструмента Warp/Деформация, кликните дважды по его значку на панели инструментов, или нажмите Turn/Enter.

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

Шаг 3

Копируйте получившуюся фигуру и вставьте копию на передний план (Cmd/Ctrl + C; Cmd/Ctrl + F). Верхнюю копию залейте вертикальным линейным градиентом от более темного серого оттенка к более светлому. Вы можете выбрать любые другие цвета, если хотите сделать бумагу цветной.

Не снимайте выделения с верхней копии и при помощи инструмента Warp/Деформация (с теми же параметрами) поднимите нижний край фигуры немного выше.

Шаг 4

Копируйте нижнюю фигуру и вставьте копию на задний план (Cmd/Ctrl + C; Cmd/Ctrl + B). Укажите нижней копии темно-серый цвет заливки. В примере ниже верхние две фигуры сделаны невидимыми, чтобы вам было понятнее.

Копируйте нижнюю копию и вставьте копию на задний план. Укажите самой нижней копии белый цвет заливки и переместите ее немного ниже при помощи клавиш-стрелок.

Шаг 5

Выделите темно-серую и белую фигуру (две нижние) и в меню выберите Object > Blend > Make/Объект>Переход>Создать, затем выберите Object > Blend > Blend Options/Объект>Переход>Настройки перехода и укажите количество ступеней для перехода. Чтобы он был достаточно плавным, достаточно 30 шагов.

Чтобы сделать тень полупрозрачной, в палитре Transparency/Прозрачность смените Blending Mode/Режим наложения на Multiply/Умножение.

Шаг 6

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

Возьмите инструмент Warp/Деформация, откройте его параметры и выключите опции, показанные на картинке ниже.

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

Шаг 7

Теперь можно включить видимость остальных фигур в палитре Layers/Слои.

Если тень выглядит слишком темной, в палитре Transparency/Прозрачность снизьте параметр Opacity/Непрозрачность с 100% до 0% для белой нижней фигуры.

Шаг 8

Выделите фигуру светло-серого цвета, затем возьмите инструмент Wrinkle/Морщины и настройте его параметры как показано ниже.

Пройдитесь инструментом по нижней части светло-серой фигуры слева направо.

Теперь сделайте то же с верхней фигурой чуть более темного цвета.

Эффект готов. Он довольно часто используется в дизайне, например, как на этом баннере:

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

Дизайн Paper Cut является трендовым в 2021 году. В основном его создают в программах Adobe Illustrator, Photoshop. Можно ли его сделать в программе Power Point? При том, что этот дизайн очень эффектно выглядит, создание его не вызывает особых трудностей. И программа Power Point с успехом с ним справится, если не ставить задачу вырезания тонких, мелких деталей.

Итак, приступаем к работе. Создаю пустой слайд. На нем нужно нарисовать первую фигуру. Открываю вкладку Вставка – Фигуры – Кривая. Беру инструмент Кривая и кликая на области слайда, рисую произвольную замкнутую фигуру с неровными плавными краями. ПКМ кликнув на фигуре, открываю контекстное меню, где выбираю Начать изменение узлов. Изменяю границы фигуры, передвигая точки (узлы), или удаляя некоторые из них (ПКМ – Удалить узел). Потянув за усики, можно изменить угол, сделав изгиб более плавным. При необходимости можно добавить узлы (ПКМ – Добавить узел).

Отключаю линию: Формат фигуры – Линия – Нет линии (чтобы у созданной фигуры убрать обводку). Выбираю заливку для фигуры: Формат фигуры – Заливка – Сплошная заливка – Цвет. Чтобы цвет слоев изменялся от светлого к темному.

Нужно настроить тень для фигуры. Перехожу: Формат фигуры – Параметры фигуры – Тень – Заготовки. Выбираю тень внутреннюю, по центру. Тень нужно сделать мягкой и прозрачной. Для этого, находясь в параметре Тень, настраиваю опции Прозрачность, Размытие, передвигая ползунки на этих шкалах до нужного мне эффекта, примерно 40 – 45. Появляется эффект глубины, объема у фигуры.

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

Добавлю еще один слой – третий: копирую вторую фигуру (Ctrl+C), вставляю (Ctrl+V). Уменьшаю размер, зажав клавишу Shift. Заливаю третью фигуру еще более темным тоном. Упрощаю контур фигуры: ПКМ – Начать изменение узлов. Убираю лишние точки, настраиваю оставшиеся точки. Таким образом можно накладывать слой за слоем, сколько вам нужно. На первом слое можно добавить несколько маленьких фигур, они придадут изображению еще больше объема.

Беру фигуру круг, корректирую ее контур. Чтобы новая фигура имела такой же цвет, как вторая, выделив вторую фигуру, копирую ее стиль Главная – Формат по образцу, и кликнув по новой маленькой фигуре, переношу на нее стиль, и у нее становится такой же цвет, такая же тень как у второй фигуры. Единственное, нужно уменьшить размытость тени, потому что чем меньше фигура, тем ближе к ее контуру должен быть ореол тени.

Теперь скопировав маленькую фигуру, вставляю рядом с ней еще одну. Изменяю ее размер, положение. Можно такую же фигуру поставить на второй слой, и придать ей стиль третьего слоя.

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

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

Выделяю по очереди все фигуры с зажатой клавишей Shift. Затем вкладка Формат – Группировать – Группировать.

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

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

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

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

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

Таким образом, дав волю своей фантазии, вы сможете создать дизайн Paper Сut в оформлении презентаций на любую тему.

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

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

Приступая к работе

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.

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

Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.

От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.

Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.

7. Добавление текстуры для векторных иллюстраций

Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.

Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.

Создание лиц

9. Создание векторного глаза

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

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

Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.

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

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

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

Дизайн персонажей

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

Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.

С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.

В руководстве описан процесс создания простого персонажа аниме от начала и до конца.

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

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

Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.

Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.

Ландшафт и окружающая среда

В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.

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

Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).

Особые эффекты

Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.

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

За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.

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

Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.

Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.

В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).

36. Конвертируйте растровое изображение в векторное

Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.

Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.

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

В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.

В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.

Читайте также: