Доброго дня, дорогие мастерицы!

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

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

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

Начнем.

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

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

Тут Вам поможет уже старый друг - "фотошоп".

Открываем нужное изображение в любой версии Adobe Photoshop и меняем цветовую схему. Image-Mode-CMYK.

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

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

2. Для наглядности покажу фрагмент этой фотографии. Слева - фотография, переведенная в CMYK в "фотошопе", справа - автоматически в "кореле". 

Вывод, я думаю, поняли все

3. Теперь, собственно, перейдем к визитке. Открываем свою визитку, которую,  я надеюсь, вы сотворили благодаря предыдущим МК.

4. Итак, у нас есть визитка, мы ее записываем на флешку, бежим на остановку, дабы распечатать на красивой бумаге и видим в результате вот что:

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

Поэтому теперь делаем все по правилам

Жмем правка-выбрать все-текст.

Программа автоматически выберет весе текстовые слои на вашей работе (ВНИМАНИЕ все объекты должны быть разгруппированы).

6. Нажимаем на выделение правой кнопкой мыши и жмем "преобразовать в кривую".

Внешне ничего не изменилось. НО наш текст превратился теперь в картинку!

Это значит что:

- Он не изменится, при открывании на другом компьютере

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

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

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

Выделяем полностью изображение (со всеми слоями и т.д.). В принципе, это можно сделать стандартными клавишами ctr+A.

И жмем "СГРУППИРОВАТЬ".

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

8. Последняя проверка - размер. Как мы уже выяснили, стандартный для РФ размер визитки 90х50.

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

Для того, чтобы было все четко как в аптеке приводим размеры к стандарту. Изменения на 0,5-1мм. на вашем изображении почти ни как не скажутся. 

Добрый день, уважаемы мастера.

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

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

Сегодня мы будем использовать программу 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. Моделируем визитку.

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

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

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

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

Доброго дня, дорогие мастерицы! 

Продолжим вчерашнюю тему и рассмотрим случай, когда вместо банальной заливки на визитке мы хотим использовать фотографию. Напоминаю, что работаем мы в программе 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. Смотрим и радуемся

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

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

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

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

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

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

ru.wikipedia.org/wiki/CMYK

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

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

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

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

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

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

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

Доброго дня, дорогие Мастерицы!

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

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

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

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

Для добавления светотеней фотошоповская кисть тоже прекрасно подходит.

А сегодня мы ее будем использовать в роли своеобразного штампа. 

Итак начнем.

1. Базовых кистей для творческий идей не достаточно, поэтому открываем поисковик и пишем "кисти для Photoshop". Сайтов, где вполне легально можно взять кисти - предостаточно. Выбираем то, что по душе. Лично я тяготею к цветочнм мотивам, ретро-узорам и кистям сделанным из карандашных набросков. Скачиваем файл. Файл скорее всего будет в архиве, но сам файл с кистью имеет формат ABR.

2. Устанавливаем кисть. Для этого перетаскиваем скаченный и распакованый файл с кистью в папку C:Program FilesAdobeAdobe Photoshop CS2PresetsBrushes (возможны изменения в названиях папок в зависимости от версии программы)

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

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

Теперь выбираем инструмент кисть. Это можно сделать просто нажав клавишу "B".

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

Я выбираю кисть с цветочками (3).

6. После выбора кисти в окошке (1) мы увидим превьюшные картинки кистей из этой категории. 

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

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

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

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

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

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

9. Согласитесь, что наша бирка стала намного привлекательнее, а пустое месть грамонтно и неброско заполнено. 

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

10. Ну и последний (совсем не обязательный) штрих.

Знакомимся с режимами наложения. Для этого выбираем (если сбился) снова слой с оттиском в окне слоев (F7) и нажимаем вверху кнопочку с режимами наложения, как показано на рисунке. Покликайте все режимы - может что-то понравится больше, но я в данном случае выбрала режим SoftLight.

Копируем слой нажав клавиши Ctrl+J и поворачиваем копию на 180 градусов: Редактирование-Трансформирование-Поворот на 180. Переместите копию так, чтобы она располагалась под оригиналом.

Повторяем действие. На этот раз окружность делаем поменьше и обводку 3px.