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

Помогите поменять текст на кнопках


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

Hottt

Вот установишь у себя в фотожопе поддержку кириллицы, откроешь в нем эту кнопочку, инструментом Eyedropper (см. Справочник по инструментам Photoshop) кликнешь на кнопке вне текста, чтобы выбрать цвет кнопки в качестве рабочего (т.е. цвета переднего плана). Далее инструментом Rectangular Marquee выделяешь прямоугольную область с текстом "About us" и заливаешь ее при помощи инструмента Paint Bucket тем цветом, который ты только что опредеила. Потом выбирай инструмент Type и пиши нужный текст (шрифт, размер и цвет выбираются на верхней панели меню). При этом автоматически будет создан новый текстовый слой. В таблице слоев "Layers" (по умолчанию, окошко в правом нижнем углу) выбери слой background и создай новый слой (Shift+Ctrl+N). Этот слой будет создан между бэкграундом и текстовым слоем. Далее выбирай текстовый слой и нажимай Ctrl+E (раскладка клавиатуры должна быть английской) - слои объединяться и текстовый превратится в обычный. В таблице слоев дважды кликни на изображении этого слоя (не на названии, а именно на пиктограмме). Откроется окошко Blending Options. Ставь галочку на опции Drop Shadow и играйся с параметрами Angle, Distanse, Spread, Size и Opacity. Возле опции Blend Mode (по дефолту там указано multiply - пусть так и будет) можно выбрать цвет тени.

После того, как ты добилась реалистичной тени от текста объединяешь все слои в один и наживаешь Ctrl+A (выделить все). Дальше идешь в меню Select и жмешь там Load Selection. Выделяется именно твоя кнопка и ничего лишнего. Копируешь. Создаешь новый файл. В этом новом файле нажимаешь Ctrl+A и жмешь Delete. Все, бэкграунд у тебя прозрачный. Вставляешь из буфера скопированное изображение твоей кнопки и идешь сюда: File->Save For Web и там уже выбираешь формат gif (т.к. он поддерживает прозрачность, что при твоем обтекаемом крае необходимо) и в окошке Colors (тоже справа) указываешь количество цветов (т.е. качество). Превью при этом работает, так что все изменения в изображении при изменении количества цветов ты будешь видеть. Под окошком превью, слева, ты также увидишь размер файла.

Усе. Жмем Save.

Делов на три минуты.:-)

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

Hottt

Упс. Прозевал один шаг.

Создаешь новый файл. В этом новом файле нажимаешь Ctrl+A и жмешь Delete. Все, бэкграунд у тебя прозрачный.

Вот перед тем, как нажать Ctrl+A, дважды кликни на пиктограмме бэкграунда в таблице слоев. Вылезет окошко с предложением перевести бэкграунд в 'Layer 0'. Жми ОК. И вот после этого выделяй все и удаляй заливку. Тогда фон будет прозрачным.

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

При этом автоматически будет создан новый текстовый слой. В таблице слоев "Layers" (по умолчанию, окошко в правом нижнем углу) выбери слой background и создай новый слой (Shift+Ctrl+N). Этот слой будет создан между бэкграундом и текстовым слоем. Далее выбирай текстовый слой и нажимай Ctrl+E (раскладка клавиатуры должна быть английской) - слои объединяться и текстовый превратится в обычный. В таблице слоев дважды кликни на изображении этого слоя (не на названии, а именно на пиктограмме). Откроется окошко Blending Options. Ставь галочку на опции Drop Shadow и играйся с параметрами Angle, Distanse, Spread, Size и Opacity. Возле опции Blend Mode (по дефолту там указано multiply - пусть так и будет) можно выбрать цвет тени.

 

1 новый текстовый слой не создался

2 выбрать слой background не удаётся

3 создать новый слой не получается с помощью команды shift+ctrl+n

4 текстовый слой выбрать не могу так как его вообще нет, есть только один слой background

 

Может всё это из-за того что работаю с файло gif? Открыть файл как .psd?

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

Hottt

Извини, забыл. Я писал для PS 7.0, а он, как только начинаешь что-то делать с гифом - красить или еще что - сам переводит его из индексированных цветов в RGB.

В твоем случае нужно открыть гиф-файл, далее идешь в меню Image->Mode и ставишь галочку на RGB-Color. Когда закончишь работу над файлом, нужно будет сделать тоже самое, но галочку в этот раз поставить на Indexed Color.

 

ЗЫ Я в пятом фотожопе никогда не работал и смутно представляю себе его возможности. Скажи, какая у тебя машина? И как выходишь в инет? Могу просто тебе 7.0 переслать (например, порезав его на куски раром)...

Добавлено в [mergetime]1083832482[/mergetime]

Hottt

Фон кнопок

Эту тему почитай.

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

Hottt

Упс... :D

Это все блендин опшинз... Им площади не хватило развернуться - слишком мелкое изображение...:-)))

ОК, давай сделаем тень от текста другим способом. Пишем текст, и поступаем с ним также, как надо поступить с диагональным пазом для отвертки в этом уроке: Создаем Шуруп. Т.е. написать текст->load Selection->Dublicate Layer->Invert (или просто перекрасить)->дублирующий слой засовываем под оригинальный, сдвигаем->в настройках стиля ставим Soft Light.

Прочитай урок, там все доступно. Если не понятно - пиши.

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

Hottt

Кстати, слой с тенью можно размыть по Гауссу... Filter->Blur->Gaussian Blur со значением, скажем, "3.0".

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

Примеры:

 

http://www.mcdesign.com.ru/forum/uploads/hott/bayar_off.gif :: http://www.mcdesign.com.ru/forum/uploads/hott/contact_off.gif :: http://www.mcdesign.com.ru/forum/uploads/hott/form_off.gif :: http://www.mcdesign.com.ru/forum/uploads/hott/forum_off.gif :: http://www.mcdesign.com.ru/forum/uploads/hott/offer_off.gif

 

Исходник: Resource.zip

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

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

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

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

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

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

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

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

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

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

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

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