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

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


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

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

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

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

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

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

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

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

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

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

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

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

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