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

Модный стикер

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

Делается он очень просто, в то же время стикер отлично смотрится на веб-страницах, например, в качестве изображения ссылки на RSS — канал. Читайте дальше, чтобы узнать, как создать его всего за несколько шагов, а также как очень просто создать эффект 3D текста .

Файлы к статье

Если вы являетесь участником PSD PRO , то PSD файл и многое другое вы можете скачать здесь .

Введение

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

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

ШАГ 1

Начните с создания нового документа с размерами 10 на 10 пикселей. Далее нам нужно создать сетку, перейдите в Редактирование — Установки — Сетка и установите для нее основные метки через 5 пикселей, дополнительные — через 1 пиксель. Проверьте, отображается ли сетка. Если нет, нажмите Ctrl + ‘ . Чтобы следующий шаг был еще проще, подключите режим Snap , Вид — Прикрепить :

ШАГ 2

Выберите голубой цвет, подойдет что-то вроде #0b7dac , затем выберите инструмент « Линия » и убедитесь, что на главной панели инструментов эта кнопка заполнения пикселей активна, ширина установлена 1 пиксель и установлен флажок для опции « Сглаживание ».

Теперь просто нарисуйте вертикальную линию, затем горизонтальную так, чтобы изображение выглядело так ка на картинке ниже. Перейдите в Редактирование — Определить узор , сохраните узор и закройте этот документ:

ШАГ 3

Создайте новый документ с размерами 500 на 500 пикселей, затем создайте новый слой, нажмите D, чтобы сбросить цвета, а затем нажмите Ctrl + Backspace , чтобы заполнить этот слой белым. Щелкните правой кнопкой мыши на этом слое, выберите параметры наложения и добавьте наложение узора, используя настройки, приведенные ниже:

ШАГ 4

Выберите инструмент « Текст » и введите какой-нибудь текст. Если вы перейдете в Окно — Символы , вам будет выведен редактор символов, в котором вы сможете настроить параметры текста.

Я использовал шрифт Impact regular italic , а также скорректировал смещение ( расстояние по горизонтали между знаками ) и интервал ( вертикальный интервал между строками ). Теперь вы можете изменить цвет текста; для « PSD » я использовал цвет #ec7299 , для ‘ LEARNING’ #62acd1 , но не бойтесь экспериментировать:

ШАГ 5

Откройте меню « Опции смешивания » для слоя с текстом и добавьте обводку с настройками, показанными на рисунке ниже, в качестве цвета используйте темно-синий:

ШАГ 6

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

Если точка схождения находится ниже текста, это создает впечатление, что мы смотрим на текст снизу, если точка выше текста, то будет казаться, что мы смотрим на текст сверху. То же самое правило применяется для размещения точки схождения слева или справа. Элементы, как правило, выделяются лучше и выглядят большими, если мы ставим точку схождения ниже объекта, как сделал и я.

Затем я выбрал инструмент « Линия » и провел касательные от точки схождения до внешних краев текста. Если вы до этого делали какие-либо технические чертежи или графики, то это должно быть довольно просто для вас. Посмотрите на приведенное ниже изображение, если вы не понимаете, о чем я говорю:

ШАГ 7

Создайте новый слой и переместите его ниже слоя с текстом и проверьте, чтобы у него был тот же цвет переднего плана, который мы использовали раньше. Выберите инструмент « Прямолинейное лассо » и выделите область в пределах перспективных направлений, затем нажмите Alt + Backspace , чтобы заполнить ее темно-синим цветом.

Сделайте это для всех линий. Если вы все сделали правильно, у вас должен получиться тот же эффект, который показан на рисунке ниже:

ШАГ 8

Теперь нам нужно избавиться от части элементов проекции внизу. С помощью инструмента « Прямолинейное лассо » снова выделите область вокруг острия проекции, а затем нажмите « Удалить ». Вы также можете использовать маску слоя, если хотите иметь возможность позже вернуться к этому элементу и изменить что-то. Вы также можете удалить все линии перспективы:

ШАГ 9

Ниже я показал, как выглядит в этот момент моя панель слоев. Убедитесь, что текстовый слой и 3D слой находятся в группе. Теперь щелкните правой кнопкой мыши на группе слоев и выберите опцию « Преобразовать в смарт-объект ». Если такой опции в меню нет, то вернитесь назад и щелкните левой кнопкой мыши на группе слоев и нажмите Ctrl + E , чтобы объединить их в группу:

ШАГ 10

Кликните правой кнопкой мыши на объединенном слое или смарт-объекте, перейдите к параметрам наложения и задайте для тени и обводки параметры, приведенные на рисунке ниже:

ШАГ 11

Теперь нажмите Ctrl + T , чтобы войти в режим « Свободное трансформирование », а затем переместите и измените размеры слоя, как показано на рисунке ниже:

ШАГ 12

Теперь вы можете добавить некоторые дополнительные элементы; я кратко опишу, что я сделал. Я трансформировал слой узора и добавил фильтр « Свертывание », используя облака, в качестве карты. Я также поместил слой облаков выше слоя узора и установил для него режим смешивания – « Наложение ». Затем я использовал кисть-брызги с размером 3 пикселя, чтобы создать эффект чернильного пятна:

Данная публикация представляет собой перевод статьи « Funky Stickers » , подготовленной дружной командой проекта Интернет-технологии.ру

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

Автор: NON. Дата публикации: 16 июля 2012 . Категория: Уроки фотошопа коллажи.

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

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

Создадим документ размером 350х350 пикселов. Надо отметить, что такой размер подходит для небольших картинок. Если Ваш фотоаппарат делает снимки большого размера, к примеру, 3500х3500, то размер создаваемого документа лучше увеличить примерно до 700-900 пикселов, иначе созданный стикер просто потеряется на Вашем изображении. А увеличение через свободное трансформирование значительно понизит его качество.

Создадим новый слой в палитре ” Слои “, для чего щёлкнем по второй справа иконке.

Выберем инструмент ” Прямоугольная область ” ( М ) и создадим выделение, это и будет наш будущий стикер.

Установим в качестве цвета переднего плана жёлтый цвет и зальём выделение этим цветом – Alt+Delete .

Выделим весь документ – Ctrl+A .

Перейдём в ” Фильтр – Искажение – Искривление “.

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

Создадим дубликат верхнего слоя, для чего перетащим его на вторую справа иконку в палитре ” Слои “.

Установим цвета по умолчанию, для чего нажмём клавишу ” D “. Выберем инструмент ” Заливка ” ( G ) и щёлкнем внутри стикера, он зальётся чёрным цветом.

Поменяем местами верхний и средний слои (щёлкнем по слою и, удерживая клавишу мыши, перетащим слой на нужное место).

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

Вызовем свободное трансформирование – Ctrl+T . Правой кнопкой мыши щёлкнем внутри рамки трансформации и выберем пункт ” Наклон “.

Правый верхний маркер подвинем влево до пересечения с жёлтым стикером.

Применим трансформирование – Enter и снимем выделение – Ctrl+D .

Размоем тень. Перейдём в ” Фильтр – Размытие – Размытие по Гауссу “.

Поставим необходимый радиус размытия.

Вот что получилось. При необходимости уменьшаем непрозрачность слоя с тенью (” слой 1 (копия) “).

Загружаем выделение стикера, для чего, удерживая клавишу Ctrl , щёлкнем по миниатюре верхнего слоя.

Создаём копию верхнего слоя – Ctrl+J .

Устанавливаем на передний план белый цвет (нажимаем клавиши ” D ” и ” X “). Выбираем инструмент линейный градиент ” От основного к прозрачному “.

Опять загружаем выделение стикера, для чего, удерживая клавишу Ctrl , щёлкнем по иконке верхнего слоя.

Градиентом проведём из верхнего левого угла в нижний правый.

Уменьшаем непрозрачность верхнего слоя. Снимаем выделение – Ctrl+D. Мы получили эффект освещённости стикера.

Удаляем самый нижний слой, для чего просто перетаскиваем его на значок корзины в палитре ” Слои “.

Объединяем все слои – Shift+Ctrl+E . Наш стикер готов. Сохраняем его в формате PNG . Теперь его можно использовать на других фотографиях.

Я выбрал вот такую картинку, сделал активным инструмент ” Перемещение ” ( V ) и переместил созданный стикер на изображение, добавил надпись. Теперь наша фотография отличается от сотен подобных. Мы с Вами ответили на вопрос: «Как сделать стикер в фотошопе?».

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

Скачать урок (366 Кб) в формате PDF можно здесь.

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

Вот работа Михаила, обсуждаем в комментариях:

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

Создание стикера в фотошоп для рекламы

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

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

После чего необходимо создать новый слой (нажмите комбинацию Shift+Ctrl+N ) и задайте ему название стикер. На панели инструментов фотошоп активизируйте инструмент «Прямоугольная область» (на клавиатуре М ) и на созданном новом слое нажав и удерживая кнопку мышки нарисуйте прямоугольную область, которая должна быть похожа на стандартный листок стикера:

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

На панели инструментов фотошоп активизируйте «Градиент» (на клавиатуре G ) и залейте выделенную область с право на лево используя мышку, то есть проведите черту:

Далее снимем выделение области нажав комбинацию Ctrl+D . Для того, чтобы стикеру придать эффект натуральности листка, используйте фильтр фотошоп «Искажение» , в верхнем меню фотошоп (фильтр – искажение – искривление), после чего поэкспериментируйте с прямой линией задающей значение искажения стикера:

После того как результаты работы с фильтром Вас устроят, нажмите кнопку ОК. Придадим спецэффект тени к стикеру, так он будет выглядеть более реалистичнее, для этого щелкните на 2 раза на слое «стикер», который находится в панели слоев программы и установите параметры, указанные на скриншоте:

Можно для оригинальности создать несколько стикеров вместо одного, для этого сделайте копии слоя, нажав на верхней строчке документа синего цвета – со стикером, правой кнопкой мышки (там, где обычно расположено название документа) и из выпадающего меню выберете «создать дубликат». Повторите процедуру 2 раза:

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

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

Для изменения положения каждого из стикеров, нажмите комбинацию Ctrl+Т , после чего произойдет выделения изображения контуром и используя мышку поворачивайте каждое изображение в отдельности. Чтобы зафиксировать положение изображения нажимайте Enter , при этом также исчезнет контурное выделение:

Стикеры не могут просто болтаться на весу, для этого пришпилим их к стене канцелярской кнопкой. Активизируйте на панели инструментов фотошоп инструмент «Произвольная фигура» (клавиша U ) и выберете из верхнего меню программы фигуру канцелярской кнопки:

В правом углу 3-х созданных стикеров, нажмите левую кнопку мышки и не отпуская её потяните немного в сторону, примерно задавая реальный размер кнопки. Затем слегка наклоните вновь созданную кнопку нажав клавиши Ctrl+Т и поработав с ней мышкой, после чего нажмите Enter :

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

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

Можете разместить на нем свои контактные данные, сделайте надпись, активизировав инструмент «Текст» из панели инструментов фотошоп или клавиша Т , нажмите на изображении стикера мышкой и сделайте надпись, используя клавиатуру. Чтобы наклонить текст, делаем все по аналогии Ctrl+Т – поворачиваем мышкой – фиксируем нажав Enter .

Источники:

https://www.internet-technologies.ru/articles/modnyy-stiker.html
https://www.photoshopsunduchok.ru/uroki/photomontag/1880-kak-sdelat-stiker-v-photoshope
https://photoshoper.me/sozdanie-stikera-v-fotoshop-dlya-reklamy/