Полдня ушло. Наконец-то научился пользоваться фигурами.
Это успех.
Уменьшать кегль или интерлиньяж? Какое зло менее хуже?
Зашвар или нет? Как избежать проблемы?
Ну, во-первых, ты можешь сэкономить написав | вместо /.
Что ты имеешь в виду под уменьшать интерлиньяж? У тебя же одна строка. Делай меньше кегль, как в оригинале, или замени текст на иконки.
>уменьшать интерлиньяж
В фотошопе это называется трекинг. Буду называть это так.
>Делай меньше кегль
Так норм? А то чувствую, что кнопки выбиваются с ритма. Смотри на «турбо».
>сэкономить написав | вместо /.
>HEALTHISAVE
Чёт не то.
оставь одно слово
Вот теперь норм? Меня беспокоит кнопка «mildew».
Уменьшил трекинг.
Вроде всё.
>интерлиньяж
Да, чёт я упоролся. Кернинг, ёпты.
заебись
А какая цель была?
>А какая цель была?
Научиться перерисовывать объекты в таком стиле.
Поебусь-ка над этим.
Я-то думал, что у меня проблема с перспективной. Взял другую фотку. Оказывается, компутер не по сетке сделан. С трудом попал в пиксели.
Нащупал ритм.
Вот.
Получилось! Беру свои слова обратно. Здесь был ритм :-)
Потом увеличу. Пошёл спать.
Во втором ряде обнаружил неправильно сдвинутую на пиксель первую клавишу. Вот теперь всё правильно. Теперь всё.
Продолжаю.
там же кнопки чуть ли не квадратные, ты чего их закруглил?
Показались слишком квадратными.
Думаю, подойдет 4-я или 5-я.
Фух. Наконец-то дошёл до клавиш.
Ебать ты слоу
Не всё так просто.
Кажется, я нащупал ритм.
Выровнял. 7px слева и справа.
Ты весь тред его щупаешь. Это типа твой блог?
Я в треде предложил всем разминать ручки и ебаться с пикселями. Но видимо это интересно только мне.
Вот теперь могу спать спокойно.
Точно всё.
Трудно понять. Это обычные скобочки или 〈математические〉.
Почти финализировал кончил.
Превозмогаю.
Всё, я заебался.
Так как я не умею в скевоморфизм. Просто стилизую
Поебусь-ка с часиками.
Попробую подобрать правильную сетку.
Вспомнил геометрию.
60° — 12, 3, 6, 9
30° — 1, 2, 4, 5, 7, 8, 10, 11
6° — 5 минут
Чёт обосрался.
90° — 12, 3, 6, 9
30° — 1, 4, 7, 10
60° — 2, 5, 8, 11
6° — 5 минут
Следующая цель.
Лень допиливать.
Как Бирман делает шрифты такими чёткими?
Это интересно. Кажется, что нет порядка, а оказывается, что есть.
привет, тред
ой, подзашкварился в ф-клавишах, без тебя бы и не заметил, тред.
PSHHHH.... YOBA ETO TI?
Милости прошу к нашему шалашу.
Как притупить углы?
Понял.
Интересная деталь.
Толщина линии 1 пт — это 1 писель. 0,05 пт — это не половина пикселя, а 50% непрозрачность линии. Хуй его знает почему.
CTRL+H убирает линейки.
Наконец-то попал в пиксели.
Разметил кнопочки.
Антенну отрисовал пером →
PSSSSSSSSSSSHHHHHH
Быстро я справился.
Последняя правка.
Бля, метрически всё правильно, но оптически пидорасит сетку. Четверка и единица выбивается с ритма.
YOBA в треде, кто спрашивает?
Это произошло потому, что я увеличил картинку и пропорции распидарасило.
Что не так на первом пике? Слишком жесткое скругление, которое выбивается с ритма? Или это из-за того, что я уменьшил прозрачность?
Понял. С левой стороны 6px, а с правой 7px. Не заметил.
А если так?
Ты намекнул на обводку? Чёт мне так глаза жжет.
Заебись. Но раз уж в этом треде мы строим маленький фашизм, то пикрилтд. Еще:
— Старайся создавать документы такого размера, чтобы при необходимости увеличивать их в какое-нибудь кратное число раз, тогда ничего не распидорасит. Впрочем, ты и сам уже наверное понял.
— И цифры тоже можно в пиксели.
— Заливки не нужны.
В оригинале именно так, как я сделол.
>фашизм
Освятил.
а как ты представляешь себе линию в 0.5 px? монитор не сможет её отобразить, поэтому пошли на хитрость - полупрозрачная линия выглядит чуть тоньше.
Ну рамка вокруг цифр в пиксели не попала, ну же. Ты в люстре делаешь?
В фотошопе.
а разве там нет pixel perfect, вроде уже давно что в люстре что в шопе
ОП, ты ебанутый, что ты делаешь? Ты высветляешь картинки и обрисовываешь по пикселям как умственно отсталый? На хуя? Кстати, как умственно отсталый умственно отсталому, обьясни как ты так ловко нарисовал деления на часах, я имею ввиду, что я нихуя не смог бы нарисовать так без прикладывания транспортера к монитору лол. В фотошопе есть какой то аналогичный инструмент? Только не говори, что ты их тоже обводил с картинки как даун. Хотя, вот пока писал додумался, что можно ведь на фри трансформе повертеть саму пикчу с точностью до доли градуса.
>на фри трансформе повертеть саму пикчу с точностью до доли градуса
Именно так я и сделал.
>Нахуя?
Потому что могу.
Смотрите, чё я придумал. Это же можно отрисовать.
>Хотя, вот пока писал додумался, что можно ведь на фри трансформе повертеть саму пикчу с точностью до доли градуса.
А можно из вектора захерачить чтоб вот так вот в пиксели попало?
Как этот кал можно начертить семью точками?
Да ты охуел! Я машинку не могу отрисовать, а ты ещё об этом спрашиваешь. Не знаю, кароч.
Тоже не понял как это действует, чтобы как у людей.
легко же
Ну ты пиздец.
Можно из 2х точек нарисовать овал, и сказать что это голова. Хреново там рекорды считаются.
>легко
Бирман поясняет за пиксели.
Что ты там затих?
Прост :-(
А сказать "цвет сделай светлее" не достаточно илитно?
Ты это к чему? Где именно? Ты чё несешь?
епт, там дается же колея в которую надо уложиться. Я тоже сначала думал, что это тру тест на перфекционизм и тренировку руки, красиво рисовал, потом увидел цифры рекордов и перерисовал все без особых проблем, там только с S заёб, из-за одной точки заколебался всё перерисовывать и забил через 10 минут. В целом годный сайт троллить всяких недодизайнеров, которые кичатся тем, что хорошо знают люстру, а на деле не могут кривую нормальную нарисовать
да он поехавший, 256 на 6 и 12 не делится, есть RGB по 8 бит и нехер выебываться. Понаберут гуманитариев по объявлению...
Ясно. Ты не забыл написать ему на почту?
Гуманитарий выходит на связь.
256 red + 256 blue + 256 + green
256 * 3 = 768
768 / 6 = 128
768 / 12 = 64
Но тут же нету ритма!
Ты крутой. Линии слишком толстые и черные.
Кек, я в глаза ебанулся. Он есть, щупай.
Будет такая же хуйня
Четче прорабатывай.
проиграл с сосачеров
Это ты охуенно придумал, особенно для градаций серого, про который речь. 2^8 - это 2222222*2 - найди тут тройку.
От чего твоя каждая вторая двойка косо смотрит?
шатается*
Не понимаю, в чем смысл этого дроча? Сидеть вытачивать векторы в шопе, когда есть люстра, потому что там какой-то дебил сказал это 5 баллов, конечно.
Эй, ОП, к тебе приходит заказчик, показывает пик и говорит, сделай так же.
Долго будешь щупать?
Эй, ОП, к тебе приходит заказчик, показывает пик и говорит, сделай так же.
Долго будешь щупать?
>Не понимаю, в чем смысл этого дроча?
>Специальная олимпиада объявляется открытой!
http://lurkmore.to/Special_Olympics
>когда есть люстра
Я уже на нее перекатился и медленно осваиваю.
>Эй, ОП, к тебе приходит заказчик, показывает пик и говорит, сделай так же.
Не знаю. Как ты бы решил эту проблему?
Можно сделать в люстре, но иногда быстрее замоделить это в 3D, отрендерить в изометрии линиями, поставить сноски в люстре, всё.
ОП, ты хоть и наркоман, но ахуенен! Два чаю тебе.
Восхищаюсь тобой
Восхищаюсь тобой
>ахуенен
Я же быстро слился :-(
>Два чаю тебе.
И тебе того же!
Пришло время переверстать форму. Форма сама не переверстается.
https://www.youtube.com/watch?v=h_qNIIIQfVs
— первое достижение.
Не могу попасть в пиксели градиенты. Понял, что в качестве грязи используется внутренняя тень и шум.
Как делать такую тень, чтобы она была не чётко по краям и?
Будет близко к оригиналу.
Потом прикручу блик к кнопочке.
Оп, давай дружить, оставляй и-мейл — будем перекидываться всякими ништяками ну и вообще.
чому тень цветная? жиай пришел и в ваш дом!?
>оставляй и-мейл
[email protected]
Комментарии дельные, но на пикче тестовое задание в самзнаешькакоебюро, суть которого сверстать форму по картинке. Здесь дело в технической части, а не смысловой.
Бирман пишет о контуре. Как его применить в CSS?
http://ilyabirman.ru/meanwhile/all/ui-shadows/
>жиай
Поясни.
>>жиай
>Поясни.
жлобал алюминэйшан GI ленивая ты ж хуина
>это название ряда алгоритмов, используемых в трёхмерной графике для более реалистичной имитации света
Как будто я должен знать.
>Как будто я должен знать
Вы имитируете эффекты реального мира, но даже не знаете как они называются... крестный_отец.жепеге
кстати нихуя тени не реальные, даже если заставить листок излучать свет, все равно не будет таких злоебуче крашенных теней с двух сторон
>крестный_отец.жепеге
Что почитать по теме? Люто завидую твоим знаниям.
Для твоих задач хватит статеек из вики, читай про GI, IOR и френелевские отражения, про каустику и дифузию, SSS тоже глянь, забавная штука. В век матириал дизайна важно тонко понимать материалы и умело их стилизовать.
Именно поэтому в гуглофоне >5.0 охуенные дефолтные обои и полный кал любые скачиваемые, народ тупо не может понять как надо.
и да, не забывай что задача первична, именно под нее ты потребляешь знания, никак не наоборот
А как тенюшка будет выглядеть сверху? Скинь исходники, плис.
>тенюшка будет выглядеть сверху
Фишка в том что на вашем макете два крашенных источника света, причем НЕВИДИМЫЕ, ибо парят над листом очень низко, мне было лень, но ты можешь заморочится
лови, только короную макс, иначе обосрешься со светом и материалами
http://rghost.net/8WJ8Qp4Zd
пиздец, как охуительно у вас все получается. Жалко у меня руки из жопы :(
Господи какое же говно здесь
Ты забыл прикрепить картинку со своей работой.
>Я советую рисовать пиктограммы вектором в фотошопе в том случае, когда пиктограмма будет использоваться на экране. Если сразу делать растр, то при масштабировании линии размоются и перестанут попадать в пиксели. А рисовать ещё где-то нет смысла: всё равно потом импортировать в макет в фотошопе.
>в макет в фотошопе
>2015
Ору, блядь, с долбоеба.
Да, в Sketch 3 и Affinity Designer.
Спасибо, что бамнул мертвый тред. Твое мнение ценно для нас.
Задание
Выбирайте самый корявую картинку или инструкцию в алиэкспрессе, затем сделайте её в подобном стиле.
http://brakodelnya.livejournal.com/8600.html
http://ru.aliexpress.com/store/all-wholesale-products/815160.html
Или
Берете любой предмет и делаете иконку.
http://brakodelnya.livejournal.com/8006.html
Я начну. Мне самому скучно :-(