Мастер-класс Создание биркивизитки (работа со слоями)

Создание бирки/визитки (работа со слоями)

Доброго дня, мои уже постоянные читатели!

Тех, кто зашел впервые, прошу ознакомиться с предыдущими МК, т.к. в этом уроке мы будем часто обращаться к уже знакомым нам принципам работы.

Сегодня мы научимся самостоятельно создавать бирочки к своим работам. Узнаем о работе со слоями в программе Photoshop.

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

Начнем

1. На этот раз мы ничего не открываем, а начинаем с чистого листа. Жмем Ctr+N, чтобы создать новый файл.

Прикладная вышивка Волшебная страна Крейзи квилт Дименшинс Сапожок Дюрейн Джонс Вышивка крестиком

2. В появившемся окне задаем размеры будующей бирки. Я взяла 5х8 см.

Метрика постер как БИЗНЕС ИДЕЯ

Как выбирать еденицы измерения мы уже знаем.

Размелр в пикселах рекомендую ставить не меньше 300, иначе изображение будет слишком сжатым и при печати «поплывет».

Digital listing/ Цифровые товары в магазине ETSY + 40 бесплатных листинга (открыть Этси магазин)

3. Итак у нас с вами есть чистый лист. НО на нем мы ничего рисовать не будем.

Создаем новый слой. Это делаем с помощью кнопочки (1).

Далее смотрим слева на выбранные цвета. Изначально это черный и белый. Верхний цвет — это всегда цвет кисти или заливки (зависит от выбранного инструмента), нижний — цвет фона или ластика.

Черный как-то мрачновато, поэтому жмем на него (2) два раза и открываем палитру.

4. Вот тут уже простор для творчества.

Не буду вам рассказывать о том, что каждый цвет имеет свой «код» и т.д.

Теги или бирки для упаковки рукодельных подарков***

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

Я выбрала розовый, хотя это не самый любимый и удачный цвет. Но, мы просто учимся работать с инструментами.

5. Выбираем инструмент заливка. И кликам по картинке.

Обратите внимание — справа мы видим уже два слоя: чистый лист и новый — розовый.

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

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

Я нашла розочку.

Открываем файл с новым изображением.

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

Розочку выделяем и копируем.

Ctr+A выделить все изображение

Как сделать бирки в фотошопе

Ctr+C копировать

Как сделать ДЕРЖАТЕЛИ ДЛЯ ЗАКОЛОК И РЕЗИНОК | Уроки фотошоп

Ctr+V вставить

7. После того, как вставили изображение розочки (Ctr+V) в нашу работу, трансформируем его — уменьшаем, переворачиваем, двигаем. Все это делать мы уже умеем.

Обращаю ваше внимание, что у нас в работе уже целых 3 слоя!

8. Согласитесь, что розочка на таком кислотном фоне смотрится не очень. Нужно что-то с этим сделать.

Изучим инструмент «градиентная заливка».

1. Создаем новый чистый слой — кнопочка (2)

2. Слой должен быть над розовым фоном! (3) Если он создался не там, то просто перетащите его удерживая левую кнопку мыши.

3. Теперь меняем местами цвета палитры (1) Либо можно выбрать желаемый цвет как в шаге №5. Мне просто нужен белый.

4. На панельке (5) из выпадающего списка выбираем переход от белого к прозрачному.

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

10. Согласитесь, уже не плохо! 5 минут и мы узнали что такое слои, градиентая заливка и как наложить изображения друг на друга.

Теперь рассмотрим парочку «спецэфектов».

Кликаем правой кнопкой мыши по слою с нашей розочкой и выбираем «Blending Options». В русской версии программы кнопка будет там же. Запомните эту волшебную конопчку. Она необходима практически в любой работе.

Бирки для букетов своими руками. Визитки для букетов. DIY. Tags for bouquets.

11. Выставляем настройки.

6. Работа с изображениями в Word 2010

(4) тут можно добавить тень к изображению, но в нашем случае она не очень уместна.

(1) выбираем свечение.

(2) увеличиваем размах

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

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

Применить можно сразу несколько эффектов (хоть все)

Примененные эфекты будут отмечены глаочками слева.

Как в фотошопе сделать БИРКИ «Ручная работа» | Уроки в фотошопе | Конкурс завершен!

Если результат устроил — жмем ОК.

12. Итак, наша розочка светится. Фон вполне сносный. Добавляем на бирку логотип или надпись, используя первый МК.

Смотрим в окно слоев (F7). Ого сколько.

Когда на изображение накладываются мелкие картинки, понять что там очень сложно. Поэтому я настоятельно рекомендую, кода число слоев превышает 2-3 шт., все их подписывать. Это сделать очень просто — кликаем два раза левой кнопкой мыши по названию слоя и вписываем свое название.

Кружочек справа возле слоя обозначает, что к этому слою применены эфекты.

13. Вписываем текст.

С помощью уже знакомого нам инструмента «текст» (1) создаем надпись.

Однако, сегодня мы расширим наши знания об этом инструменте.

(2) выравнивания текста.

(4) эта кнопка открывает окно форматирования текста (5) в котором мы можем поменять все основные настройки втч цвет, шрифт, размер, отступы. Это очень важно, т.к. часто надпись не входит по ширине или строчки слишком далеко друг от друга.

Итак, надпись сделана, но она черезчур скучная. Поэтому жмем на кнопочку (6) и.

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

Уже веселее. К тексту можно так же применять любые эффекты — свечение, тени и т.д.

Попробуйте повторить шаги №10-11 для слоя с текстом.

15. Оцениваем работу

Итак мы научились работать со слоями, эффектами, заливками и узнали новые принципы работы с текстом. Однако, конечный результат мягко говоря не радует. Понятно, что мы с вами еще не дизайнеры и даже этот результат — это уже РЕЗУЛЬТАТИЩЕ, но попробуем что-то улучшить с помощью тех инструментов которые мы знаем.

Выделяем основные места, которые нас не устраивают:

1. Роза не гарманирует по цветовой гамме с фоном.

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

ВИЗИТКИ//БИРОЧКИ ДЛЯ ИЗДЕЛИЙ РУЧНОЙ РАБОТЫ//НОВОГОДНИЕ БИРКИ

2. Надпись где-то сбоку.

Перемещаем и увеличиваем ее с помощью инструмента трансформации.

3. Логотип близко к краю.

Очень важно, чтобы текст или логотип не были слишком близко к краю бирки/визитки. Это чревато тем, что вы можете срезать часть надписи при резке. Конечно, если резать аккуратно ножничками — ничего не случится, но если использовать резак, то запас 4-5 мм. должен быть минимум.

Изготовление бирки. Знаки авторства

В данном случае мы еще и не оставили место под дырочку для веревочки. Это же бирка!

Поэтому немного уменьшаем логотип и сдвигаем вниз.

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

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

5. Итак, логотип и надпись на месте, розочка вписалась в общий фон, но пустое место все еще осталось. Не случайно.

В следующем МК я расскажу как изящно и быстро заполнить такие пустоты с помощью инструмента «кисть.

А пока поэксперементируйте и задавайте вопросы если что-то не понятно.

Мастер-класс Поделка изделие Декупаж МК Делаем БИРОЧКИ для своих работ Бумага Картон Материал бросовый Салфетки

Доброго денечка всем.
Предлагаю вам сегодня несложный мастер-класс по изготовлению бирочки-визитки. Давно подумывала сделать что то в этом роде, конечно самый простой вариант был купить и все. но поскольку работ как правило все больше и больше, я сделала вывод, что не накупишься бирочек и решила сделать сама.
Каждая мастерица может внести что то свое в дизайн бирочек, соответственно работе или технике в которой она сделана.(добавить всякие украшательства, стразики, тесьму и т.п)
ИТАК: БИРОЧКИ-ВИЗИТКИ.

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

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

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

Наклеиваем распечатки на неокрашенную поверхность картонок. белым цветом в ФОТОШОПЕ закрасила номер телефона свой (в этических целях).

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

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

Вырезаем бирочки, делаем отверстие дыроколом. Так они выглядят с одной стороны.

Вот так они выглядят с другой стороны.
Каких только нет. )))) На любой вкус и цвет))))

Как сделать бирку Handmade своими руками

Продеваем тесьму и ГОТОВО.

Бирки из лент своими руками/Tag ribbons with their hands

Добавьте в бирочки — визитки чуточку своей фантазии, изюминку и ВАС будут узнавать )))))))

Спасибо за визит)))) .Конечно Америку я не открыла))))), НО буду рада, если мой МК будет для кого то полезным.

Творческих успехов и вдохновения вам.

  • Блог INNUSIK
  • Комментировать
  • Сообщить о нарушении
  • Страница для печати

Спасибо за идею! Можно даже вместо визитки написать просто пожелания.

Спасибо Наталья за первый комментарий. А написать можно все что угодно, ещё можно изменить размеры, форму, дизайн бирки, это уж как душе заблагорассудиться)))))

DIY Как сделать бирки своими руками. Скрапбукинг. Мастер класс. Tags for Gifts

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

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

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

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

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

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

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

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

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

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

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

Основы веб-дизайна с нуля. Урок #1. Практика в Figma для начинающих.

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