категории | RSS

Привет всем! Давно я не писал новых уроков о фотошопе и графики в целом. Мне пришло письмо о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

DimonVideo
2007-09-21T12:24:10Z
Здесь находятся
всего 0. За сутки здесь было 0 человек

Комментарии 18

#18   Arago    

Все ссылки попортились((


0 ответить

#18   stoparik05    

Прикольно получилось!!!!!


0 ответить

#18   DrakonX    

Конешно написано хорошо но до иконки 3d всетаки чет нехватает! мож я и не прав)


0 ответить

#18   7755    

Во я дурной, вместо того шоб понять статью про фотошоп, делаю 3д модельки, разрисовываю и делаю скриншоты, объясните мне эту статью еще 5 раз и медленно пожалуйста, ниче не понял. Хелп!


0 ответить

#18   fag3    

Не отображаются картинки, а почему?
Жаль, без них статья как то сиротливо выглядит.


0 ответить

#18   OpexoFF    

а наглядный пример тут очень нужен smile


0 ответить

#18   OpexoFF    

у меня тоже только первая картинка отображается :(


0 ответить

#18   SanaLambo    

То есть у тебя по ссылке переходит нормально? У меня никак, ни прямо, ни из буфера, ни с компа, ни с тела. Залез в папку, где эти картинки лежат, тот же результат, что ни кликай, только .png показывает... Не знаю чё делать...


0 ответить

#18   inlanger    

Так, проверенный способ! Не тыкаем по ссылке, а копируем её в буфер, вставляем её в строку ввода адреса и нажимаем энтер!


0 ответить

Яндекс.Метрика