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

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

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

Как Сделать Сайт Видео-Визитку Бесплатно | Конструктор Мобильных Лендингов STORYLAND

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изготовление визитки с фотографией своими руками

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

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

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

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

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

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

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

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

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

Создание фона блога с помощью картинки, которая повторяется по горизонтали и по вертикали

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

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

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

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

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

Как в фотошопе РАЗМЫТЬ на фото ЗАДНИЙ ФОН | Красивое оформление фото | Уроки в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Иллюстратор. Примитивы

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

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

Это прямоугольник (скругленными) со квадрат углами, эллипс, многоугольник, звезда и существо странное под англ названием Flare — блик здоровенный со сложной системой управления.

Стоит ли что, повторять все вышеперечисленные инструменты (кроме управляются ) Flare аналогично прямоугольнику. Но есть еще способ один построения этих примитивов: построение заранее с фигур заданными размерами.

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

Обучение фотошопу / Как правильно сделать визитку в фотошопе? Разработка визитки самостоятельно!

Верхнее это поле размер нашего прямоугольника по ширине: ———————————

высоте по Нижнее

Размеры задаются в единицах заданных по Обычно. умолчпнию современная полиграфия оперирует с миллиметрами. изменить Чтобы единицы измерения на мм проделайте следующее.

пункт в Заходим меню показанный на рисунке. Открывается Список

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

Поробуйте нарисовать прямоугольник с заданными заранее размерами, например 100х50 мм. Или стандартный мм — 90х50 размер визитки.

У иллюстратора есть замечательное одно свойство — встроенный калькулятор. Очень знаем мы часто только отношения между размерами, т.е. в 2 р или, меньше на 25 мм больше. Эти цифровые формулы вбивать можно в окна построения примитивов. Например, ширину на 3 поделите прямоугольника с размерами 100х50 мм. Вбиваем Жмем/3 и 50 мм.

100 на ОК и получаем прямоугольник с четко заданными Сразу. размерами замечу, что калькулятор программы только работает с 2 числами. Но этого в большинстве задач вот.

А хватает к примеру скажите мне сколько мм в 50 думаете. Вы пунктах я знаю? Нет! Зато это знает хорошо Иллюстратор.

Переведите языковую панель англ в Винды. режим. Вызовите панель прямоугольник. окно в Вбейте ширины 50 pt, а в высоту 50 мм (если вбить цифру просто, то Иллюстратор поймет ее как единицу по Нажимаем, т.е. те же мм)

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

Самостоятельно выберите инструмент скругленными со Прямоугольник углами.

Здесь появилось новое CORNER поле. Это величина радиуса скругления прямоугольника углов.

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

Меню Эллипса для похоже на меню прямоугольника. Там мы оперируем тоже с длиной-шириной. Если эти равны цифры, эллипс превращается в круг.

Меню рассмотрите вы многоугольника самостоятельно. Если возникнут вопросы, моему, но по-пишите там все понятно.

Интереснее меню выглядит Звездочки.

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

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

Создаем визитку в Иллюстраторе. Подготовка визитки к печати. Уроки по 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. Оригинал английском на статьи