Мастер-класс по созданию визитки с использованием фона

Мастер-класс по созданию визитки с использованием фона

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

1. Открываем программу и создаем новый файл.

2. Уже знакомым нам способом рисуем прямоугольник, задавая ему необходимые размеры.

3. Добавляем в работу фотографию. Способов есть масса — копировать/вставить, импортировать, но я пользуюсь самым простым — открываем окно с фотографиями поверх корела просто перетаскиваем на пустое поле, удерживая левую кнопку мыши.

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

5. Наш первоначальный прямоугольник повернем горизонтально. Для этого кликаем мышкой один раз по центральному крестику — он превратиться в кружочек, а там где были квадратики появяться полукруглые стрелочки. Вот за них и тянем в ту сторону, в какую нужно. Для того, чтобы изображение вращалось на углы =45 градусам необходимо держать нажатой клавишу «Ctrl». Это позволит нам поставить прямоугольник четко по горизонтали.

6. Подятгиваем (уменьшаем) картинку и подгоняем ее под визитку, не меняя пропорций.

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

Вот с этим нам и предстоит работать.

7. Самый простой и в большинстве случаев НЕДОПУСТИМЫЙ способ подгонки — это нарушение пропорций изображение.

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

К чему порой это приводит можно проследить по сове:-)

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

8. Итак, мы с вами выровнили картинку под визитку по трем сторонам. Для того, чтобы срезать ненужный край — выбираем инструмент «форма». Рамка вокруг нашей картинки станет пунктирной — это значит что теперь ей можно придать любую форму.

9. Хватаем мышкой квадратики и просто тянем вверх до края нашей рамки. Удерживаем нажатой клавишу «шифт» — это не позволит Вам случайно сдвинуть квадратик в другую сторону.

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

Создание визитки: Gimp #3

10. А теперь рассмотрим другой способ — он немного быстее и он точно исключает погрешности при перетаскивании «квадратиков».

Для начала нам нужно разместить нашу рамку (квадратик) поверх фотографии.

Запомните эти манипуляции, т.к. в последующей работе вам неоднократно прийдется это делать.

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

В векторной графике, напоимнаю, каждый объект априори находиться на отдельном слое.

Итак, для того, чтобы переместить рамку и сделать ее над фотографией:

выбираем ее (кликаем 1 раз мышкой) — появяться знакомые нам «квадратики» — это значит что у вас сейчас выбран именно этот объект. Далее просто нажимаем клавиши «шифт»+»Page Up».

Клавиша «Page Up» находиться на клавиатуре над стрелочками между основным набором клавишь и «калькулятором».

11. Далее выбираем оба объекта вместе. Для этого или просто растягиваем рамку, или удерживая клавишу «шифт» выбираем оба оюъекта.

12. А теперь знакомимся с волшебными кнопочками вверху окна:-)

Жмем кнопку «пересечение». Внешне ничего не изменилось, но.

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

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

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

Далее (вспоминаем предыдущий МК) добавляем на нашу карточку надписи. Играем со шрифтами.

15. Наша карточка о свадьбе, поэтому слишком много черного не очень уж уместно.

Меняем цвет номера телефона. Для этого:

1. Выбираем слой с номером телефона

2. Выбираем на панельке справа нужный цвет. Панель можно развинуть нажатием стрелочки внизу.

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

Макет визитки Создание макета визитки в Фотошопе. Продающая визитка.

Выбираем цвет однократным нажатием ЛЕВОЙ кнопки мыши.

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

Для этого на панели цветов кликаем ПРАВОЙ кнопкой мыши по черному или серому цвету.

Толщину обводки тоже можно менять — мы делали подобные манипуляции в предыдущем МК когда меняли толщину линии.

17. Смотрим и радуемся:-)

А теперь еще немного «букав».

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

Наверняка многие из вас имеют дома или видели цветные принтеры. Сколько в них картриджей? Четыре.

Т.е. любой цвет, будь то серо-буро-маниновый ваш принтер будет формировать из основных цветов — голубого, пурпурного, желтого и черного. Эту палитру цветов называют CMYK (Cyan, Magenta, Yellow, Key color) и она охватывает меньший цветовой диапазон, чем мы привыкли видеть на цифровых изображениях.

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

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

В) Хочу сказать еще пару слов о приемуещствах создания визитки и бирки в «векторе».

Мастер класс по созданию продающей листовки продающая листовка в фотошопе. Дизайн рекламы

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

С) Если вы успешно освоили этот МК и создали свой стиль, свою визитку, то это еще не готовый продукт для печати. В принципе, вам ни кто не мешает распечатать ее дома и все будет ок., но во первых — одна визитка на листе это черезчур не экономно, а во вторых в 99% случаев в типографии ее вид значительно измениться.

Поэтому нам предстоит еще научиться делать раскладку и предпечатную подготовку.

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

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

Создание авторского фона.

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

Всем хорошего дня и успехов в творчестве!

Создаем визитку в Иллюстраторе. Подготовка визитки к печати. Уроки по Illustrator. Визитка.

Создаем визитку в Иллюстраторе

Шаг 1. В этом создадим мы уроке визитную карточку и подготовим ее к печати. Иллюстратор Открываем и создаем новый документ (Ctrl+N). установите Правильно параметры печати (особенно обратите количество на внимание монтажных областей (artboard) — 2). Размер установите визитки 84*55 мм, с отступами 2 мм. Цветовой режим — CMYK, случай (на растрирование растровых эффектов) — 300ppi.

Шаг 2. Ctrl Нажимаем+R, чтобы показать линейки. Затем низ их вытягиваем направляющие и размещаем их по черным контурам области монтажной. Кликаем правой кнопкой мыши и галку снимаем (если она есть) с пункта guides Lock (Закрепить Направляющие). После этого Левую выделите и Нижнию Направлющие (просто нарисовав выделения область задевающую их).

Шаг 3. Не снимая выделения, Enter нажимаем. В появившемся окне инструмента Move, рисунок по 5 мм (см. задаем) для вертикального и горизнтального перемещения Направляющих выделенных.

Шаг 4. Повторяем перемещение для правых и верхней направляющих, только вбиваем -5 мм в окне Move инструмента. Этими направляющими мы обозначили «безопасные» которые, за зоны не должны выходить текст или элементы важные дизайна (чтобы случайно их не отрубить).

Рисуем 5. Шаг несколько квадратов, окрашивая их в основные используемые, цвета в нашем дизайне визитки.

Шаг 6. первый Выбираем цвет из используемой цветовой схемы и серию рисуем случайного размера и расположения прямоугольников на монтажной первой области.

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

Шаг 8. Продолжаем рисовать прямоугольники. выбираем Затем из цветовой схемы квадрат с оттенком, будет который фоновым. Выбрав инструмент Rectangle (кликаем) (M), Прямоугольник им по монтажной области и вбиваем точные прямоугольника размеры 88*59 мм.

Шаг 9. Используем палитру Align (чтобы), Выравнивание отцентровать прямоугольник (для этого выбрать надо пункт Align to Artboard на Палитре). выделенном При прямоугольнике нажимаем Ctrl+Shift+[, переместить чтобы прямоугольник на задний план.

Шаг 10. Палитре на Убираем Инструментов заливку (делаем ее прозрачной) и инструментом кликаем Rectangle по монтажной области, используя те же Выравниваем — 88*59 мм. размеры полученный прямоугольник по центру.

Мастер-класс «Технология хромакей для создания образовательного видеоролика»

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

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

Шаг 13. Рисуем тонкий высотой прямоугольник с нашу визитку и помещаем над впритык, полосками к серому прямоугольнику. Закрашиваем его Gradient (Градиентом) от «Черного к Прозрачному» (black to transparent) и, Прозрачности регулировкой, добиваемся создания эффекта тени.

Так 14. Шаг как это все таки вбиваем, визитка имя владельца любым понравившемся Данные. шрифтом о профессии и контактную информацию делаем шрифтом и поменьше посветлее.

Шаг 15. Для придания некйой тексту стильности можно добавить небольшую тексту к тень. Скопируйте текст и вставьте его за Ctrl (основновным + B) чуть подвинув его вверх и его залив темно-серым цветом.

Наша готова визитка!

Урок переведен автором сайта и цитировании при его на русском языке ссылка на обязательна сайта. Автор Chris Spooner. Оригинал английском на статьи

Как создать визитку в Inkscape

Как создать визитку в Inkscape

Зачастую в случае таком начинаются эксперименты в самых распространенных наподобие программах Paint или Word. Спешим вас предостеречь от таких действий — созданные в них случаев в 9 из 10 макеты не годятся для печати.

Если вы что, считаете самостоятельно можете справиться с макетом рекомендуем, визитки для этого использовать программу отличие. В Inkscape от Corel Draw, Adobe Illustrator и популярных других векторных редакторов, Inkscape — программа она, бесплатная находится в открытом доступе, не требует серийного, регистрации ключа, промо-кода и т. д. Ее можно легально абсолютно использовать в работе, не боясь проверок прочих и ОБЭПа структур, следящих за использованием пиратских бизнесе в версий.

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

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

Форматы и детали некоторые могут розниться в зависимости от установленных или программ технических мощностей.

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

1. Разрешение 300 dpi

2. Размер без визитки полей — 90х50, либо 92х52 (есть если заливка либо элементы, упирающиеся в Расстояние)

3. край текста от краев — 5мм

С учетом базовых этих требований и сделан наш урок.

начала Для необходимо создать рабочую область

или F4 (Нажимаем выбираем инструмент прямоугольника вручную).

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

Как сделать визитку в фотошопе новичкам. Подготовка к печати

Копируем прямоугольник этот (ctrl+c), вставляем (ctrl+v). В новом выставляем объекте размеры 85х45 мм.

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

Как сделать визитку в кореле (CorelDraw)

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

Затем при помощи комбинации ctrl+Shift+А в правой колонке откройте меню «расставить и выровнять»

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

Теперь вводить можете ваш текст

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

Нажмите F8 или выберите на инструментов панели «Создавать и изменять текстовые объекты»

область Отметьте, в которую вы хотите заверстать текстовый Введите.

блок нужный текст

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

Цвет шрифта можно назначит, любой на кликнув цвет в палитре в низу рабочего нас.

У поля получился текст такого вида:

добиться Чтобы четкого эффекта выравнивания по правому зажатой, с краю клавишей shift выделите поочередно текстовый каждый блок, и последним выделите внутренний Затем. квадрат вновь нажимаете shift+ctrl+a и выравнивание выполняете по правому краю относительно последнего объекта выделенного.

Не обращайте внимания на внутренний прямоугольник, нужен, он помните нам только для компоновки Также

объектов вы можете добавить ваш логотип изображение или.

Это можно сделать несколькими Скопировать:

способами и вставить из другого файла (ctrl+c, Открыть+v)

ctrl папку с изображением и перетянуть его открытый в иконку документ Inkscape

Открыть в меню Файл: опцию-Импортировать, затем выбрать нужную папке в картинку.

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

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

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

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

Теперь, чтобы сохранить ее в растровый пригодный, формат для печати, необходимо воспользоваться Экспортировать «кнопкой в растр» Выделяем внешний белый если (прямоугольник не выделен), затем кликаем «Экспортировать или документ выделенное в PNG» (либо можно shift нажать+ctrl+e)

Выставляем следующие параметры:

область Экспортируемая: выделение (подразумевается, что картинка только охватит область выделенного прямоугольника, отрезав выходящее, все за его рамки).

Размер растрового ставите — изображения 300 DPI (это — минимальное подходящее, значение для печати, но если поставить высокое слишком число, вес файла может неудобным быть для пересылки).

Имя файла — название назначаете, при необходимости задаете путь к обзор (файлу. )

Оцените статью
Моё хобби - рукоделие!