Перейти к контенту

Русифицирование кнопок, изменение логотипа


Рекомендуемые сообщения

Решил написать статью как русифицировать (модифицировать) некоторые части кнопок, возможно логотип. (подозрительно, но на форуме вообще ничего про это не нашел :D )

 

Для проделывания ниже написанных работ нам потребуется:

  • Adobe Photoshop (можно даже от 6 версии)
  • Знание инструментов (хотя это не так уж важно, но все же)
  • Внимательно всматриваться в скриншоты и делать все как расписано

 

1) Рассмотрим как модифицировать стандартный логотип (style_images/1/logo4.gif) под свои нужды.

 

Начинаем.

 

I) Открываем наш файл. Выделяем правую крайнюю часть (т.е. свободное пространство) инструментом Прямоугольная область (либо же ее можно вызвать, нажав кнопку M (latin)) (т.е. проделываем туже работу, что показана на

первом скриншоте)

II) Выделяем отмеченное место, затем копируем посредством нажатия на клавиатуре сочетания клавиш Ctrl + C, (либо же через Редактирование -> Скопировать).

Таким образом, нам остается только вставить скопированный объект на рабочее пространство, посредством нажатия Ctrl + V , (либо же через Редактирование -> Вклеить (Вставить). Начинаем вставлять в скопированное пространство. У нас получается что-то вроде такого.

Если Вам так нужно лого от Invision, то его можно взять из той же папки style_images/1/ (я использовал бы nophoto.gif, хотя кому-как виднее)

 

_________________________________________________

 

2) Рассмотрим как русифицировать кнопки (идущие в комплекте с заграничными скинами).

 

К примеру, Вы скачали скин на иностранном сайте и естественно, после установки скина кнопки не русские (как хотелось бы), а иностранные.

Обычно, в комплектах скачанных c invisionize идут наборы (шаблоны) графики в формате *.psd, и шрифты. (именно из-за этих шрифтов и будет зависеть дальнейшее отображение кнопочек). Итак, приступим.

 

I) Возьмем к примеру, скачанный с invisioniz'a скин Black Crystals, в архиве идет комплект из шрифтов и нескольких кнопочек в формате .psd. В данном случае, главной работой у нас является два файла - buttom_m2.psd и post.psd (второй файл важен в данном случае).

II) Открываем в Adobe Photoshop post.psd, (открываем соответственно ту кнопку, которую надо русифицировать, к примеру - style_images/имя_скина/t_favorite.gif ) там видим, что изображение идущее слева слова "Moved" его можно отменить (т.е. сделать невидимым) и назначить другое изображение слева. (соответственно написав свое слово). *

У нас получается нечто вроде такого. (если понравился данный скин, то уже прорусифицированные кнопки всегда можете скачать тут).

 

_________________________________________________

 

Ответы на часто задаваемые вопросы:

Вопрос: А что делать, если к примеру в комплекте со скином не оказалось файлов .psd и шрифтов? Выходов русификаций кнопок нет?

Ответ: На самом деле решение есть. Возьмем для "опытов" этот скин. (Хоть в комплекте и есть .psd-файла, но ими не пользуемся).

Открываем файл style_images/имя_скина/p_pin.gif . Поскольку там есть свободное место (см. пункт I). Делаем полностью все те же изменения, но теперь выделенное место можно перетащить на новый на другую кнопку, к примеру на p_quote.gif. Результат проделанной работы смотрим вот тут.

 

p.s. раздел часто задаваемых вопросов думаю будет пополняться.

 

_________________________________________________

 

Примечания:

 

* На скриншоте переключили видимость слоя.

Ссылка на комментарий
Поделиться на других сайтах

В скине Black Crystals нашёл PSD-шник с логотипом. Отредактировал под свои цели - и готово - не придётся париться с копированием (убил текстовые слои и написал свои).
Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.