Как сделать стикер в фотошопе
Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.
Всем привет!
Сегодня мы будем рисовать текст в виде стикера.
При создании стикера вы можете использовать другие оттенки на свое усмотрение.
Сначала мы создадим новый документ, создадим новый градиент и зальем им фоновый слой.
Затем откроем текстуру бетона из папки с исходниками, определим картинку, как узор и при помощи стилей слоя применим узор к фоновому слою.
Далее установим шрифт из папки с исходниками, напишем текст, создадим несколько копий слоя с текстом и понизим заливку некоторых слоев.
В завершение урока «Как сделать стикер в фотошопе» мы добавим к слоям с текстом стили слоя.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete.
Создаем градиент с такими параметрами:
Левая Контрольная точка (позиция 0%) – оттенок # 356f73;
Правая Контрольная точка (позиция 100%) – оттенок # 7eb7c1.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
В верхней панели настроек инструмента Градиент выбираем линейный тип градиента, зажимаем клавишу Shift и протягиваем градиент, как показано ниже.
Открываем в фотошоп (Ctrl+O) изображение «Текстура бетона» из папки с исходниками. Переходим в меню Редактирование-Определить узор. В появившемся окне задаем название новому узору или соглашаемся с предложенным программой.
Новый узор появится в конце списка загруженных узоров. Чтобы убедиться в этом, переходим в меню Редактирование-Наборы-Управление наборами и в появившемся окне в верхней строке выбираем «Узоры». Наш узор – самый последний. Документ с текстурой бетона можно закрыть – он нам больше не понадобится.
В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.
Во вкладке Наложение узора кликаем по «треугольнику» у строки выбора узора и из выпадающего списка выбираем узор, что создавали ранее.
Полные настройки для вкладки Наложение узора на втором скриншоте.
Результат после применения стилей слоя.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Стикер». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на черный (# 000000), увеличиваем размер текста и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.
В панели слоев создаем дубликат текстового слоя (Ctrl+J). В панели слоев переименовываем дубликат слоя с текстом в «Текст», а оригинальный текстовый слой в «Обводка».
В панели слоев дважды щелкаем по слою «Обводка», чтобы открыть стили слоя.
Во вкладке Обводка используем оттенок # dcdcdc и вводим настройки, как на рисунке ниже.
Результат после применения стилей слоя.
В панели слоев создаем дубликат слоя «Текст» (Ctrl+J). Переименовываем дубликат слоя в «Текст 1». В панели слоев понижаем заливку слоя «Текст 1».
В панели слоев создаем дубликат слоя «Текст 1» (Ctrl+J) и переименовываем дубликат слоя в «Текст 2».
И последнее: создаем в панели слоев дубликат слоя «Обводка» (Ctrl+J). Переименовываем образовавшийся слой в «Обводка 2», перетаскиваем в панели слоев выше всех слоев и понижаем заливку слоя.
А теперь приступим к добавлению стилей слоя к каждому слою.
В панели слоев дважды щелкаем по слою «Обводка», чтобы открыть стили слоя.
Во вкладке Тиснение меняем оттенок Режима подсветки на # ffffff, а Режима тени на # 2f959d и вводим настройки, как на рисунке ниже.
Во вкладке Внутренняя тень используем оттенок # 000000 и меняем настройки на следующие.
Во вкладке Тень применяем черный оттенок (# 000000) и вводим следующие настройки.
Результат после применения стилей слоя.
Двойным щелчком по слою «Текст» открываем стили слоя.
Во вкладке Тиснение для Режима подсветки используем белый оттенок (# ffffff), а для Режима тени – черный (# 000000). Также меняем настройки на следующие
Во вкладке Внутренняя тень меняем оттенок на # 000000 и вводим настройки, как показано ниже.
Во вкладке Наложение цвета меняем оттенок на # ea326e и вводим настройки, как на рисунке ниже.
Результат после применения стилей слоя.
В панели слоев дважды щелкаем по слою «Текст 1», чтобы открыть стили слоя.
Во вкладке Тиснение используем, как и в прошлых шагах, черный и белый оттенки и вводим следующие настройки.
Во вкладке Контур вводим настройки, как показано на рисунке.
Результат после применения стилей слоя.
Открываем стили слоя слоя «Текст 2».
Во вкладке Тиснение вводим настройки, как на картинке.
Оттенки – черный (# 000000) и белый (# ffffff).
Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе Градиентов создаем новый градиент с такими параметрами:
Левая Контрольная точка (позиция 0%) – оттенок # 000000;
Правая Контрольная точка (позиция 100%) – оттенок # ffffff.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
Полные настройки для вкладки Наложение градиента на последнем скриншоте.
Результат после применения стилей слоя.
В панели слоев дважды щелкаем по слою «Обводка 2», чтобы открыть стили слоя.
В открывшемся окне отключаем видимость вкладки Обводка.
Во вкладке Тиснение используем черный и белый оттенки и вводим следующие настройки.
Во вкладке Контур меняем настройки, как показано ниже.
Результат после применения стилей слоя.
Текст в виде стикера готов! Урок «Как сделать стикер в фотошопе» завершен.
Яркого настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.
Понравилось? Поделитесь:
Добавить комментарий
Модный стикер | Photoshop
В этой статье мы расскажем вам, как создать яркий эффект модного стикера, который вы уже могли видеть тут и там по всему Интернету.
Делается он очень просто, в то же время стикер отлично смотрится на веб-страницах, например, в качестве изображения ссылки на RSS- канал. Читайте дальше, чтобы узнать, как создать его всего за несколько шагов, а также как очень просто создать эффект 3D текста.![]()
- Файлы к статье
- Введение
- ШАГ 1
- ШАГ 2
- ШАГ 3
- ШАГ 4
- ШАГ 5
- ШАГ 6
- ШАГ 7
- ШАГ 8
- ШАГ 9
- ШАГ 10
- ШАГ 11
- ШАГ 12
Если вы являетесь участником PSD PRO, то PSD файл и многое другое вы можете скачать здесь.
Этот эффект выглядит действительно здорово, и я уверен, что вы обратили на него внимание в RSS-каналах и блоках комментариев или в других подобных местах. Достигается он очень просто.
Я настоятельно рекомендую вам скачать PSD-файл к этой статье, он особенно пригодится в последних шагах этого пособия. Я также хотел бы посмотреть, как вы творчески подойдете к вопросу и создадите свои собственные стикеры:
Начните с создания нового документа с размерами 10 на 10 пикселей. Далее нам нужно создать сетку, перейдите в Редактирование — Установки — Сетка и установите для нее основные метки через 5 пикселей, дополнительные — через 1 пиксель. Проверьте, отображается ли сетка.
Если нет, нажмите Ctrl + ‘. Чтобы следующий шаг был еще проще, подключите режим Snap, Вид — Прикрепить:
Выберите голубой цвет, подойдет что-то вроде #0b7dac, затем выберите инструмент «Линия» и убедитесь, что на главной панели инструментов эта кнопка заполнения пикселей активна, ширина установлена 1 пиксель и установлен флажок для опции «Сглаживание».
Теперь просто нарисуйте вертикальную линию, затем горизонтальную так, чтобы изображение выглядело так ка на картинке ниже. Перейдите в Редактирование — Определить узор, сохраните узор и закройте этот документ:
Создайте новый документ с размерами 500 на 500 пикселей, затем создайте новый слой, нажмите D, чтобы сбросить цвета, а затем нажмите Ctrl + Backspace, чтобы заполнить этот слой белым. Щелкните правой кнопкой мыши на этом слое, выберите параметры наложения и добавьте наложение узора, используя настройки, приведенные ниже:
Выберите инструмент «Текст» и введите какой-нибудь текст. Если вы перейдете в Окно — Символы, вам будет выведен редактор символов, в котором вы сможете настроить параметры текста.
Я использовал шрифт Impact regular italic, а также скорректировал смещение (расстояние по горизонтали между знаками) и интервал (вертикальный интервал между строками). Теперь вы можете изменить цвет текста; для «PSD» я использовал цвет #ec7299, для ‘LEARNING’ #62acd1, но не бойтесь экспериментировать:
Откройте меню «Опции смешивания» для слоя с текстом и добавьте обводку с настройками, показанными на рисунке ниже, в качестве цвета используйте темно-синий:
Теперь мы хотим придать тексту 3D-вид. Есть несколько способов сделать это, но большинство из них довольно сложны, а нам в то же время не нужна большая точность. Поэтому, во-первых, создайте новый слой и выберите точку схождения, которую я обозначил просто черной точкой.
Если точка схождения находится ниже текста, это создает впечатление, что мы смотрим на текст снизу, если точка выше текста, то будет казаться, что мы смотрим на текст сверху. То же самое правило применяется для размещения точки схождения слева или справа.
Элементы, как правило, выделяются лучше и выглядят большими, если мы ставим точку схождения ниже объекта, как сделал и я.
Затем я выбрал инструмент «Линия» и провел касательные от точки схождения до внешних краев текста. Если вы до этого делали какие-либо технические чертежи или графики, то это должно быть довольно просто для вас. Посмотрите на приведенное ниже изображение, если вы не понимаете, о чем я говорю:
Создайте новый слой и переместите его ниже слоя с текстом и проверьте, чтобы у него был тот же цвет переднего плана, который мы использовали раньше. Выберите инструмент «Прямолинейное лассо» и выделите область в пределах перспективных направлений, затем нажмите Alt + Backspace, чтобы заполнить ее темно-синим цветом.
Сделайте это для всех линий. Если вы все сделали правильно, у вас должен получиться тот же эффект, который показан на рисунке ниже:
Теперь нам нужно избавиться от части элементов проекции внизу. С помощью инструмента «Прямолинейное лассо» снова выделите область вокруг острия проекции, а затем нажмите «Удалить».
Вы также можете использовать маску слоя, если хотите иметь возможность позже вернуться к этому элементу и изменить что-то. Вы также можете удалить все линии перспективы:
Ниже я показал, как выглядит в этот момент моя панель слоев. Убедитесь, что текстовый слой и 3D слой находятся в группе. Теперь щелкните правой кнопкой мыши на группе слоев и выберите опцию «Преобразовать в смарт-объект». Если такой опции в меню нет, то вернитесь назад и щелкните левой кнопкой мыши на группе слоев и нажмите Ctrl + E, чтобы объединить их в группу:
Кликните правой кнопкой мыши на объединенном слое или смарт-объекте, перейдите к параметрам наложения и задайте для тени и обводки параметры, приведенные на рисунке ниже:
Теперь нажмите Ctrl + T, чтобы войти в режим «Свободное трансформирование», а затем переместите и измените размеры слоя, как показано на рисунке ниже:
Теперь вы можете добавить некоторые дополнительные элементы; я кратко опишу, что я сделал. Я трансформировал слой узора и добавил фильтр «Свертывание», используя облака, в качестве карты.
Я также поместил слой облаков выше слоя узора и установил для него режим смешивания – «Наложение». Затем я использовал кисть-брызги с размером 3 пикселя, чтобы создать эффект чернильного пятна:
РедакцияПеревод статьи «Funky Stickers»
Вот как создавать удивительные наклейки (учебник по Photoshop)
Создайте то, что понравится вашим клиентам!В этой статье мы предоставим все необходимые этапы проектирования и информацию, чтобы ваши клиенты могли начать покупать то, что им нравится. Этот продукт требует немного внимания к деталям, но это совсем не сложно.
Сразу же вы заметите несколько вещей: 1) Стикеры не активируются автоматически в вашем магазине; 2) Каждый дизайн можно приобрести в виде белой или прозрачной наклейки; и 3) наклейки вырезаются по форме вашего произведения искусства.
В этом руководстве рассматриваются:
- Важная информация о наклейке
- Что нужно знать о наклейках перед созданием
- Как преобразовать JPG в PNG в Photoshop
- Как загрузить новую наклейку в Society6
- Получите URL вашего продукта, чтобы начать продавать
Информация об активе стикера
Минимальные характеристики актива стикера:
- Коэффициент активов: 1:1 (квадрат)
- Размер актива: 1800 x 1800 пикселей (минимум)
- Рекомендуемое разрешение: 300
- Рекомендуемый тип файла: PNG
Важное примечание перед проектированием
Будут напечатаны любые пиксели с прозрачностью 50% или выше.
Это означает, что вы не хотите, чтобы какие-либо непреднамеренные пиксели плавали за пределами вашей предпочтительной области печати. Убедитесь, что вы выполнили следующие шаги. Это будет иметь больше смысла, когда вы будете работать с учебником.
Это должна быть стандартная процедура, если это не уже. Сохраняйте заранее. Сохраняйте чаще. Не могу не подчеркнуть это. Вы не хотите пройти половину процесса только для того, чтобы потерять все в результате сбоя программного обеспечения.
Начните продавать свои работы сегодня
Шаг 3: Создайте дубликат фонового слояЩелкните правой кнопкой мыши на слое «Фон» и выберите «Дублировать слой».
Горячие клавиши: Mac: Cmd + J, Win: Ctrl + J
Затем сделайте слой «Фон» невидимым, щелкнув маленький глаз слева от текста «Фон».
Повторяю, любые пиксели с прозрачностью 50% или выше будут напечатаны. Чтобы клиент не вернул ваш продукт из-за непреднамеренной и/или неудобной области печати, обязательно удалите все лишние пиксели, используя описанный ниже метод.
Шаг 4a: Выберите ТОЛЬКО предпочтительную область печати.
Используйте инструменты выделения (Область, Лассо или Волшебная палочка). Это нужно для того, чтобы установить область дизайна, которую вы хотите напечатать для своей наклейки.
Шаг 4b: Инвертируйте ваш выбор.
Перейти в меню: Select > Inverse
Комбинации клавиш: Mac: Cmd + Shift + I, Win: Ctrl + Shift + I
Шаг 4c: Удалите инвертированное выделение из 3b.
Выбрав нужный слой, нажмите клавишу удаления. Теперь у вас есть чистый образ.
В будущем в блоге мы расскажем о более продвинутом методе неразрушающего редактирования с использованием масок слоя (т.
е. о том, как это делают профессионалы). Это позволяет редактировать, не разрушая исходное изображение.
Перейдите в меню Photoshop: «Файл» > «Сохранить как…» > выберите PNG из раскрывающегося списка > «Сохранить»
Загрузите только что созданный PNG в Society6Нажмите «Управление моим произведением искусства» в раскрывающемся меню пользовательской навигации (в правом верхнем углу окна браузера).
*В этом примере мы предполагаем, что ваш дизайн уже доступен для продажи. Если вам нужно сначала загрузить свой дизайн, нажмите «Продать» на панели навигации и следуйте инструкциям.
Найдите дизайн, к которому вы хотите добавить наклейки, и щелкните вертикальный эллипс в крайнем правом углу продуктов. Выберите «Редактировать товары».
Нажмите «Технологии» в категории навигации и затем наведите указатель мыши на наклейку. Нажмите «Изменить».
Перетащите только что созданный файл PNG в поле «Загрузить изображение клиента».
Теперь отрегулируйте размер и положение по своему вкусу.
Убедитесь, что ваш дизайн простирается до краев зоны безопасного поля, не пересекая их. Таким образом, ваши наклейки будут напечатаны в правильном размере и с красивым закругленным краем. Например, когда покупатель покупает 3-дюймовую наклейку, он получает наклейку размером 3 дюйма. Нажмите «Сохранить и закрыть», когда закончите.
Если это новое произведение искусства, нажмите «Опубликовать», как только вы активируете продукты, которые хотите продать.
*В зависимости от активности сайта может возникнуть небольшая задержка, прежде чем ваш новый продукт появится в вашем магазине.
Найдите URL своего продукта и начните продавать Вернитесь на страницу управления произведениями искусства. Вы можете сделать это, нажав «< Назад ко всем сообщениям» в правом верхнем углу Artist Studio. Кроме того, вы можете навести курсор мыши на аватар своего профиля и нажать «Управление моей работой» (как вы делали раньше).
Найдите дизайн, который вы только что отредактировали. Нажмите «Просмотреть включенные продукты» чуть ниже названия вашего произведения искусства. Затем перейдите к новой наклейке. Нажмите на значок, который выглядит как глаз.
Вуаля! Мы с нетерпением ждем всех дизайнов!
Чтобы узнать больше обо всех аспектах продажи своих произведений искусства в Интернете, обязательно посетите раздел «Руководство для продавцов» в нашем блоге или сразу же перейдите на наш учебный курс для художников.
Начните продавать свои работы сегодня
Бен Реншен
Фотограф
Society6.com/benrenschen
Ранее: Менеджер по развитию художников в Society6
Посмотреть сообщения
Отмечен как образование художника, новости, фотошоп, обучение продукту, учебник,
Как легко создавать листы с наклейками в Adobe Photoshop
Хотите создать лист с наклейками, но не знакомы с Adobe Illustrator? Хотя мы всегда отдаем предпочтение векторному документу в отношении конечного результата, мы в Jukebox даем вам возможность создавать и экспортировать файл с помощью Adobe Photoshop.
Пройдите эти шаги вместе с нами, и вы будете готовы создать свой собственный лист с наклейками еще до того, как узнаете об этом.
Если вы предпочитаете работать в Adobe Illustrator, прочитайте этот учебник здесь.
Шаг 1. Настройте файл
Создайте новый документ Photoshop желаемого размера.
Добавьте 0,625 дюйма к ширине и высоте, которые будут работать как кровотечение. Например: 8,5″ x 5,5″, так как ваш конечный размер будет 8,625″ x 5,625″ после добавления выпуска за обрез.
Убедитесь, что для параметра Цветовой режим выбрано значение CMYK, а для разрешения — 300 PPI. Наклейки производятся в CMYK, а не в RGB. Узнайте больше о CMYK и RGB.
Для цветового профиля выберите U.S. Sheetfed Coated v2.
Нажмите «Создать».
Шаг 2. Задайте ориентиры
Хорошо иметь четкое представление о Dieline (конечный размер вашего листа) и запас безопасности при проектировании, чтобы убедиться, что вы работаете в правильных областях.
Для этого создайте прямоугольник (U), установите размер 8,5 х 5,5 дюймов и назовите этот слой «Дилайн».
Затем создайте еще один прямоугольник, установите размер 8,375 дюймов на 5,375 дюймов и назовите этот слой «Запас безопасности».
Убедитесь, что оба прямоугольника расположены в центре вашего документа, и держите эти два слоя поверх документа во время проектирования.
Не забудьте отключить видимость этих двух слоев перед экспортом перед печатью!
Шаг 3: Добавьте цвет фона
Создайте для этого отдельный слой и назовите его «Фон». Добавьте простой фоновый цвет, градиент, узор, фотографию или что-то еще, с чем вы хотели бы работать.
Шаг 4: Создайте свой рисунок
Начните создавать иллюстрации в Photoshop или импортируйте иллюстрации из других программ, таких как Adobe Illustrator.
Шаг 5: Расположите иллюстрации в желаемом порядке
Создайте интересную компоновку, вращая элементы и/или делая некоторые наклейки больше других.
Это поможет выделить макет и сделать лист наклеек более привлекательным.
Держите важные элементы в пределах запаса прочности, чтобы избежать обрезки каких-либо из этих элементов в процессе производства.
Шаг 6: Добавьте дополнительные элементы
Чтобы придать вашему листу наклеек дополнительный характер, вы можете добавить дополнительные элементы на фоновый слой, которые не будут напечатаны как наклейка. Когда вы довольны результатом, выберите слой добавленных элементов и фоновый слой, щелкните правой кнопкой мыши и выберите «Объединить слои».
Шаг 7: Организация слоев
Если ваши иллюстрации разделены на разные слои, нам нужно объединить их в один слой.
На панели «Слой» выделите все слои, содержащие ваши стикеры, и перейдите в «Слой» > «Объединить слои». Назовите этот слой «Наклейки».
Шаг 8: Создание Easy-Peel
Чтобы определить, где следует разрезать наклейку, нам нужно добавить еще один слой для Easy-Peel.
Cmd + щелкните слой «Наклейки», и вы должны увидеть, что все элементы в этом слое теперь выделены.
Перейдите в Select > Modify > Expand и установите 35 пикселей.
Создайте из этого новый слой и назовите его «Easy-Peel».
На панели слоев выберите «Сплошной цвет» и установите нужный цвет.
Нет необходимости добавлять белую рамку, поэтому, если вы предпочитаете стикеры без визуальной рамки, выберите тот же цвет, что и фон.
Добавьте обводку, выбрав «Слой» > «Стиль слоя» > «Обводка» и установите размер на 2 пикселя.
Во избежание проблем важно также оставлять достаточно места между наклейками.
Убедитесь, что расстояние между Easy Peels составляет не менее 0,2 дюйма, и все готово.
После того, как вы закончите, щелкните правой кнопкой мыши слой и выберите «Растрировать слой».
Шаг 9: Добавьте слой Сквозной вырез
Если вы предпочитаете определенный тип выреза для вашего листа, например, закругленные углы в нашем примере, добавьте его как отдельный слой и назовите его «Сквозной вырез».
Шаг 10. Экспортируйте файл
Когда вы будете довольны результатом, вам нужно правильно экспортировать файл.
Но сначала давайте быстро проверим ваш документ:
- Проверьте ваш файл на наличие неточностей в тексте или дизайне
- В вашем файле TIFF должна отображаться область выпуска за обрез, но не будет меток обрезки.
Метки обрезки будут добавлены к вашему файлу перед печатью. - Убедитесь, что слои Safety Margin и Dieline отключены, чтобы это не было напечатано.
- Если вы использовали какие-либо эффекты или стили слоя, вы должны свести эти слои перед экспортом, чтобы избежать каких-либо проблем с печатью и/или различий. Для этого щелкните правой кнопкой мыши слой и выберите «Растрировать стиль слоя».
Когда все будет проверено, выполните следующие действия:
— Выберите «Файл» > «Сохранить копию»
— Назовите файл
— Выберите «TIFF» в качестве формата
— Нажмите «Сохранить»
Вот и все! Теперь ваш лист наклеек готов к загрузке, и нам не терпится начать производство этих замечательных листов с наклейками.
