Рубрика: Photoshop Уроки | Урок прочитали: 898
 (голосов: 0)

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

В данном уроке вы узнаете, как создать простой 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" и символ процента, используйте параметры, показанные на первом изображении.

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

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

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

           

Похожие файлы и публикации:

Рисуем стикер в Фотошоп
В данном уроке вы узнаете, как создать простую бумажную квитанцию в Фотошоп.
Рисуем стикер в Фотошоп
Финальное изображение, которое мы будем создавать.
Рисуем стикер в Фотошоп
В этом уроке Вы узнаете, как создать стильный музыкальный мини плеер, используя векторные инструменты фотошоп и стили слоя.
Рисуем стикер в Фотошоп
В этом уроке, я покажу Вам, как создать иконку адресной книги с помощью Фотошопа. Давайте начнём!
Рисуем стикер в Фотошоп
В этом уроке я покажу, как нарисовать реалистичную фотопленку.
Рисуем стикер в Фотошоп
Откройте Фотошоп и создайте новый документ  (Ctrl + N). Установите те параметры документа, которые Вы видите на скриншоте и нажмите ОК. Теперь добавьте к документу сетку через меню Просмотр – Показать – Сетка (View > Show > Grid) и включите привязку к ней: Просмотр – Привязать – Сетка (View > Snap To > Grid). Для начала работы нужно проставить сетку через каждые 5 пикселей.
Рисуем стикер в Фотошоп
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Рисуем стикер в Фотошоп
Стили слоя являются мощным инструментом в Photoshop,  которые позволяют быстро создавать эффекты, которые можно применить к дополнительным объектам.
Рисуем стикер в Фотошоп
Если вы хотите знать, как сделать выразительные обои, тогда почитайте этот Photoshop урок.
Рисуем стикер в Фотошоп
Перед началом урока, пожалуйста, скачайте эту бесплатную текстуру Stucco texture
Рисуем стикер в Фотошоп
Этот урок покажет, как создать красивый эффект матового стекла для текста, используя фильтры Фотошоп и стили слоя.
Рисуем стикер в Фотошоп
В этом уроке мы будем рисовать анимацию летающего ангела.
Рисуем стикер в Фотошоп
В этом уроке я покажу Вам как создать абстрактную новогоднюю 3D иллюстрацию используя новые 3D инструменты которые Adobe включил в Photoshop CS5. Давайте начнем!
Рисуем стикер в Фотошоп
Скоро Пасха и в сегодняшнем уроке, я покажу вам простой способ нарисовать яйцо в Photoshop. Яйцо сделано с нуля, и оно будет создано в качестве векторной формы, что позволяет изменять размер без потери качества.
Рисуем стикер в Фотошоп
Создайте новый документ размером 1350 x 1000 пикселей.  Установите основной цвет #4ea6d0, а цвет фона #195081. Создайте радиальный градиент от центра документа к одному из его углов.