html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Создаем простой значок в Adobe Photoshop

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

 

 

Финальный результат

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

Ресурсы

Шаг 1

Откройте Photoshop и нажмите Ctrl + N, чтобы создать новый документ. Введите данные, показанные на рисунке ниже, и нажмите кнопку OK.

Теперь нужно включить сетку (View> Show> Grid) и привязку к сетке (View> Snap To Grid>).

Нам нужно создать сетку с интервалом в  5px. Переходим к Edit> Preferences> Guides, Grid & Slices и переходим в раздел  Grid. В поле Gridline Every вводим значение 5  и 1 для Subdivision. Кроме того, нужно установить цвет сетки — # a7a7a7.

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

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

Шаг 2

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

Проверьте все три коробки затем введите 100px для радиуса и 20% для отступа.

Установите цвет переднего плана # c7a069 и создайте форму, как показано на следующем рисунке.

Шаг 3

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

Сетка и привязку к сетке должна быть уже включена. Для этого нового документа нужно создать сетку с интервалом в каждый 1px. Просто зайдите в Edit> Preferences> Guides, Grid & Slices и введите 1 в поле Gridline Every.

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

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

Закройте документ и перейдите к первому. 

Шаг 4

Снова переходим к Edit> Preferences> Guides, Grid & Slices и вводим 5 в поле Gridline Every.

Переходим к панели слоев и дважды нажимаем на слое с формой, чтобы открыть стили Layer Style.

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

Шаг 5

Установите цвет переднего плана # 855f37 и выберите Ellipse Tool. Создаем круг 120px и размещаем его в центре предыдущей формы. Убедитесь, что форма выбрана, дальше продолжаем работу с инструментом Ellipse Tool. Выберите кнопку Subtract  и создайте круг, как показано на втором скриншоте. 

 

Шаг 6

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

Шаг 7

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

 Нажимаем кнопку Add  в верхней панели и создаем прямоугольник размерами  270 на 40px. 

Шаг 8

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

Переключаемся на инструмент Convert Poin и выбираем две опорные точки. Далее  нужно переместить эти новые опорные точки.

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


Откройте окно Layer Style и вводим следующие свойства.

Шаг 9

Установите цвет переднего плана # 855f37, выберите Rectangle Tool и создайте форму 240 на 30px.  Размещаем ее в нужном месте. Добавляем две опорные точки. 

Выбираем инструмент Convert Point  и выделяем две опорные точки. 

Выберите Direct Selection Tool, выделяем левую точку и перемещаем ее на 15px вправо,  выберите правую опорную точку и перемещаем ее на 15px влево. 

Шаг 10

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

Открываем  Layer Style и вводим следующие свойства. 

Шаг 11

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

Используйте шрифт MoolBoran с размером в 15pt. Выберите  этот текст и перейдите в  Edit> Transform> Warp.

Для деформации с выпадающего списка выбираем дугу Arc и вводим 65 в поле  Bend. Нажимаем Enter.


Шаг 12

Для текста открываем стили Layer Style и добавляем стили к тексту. 

Переходим в панель Layers, нажимаем правой кнопкой мыши на  тексте и нажимаем  Copy Layer Style. 

Шаг 13

Выбираем инструмент  Type Tool и добавляем  "QUALITY".  Опять выбираем шрифт MoolBoran шрифтом с размером  в 15pt.

Снова делаем те же шаги, что и к предыдущему тексту. Переходим к  Edit> Transform> Warp.

Выбираем Arc, но в этот раз уже вводим в поле Bend -50. 

Вставляем стиль слоя, который применяли к тексту "PREMIUM".

Шаг 14

Выберите Type Tool и добавьте  надпись “MONEY BACK”. 

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

Добавьте сохраненные стили слоя. 

Шаг 15

Выбираем инструмент Type и добавляем надпись  "100" и символ процента. Выделите обе части текста и конвертируйте их в смарт-объект.

Откройте окно Layer Style для этого смарт-объекта и введите свойства  как на скриншотах ниже.

Финальный результат


Автор:  Andrei Marius 
Перевод — Дежурка
Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

5

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • dejurka-magazine
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции