Как в фотошопе сделать ленточку: Как наложить чёрную ленту на фото в онлайн фотошопе — Фотомастер Онлайн — Независимое театральное объединение "Зрительские симпатии"

Содержание

Урок фотошопа этикетка — лента для мыла ручной работы

Рубрика: Полезные уроки Photoshop

Опубликовано 05.02.2014 · Комментарии: 55 · На чтение: 5 мин

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

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

Обычно такую ленту используют тогда, когда мыло (преимущественно прямоугольной формы) завернуто максимум в пленку, а то и вовсе без ничего. Ленту можно распечатать на плотной бумаге и обернуть вокруг мыла. Или же использовать для печати самоклейку, и все, что нужно для завершения мыльного образа, это приклеить ее либо вдоль, либо поперек мыльца.

Или . Эффектная и в тоже время простая упаковка для мыла.

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

Подготовительный этап создания ленты-этикетки для мыла в фотошопе

Открываем фотошоп и создаем новый документ Файл – Создать и в наборе выбираем Международный формат бумаги. Я рекомендую работу делать в формате листа А4, это удобно для дальнейшей распечатки

Повернем холст в горизонтальное положение. Идем в меню Изображение – Вращение изображения — 90° по часовой

Чтобы лента для мыла получилась определенного размера, нужно предварительно разметить нашу страницу при помощи направляющих. Обратите внимание, у Вас должны быть включены Линейки (делается это через меню Просмотр – Линейки). Правой кнопочкой мыши по самим линейкам мы можем выбрать единицу измерения. Нам нужны сантиметры

Теперь левой кнопкой мыши хватаемся за вертикальную линейку и тянем до нужной нам отметки (в данном случае 2 см)

Стандартная длина ленты около 20-25 см. Вторая вертикальная направляющая будет на отметке 27 см, сделаем с запасом, потом лишнее можно будет отрезать.

Ширина полоски этой этикетки будет 3,5 см. Протягиваем нужные направляющие.

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

Подготовительный этап создания упаковочной ленты для мыла окончен

Как создать этикетку – ленту для мыла ручной работы

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

Открываем фон в фотошопе. Далее идем в меню Редактирование – Определить узор, даем ему имя и жмем Ок.

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

Создаем новый слой (меню Слои- Новый — Слой или жмем на соответствующую пиктограмму). И протягиваем прямоугольник от одного угла ленты для мыла к противоположному.

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

А теперь начнем писать основную информацию на нашей этикетке – ленте для мыла. Создаем новый слой (Слой 2). От центра на расстоянии 2 см в каждую сторону я провела еще 2 направляющие.

Устанавливаем основной цвет, который будет на подложке под надписями (у меня это f7f3e6).

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

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

Проводим на этом же слое по направляющим 2 линии. Вот, какая заготовка упаковки для мыла вышла у меня

Наверху сделаем красивую рамочку с названием мыла. Создаем новый слой (Слой 3). Выбираем инструмент Эллипс. Основной цвет устанавливаем тот, каким заливали подложку.

И, немного не доходя до крайней направляющей, рисуем овал. У меня он выступает вверх на 5 мм

Кликаем дважды по слою в Панели слоев и добавим следующий стиль нашему овалу.

Открываем клипарт рамочки. Скачать клипарт рамочки и дополнительные материалы (1,6 МБ) можно здесь

Выделяем его (Ctrl+A), копируем (Ctrl+C), а затем вставляем (Ctrl+V)в наш документ с будущей упаковочной лентой для мыла ручной работы.

Жмем Ctrl+T и уменьшаем размеры рамочки, а также передвигаем ее на нужное место. Жмем галочку или Enter

Зададим стиль этому слою

Вот так теперь выглядит наша этикета-лента для упаковки мыла:

Можно считать, что фоновая работа завершена. Переходим к надписям. Делаем мы их при помощи инструмента Текст. Чтобы настроить шрифт, размер, цвет текста, вызываем окно Символ (либо жмем на соответствующую пиктограмму, либо через меню

Окно – Символ). Мои настройки для первой надписи Вы видите на скриншоте

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

Аналогичным образом делаем все остальные необходимые надписи, ставим свой логотип и т.д.

Вот такая этикетка – лента для мыла ручной работы получилась у меня при помощи фотошопа.

И вот так она выглядит целиком:

Обязательно сохраните этот документ в формате PSD, чтобы потом в любой момент можно было поменять фон, текст и пр.

А также сохраняем в формате jpg для печати (меню Файл – Сохранить как)

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

Если остались какие-либо вопросы по уроку или просто хотите высказать свое мнение, пожелания, пишите в комментариях ниже.

А для тех, кто не знает, как сделать этикетку для круглого мыла , на блоге Домовенок-Арт есть урок фотошопа и на эту тему.

Всего Вам самого светлого! Удачных фотошоп экспериментов! Ваш домовенок Елена.

Понравилась статья? Поделитесь ссылкой с друзьями:

Метки: мыло ручной работы, уроки фотошоп

Создание, рисование и управление ленточными кистями в Adobe Fresco

Руководство пользователя Отмена

Поиск

Руководство пользователя Adobe Fresco
Введение
1. Что нового в Adobe Fresco
2. Что такое Adobe Fresco
3. Системные требования для Adobe Fresco
4. Примечания к выпуску для Adobe Fresco
5. Adobe Fresco на iPhone
6. Сочетания клавиш
7. Специальные возможности в Fresco
8. Адобе Фреско | Общие вопросы
9. Начало работы с пользовательским интерфейсом
10. Обновление до платного плана Adobe Fresco
11. Обновление хранилища для Adobe Fresco
12. Поддерживаемые функции на устройствах iPad и Windows
Рисуйте, раскрашивайте, анимируйте и делитесь
1. Слои
2. Фигуры в Adobe Fresco
3. Цвета
4. Щетки-миксеры
5. Пиксельные кисти
6. Ленточные щетки
7. Живые кисти
8. Отрегулировать кривую давления на стилусе
9. Векторные кисти
10. Инструмент «Свободное преобразование»
11. Применение движения к графическому объекту
12. Инструмент «Волшебная палочка»
13. Инструмент для растушевки
14. Инструмент «Пластика»
15. Добавить и изменить текст
16. Публикация, экспорт и совместное использование
17. Маски слоя
18. Доступ к библиотекам Creative Cloud в Fresco
19. Линейка
20. Ластики
21. Добавить свой собственный шрифт
22. Выравнивание сетки
Приложения Adobe Fresco и Creative Cloud
1. Adobe Fresco и Photoshop
2. Adobe Fresco и Illustrator
3. Простой переход с Draw and Sketch
Облачные документы
1. Облачные документы в Adobe Fresco
Устранение неполадок
1. Не удается получить доступ к импортированным пиксельным кистям в Windows
2. Поддержка Adobe Fresco для устройств Windows ARM
Примеры, идеи и вдохновение
1. Создать логотип
2. Создание эффекта размывания тай-дай
3. Креативная иллюстрация | Цифровой концепт-арт

Узнайте, как создавать ленточные кисти в Adobe Capture и использовать их в Fresco.

Создавайте элегантные и изысканные узоры в виде баннеров с помощью ленточных кистей, созданных в Adobe Capture.

Перенесите свои ленточные кисти из Adobe Capture на Fresco

. Чтобы приступить к творческому пути к дизайну, все, что вам нужно, это:

Capture для установки на ваше устройство.
Последняя версия Fresco для установки на ваше устройство.

Загрузка Fresco

Создание кисти-ленты в Capture

Чтобы создать кисть-ленту в Adobe Capture, выполните следующие действия:

Откройте приложение Adobe Capture.
Создание ленточных кистей в Adobe Capture.
Выберите изображение. В Редактировать выберите один из стилей кисти .
Обрежьте изображение и улучшите изображение, удалив фон.
Чтобы сузить концы кистей, выберите Кисти эскиза. Вы можете настроить угловое давление, расстояние, скорость, дрожание, текстуру из настроек.
Перейдите в настройки и включите «Текстура», чтобы сузить концы кисти. Если вы не включите, вы получите плоскую кисть.
Вы также можете создать кисть в Capture с помощью iPhone. Для получения информации о стилях и настройках при создании кистей см.:
- Создание пользовательской кисти для вашего произведения
- Создание пользовательской кисти с помощью Adobe Capture CC
Сохранить:
1. Ваш рисунок в библиотеке кистей с произвольным именем.
2. Ваша кисть в существующей или в новой папке библиотеки CC.

Ленточные кисти Capture в Fresco

Ленточные кисти, созданные в Capture, теперь можно использовать в Fresco.

Дважды коснитесь значка кисти с разрешением пикселей .
Выберите папку в библиотеке кистей, чтобы просмотреть кисти, созданные в Adobe Capture.
Просмотрите все кисти, сохраненные в Capture, в разделе «Библиотечные кисти» в «Пиксельных кистях».
Отрегулируйте размер, расход и другие параметры кисти в параметрах инструмента в нижней части панели инструментов.

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

Ссылка Поделиться на общий документ.

Что дальше?

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

Есть вопрос или идея?

Если у вас есть вопрос или идея, которой вы хотите поделиться, присоединяйтесь к сообществу Adobe Fresco. Мы будем рады услышать от вас и увидеть ваши творения.

Войдите в свою учетную запись

Войти

Управление учетной записью

Войдите в свою учетную запись

Войти

Управление учетной записью

Станьте позолоченными с помощью этого векторного руководства по баннерам с золотой лентой

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

Подробности руководства

Программа : Adobe Illustrator CS5-CC
Сложность : Средний
Рассматриваемые темы : Создание формы, инструменты деформации, смещение путей
Расчетное время завершения : 30 минут

Окончательное изображение: вектора баннера с золотой лентой

Шаг 1 для создания векторов баннера с лентой

Давайте начнем с наброска основных форм, используемых для векторов баннера с лентой. Будут ли они развеваться, как флаги, быть прямыми, вписываться друг в друга или изгибаться в разные стороны? Используйте инструмент Paintbrush Tool (B) с простой круглой Каллиграфическая кисть , чтобы нарисовать их. Сгруппируйте (Control-G) дизайны, которые вам нравятся, и заблокируйте их на панели Слои (или переместите их с монтажной области , подальше).

Шаг 2

Инструментом «Прямоугольник» (M) нарисуйте узкий горизонтальный прямоугольник светло-золотым цветом (здесь используется #e7b964 ). Выберите форму и перейдите к Эффект > Деформация > Арка и примените 29% Изгиб . Разверните искривленную форму под Объектом .

Шаг 3

Нарисуйте два маленьких прямоугольника по обеим сторонам векторной формы баннера с изогнутой лентой (с помощью инструмента Rectangle Tool ). Используйте Pen Tool (P) , чтобы нарисовать треугольник на любом маленьком прямоугольнике. Выберите прямоугольник и соответствующий ему треугольник и Minus Front на панели Pathfinder . Поместите эти части под форму изогнутой ленты в 9Панель 0131 Слои .

Шаг 4

Для следующей векторной формы ленточного баннера нарисуйте узкий горизонтальный прямоугольник и примените два эффекта деформации: Подъем с Изгиб из 31% и Флаг с Отвод из 20% .

Шаг 5

Для хвостов вектора ленточного баннера я спланировал дизайн с помощью быстрого наброска Paintbrush Tool и обвел его с помощью Pen Tool . Деформация хвосты 19% и -19% соответственно (или что-то другое, что лучше всего работает с изгибом, который вы применили к остальной части баннера. Нарисуйте нижнюю сторону сложенной ленты с помощью Pen Tool , имея в виду кривая ленты и где находятся ее края.

Шаг 6

Цвета, выбранные здесь, являются просто заполнителями, поскольку градиенты будут применяться ко всем векторным компонентам баннера ленты позже в этом руководстве. Это просто дает вам представление о том, как Я создаю такие баннеры.0008

Шаг 7

Для пары простых векторных баннеров нарисуйте длинные узкие прямоугольники. Перекройте меньший прямоугольник большим треугольником (нарисованным с помощью инструмента Polygon Tool ) и нажмите кнопку Разделить на панели Навигатора . Удалите все лишние компоненты, чтобы остались два, показанные ниже.

Шаг 8

Снова начните с узкого горизонтального прямоугольника. Примените к нему два эффекта Warp : Shell Upper с коленом из 10% и Arc с коленом из 9% . Развернуть под Объект .

Шаг 9

Нарисуйте два маленьких прямоугольника по обе стороны от только что искривленного вектора баннера ленты. Примените эффект Arch к каждой с помощью Bend of 17% и . Поверните обе фигуры немного наружу (см. ниже).

Шаг 10

Сделайте два конца ленты, как это было сделано в Шаг 3 . Примените два эффекта Warp : Arch с Bend из 23% и Flag с Bend из 18% . Скопируйте (Control-C) и Вставьте (Control-V) конец ленты и отразите его по вертикальной оси , чтобы он хорошо располагался на другой стороне баннера.

Шаг 11

Теперь, когда мы создали наши основные векторные фигуры баннера ленты, давайте приступим к их рендерингу. Большинство векторов баннеров будут иметь несколько слоев, созданных путем смещения путей каждой формы. Для этого Выберите фигуру, которую вы смещаете, и перейдите к Object > Path > Offset Path . Сдвиньте фигуру на -4px и повторите еще раз для только что созданной фигуры, чтобы у вас было три слоя друг над другом. Если вам нужна более толстая или более тонкая векторная форма баннера ленты, отрегулируйте величину смещения по мере необходимости.

Шаг 12

Выберите внешний и внутренний прямоугольники этого первого базового вектора баннера и примените градиент, показанный ниже, с помощью градиента 9.Панель 0132. Я хотел, чтобы золотые тона были теплыми, с #e6b9464 и #b4833e в качестве основных цветов, #edd87d в качестве бликов и #653f25 для основных теней.

Для яркой золотой полосы (средний прямоугольный слой) осветлите золотые цвета белым ( #ffffff ) и светло-желтым ( #edd87d ). См. ниже дополнительные золотые тона и их расположение.

Шаг 13

Градиенты для этого векторного баннера с лентой с закруглением имеют те же цвета, что и на рисунке 9.0131 Шаг 12 , но с другой настройкой: меньше бликов, более светлый цвет теней и более маслянистый желтый цвет в целом.

Шаг 14

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

Две фигуры под основной лентой имеют простой градиент #46210e и #dca24e . Другой основной градиент такой же, как использованный в шагах 12-13 , но #ede57d является самым светлым цветом и единственным бликом, присутствующим в градиенте. Точно так же яркая лента в дизайне баннера на этот раз лишена белого цвета.

Шаг 15

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

Шаг 16

К частям под вектором баннера ленты применен трехцветный градиент. Самый темный цвет расположен у сгиба верхней части ленты, а самый светлый цвет — у сгиба концов. При желании вы можете сместить основную форму ленты и хвосты для полос, как у других дизайнов лент, или оставить все как есть для «погруженного в золото» вида.

Этап 17

Цвета для этих частей такие же, как Шаг 16 . Здесь важно отметить, что основная форма ленты представляет собой плоский цвет ( #e7b964 ), а формы градиента, размещенные поверх, были Скопировано и Вставлено дважды, поэтому есть два угла, идущие к центру баннера.