Модераторы: Aliance, skyboy, MoLeX, ksnk
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подложить под текст белый контур 
:(
    Опции темы
dm9
Дата 6.6.2008, 15:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: нет
Всего: 137



Добрый день.

Встала задача подложить под чёрный текст, который я наношу на изображение, лёгкий белый контур. Достаточно классический приём для того чтобы текст был виден одинаково хорошо на любом фоне. Стрелочка мышки, например, точно для того же обведена чёрным контуром, тот же приём используется на Google-картах. Мне нужен такой же эффект.

В Фотошопе я это делаю выделением текста (в смысле, слоя с текстом), затем расширяю выделение на 1px (Selection/Expand) и заливаю нижний слой белым.

В какую сторону копать, чтобы достичь такого же эффекта из PHP? Умеет ли что-то подобное imagemagick?

Updated: Ссылка на пример.

Это сообщение отредактировал(а) dm9 - 6.6.2008, 18:03
PM MAIL ICQ   Вверх
krundetz
Дата 6.6.2008, 15:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

Репутация: нет
Всего: 69



Рисуйте сначала белый шрифт который будет чуть больше основного, а потом поверх него рисуйте черный текст чуть меньше чем вам необходимо. Такой примерно алгоритм и скрывается под теме действиями которые вы проделываете в фотошопе.


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
dm9
Дата 6.6.2008, 15:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: нет
Всего: 137



Абсолютно нет. "Чуть-чуть больший" шрифт будет больше для каждого символа. В строке он сместится на десятки пикселей. Я говорил про совершенно другой алгоритм в Фотошопе (см. выше).
PM MAIL ICQ   Вверх
krundetz
Дата 6.6.2008, 15:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

Репутация: нет
Всего: 69



Видимо я вас не совсем понял. Возможно если вы выложите картинку что вы хотите добиться будет более понятно.


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
dm9
Дата 6.6.2008, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: нет
Всего: 137



Вот

Это сообщение отредактировал(а) dm9 - 6.6.2008, 18:15

Присоединённый файл ( Кол-во скачиваний: 27 )
Присоединённый файл  2261976.jpg 49,30 Kb
PM MAIL ICQ   Вверх
krundetz
Дата 6.6.2008, 21:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

Репутация: нет
Всего: 69



Глянул ваш пример. Я вас первый раз правильно понял. Я просто не понял ваш ответ подумал что у вас строго задана ширина и за неё выходить нельзя. Сдесь просто скорее всего каждая буква текста позиционируется отдельно. Возможно как вариант избавиться от смешения одного текста относительно другого можно правильно подобрав межбуквеные интервалы.

Сейчас подумал и пришел к выводу что второй вариант будет наиболее верным просто нужно будет правильно подобрать пропорциональную зависимость размера шрифтов и межбуквеных интервалов.

Это сообщение отредактировал(а) krundetz - 6.6.2008, 22:03


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
dm9
Дата 6.6.2008, 23:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: нет
Всего: 137



Честно попробовал (см. аттач). Больший шрифт вообще не работает. Эксперименты с Болдом тоже не перспективны.

Присоединённый файл ( Кол-во скачиваний: 12 )
Присоединённый файл  1.gif 30,66 Kb
PM MAIL ICQ   Вверх
krundetz
Дата 6.6.2008, 23:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

Репутация: нет
Всего: 69



Возможно поможет вот это http://www.phpbuilder.com/columns/cash2003...p3?print_mode=1
Насколько я понял там используется эффект смешения существующего шрифта в 4 направлениях на 1 пиксель.


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
dm9
Дата 7.6.2008, 00:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: нет
Всего: 137



Правильная мысль! Если антиалиаснутый текст, получается нормально.
Теперь только надо научиться писать с антиалиасингом через imagemagick.
Спасибо!
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | PHP: Графика | Следующая тема »


 




[ Время генерации скрипта: 0.0487 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.