Блестящий стикер в Фотошоп. Стикер в фотошопе


Рисуем стикер в Фотошоп

В данном уроке вы узнаете, как создать простой web знак в Фотошоп.

Окончательное изображение

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

Используемые материалы:

Шрифт MoolBoran

Архив

Шаг 1

Откройте Фотошоп и нажмите Ctrl + N, чтобы создать новый документ.  Введите параметры, показанные на рисунке ниже, и нажмите кнопку OK. Включите сетку View> Show> Grid (Просмотр>Показать>Сетку) и привязку к сетке View> Snap To Grid (Просмотр>Привязка). 

Для начала вам понадобится сетка через каждые 5px. Идите в Edit >Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе "сетка". В этом окне введите "5" в пункте "линия через каждые".  Кроме того, установите цвет сетки #a7a7a7.

После того, как вы установите все параметры, нажмите кнопку ОК.  Не расстраивайтесь, это всего лишь сетка.  Это облегчит вам выполнение данного урока.

Вы также должны открыть Панель информации Window> Info (Окно>Инфо) для предварительногопросмотра размера и положения вашей фигуры.

Шаг 2

Выберите инструмент Polygon Tool (Многоугольник) и сосредоточьтесь на верхней панели.  Введите 25 в поле "стороны", затем нажмите на маленькую черную стрелку, чтобы открыть меню параметров многоугольника.

Проверьте, что галочки стоят на всех трех пунктах, затем введите 100px в поле "радиус" и 20% в поле "глубина лучей". Установите цвет переднего плана на #c7a069 и создайте фигуру, как показано на следующем изображении.

Шаг 3

Далее, вам необходимо создать простую текстуру.  Сначала нажмите Ctrl + N, чтобы создать новый документ.  Установите в окне параметры  4 в ширину и высоту, нажмите кнопку ОК. 

Включите сетку и привязку к ней. Для этой текстуры нам необходима сетка через каждые 1px. Идите в Edit >Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе "сетка". В этом окне введите "1" в пункте "линия через каждые". 

Затем перейдите на панель слоёв и удалите слой "Background".  Установите цвет переднего плана на чёрный и выберите инструмент Rectangle Tool (Прямоугольник).  Создайте два векторных контура размером 2 на 2px,  как показано на изображении ниже. 

Теперь, просто перейдите в меню Edit> Define Pattern (Редактирование>Определить текстуру).  Выберите имя для вашей текстуры и нажмите кнопку ОК, текстура готова. Закройте этот документ и вернитесь к основному.

Шаг 4

Вернитесь в раздел "Линия через каждые 5px".  Идите в Edit >Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе "сетка". В этом окне введите "5" в пункте "линия через каждые". 

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

Введите параметры, показанные на следующем изображении,  для стилей слоя Тень, Внутренняя тень, Внутреннее свечение, Тиснение/Скос, Наложение узора, Обводка. Нажмите кнопку ОК.  В разделе Pattern Overlay (Наложение текстуры) используйте текстуру, созданную в предыдущем шаге.

Шаг 5

Установите цвет переднего плана на #855f37, выберите инструмент Ellipse Tool  (Эллипс), создайте круг, размером 120px и поместите его, как показано на первом изображении.  Убедитесь в том, что эта новая векторная фигура остается выделенной, продолжайте с помощью инструмента Ellipse Tool (Эллипс), проверьте активность кнопки Subtract (Вычесть) на верхней панели и нарисуйте круг, размером 70px, как показано на втором изображении.

Шаг 6

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

Шаг 7

Установите цвет переднего плана на #c7a069, выберите Ellipse Tool ( Эллипс), создайте круг, размером 70px и поместите его, как показано на первом изображении.  Убедитесь в том, что эта новая векторная фигура остается выделенной и переключитесь на инструмент Rectangle Tool (Прямоугольник).

Проверьте активность кнопки Add (объединить фигуры) в верхней панели и создайте прямоугольник, размером 270 на 40px, как показано на втором изображении.

Шаг 8

Убедитесь, что векторная фигура, созданная в предыдущем шаге, все еще активна. Выберите Add Anchor Point Tool (Добавить узловую точку) и добавьте две новые опорные точки, как показано на первом изображении.

Переключитесь на Convert Point Tool (Угол) и нажмите на обе опорныеточки.  Далее, вам необходимо переместить эти новые опорные точки.Выберите инструмент Direct Selection Tool (Стрелка), выберите левую опорную точку и переместите ее на 25px вправо, затем выберите правую опорную точку и переместите её на 25px влево.  В итоге ваша векторная фигура должна выглядеть, как на третьем изображении.  

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

Шаг 9

Установите цвет переднего плана на #855f37, выберите инструмент Rectangle Tool (Прямоугольник), создайте векторную фигуру, размером 240 на 30px и поместите её, как показано на первом изображении.  Выберите Add Anchor Point Tool (Добавить узловую точку) и добавьте две новые опорные точки, как показано на первом изображении.

Переключитесь на Convert Point Tool (Угол) и нажмите на обе опорные точки.

Выберите инструмент Direct Selection Tool (Стрелка), выберите левую опорную точку и переместите ее на 15px вправо, затем выберите правую опорную точку и переместите ее на 15px влево.  В итоге ваша векторная фигура должна выглядеть, как на третьем изображении. 

Шаг 10

Убедитесь в том, что векторная фигура, созданная в предыдущем шаге, остается выделенной. Выберите Ellipse Too l (Эллипс), проверьте активность кнопки Subtract (Вычесть переднюю фигуру) на верхней панели и нарисуйте круг, размером 70px на 70px, как показано на первомОткройте окно Стилей слоя для этой фигуры и введите параметры, показанные на следующих изображениях для Тень, Внутренняя тень, Внутреннее свечение.

Шаг 11

Установите цвет переднего плана на #c7a069, выберите инструмент Type Tool (Текст) и добавьте надпись "PREMIUM", как показано на первом изображении.

Используйте шрифт MoolBoran, размером в 15pt.  Выделите этот фрагмент текста и перейдите в Edit> Transform> Warp( Редактирование>Трансформирование>Деформация). Выберите "дугу" в деформации из раскрывающегося меню, введите 65 в окне "изгиб" и нажмите Enter.

Шаг 12

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

Переместитесь на панель слоев, щелкните правой кнопкой мыши на этой части текста и нажмите "Скопировать стиль слоя".

Шаг 13

Выберите инструмент Type Tool (Текст) и добавьте надпись "QUALITY", как показано на следующем изображении. Опять же, используйте шрифт MoolBoran, размером в 15pt. Выделите этот фрагмент текста и перейдите в Edit> Transform> Warp (Редактирование>Трансформирование>Деформация)

Выберите "дугу" в деформации из раскрывающегося меню, введите -50 в окне "изгиб" и нажмитеEnter.

Переместитесь на панель слоев, щелкните правой кнопкой мыши на этой части текста и нажмите "Вставить стиль слоя".

Шаг 14

Выберите инструмент Type Tool (Текст) и добавьте надпись "MONEY BACK " дважды, как показано на следующем изображении.

Используйте шрифт MoolBoran  при установленном размере в 13pt.  Кроме того, установите интерлиньяж в 10pt и трекинг в 350.

Щелкните правой кнопкой мыши на этих фрагментах текста и нажмите "Вставить стиль слоя".

Шаг 15

Выберите инструмент Type Tool (Текст), добавьте надпись "100" и символ процента, используйте параметры, показанные на первом изображении.

Выделите обе части текста и конвертируйте их в смарт-объект.

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

Окончательное изображение

Вот как должен выглядеть ваш окончательный результат.

Автор урока: Andrei Marius

photoshop-master.ru

Блестящий стикер в Фотошоп

Если вы были ребёнком в 80-х или в 90-х годах, то вы возможно занимались коллекционированием блестящих переливающихся наклеек и даже не были готовы идти в школу если не собрали их.Сегодня мы с вами будем возвращать тот дух разноцветных голографических наклеек. И вы вернётесь в то время, когда нестерпимо яркие градиенты были прекрасны.

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

Примечание к уроку:

Программное обеспечение, которое используется в данном уроке Adobe Photoshop CS6 вы можете использовать ранние версии, но не ниже CS3.Возможно вам потребуется загрузить градиент “Спектр” (Spectrum) которые используются в данном уроке.

Для этого перейдите в Редактирование-Наборы-Управление наборами.Если у вас более старая версия программы то в Редактирование-Управление наборами.

В появившемся окне выберите тип: Градиенты или нажмите (Ctrl+3) в верхнем правом углу есть маленькая шестерёнка, нажмите на неё и в самом низу выберите Спектры “Spectrum” и нажмите кнопку добавить, подтвердите ваш выбор.

Ресурсы урока:

Архив

Шаг 1

Создайте новый документ: Файл - Создать (File-New) размером 750х550. Используя инструмент “Заливка” (Paint bucketTool) залейте созданный нами документ лёгким серым цветом (e2e2e2). И дублируйте фоновый слой нажатием клавиш (Ctrl+J).

Дважды кликните по копии фонового слоя и примените следующие параметры:

Внутреннее Свечение (Inner Glow)Режим наложения: Мягкий свет (Soft Light)Непрозрачность: 50% (Opacity)Шум: 100% (Noise)Цвет: cecece (color)Источник: Из центра (Source)Размер: 10 пикс. (Size)

Наложение Градиента (Gradient Overlay)Стиль: Радиальный (Radial)Масштаб: 150% (Scale)Щёлкните по полоски градиента и установите следующие цвета: Лево - e4e4e4 Право - 868686.

И вот мы с вами задали стиль фона.

Шаг 2

Используя инструмент “Горизонтальный текст” (Text Tool) напишите любое слово заглавными буквами. Используйте шрифт “Chivo”. Отслеживайте значение “Трекинга” оно должно быть равно 25. Цвет белый и “Метод сглаживания” мягкий.

Дублируйте текстовый слой нажатием клавиш “Ctrl+J”.

Дважды кликните по копии текстового слоя и примените следующие параметры:

Внутреннее Свечение (Inner Glow)Режим наложения: Умножение (Multiply)Непрозрачность: 75% (Opacity)Шум: 100% (Noise)Цвет: f2f2f2 (color)Источник: Из центра (Source)Размер: 10 пикс. (Size)

Наложение Градиента (Gradient Overlay)Угол наклона: 0 (Angle)Градиент: Выберите один из градиентов, которые мы добавили в начале урока.

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

Шаг 3

Создайте новый слой поверх всех слоёв и назовите его “Лазерная Обводка”. Кликните по любому из текстовых слоёв и выберите пункт “Создать рабочий контур” (Create Work Path). Выберите инструмент “Кисть” (Brush Tool) размер 10 кисть жёсткая.

Откройте панель кистей Окно - Кисть (Window-Brush) или просто нажмите F5. Обратите внимание “Интервал” (Spacing) должен быть равен 1%.

Встаньте на слой с “Лазерной обводкой” и, используя инструмент “Стрелка” (Direct Selection Tool), кликните по буквам правой клавишей мыши и выберите пункт “Выполнить обводку контура” (Stroke Path) в окне выберите инструмент “Кисть” (Brush Tool) и убедитесь, что у вас не стоит галочка на пункте “Имитировать нажим”. И нажмите ОК.

И вот мы с вами выполнили обводку контура наших букв. Вы можете снять выделение нажав клавишу Enter.

Теперь мы удалим внутреннюю часть обводки. Для этого стоя на слое “Лазерная обводка” зажмите клавишу Ctrl и кликните по любому из текстовых слоёв чтобы активировать выделение текста. И нажмите клавишу Delete. Затем снимите выделение зажав комбинацию клавиш Ctrl+D.

Шаг 4

Стоя на слое “Лазерная обводка” сделайте его выделение, для этого зажмите клавишу Ctrl и кликните по слою, у вас произойдёт выделение этого слоя, затем вам просто нужно нажать клавишу Delete. И удалите сам слой

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

Создайте новый слой выше всех и назовите его снова “Лазерная обводка”. В палитре цветов установите цвета: Основной-Чёрный а цвет Фона-Белый.

Перейдите в: Фильтр – Рендеринг - Облака (Filter-Render-Clouds) и теперь можете снять выделение зажав комбинацию клавиш Ctrl+D.

Теперь мы придадим нашим краям блестящую текстуру для этого перейдите в: Фильтр – Оформление - Пуантилизм (Filter-Pixelate-Pointillize) установите размер ячейки 3.

И вот мы с вами создали иллюзию сверкающей текстуры на краях. Фокус в том что нужно сохранять узкие края а размер ячейки как можно меньше.

Шаг 5

Кликните дважды по оригинальному текстовому слою и примените следующие параметры:

Обводка (Stroke)Размер: 15 пикс. (Size)Остальные параметры оставите по умолчанию.

По этому слою (на котором мы только что создали чёрную обводку) кликните правой кнопкой мыши и выберите “Растрировать стиль слоя” (Rasterize Layer Style) (Для боле старых версий программы Adobe Photoshop вам нужно поместить этот слой в группу и затем по этой группе кликнуть правой кнопкой мыши и выбрать “Объединить группу” (Merge Group). Это позволит вам сделать обводку частью нашего текста.

Стоя на слое котором мы растрировали ранее (в начале 5-го шага), сделайте его выделение зажмите клавишу Ctrl и кликните по иконке слоя.

После того как вы загрузили выделение слоя с нашей чёрной обводкой, кликните правой кнопкой мыши по копии фонового слоя и выберите “Растрировать стиль слоя” (Rasterize Layer Style) (Для боле старых версий программы Adobe Photoshop вам нужно поместить этот слой в группу и затем по этой группе кликнуть правой кнопкой мыши и выбрать “Объединить группу” (Merge Group)

Растрирование поможет нам продублировать градиент, вместо того, чтобы применить его как стиль к дублированной части. Не снимая выделения нажмите комбинацию клавиш Ctrl+J чтобы продублировать выделение в отдельный слой.

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

Шаг 6

C зажатой клавишей Shift выделите несколько слоёв, а именно: “Лазерная обводка” “Копия текстового слоя” (он находится прямо под слоем с Лазерной обводкой)” Внутренняя обводка” и нажмите комбинацию клавиш Ctrl+E и переименуйте полученный объединённый слой в “Стикер”.

Кликните дважды по слою “Стикер” и примените следующие параметры:

Обводка (Stroke)Размер 1 пикс. (Size)Положение: Внутри (inside)Режим наложения: Умножение (Multiply)Цвет: e5e5e5 (Color)

С зажатой клавишей Shift выберите слой: “Стикер” и “Внешняя обводка” и склейте их нажав комбинаций клавиш Ctrl+E.

Шаг 7

Дважды кликните по слою “Back” и примените следующие параметры:

Обводка (Stroke)Размер: 1 пикс. (Size)Режим наложения: Мягкий свет (Soft Light)Цвет: dcdcdc (Color)

Внутренняя Тень (Inner Shadow)Непрозрачность: 25% (Opacity)Смещение: 1 пикс. (Distance)Размер: 0 пикс. (Size)

Внутреннее Свечение (Inner Glow)Режим наложения: Мягкий свет (Soft Light)Шум: 100% (Noise)Цвет: ebebeb (Color)Источник: Из центра (Source)Размер: 13 пикс. (Size)

Наложение цвета (Color Overlay)Цвет: dcdcdc (Color)

И вот мы придали нашему слою эффект наклейки.

Шаг 8

Встаньте на слой “Стикер” чтобы он был активен, используйте инструмент “Прямолинейное лассо” или “Полигональное Лассо” (Polygonal Lasso Tool). Создайте направляющие там, где вы хотите сделать отгиб наклейки. Вам нужно нажать один раз для ввода поинта в каждой точке, затем отпустите, чтобы перетащить и добавить еще один поинт.

Затем перейдите в: Редактирование - Вырезать (Edit-Cut) потом Редактирование - Специальная вставка - Вставить вместо… (Edit-Paste Special-Paste in Place). И вот вырезанная нами область встала на тоже место на уже на другом слое.

Перейдите в: Редактирование – Трансформирование - Поворот на 180 град. (Edit-Transform-Rotate 180°). При помощи инструмента “перемещение” (Move Tool) используйте стрелки на клавиатуре и перемещайте слой (если это необходимо) да тех пор пока края вырезанной части не совпадут с наклейкой.

Дважды кликните по слою с вырезанным уголком и примените следующие параметры:

Наложение Градиента (Gradient Overlay)Угол: -58 град. (Angle)

Кликните по полоске градиента и настройте следующие цвета:Лево: Чёрный (000000) Правее: позиция 70% Белый (ffffff) и Право: Чёрный (000000)

После того как вы нажмёте ОК вы можете не выходя из “Панели Стилей Слоёв” взять инструмент “перемещение” (Move Tool) и отрегулировать тень как вам угодно.

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

Шаг 9

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

Создайте новый слой и поместите его выше остальных назовите его “Главная тень” измените его режим наложения на “Умножение” (Multiply) Используйте инструмент “Кисть” (Brush Tool) кисть круглая и мягкая.  В палитре цветов установите цвет: Передний план 898989. Встаньте на слой “Главная тень” Мягкой кистью пройдитесь по верхушке где отогнут край текста. Это нужно для того чтобы создать более естественную тень.

Выделите слой “Стикер” для этого зажмите клавишу Ctrl и кликните по миниатюре слоя, а теперь мы исключим слой с отогнутого края для этого зажмите клавишу Ctrl+Alt и кликните по миниатюре слоя с уголком.

Создайте новый слой и расположите его ниже слоя с отогнутым краем и назовите его “Нижняя тень” измените его режим наложения на “Умножение” (Multiply) Затем используйте мягкую кисть с тем же цветом, который мы устанавливали ранее и пройдитесь по самому кончику края. Это нужно для того чтобы создать эффект того что уголок действительно отгибается и создаёт падающую тень.

Не снимая выделение выделите слой “Back” для этого зажмите клавишу Ctrl и кликните левой клавишей мыши по миниатюре слоя (который мы создавали в 6-ом шаге) здесь нам нужно исключить основной слой “Стикер” также зажмите клавишу Ctrl+Alt и кликните по миниатюре слоя.

С помощью инструмента “Кисть” (Brush Tool) измените параметры непрозрачности кисти на панели с верху до 30% Тень должна начинаться в центре и заканчиваться по краям. (Не забудьте изменить Непрозрачность назад до 100% когда будет всё готово.) и снимите выделение Ctrl+D.

Тени могут показаться вам слишком темными или невыразительными, но мы это исправим, когда добавим фильтр “Шум” в нашу работу.

Шаг 10

Переместите оставшийся текстовый слой (с которым мы работали во 2-ом шаге) над слоем “Стикер” Стоя на этом текстовом слое зажмите клавишу Ctrl и кликните по миниатюре слоя “Стикер” перейдите в: Выделение - Инверсия (Select-Inverse).

Правой клавишей мыши кликните по слою с текстом и выберите “Растрировать стиль слоя” (Rasterize Layer Style) (или группы и объединить его) не снимая выделение нажмите клавишу Delete чтобы удалить лишние части слоя. И затем снимите выделение Ctrl+D.

Перейдите в: Фильтр – Шум - Добавить шум (Filter-Noise-Add Noise). Эффект 35% и обратите внимание что на функции “Монохромный” галочка не стоит.

Это ещё одна хитрость по поводу добавления эффекта голограммы.

Шаг 11

Этот шаг необязателен, ведь мы с вами проделали громадную работу по достижению данного эффекта. Здесь мы добавим ещё одну надпись.Напишите любое слово шрифтом “AkaDora” любого размера.

Дважды кликните по текстовому слою и примените следующие параметры:Наложение Градиента (Gradient Overlay)

Кликните по полоски Градиента и выберите ту которую вы использовали для создания главного текста, или для разнообразия можете выбрать по вкусу.

Перейдите в: Фильтр – Шум - Добавить шум (Filter-Noise-Add Noise) В этот раз значение эффекта выставите на 100% и подтвердите команду.

Примечание переводчика: Если у вас при добавлении фильтра “Шум” появляется сообщение о том что у вас не растрирован текстовый слой и предлагает растрировать его соглашайтесь.

И вот мы с вами создали полноценную работу урока.

Шаг 12

Создайте новый слой поверх всех слоёв и назовите его “Текстура” стоя на слое “Текстура” перейдите в: Фильтр - Преобразовать для смарт-фильтров (Filter- Convert for Smart Filters).

В палитре цветов установите цвета по умолчанию (Чёрный и белый). Стоя на слое “Текстура” перейдите в: Фильтр – Рендеринг - Облака (Filter-Render-Clouds).

Далее перейдите в: Фильтр – Шум - Добавить шум (Filter-Noise-Add Noise). Эффект: 100 (Amount) Распределение: Равномерная (Distribution) и установите галочку на пункте “Монохромный” (Monochromatic).

Осталось совсем немного до полного завершения нашей работы. Перейдите в: Фильтр - Галерея фильтров – Эскиз - Рваные края (Filter-Filter Gallery-Sketch-Torn Edges). И настройте фильтр: Тоновый баланс: 35 (Image Balance) Смягчение: 6 (Smoothness) Контрастность: 17 (Contrast)

Такой результат у вас должен получится после настройки и применении фильтров.

Установите режим наложения для слоя “Текстура” “Умножение” (Multiply), и измените уровень непрозрачности до 5%. Текстура придает тексту “Витраж”.

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

А также вы можете вернутся к слоям на которых мы создавали тени и подрегулировать их уровень непрозрачности. Например: Слой “Нижняя Тень” непрозрачность 75% а “Главная Тень” Непрозрачность 10%.

Вот и всё! Мы сделали это. Надеюсь, вам понравился учебник и вы узнали какие-либо полезные действия по работе с программой Adobe Photoshop.

Автор: Rose

 

photoshop-master.ru

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

В данном уроке вы узнаете, как создать простой стикер в Фотошоп.

Окончательное изображение

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

Используемые материалы:

Шрифт MoolBoran

Архив

Шаг 1

Откройте Фотошоп и нажмите Ctrl + N, чтобы создать новый документ.  Введите параметры, показанные на рисунке ниже, и нажмите кнопку OK. Включите сетку View> Show> Grid (Просмотр>Показать>Сетку) и привязку к сетке View> Snap To Grid (Просмотр>Привязка).

Для начала вам понадобится сетка через каждые 5 px. Идите в Edit > Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе «сетка». В этом окне введите «5» в пункте «линия через каждые».  Кроме того, установите цвет сетки#a7a7a7.

После того, как вы установите все параметры, нажмите кнопку ОК.  Не расстраивайтесь, это всего лишь сетка.  Это облегчит вам выполнение данного урока.

Вы также должны открыть Панель информации Window> Info (Окно>Инфо) для предварительного просмотра размера и положения вашей фигуры.

Шаг 2

Выберите инструмент Polygon Tool (Многоугольник) и сосредоточьтесь на верхней панели.  Введите 25 в поле «стороны», затем нажмите на маленькую черную стрелку, чтобы открыть меню параметров многоугольника.

Проверьте, что галочки стоят на всех трех пунктах, затем введите 100 px в поле «радиус» и 20% в поле «глубина лучей». Установите цвет переднего плана на #c7a069 и создайте фигуру, как показано на следующем изображении.

Шаг 3

Далее, вам необходимо создать простую текстуру.  Сначала нажмите Ctrl + N, чтобы создать новый документ.  Установите в окне параметры  4 в ширину и высоту, нажмите кнопку ОК.

Включите сетку и привязку к ней. Для этой текстуры нам необходима сетка через каждые 1px. Идите вEdit > Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе «сетка». В этом окне введите «1» в пункте «линия через каждые».

Затем перейдите на панель слоёв и удалите слой «Background».  Установите цвет переднего плана на чёрный и выберите инструмент Rectangle Tool (Прямоугольник).  Создайте два векторных контура размером 2 на 2px,  как показано на изображении ниже.

Теперь, просто перейдите в меню Edit> Define Pattern (Редактирование>Определить текстуру).  Выберите имя для вашей текстуры и нажмите кнопку ОК, текстура готова. Закройте этот документ и вернитесь к основному.

Шаг 4

Вернитесь в раздел «Линия через каждые 5 px«. Идите в Edit > Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе «сетка». В этом окне введите «5» в пункте «линия через каждые».

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

Введите параметры, показанные на следующем изображении,  для стилей слоя Тень, Внутренняя тень, Внутреннее свечение, Тиснение/Скос, Наложение узора, Обводка. Нажмите кнопку ОК.  В разделеPattern Overlay (Наложение текстуры) используйте текстуру, созданную в предыдущем шаге.

Шаг 5

Установите цвет переднего плана на #855f37, выберите инструмент Ellipse Tool  (Эллипс), создайте круг размером 120 px и поместите его, как показано на первом изображении.  Убедитесь в том, что эта новая векторная фигура остается выделенной, продолжайте с помощью инструмента Ellipse Tool (Эллипс), проверьте активность кнопки Subtract (Вычесть) на верхней панели и нарисуйте круг, размером 70 px, как показано на втором изображении.

Шаг 6

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

Шаг 7

Установите цвет переднего плана на #c7a069, выберите Ellipse Tool ( Эллипс), создайте круг размером 70 px и поместите его, как показано на первом изображении.  Убедитесь в том, что эта новая векторная фигура остается выделенной и переключитесь на инструмент Rectangle Tool (Прямоугольник).

Проверьте активность кнопки Add (объединить фигуры) в верхней панели и создайте прямоугольник, размером 270х40 px, как показано на втором изображении.

Шаг 8

Убедитесь, что векторная фигура, созданная в предыдущем шаге, все еще активна. Выберите Add Anchor Point Tool (Добавить узловую точку) и добавьте две новые опорные точки, как показано на первом изображении.

Переключитесь на Convert Point Tool (Угол) и нажмите на обе опорные точки.  Далее, вам необходимо переместить эти новые опорные точки.Выберите инструмент Direct Selection Tool (Стрелка), выберите левую опорную точку и переместите ее на 25 px вправо, затем выберите правую опорную точку и переместите её на 25 px влево.  В итоге ваша векторная фигура должна выглядеть, как на третьем изображении.

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

Шаг 9

Установите цвет переднего плана на #855f37, выберите инструмент Rectangle Tool (Прямоугольник), создайте векторную фигуру, размером 240х30 px и поместите её, как показано на первом изображении.  Выберите Add Anchor Point Tool (Добавить узловую точку) и добавьте две новые опорные точки, как показано на первом изображении.

Переключитесь на Convert Point Tool (Угол) и нажмите на обе опорные точки.

Выберите инструмент Direct Selection Tool (Стрелка), выберите левую опорную точку и переместите ее на 15 px вправо, затем выберите правую опорную точку и переместите ее на 15 px влево.  В итоге ваша векторная фигура должна выглядеть, как на третьем изображении.

Шаг 10

Убедитесь в том, что векторная фигура, созданная в предыдущем шаге, остается выделенной. ВыберитеEllipse Too l (Эллипс), проверьте активность кнопки Subtract (Вычесть переднюю фигуру) на верхней панели и нарисуйте круг, размером 70х70 px, как показано на первомОткройте окно Стилей слоя для этой фигуры и введите параметры, показанные на следующих изображениях для Тень, Внутренняя тень, Внутреннее свечение.

Шаг 11

Установите цвет переднего плана на #c7a069, выберите инструмент Type Tool (Текст) и добавьте надпись «PREMIUM», как показано на первом изображении.

Используйте шрифт MoolBoran, размером в 15 pt.  Выделите этот фрагмент текста и перейдите в Edit> Transform > Warp (Редактирование> Трансформирование> Деформация). Выберите «дугу» в деформации из раскрывающегося меню, введите 65 в окне «изгиб» и нажмите Enter.

Шаг 12

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

Переместитесь на панель слоев, щелкните правой кнопкой мыши на этой части текста и нажмите «Скопировать стиль слоя«.

Шаг 13

Выберите инструмент Type Tool (Текст) и добавьте надпись «QUALITY», как показано на следующем изображении. Опять же, используйте шрифт MoolBoran, размером в 15pt.Выделите этот фрагмент текста и перейдите в Edit> Transform> Warp (Редактирование>Трансформирование>Деформация)

Выберите «дугу» в деформации из раскрывающегося меню, введите -50 в окне «изгиб» и нажмите Enter.

Переместитесь на панель слоев, щелкните правой кнопкой мыши на этой части текста и нажмите «Вставить стиль слоя«.

Шаг 14

Выберите инструмент Type Tool (Текст) и добавьте надпись «MONEY BACK » дважды, как показано на следующем изображении.

Используйте шрифт MoolBoran  при установленном размере в 13 pt.  Кроме того, установите интерлиньяж в 10 pt и трекинг в 350.

Щелкните правой кнопкой мыши на этих фрагментах текста и нажмите «Вставить стиль слоя«.

Шаг 15

Выберите инструмент Type Tool (Текст), добавьте надпись «100» и символ процента, используйте параметры, показанные на первом изображении.

Выделите обе части текста и конвертируйте их в смарт-объект.

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

Окончательное изображение

Вот как должен выглядеть ваш окончательный результат.

Автор урока: Andrei Marius

Приятного творчества!

Еще больше уроков: https://photoshop-master.ru

comments powered by HyperComments

prophotoshop.su

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

2

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

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

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

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

Прямокгольник в фотошоп

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

Задайте фоновый цвет

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

Градиент в фотошоп

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

Реалистичность стикера

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

Спецэффект тени к объекту

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

Дубликат изображения

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

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

Панель слоев фотошоп

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

Повернуть стикер

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

Произвольная фигура фотшоп

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

Канцелярская кнопка для стикера

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

Растрировать слой стикера

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

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

photoshoper.me


Смотрите также