Правильное подчеркивание ссылок в Photoshop

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

Вот для них инструкция.

Комментарии пользователей

vipCLOWN

+zoom? :surp: Странная инструкция, сами пробовали по ней сделать?

nvkzNemo

vipCLOWN, именно зум... максимальный зум... текст остаётся на месте а мыльное подчеркивание встаёт в пиксель...

vipCLOWN

мыльное подчеркивание встаёт в пиксель..
Теперь понятно. Цель – избавление от "мутного подчеркивания".

hechoenmexico

Очень круто, спасибо, теперь не буду мучиться с подчеркиванием карандашом на отдельном слое ))

sedou

Подробнее опиши. Пробовал сделать как указал ничего не получается.

nvkzNemo

obpcnh, вроде всё просто... пишешь > подчёркиваешь > зумишь до максимума > нажимаешь Ctrl + T (Трансформация) > нажимешь на клаве стрелки вверх/вниз (может пару раз нажимаешь)

sedou

Подчеркиваешь карандашом или функцией подчеркнутый текст?

nvkzNemo

obpcnh, НЕ карандашом... функцией... Фишка именно в том чтобы НЕ подчёркивать карандашом

sedou

Получилось! Спасибо, возьму на заметку.

larinman

baseline просто правьте сразу как набрали ссылку и все, не надо потомо зумить лишний раз

vipCLOWN

baseline просто правьте сразу как набрали ссылку и все, не надо потомо зумить лишний раз
+ согласен полностью.

Shustry

Большое спасибо. Я однопиксельной кистью всегда подчёркивал.

Shustry

Но на мелких текстах вроде кегля в 10px не поможет. Там толщина подчёркивания тоньше пикселя :)

Rulech

я не понял, как зумить:

nvkzNemo

Shustry, как это "меньше пикселя"?) Rulech, инструментом)) или «Пробел + Ctrl» и мышкой тыкаешь или таскаешь...

Shustry

nvkzNemo, попробуйте той же вердано десятипиксельной чёрной написать. При любых манипуляциях цвет подчёркивания будет максимум тёмно-серый. Что, имхо, намекает на толщину меньше одного полного пикселя. Меньше пикселя, это, например, 0,8. Rulech, 1. Делаем максимальное приближение. 2. Ctrl+T в НЕ текстовом режиме, чтобы включить "фри трансформ" 3. Стрелками курсора вверх/вниз до достижения дзена.

GrafX

круто, спасибо! обычно делал это карандашом пиксельным

betlife

работает, спасибо!

brusher

Лучший урок месяца :D

bizonio1989

nvkzNemo, Меньше пикселя, это, например, 0,8..
Первый раз в жизни такое слышу

znkf

Век живи век учись!!!!

Shustry

[quote="Shustry"]nvkzNemo, Меньше пикселя, это, например, 0,8..
Первый раз в жизни такое слышу[/quote] Мне лестно. Сделал небольшой иллюстрейшн. Масштаб максимальный. Сетка однопиксельная: 1px.png

Rulech

nvkzNemo, попробуйте той же вердано десятипиксельной чёрной написать. При любых манипуляциях цвет подчёркивания будет максимум тёмно-серый. Что, имхо, намекает на толщину меньше одного полного пикселя. Меньше пикселя, это, например, 0,8. Rulech, 1. Делаем максимальное приближение. 2. Ctrl+T в НЕ текстовом режиме, чтобы включить "фри трансформ" 3. Стрелками курсора вверх/вниз до достижения дзена.
круто работает :) спасибо

Shustry

Rulech, пожалуйста. Автору спасибо.

Voronets

лол, спасибо. карандашом подчёркивал раньше

asm
asm

Блин, что-то не получается )))) максимально приближаю,делаю трансформ, начинаю двигать стрелками курсора, подчеркивание становится менее расплывчитое, но всё-равно не однопиксельное почему-то...т.е. остается черное подчеркивание и под ней светлая полоска, что не так?))) делаю на 18 arial'e

nvkzNemo

asm, не при всех кеглях работает)

zazigalka

круто! спасибо!

5V
5V

Очень круто! Спасибо тебе громадное!!

SolnceWeb

но при этом же шрифт искажается? И зачем так страдать??? Ну искажается подчеркивание и фиг с ним, всем ясно что в браузере оно будет отрендерено по другому, лишняя трата времени.

Rakutin

И зачем так страдать??? Ну искажается подчеркивание и фиг с ним, всем ясно что в браузере оно будет отрендерено по другому, лишняя трата времени.
+1, попадались мне в руки и такие макеты, где карандашем были линии прорисованны) ну это вообще бред. Все равно макет не будет на 100% смотреться в браузере, так же как в фотошопе, антиалиасинг и проч. У меня вот например, один и тот же сайт в опере и хроме выглядит по разному, это в основном касается сглаживания. Так зачем все эти танцы с бубном?

Shustry

SolnceWeb, Нет. Не искажается ни разу. Rakutin, Вашими бы устами, да в ухи клиентов. Тут, бывает, что требуют, чтоб в ie6 вердана выглядела так же, как в Опере. :D А про "некрасивое" подчёркивание каждый второй говорит. Проще сделать, чем каждый раз объяснять.

foxile

Работает на однострочном тексте. Если подчеркнутов 2 строки - какая-то становится четче, другая мутнеет.

e5a4tresf

Работает на однострочном тексте. Если подчеркнутов 2 строки - какая-то становится четче, другая мутнеет.
тут уж тогда придётся ещё и расстояния между строк вымерять)

simberline

Здорово, спасибо! Всё работает!

rigor

baseline просто правьте сразу как набрали ссылку и все, не надо потомо зумить лишний раз
Можете уточнить как это сделать?

toasterec

А не проще добавлять соты доли к размеру шрифта? Отлично работает при двух трех и так далее строчках подчеркнутых. Плюс ко всему текст не съезжает никуда.

kami0

Не понял ни че про картинку с 1рх, меньше пикселя не может быть линия

Nutshell

а чем скриншот не устраивает? раюотает в большинстве случаев, у большинства шрифтов. это работает даже на N строчках. выделяем ссылку, и смотрим какое дробное число ей подусунуть. Ваш Кэп.

Coryphaeus

На Arial Narrow 16px не получается(

klimoff

3d02ba05a46f51875168bb05932c112f.png
+1

eriksvoboda

Спасибо, просто и сердито :)

denisgomes

Хаха! Спасибо за хак )) Мои макеты станут приятнее глазу )

andrling

айй))Стало стыдно,)) Спасибо!

Ho4ka

о! спасибке)

bartsee

блин, а я паттерном заморачивался