Привет всем! Давно я не писал новых уроков о фотошопе и графики в целом. Мне пришло письмо оn zzzhekaaa с прозьбой рассказать как рисуются иконки типа:
https://msg.dimonvideo.ru/85127/0.zip
Выбрав часик свободного времени я решил нарисовать что-то похожее. Как я и думал - ничего сложного в рисовании подобных иконок не обнаружил.
Итак, начнём. Что нам нужно? Adobe Pfotoshop, желание чему-то научиться и ровные руки.
Запускаем фотошоп и открываем любую понравившуюся обыную иконку.
Пример:
картинка
Таких иконо в интернете море, так что с поиском подходящей вам проблем быть не должно.
Далее рисуем прямоугольник с округлёнными краями на слое, за нашей иконкой, растерезиреум его(правой кнопкой и Resterize Layer) и называем его back:
картинка
Теперь выделим оба наших слоя(зажимаем шифт и кликаем по-очереди на слои) и идём в Edit => Transform => Perspective и тягаем за края нашу картинку, пока не добьёмся нужного результата.
Вот, что вышло у меня:
картинка
Теперь копируем слой back, новый слой назваем back2, ставим его за back и немного увеличиваем его(Edit=>Tranform=>Free Transform или ctrl t) до нужных размеров:
картинка
Я подкрасил немного слой back2,чтобы показать вам, где какой слой находится.
Теперь начнём задавать стили нашим слоям back и back2
Для тех, кто не знает - правой кнопкой на слой и BlendingOptions. Для слоя back2 выставляем всё так, как на скринах:
картинка
картинка
Теперь настраиваем слой back:
картинка
картинка
картинка
Теперь мы видим, что иконка почти готова, но она не такая, как в примере... Идём в Edit => Transform => Distort и наклоняем наши все слои вместе
:
картинка
Всё, из обычной иконки мы сделали интересную 3д иконку.
Теперь сохраняем её, нажимая alt ctrl shift s
Выставляем нужные нам настройки(формат png 24, размер иконки и т.д.) и делаем новые темы с новыми иконками! Всем спасибо, кто читал, мне спасибо, за то, что писал. Бояном статья не является, так как написана мной с нуля. С вами был
ваш Inlanger
Куда их дели?Интересно, можно ли попросить модераторов статья поправить?
Пишем комментарии.У всех картинки отображаются?
Всё равно при попытке перейти по ссылке попадаешь на какой-то сайт. Отображается картинка только в .png, в .jpg переходит не туда...
0 ответить