Это цитата сообщения Фишка_и_К Оригинальное сообщение
МК по созданию визитки
[показать]
Добрый день, уважаемы мастера.
Сегодня я хочу немного отвлечься от уже (надеюсь)привычной программы "фотошоп" и поговорить о создании визитки в векторном редакторе.
Не закрывайте окно сразу после этих слов, т.к. вектор порой в тысячу раз проще в использовании, чем "фотошоп" особенно в полиграфии.
Сегодня мы будем использовать программу CorelDRAW. Для тех, кто любит кидаться тапками хочу сразу сказать, что лично я использую БЕСПЛАТНУЮ официальную версию программы. Чего и вам советую.
Итак, для начала работы скачайте программу CorelDRAW portable. Это займет буквально несколько минут и программа не требует установки.
Если у вас уже стоит векторный редактор, то тем проще.
Погнали...
1. Открываем программу и создаем новый документ.
2. Выбираем инструмент прямоугольник (1), рисуем произвольно, далее вверху (2) прописываем размеры. Сегодня стандартная визитка - это 90Х50мм. Смотрим, чтобы замочек рядом с размерами не был "закрыт" - тогда программа позволит менять размеры произвольно.
Если же мы закроем замочек, то изменив один размер, второй измениться автоматически согласно первоначальным пропорциям. Это часто необходимо, когда мы вставляем в работу фотографию и.т.д.
3. Разукрасим нашу визитку. Выбирае инструмент "заливка" и далее "фонтанная заливка" (это уже знакомый нам градиент).
4. В появившемся диаллоговом окне настраиваем следующие параметры по своему вкусу:
1-вид заливки
2-от какого цвета к какому будет происходить заливка
3-цветовой центр. то бишь чего больше будет на картинке черного или белого
4-смотрим то, что у нас будет в итоге
5-угол заливки - ее направление.
5. Я решила сделать визиточку желтенькой, но перетащила ползунок влево, чтобы желтый был едва-заметным. Так же поменяла угол заливки, чтобы она у меня получилась сверху вниз.
6. Начинаем писать [показать]
Для этого выбираем (логично) инструмент текст, ставим курсор в любом месте работы и пишем.
7. Для того, чтобы уменьшить, перетащить или повернуть надпись в "кореле" требуеться гораздо меньше усилий и манипуляций. Просто тянем за квадратики, чтобы изменить масштаб и за крестик, чтобы надпись передвинуть.
8. Добавляем логотип в нашу визитку.
Это сделать довольно просто - можно перетащить из любой папки файлик в корел или скопировать и вставить.
Но тут внимание! Всем своим заказчицам я делаю логотипы в формате .png на прозрачном фоне и в кореле они окажутся так же не прозрачном фоне!
Если у Вас логотип в формате .jpg, то он вставиться вместе с фоном и ничего путевого не выйдет.
Этим же способом можно добавлять в визитку любые изображения на прозрачном фоне или векторные клипарты, которых в интернете полным полно.
Отличие векторного клипарта от растрового png будет заключаться в том, что его можно покрасить тут в любой цвет, добавить градиентную заливку, поменять форму. Растровое изображение в кореле можно только растянуть/наклонить/обрезать.
9. Для того, чтобы отделить и выделить координаты дизайнерами часто ипользуеться простая линия. Такое зонирование позволяет отделить контакты от основного поля визитки и структуировать информацию.
Для того, чтобы нарисовать линию выбираем инструмент "свободная форма". И удерживая клавишу Ctr рисуем прямую линию нужной нам длины. Не бойтесь сделать ее длиннее или короче - это всегда можно исправить просто потянув за "квадратики", как мы это делали с надписью вверху.
10. Линия получилась слишком тонкой, поэтому выбираем инструмент "Абрис" (при этом смотрим, что наша линия все еще выделенная и мы работаем именно с ней) и задаем приемлемое для нас значение.
11. С помощью инструмента "Текст" добавляем свои координаты. Шрифт и размер шрифта вверху, как и в "фотошопе" (и в "ворде") - ничего сложного.
12. Моделируем визитку.
Если в "фотошопе" нам с Вами приходилось для каждой "финтифлюшки" делать отдельный слой, менять настройки этих слоев и т.д., то в векторном редакторе каждый элемент априори находиться на своем слое - как апликация. Поэтому для того, чтобы передвинуть какой-то элемент достаточно просто "ухватить" его мышкой и вертеть/крутить по своему желанию.
Так же в любое время вы можете поменять шрифт и размер текста, цвета заливки т .д.
Поэтому окончательная работа - это навести порядок в нашей визитке и расставить все элементы так, чтобы было красиво.
В моем случае не столько красиво, сколько банально и скучно, но это просто пример работы с основными инструментами векторного редактора.
Все манипуляции, включая создание "принтскринов" заняло у меня не более 15 минут, так что не бойтесь осваивать новые просторы компьютерной графики!
Очень надеюсь, что МК будет полезен и даст старт Вашему знакомству с "вектором".
Продолжим тему и рассмотрим случай, когда вместо банальной заливки на визитке мы хотим использовать фотографию. Напоминаю, что работаем мы в программе Corel DRAW и начинаем осваивать векторную графику.
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. Смотрим и радуемся [показать]
А теперь еще немного "букав".
А) Наверняка вы заметили, что цвета в "кореле" отличаются от того, что мы привыкли видеть. Попробуйте перетащить в "корел" вашу самую яркую фотографию и она заметно побледнеет.
Наверняка многие из вас имеют дома или видели цветные принтеры. Сколько в них картриджей? Четыре.
Серия сообщений "Фотошоп. Уроки":
Часть 1 - фотошоп
Часть 2 - Фотошопим
...
Часть 28 - Вебинар по съемке своих работ и цветовая коррекция фотографий в фотошопе.
Часть 29 - Баннер для ленивых и тех, кто не ищет легких путей
Часть 30 - МК по созданию визитки
Часть 31 - Убираем фон в фотошопе. Видео.
Часть