Как рисовать значки для сайта

Тема в разделе "Наука", создана пользователем Admin.

  1. Admin

    Admin Администратор Команда форума

    Сообщения:
    2520
    Симпатии:
    523

    Пользователь Admin разместил новый ресурс: Как рисовать значки для сайта

     

    Вложение

  2. Admin

    Admin Администратор Команда форума

    Сообщения:
    2521
    Симпатии:
    1320



    Как рисовать значки для сайта

     
  3. avatar

    Люсьена
    Проверенный

    Сообщения:
    39
    Симпатии:
    50

    Как рисовать значки для сайта


    Я, Как рисовавши значки для сайта ваше видео, решила тоже нарисовать иконку, ну не все сразу получилось, нужно набить руку. Недавно закончил делать иконки подарки для соцсети знакомств topface. На мой взгляд делать иконки в 3D противоречит традициям и хорошему тону иконографики. В сети вместо экранных шрифтов появляются нечитабельные уродства. Пиктограммы рисуются в удвоенном разрешении, используя сетку в 2px.
     
  4. avatar

    Закира
    Проверенный

    Сообщения:
    18
    Симпатии:
    25

    Иконки — как делаются и сколько стоят Дизайн Очередной мой пост посвящен иконографике. Насколько сложно делать хорошие иконки и во сколько обойдется вам набор иконок, если вы сами не можете их нарисовать? Рассмотрим этот вопрос на примере сайта Yellow Icon , который торгует объектом нашего обсуждения.

    Посмотрите на это произведение графического искусства. Как же это все рисуется? Думаю, что удобнее всего делать это в векторном редакторе. А вот более сложный объект. Вектор удобен тем, что его можно без ущерба качеству масштабировать. Еще один наглядный пример. Наборы иконок Yellow Icon продаются здесь же на сайте. Стоимость от до долларов. Иконки по индивидуальному заказу наверняка будут стоить намного дороже.

    В завершении скажу старую фразу. Лучше один раз увидеть, чем сто раз услышать в нашем случае прочитать. Теперь никто не сможет меня упрекнуть, что на тему иконок я ничего не пишу на страницах Хабры.

    Вы считаете этот проект IconFactory удачным? Все в едином стиле, сочитается неплохо и не утомляет. Кстати может устроить голосовалку по этому вопрос? Зато всем знакомо, легко узнаваемо и логически понятно.

    Смотрится не супер, но все в едином стиле и не режет глаз. Да, со времен win3. Зато пользователям привычно со времен win3. И не вижу причин менять стиль. Ну в свое время он может и неплохо выглядел Хотя сейчас это кажется таким г..

    Вот что значит текст в 1. Интересно, когда же появятся программные продукты, сразу использующие векторные иконки? А то растровые масштабируются плоховато. Где Apple использует векторные иконки? Если я не ошибаюсь, ещё нигде не релизована такая возможность.

    В макос x иконки хранятся в нескольких разрешениях от 16 на 16 до на и система подставляет нужный рендер в зависимости от установленного пользователем размера. Никакого шаманства с вектором пока нету. Apple просто использует размеры до х, в то время как в винде 64х64 максимум. Маленькие иконки все равно попиксельно рисуются или, по крайней мере, существенно правятся, иначе получается маленькая неразборчивая размазня. Что кстати и на примерах видно видно что попиксельно я имею ввиду.

    Не факт, совершенно не факт. Да, зачастую сет дорабатывается в фотошопе, но поверьте мне, очень незначительно шарпен, удаление лишних пикселей если нужен резкий край и т. В Иллюстраторе есть режим pixel preview, в котором показывается сразу растеризованный вектор. Адаптация иконки под малое разрешение происходит в векторе, толщины линий всегда в целых пикселях, узелки подгоняются в векторе для лучшего отображения обычно открывают два окна: Также очень неплохо справляется с пикселями Xara Xtreme, я предпочитаю рисовать иконки в ней.

    А я не согласен, хоть пикселем тоже рисую: Если хочешь, я найду парочку своих недавних работ 16x16 в которых обработка в фотошопе заключалась в сборке в стрип и подчищении краев так как рисовались для тулбаров в pocketpc и там отсутствует альфа-прозрачность, только жесткий край. Я на пиксель не наезжаю, это вообще другой жанр ; Вот из некоммерческого. Я только поменял тошнотный цвет прозрачности ff00ff на серенький.

    Мдааааа, наверное все же лучше так: Вот к примеру, захотим мы посмотреть на Мону Лизу в профиль, а не выйдет. Лео должен был в 3D-редакторе ее рисовать. Хотя, идея с врщающимися иконками это интересно. Думаю, что интерфейсы в этом направлениии двигаются. Если бы пиктограммам суждено было вымереть, вместо них бы давно ставили фотографии или отрендеренные изображения. Чего мы не наблюдаем. Вообще-то чистые 3d-иконки вещь не сильно выразительная и инересная - за исключением редких случаев.

    Смена ракурса у иконки - вещь черезвычайная, так как до того чтобы стать иконкой, проходится стадия концепта и эскиза, на этих этапах вырабатывается общая линия сета что практически исключает последующие глобальные изменения. Самый частый пример использования 3d в иконостроении - это что-то типа построения модели в 3д-редакторе с последующим переносом в иллюстратор, для этого очень хорошо подходит Rhino 3D - дает очень хороший и чистый.

    Ну, в таком случае полностью согласен. Для макса кажется это умеет плагин illustrate, можно открыть модель в Rhino. Иллютрейт да, есть еще Strata - тут все от задачи зависит, даже чаще трейса напрямую из макса во flash или ai, использую трейсилку самого флеша там кривульки можно быстро и удобно править, хотя возможно я иллом не владею просто; Макс да и вообще 3d моделинг в иконках нужен для правильной передачи перспективы - тоесть делаю там некую форму - можно конечно нарисовать ее в том же илле, но это сложно бывает если модель похитрее чем кубик; затем уже блики, контуры, внутренние контуры светлые для придания объема делаю в илле или во flash - ну тут у каждого своя техника разумеется;.

    На мой взгляд делать иконки в 3D противоречит традициям и хорошему тону иконографики. Можно конечно и пиксельную графику в 3D делать. Это конечно было бы оригинально. Иконка нарисованная вручную более живая. Это как рисунок художника. Никакое 3D не заменит рук графика. Кастомизация это пример зла. Как только всем подряд дают выходить за рамки, то начинает твориться ужасное.

    В аське приходят сообщения на зеленом фоне розовыми буквами огромного размера. В сети вместо экранных шрифтов появляются нечитабельные уродства. На форумах все прыгает и скачет от анимированных аватаров, чья основная функция увеличивать объем бесполезного трафика.

    Само появление "народного Flash" изувечило лицо инета до безобразия. Кастомизация это когда едешь в метро и тебе мешает читать мелодия группы "Руки в верх". А мелодия эта играет из мобильника вон того парня в розовой майке и джинсах которые еще несколько лет назад постеснялся бы клоун надеть. Причем этот парень дизайнер. Вот он сейчас приедет на работу и нарисует новую серию иконок или веб-сайт.

    И как вы думаете они будут выглядеть? Творчеством таких вот и завален весь Рунет. Да, за "руки вверх" ему его руки в зад засунуть надо; согласен, а имя ему - ремесленник, но не дезигнер никак; виш развилось сколько!

    D Рисую пиксельно в фотошопе седьмой версии. Так пиксел тем и хорош, что им можно в любом графическом редакторе рисовать. А вектор тем и хорош, что им можно в любом векторном редакторе рисовать: А для пикселя я пока что ничего лучше фотошопа не нашел. Второй номинант - GraphicsGale. А "любой графический редактор" - зачастую вещь неудобная до ужаса. Мало ли как бывает. К примеру, попали вы на необитаемый остров. Естественно там нет никакого Фотошопа.

    Есть только штатный примитивный редактор вмонтированный в Windows. Придется рисовать иконки в нем. В таком случае я буду выкладывать иконки из кокосов прямо на песке.

    Кстати о штатном примитивном редакторе, есть один дикий человек, который в нем нарисовал мегаполотнище: Хе, не то слово. У него там наверное компьютер был с windows95, с него он скаконул прямо на висту. А вот фотошоп седьмой версии на мой вкус для пикселя подходит не сильно, я пользую его для растровой графики, а для пикселя у меня стоит 5.

    Мне подходит, это главное. Я уже выше написала, что каждый сам себе выбирает редактор, где ему удобнее. А заказчикам и воовсе фиолетово в чем нарисовано, главное чтобы красиво было. Не, когда слоев много, то я тоже безропотно лезу в семерку.

    Но в обычной жизни для пикселя нет ничего лучше 5. А пятерку заточил строго под пиксель, единственная жалость - они вместе не запускаются. Функций хватает, да и к более свежим версиям нет доступа;.

     
  5. avatar

    Кадрия
    Проверенный

    Сообщения:
    48
    Симпатии:
    13
    По-моему, кто-то уже говорил, только сылкой не могу поделиться.
     
  6. avatar

    Irina
    Проверенный

    Сообщения:
    48
    Симпатии:
    13
    Интересный сайтик, особенно хочется выделить оформление
     
  7. avatar

    Лилиана
    Проверенный

    Сообщения:
    48
    Симпатии:
    13
    Я думаю, что Вы не правы. Предлагаю это обсудить. Пишите мне в PM.
     
  8. avatar

    Женя
    Проверенный

    Сообщения:
    48
    Симпатии:
    13
    ахахахаххх вот это прикольно.. поржал на славу
     
  9. avatar

    Солнышо
    Проверенный

    Сообщения:
    45
    Симпатии:
    16
    В результате этих манипуляций получится ровная сетка по которой можно смело работать. Анастасия Мясоедова Веб дизайнер, жена, мама. Видимо, Вы из их числа. Информация Отказ от ответственности Политика конфиденциальности Согласие с рассылкой Правообладатели Наши проекты Публичная оферта. Лучшее решение, позволяющее избежать этой ошибки — рисовать иконку в двойном размере, используя сетку в 2px, а потом объединять слои и сжимать ее до целевого разрешения.
     
Похожие темы - Как рисовать значки для сайта
  1. avatar
    Ответов:
    5
    Просмотров:
    376
  1. avatar
    Ответов:
    3
    Просмотров:
    165
  1. avatar
    Ответов:
    7
    Просмотров:
    362
  1. avatar
    Ответов:
    4
    Просмотров:
    233
  1. avatar
    Ответов:
    8
    Просмотров:
    448
  1. avatar
    Ответов:
    5
    Просмотров:
    492
  1. avatar
    Ответов:
    8
    Просмотров:
    221

Поделиться этой страницей

tweet
tweet