Клуб PhotoImpact

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Клуб PhotoImpact » Работа с текстом. » Урок. Создаём шрифт GIF с прозрачным фоном...

Урок. Создаём шрифт GIF с прозрачным фоном...

Страница: 1

Сообщений 1 страница 6 из 6

1

  • Автор: tormente
  • Участник
  • Зарегистрирован: 05-01-2011
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: [+4/-1]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    10-06-2011 18:42:53

Создаём шрифт GIF с прозрачным фоном
Рассмотрим это на примере создания изображения кнопки для виртуальной клавиатуры. Иначе говоря сделаем из шрифта картинку.
Для этого нам понадобится сделать GIF индексированное 256-цветное (8-бит)- глубиной цвета, и цветом фона RGB-(192,192,192) аналогичным (204,204,204),
что позволит рисунку хорошо отображаться на разных цветах фона кнопки, тем Windows и степенью прозрачности фона.

Создаём новое изображение выбрав тип данных, цвет фона и нужный нам размер изображения..(1,2,3,4)
http://s8.uploads.ru/6wNlc.jpg

В инструментах выбираем Текст, его цвет и создаём объекты..(5,6,7)
Если нам не нравится шрифт, его можно быстро заменить из списка шрифтов, выбрав при этом объект..(8)
http://s4.uploads.ru/FQvCH.jpg

http://s5.uploads.ru/zhGtK.jpg

В Менеджере слоёв получаем..
http://sf.uploads.ru/RjkmT.jpg

Сливаем всё в одно изображение..
http://s1.uploads.ru/QhsKj.jpg

Выделяем..
http://s0.uploads.ru/rRQLl.jpg

Преобразовываем полученное изображение в объект..
http://sg.uploads.ru/BvSf8.jpg

Экспортируем объект..
http://s4.uploads.ru/9vXD8.jpg

В открывшемся диалоговом окне выбираем- Экспорт в - "Файл"..
http://sh.uploads.ru/VSalo.jpg

Выбираем соответственно формат GIF и желаемое имя файла.
http://s9.uploads.ru/Ugvca.jpg

Чтобы наш фон стал прозрачным, в параметрах назначим прозрачность для выбранного нами цвета фона (9)..
http://s3.uploads.ru/LdF5E.jpg

Рисунок готов
В папке -|- На рабочем столе
http://sg.uploads.ru/Ixz5g.jpg

Теги: рисунок GIF с прозрачным фоном,рисуем шрифт,шрифт-объект

Отредактировано tormente (09-01-2011 18:57:30)

+3

2

  • Автор: Wladimir
  • Wladimir
  • Зарегистрирован: 29-12-2008
  • Приглашений: 0
  • Сообщений: 1199
  • Уважение: [+347/-1]
  • Пол: Мужской
  • Провел на форуме:
    3 месяца 0 дней
  • Последний визит:
    08-05-2024 19:56:49

tormente
Спасибо большое всё доступно и понятно...

http://s007.radikal.ru/i302/1101/5e/656b03f8505b.bmp

0

3

  • Автор: Wladimir
  • Wladimir
  • Зарегистрирован: 29-12-2008
  • Приглашений: 0
  • Сообщений: 1199
  • Уважение: [+347/-1]
  • Пол: Мужской
  • Провел на форуме:
    3 месяца 0 дней
  • Последний визит:
    08-05-2024 19:56:49

Покрутил я этот урок и так и сяк и не пойму зачем это надо?
Шрифт и фигуры получаются зубчатые...
В RGB интересней получается и сохраняем в формате PNG...
http://s014.radikal.ru/i328/1101/af/a698249b509d.bmp

0

4

  • Автор: tormente
  • Участник
  • Зарегистрирован: 05-01-2011
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: [+4/-1]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    10-06-2011 18:42:53
Wladimir написал(а):

Покрутил я этот урок и так и сяк и не пойму зачем это надо?
Шрифт и фигуры получаются зубчатые...
В RGB интересней получается и сохраняем в формате PNG...

Если у нас маленькое изображение или мелкий текст то чёткость в GIF лучше, естественно если разрешение больше и больше цветов то лучше сохранять в PNG, то есть GIF лучше использовать для небольшого количества цветов, также встаёт вопрос о весе изображения, в PNG он больше из-за лучшего качества и возможности цветов. В веб дизайне как вы знаете GIF имеет свойство чересстрочной развёртки, то-есть изображение появляется постепенно с начала загрузки страницы.

0

5

  • Автор: An-Lika
  • An-Lika
  • Зарегистрирован: 24-08-2009
  • Приглашений: 0
  • Сообщений: 447
  • Уважение: [+33/-0]
  • Пол: Женский
  • Возраст: 45 [1979-03-03]
  • Провел на форуме:
    9 дней 9 часов
  • Последний визит:
    17-01-2013 17:27:19

а я с вопросами, хотя написано все понятно)
экспортировать файл  -это тоже самое , что и сохранить? или нет?
в 9 пункте-когда создаем прозрачность фону?. так можно поступить с любым цветом?. или только выбранным фоном? и до какой степени будет прозрачность?, там вроде нет настроек

есть еще вопрос, но наверное сначала попробую сделать, потом спрошу)

0

6

  • Автор: tormente
  • Участник
  • Зарегистрирован: 05-01-2011
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: [+4/-1]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    10-06-2011 18:42:53
Doch` написал(а):

экспортировать файл  -это тоже самое , что и сохранить? или нет?

Нет не тоже самое, при сохранении происходит оптимизация изображения до двух цветного (1-бит), оптимизатор содержит много разных параметров сжатия на уровне цвета и размера(веса) изображения, включая отношение размера и времени загрузки его при применении в веб страницах.

в 9 пункте-когда создаем прозрачность фону?. так можно поступить с любым цветом?. или только выбранным фоном? и до какой степени будет прозрачность?, там вроде нет настроек

Так можно поступить с любым имеющимся в изображении цветом, здесь это фон. К примеру если выбрать прозрачным чёрный цвет, то получится как на симке, степень прозрачности у GIF может быть 0-100%, то есть 1-битовая, пиксель будет или полностью прозрачным или полностью видимым, настройку прозрачности(альфа прозрачность) поддерживает формат PNG , что пока ещё не полностью поддерживается и не всеми браузерами.

Отредактировано tormente (10-01-2011 22:56:06)

+1

Страница: 1

Вы здесь » Клуб PhotoImpact » Работа с текстом. » Урок. Создаём шрифт GIF с прозрачным фоном...

Рейтинг форумов | Создать форум бесплатно