Каталог дизайна     Лучшее     Текстуры     Лента     Пользователи
Правильное подчеркивание ссылок в Photoshop 
narasslabone     113  
[помидор]
     

Заметил, что многие братюни не умеют правильно подчеркивать ссылки в своих макетах.
Вот для них инструкция.

Текстовые комментарии

46 комментариев КомментироватьRSS
+zoom? It is surprised
Странная инструкция, сами пробовали по ней сделать?
[NICK] Цитата    16.05.2011 в 08:11
vipCLOWN, именно зум... максимальный зум... текст остаётся на месте а мыльное подчеркивание встаёт в пиксель...
[NICK] Цитата    16.05.2011 в 08:18
nvkzNemo
мыльное подчеркивание встаёт в пиксель..
Теперь понятно. Цель – избавление от "мутного подчеркивания".
[NICK] Цитата    16.05.2011 в 08:23
Очень круто, спасибо, теперь не буду мучиться с подчеркиванием карандашом на отдельном слое ))
[NICK] Цитата    16.05.2011 в 08:25
Подробнее опиши. Пробовал сделать как указал ничего не получается.
[NICK] Цитата    16.05.2011 в 08:26
obpcnh, вроде всё просто... пишешь > подчёркиваешь > зумишь до максимума > нажимаешь Ctrl + T (Трансформация) > нажимешь на клаве стрелки вверх/вниз (может пару раз нажимаешь)
[NICK] Цитата    16.05.2011 в 08:30
Подчеркиваешь карандашом или функцией подчеркнутый текст?
[NICK] Цитата    16.05.2011 в 08:36
obpcnh, НЕ карандашом... функцией...
Фишка именно в  том чтобы НЕ подчёркивать карандашом
[NICK] Цитата    16.05.2011 в 08:37
Получилось! Спасибо, возьму на заметку.
[NICK] Цитата    16.05.2011 в 08:39
baseline просто правьте сразу как набрали ссылку и все, не надо потомо зумить лишний раз
[NICK] Цитата    16.05.2011 в 08:47
larinman
baseline просто правьте сразу как набрали ссылку и все, не надо потомо зумить лишний раз
+ согласен полностью.
[NICK] Цитата    16.05.2011 в 09:06
Большое спасибо. Я однопиксельной кистью всегда подчёркивал.
[NICK] Цитата    16.05.2011 в 09:25
Но на мелких текстах вроде кегля в 10px не поможет. Там толщина подчёркивания тоньше пикселя Well
[NICK] Цитата    16.05.2011 в 09:28
я не понял, как зумить:
[NICK] Цитата    16.05.2011 в 09:40
Shustry, как это "меньше пикселя"?)
 
Rulech, инструментом)) или «Пробел + Ctrl» и мышкой тыкаешь или таскаешь...
[NICK] Цитата    16.05.2011 в 09:53
nvkzNemo, попробуйте той же вердано десятипиксельной чёрной написать. При любых манипуляциях цвет подчёркивания будет максимум тёмно-серый. Что, имхо, намекает на толщину меньше одного полного пикселя. Меньше пикселя, это, например, 0,8.
Rulech,
1. Делаем максимальное приближение.
2. Ctrl+T в НЕ текстовом режиме, чтобы включить "фри трансформ"
3. Стрелками курсора вверх/вниз до достижения дзена.
[NICK] Цитата    16.05.2011 в 10:08
круто, спасибо! обычно делал это карандашом пиксельным
[NICK] Цитата    16.05.2011 в 10:45
работает, спасибо!
[NICK] Цитата    16.05.2011 в 11:07
Лучший урок месяца Very we!
[NICK] Цитата    16.05.2011 в 12:14
Shustry
nvkzNemo,  Меньше пикселя, это, например, 0,8..

Первый раз в жизни такое слышу
[NICK] Цитата    16.05.2011 в 12:17
Век живи век учись!!!!
[NICK] Цитата    16.05.2011 в 12:48
bizonio1989
Shustry
nvkzNemo,  Меньше пикселя, это, например, 0,8..

Первый раз в жизни такое слышу
Мне лестно. Сделал небольшой иллюстрейшн. Масштаб максимальный. Сетка однопиксельная:
[NICK] Цитата    16.05.2011 в 13:35
Shustry
nvkzNemo, попробуйте той же вердано десятипиксельной чёрной написать. При любых манипуляциях цвет подчёркивания будет максимум тёмно-серый. Что, имхо, намекает на толщину меньше одного полного пикселя. Меньше пикселя, это, например, 0,8.
Rulech,
1. Делаем максимальное приближение.
2. Ctrl+T в НЕ текстовом режиме, чтобы включить "фри трансформ"
3. Стрелками курсора вверх/вниз до достижения дзена.
круто работает Well спасибо
[NICK] Цитата    16.05.2011 в 14:22
Rulech, пожалуйста. Автору спасибо.
[NICK] Цитата    16.05.2011 в 14:45
лол, спасибо. карандашом подчёркивал раньше
[NICK] Цитата    16.05.2011 в 15:05
Блин, что-то не получается )))) максимально приближаю,делаю трансформ, начинаю двигать стрелками курсора, подчеркивание становится менее расплывчитое, но всё-равно не однопиксельное почему-то...т.е. остается черное подчеркивание и под ней светлая полоска, что не так?))) делаю на 18 arial'e
[NICK] Цитата    16.05.2011 в 16:04
asm, не при всех кеглях работает)
[NICK] Цитата    16.05.2011 в 16:09
круто! спасибо!
[NICK] Цитата    16.05.2011 в 21:23
Очень круто! Спасибо тебе громадное!!
[NICK] Цитата    17.05.2011 в 00:26
но при этом же шрифт искажается?
 
И зачем так страдать??? Ну искажается подчеркивание и фиг с ним, всем ясно что в браузере оно будет отрендерено по другому, лишняя трата времени.
[NICK] Цитата    17.05.2011 в 19:26
SolnceWeb
И зачем так страдать??? Ну искажается подчеркивание и фиг с ним, всем ясно что в браузере оно будет отрендерено по другому, лишняя трата времени.
+1, попадались мне в руки и такие макеты, где карандашем были линии прорисованны) ну это вообще бред.
Все равно макет не будет на 100% смотреться в браузере, так же как в фотошопе, антиалиасинг и проч. У меня вот например, один и тот же сайт в опере и хроме выглядит по разному, это в основном касается сглаживания. Так зачем все эти танцы с бубном?
[NICK] Цитата    18.05.2011 в 01:56
SolnceWeb, Нет. Не искажается ни разу.
Rakutin, Вашими бы устами, да в ухи клиентов. Тут, бывает, что требуют, чтоб в ie6 вердана выглядела так же, как в Опере. Very we! А про "некрасивое" подчёркивание каждый второй говорит. Проще сделать, чем каждый раз объяснять.
[NICK] Цитата    18.05.2011 в 05:51
Работает на однострочном тексте. Если подчеркнутов 2 строки - какая-то становится четче, другая мутнеет.
[NICK] Цитата    18.05.2011 в 10:04
foxile
Работает на однострочном тексте. Если подчеркнутов 2 строки - какая-то становится четче, другая мутнеет.
тут уж тогда придётся ещё и расстояния между строк вымерять)
[NICK] Цитата    18.05.2011 в 15:07
Здорово, спасибо! Всё работает!
[NICK] Цитата    19.05.2011 в 09:09
larinman
baseline просто правьте сразу как набрали ссылку и все, не надо потомо зумить лишний раз
Можете уточнить как это сделать?
[NICK] Цитата    22.05.2011 в 11:55
А не проще добавлять соты доли к размеру шрифта? Отлично работает при двух трех и так далее строчках подчеркнутых. Плюс ко всему текст не съезжает никуда.
[NICK] Цитата    04.06.2011 в 07:29
Не понял ни че про картинку с 1рх, меньше пикселя не может быть линия
[NICK] Цитата    04.06.2011 в 23:09
а чем скриншот не устраивает? раюотает в большинстве случаев, у большинства шрифтов.
это работает даже на N строчках.
выделяем ссылку, и смотрим какое дробное число ей подусунуть.
 
Ваш Кэп.
[NICK] Цитата    17.06.2011 в 16:47
[NICK] Цитата    17.06.2011 в 16:48
На Arial Narrow 16px не получается(
[NICK] Цитата    21.06.2011 в 14:02
Nutshell

+1
[NICK] Цитата    24.06.2011 в 09:19
Спасибо, просто и сердито Well
[NICK] Цитата    08.07.2011 в 18:36
Хаха! Спасибо за хак )) Мои макеты станут приятнее глазу )
[NICK] Цитата    22.03.2012 в 22:01
айй))Стало стыдно,)) Спасибо!
[NICK] Цитата    05.04.2012 в 15:31
о! спасибке)
[NICK] Цитата    02.05.2012 в 13:59

Вы сможете оставить комментарий, если авторизуетесь.