» » Photoshop урок: Учмся делать иконки
Благодаря этому мы еще на плаву :)

Photoshop урок: Учмся делать иконки

Автор: sanchesko от 28-04-2008, 06:24
В этом уроке мы попробуем научить вас сделать вот такую иконку:



Шаг 1. Для начала создаем изображение 128*128. Заливаем его нужный фоном или оставляем прозрачный фон. Создаем новый слой (ctrl+shift+N). Далее выбираем инструмент "скругленный прямоугольник" (shift+U несколько раз пока не попадем на то что нам нужно).
Задаем скругление 10 пикселей. Выставляем его в режим вектора как показано на рисунке.
При зажатой клавиже shift рисуем скругленный прямоугольник на слое что мы создали. Нажимаем ctrl+enter для преобразования контура в выделение и заливаем любым цветом (на данный момент цвет не важен). Должно получится что-такое:
Шаг 2. Создаем тень для полученного скругленного прямоугольника. В свойствах слоя задаем следующие параметры тени:
Налаживаем градиент (цвет вы можете выбирать сами - поэкспереминтируйте). например, используем следующий градиент:
Можно также наложить любую текстуру (я использовал текстуру 4*2 пикселя, где половину высоты занимает черный цвет, а другую половину прозрачные пиксели, таким образом я получил линии):
Прозрачность наложения текстуры надо выбирать в зависимости от вида текстуры и вашего видения так что пробуйте различные комбинации. Шаг 3. Создаем еще один слой на котором мы размещаем текс или рисунок. Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой одноцветный рисунок и добавил ему тень.
Далее в свойствах слоя выставляем параметры тени:
Цвет тени выбирайте исходя из цвета фона. Шаг 4. Создание блика. Создаем еще один слой где изпользуя инструмент "скругленный прямоугольник" (уже просто U) рисуем контур с скруглением 9 пикселей и отступами по боках от "основного тела" иконки порядка 1-2 пикселя. Нажимаем ctrl+enter для преобразования контура в выделение и заливаем его полупрозрачным градиентом (от белого до прозрачного). Должно получится как на рисунке:
Далее используя инструмент "pen" (нажимаем "P"), отрисовуем дугу среза по середине иконки. Должно получится что похожее как на рисунке. Нажимаем ctrl+enter для преобразования контура в выделение и удаляем лишний градиент (del).
в конечном результате должно выйти такое, есть проще способ, который я напишу потом...
Вот мы и рассмотрели, способ как сделать такую иконку. Удачи!
  • непонятно обьяснино! подробно нада! :(
  • Баян, ещё по русский фотожоп. !! Нифига не понятно!
  • :biggrin: :surprised:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.