Как сделать иконку с длинной тенью

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

  1. Создаем новым документ с размерами 650 на 450 px, разрешение 72 dpi. Зальем документ цветом #F3F089.
    Как сделать иконку с длинной тенью
  2. Возьмите фигуру Прямоугольник со скругленными углами (Rounded Rectangle), с радиусом (radius) 20 px и создайте квадрат оранжевого цвета (в настройках прямоугольника — слой-заливка).
    Как сделать иконку с длинной тенью
  3. Создайте новый слой под слоем с квадратом и сделайте выделение при помощи прямоугольной области Rectangular Marquee Tool. Выделение должно быть прямоугольным, ширина его должна быть несколько больше оранжевого квадрата, а высота примерно равна одной из сторон квадрата. В дальнейшем размеры выделенной области мы несколько изменим. Залейте выделение черным цветом.
    Как сделать иконку с длинной тенью
  4. CTRL + T — горячие клавиши трансформирования. Поверните выделенную черную область, как показано на скриншоте.
    Как сделать иконку с длинной тенью
  5. Возьмите ластик (Eraser Tool) и удалите все части черной области, которые выступают сверху и слева от оранжевой иконки.
    Как сделать иконку с длинной тенью   Как сделать иконку с длинной тенью
  6. Добавьте к слою с черной фигурой маску слоя, нажав на соответствующую иконку слоя. Возьмите черно-белый градиент и проведите им в направлении по диагонали слава и сверху вправо и вниз по черной фигуре. Уменьшите непрозрачность слоя до 18%. Получим такую тень:
    Как сделать иконку с длинной тенью
  7. Возьмите инструмент Произвольная Фигура (Custom Shape), выберите из выпадающего списка любую и фигур и создайте рисунок белого цвета на иконке.
    Как сделать иконку с длинной тенью
  8. Создайте новый слой под слоем с белой фигурой, снова сделайте прямоугольное выделение, залейте его черным цветом и трансформируйте. Седите за тем, чтобы черный прямоугольник лежал параллельно тени от иконки.
    Как сделать иконку с длинной тенью
  9. Сотрите лишнюю область слева и сверху ластиком, имитировав очертания будущей тени.
    Как сделать иконку с длинной тенью
  10. Выделите контуры иконки, нажав на миниатюру слоя с иконкой с зажатой клавишей CTRL. Добавьте маску слоя к слою с черной фигурой (будущей тенью от рисунка иконки).
    Как сделать иконку с длинной тенью
  11. Все лишние части фигуры, которые выходили бы за пределы иконки, отсекутся. Осталось только уменьшить непрозрачность слоя примерно до 27%. 2016-01-05_02-28-42

 

 

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

На нашем Портале графики вы узнаете все о Photoshop и обо всем, что связано с дизайном. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!