С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание простых иконок в Фотошопе

Создание простых иконок в Фотошопе

В этом уроке мы будем делать простые красивые иконки в стиле магазинных наклеек.  

 

 

Создание простых иконок в Фотошопе

 

 

Шаг 1: Фон

 

На самом деле фон здесь не очень важен, но мы всё же сделаем что-то хорошее и простое для наших иконок в любом случае. 

 

Создайте новый  документ размером 800 на 600 пикселей и залейте его темным цветом. В данном случае я использовал темно-коричневый (# 2e1f13).

 

Далее можно найти красивую текстуру дерева и расположить ее на заднем плане.

 

 

Создание простых иконок в Фотошопе

 


 

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

 

Теперь, когда у вас есть текстура, скопируйте её на холст, и измените ее размер. После этого уменьшите непрозрачность и смешайте её с фоновым цветом.

 

Возможно, вам придется повторить этот шаг несколько раз, используя различные Режимы наложения (Blend mode) слоя и Непрозрачность (Opacity).

 

 

Создание простых иконок в Фотошопе

 

 

Шаг 2: Основа иконки

 

Теперь давайте создадим основу нашей иконки. Возьмите инструмент Овальная область (Elliptical Marquee Tool), затем сделать выделение в средней части холста. Создайте новый слой, затем залейте его соответствующим цветом.

 

 

Создание простых иконок в Фотошопе

 

 

Хорошо, теперь у вас есть форма основы, теперь нужно отрезать уголок и повернуть его. Для этого возьмите инструмент Прямолинейное лассо (Polygonal Lasso Tool) и выделите угол формы следующим образом.

 


 

Создание простых иконок в Фотошопе

 

 

Щелкните правой кнопкой мыши на выделении и в контекстном меню выберите команду Вырезать на новый слой (Layer via cut), это позволит сократить выбранные пиксели и разместить их в новый слой. Поверните  слой на 180 градусов (Редактирование> Трансформирование> Поворот на 180 градусов (Edit> Transform> Rotate 180)), так же вам может потребоваться переместить его немного, чтобы выделение располагалось на углу.

 

Далее заполните форму белым или другим светлым цветом.

 

 

Создание простых иконок в Фотошопе

 

 

Шаг 3: Эффекты (стили слоя)

 

Далее примените стиль слоя Наложение градиента (Gradient Overlay) для каждого из слоев, для щелкните правой кнопкой мыши на слое и выберите команду Стили слоя (Blending Options).

 

Для окружности.

 

 

Создание простых иконок в Фотошопе

 

 

Для уголка.

 

 

Создание простых иконок в Фотошопе

 

 

Вот, что должно у вас получиться.

 

 

Создание простых иконок в Фотошопе

 

 

Смотрится намного приятнее.

 

Шаг 4: Добавление текста

 

Теперь давайте добавим текст. Возьмите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите что-то вроде «Подпишитесь сегодня!» на двух строках.

 

 

Создание простых иконок в Фотошопе

 

 

Примечание: Шрифт, используемый выше, называется Delicious, это бесплатный шрифт, который можно скачать отсюда.

 

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

 

 

Создание простых иконок в Фотошопе

 

 

Отлично, смотрится хорошо! Наконец, чтобы сделать текст немного выделяющимся, вы должны добавить стиль слоя Тень (Drop shadow).

 

 

Создание простых иконок в Фотошопе

 

 

Дополнительно

 

В заключении, вы должны объединить все слои вместе, затем изменить размер иконки до 25% от её оригинального размера.

 

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

 

 

Создание простых иконок в Фотошопе

 

 

На этом всё. Надеемся Вам понравился этот урок.

 


Автор урока: Команда сайта photoshopstar.com


Переводчик урока: Ирина Шипилова 

Ссылка на источник

 



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 13.07.2012
  •   Просмотров: 7372
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки