Приветствую Вас Гость | RSS
Пятница
22.09.2017, 19:11
Главная Делаем простой произвольный бигбар - Форум Регистрация Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Уроки фотошоп » Уроки photoshop » Делаем простой произвольный бигбар (Вырезаем, изменяем размер, добавляем надпись.)
Делаем простой произвольный бигбар
BukovkaДата: Пятница, 17.07.2009, 10:27 | Сообщение # 1
Админ
Группа: Администраторы
Сообщений: 56
Репутация: 3
Статус: Offline
Автор урока - Амаль

Я покажу как сделать простенький бигбар, подходящий по размерам для нашего форума.

1. Выбираем картинку с которой будем делать бигбар. Я сделаю бигбар для Дашик с этой картинки.

2. Открываем в фотошопе. И вырезаем кусочек картинки для бигбара с помощью инструмента Кадрирование


Выделив необходимую часть картинки, нажимаем Enter.

3. Далее меняем размер картинки. Для форума ВТ размер бигбара должент быть не более чем 120х500. Итак, выполняем команду Изображение - Размер изображения, и выставляем там высоту 120, ширина автоматически уменьшиться. Важно! Для сохранения пропорций картинки должна стоять галочка Сохранить пропорции.

4. Итак, бигбар практически готов. :) Далее можно добавить текст, анимацию, любой эффект на ваше усмотрение. Я решила подписать бигбар. Сделаю анимированную надпись Дашик. Для этого воспользуемся инструментом Текст.

5. Пишем ник (или любую другую надпись). Подбираем цвет, стиль и размер шрифта на свой вкус. Также выбираем место где именно на бигбаре будет надпись.

Переместить надпись на бигбаре можно с помощью инструмента Перемещение

Итак, у нас получился такой вот бигбар

6. Теперь добавим анимацию на текст. :) Для этого сделаем дубликат слоя с текстом.

7. На слое-дубликате идем в Настройки

И там добавляем Внешний отблеск размером 4 пикс.

8. Теперь переходим в Имеджреди. (кнопка ) Там создаем два кадра анимации.

9. Устанавливаем видимость слоев для каждого кадра. Первый кадр- фон + текст без отблеска, второй кадр- фон + текст с отбеском. Напомню, что видимость слоя это глазик в палитре слоев. wink Тоесть вы просто выделяете кадр, потом в палитре слоев или добавляете, или снимаете глазик слоя.

10. И последнее. Выбираем длительность каждого кадра. Это дело вкуса, кому как нравиться. Я выставила 0,5 сек. И не забудьте внизу отметить Foreve. wink

11. Вот и все. Бигбар готов. Сохраняем его в имеджреди File - Save Optimized As..



 
ShamaДата: Четверг, 31.12.2009, 16:56 | Сообщение # 2
Любопытный
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Bukovka, или как по другому это называец юзербар))
 
BukovkaДата: Пятница, 08.01.2010, 15:49 | Сообщение # 3
Админ
Группа: Администраторы
Сообщений: 56
Репутация: 3
Статус: Offline
Только приехала с новогодних каникул, поэтому сорри за поздний ответ.

Quote (Shama)
Bukovka, или как по другому это называец юзербар))

Юзербар это картинка 350 пикселей в длину и 19 в ширину. Так что это точно не юзербар.


 
simkaДата: Воскресенье, 17.01.2010, 23:27 | Сообщение # 4
Любопытный
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Доброй ночи! У вас очень красивые и аватары и бигбары. negr
Я бы хотела научится делать такое сама, очень интересно. Не подскажите с помощью какой программы их делают.
 
BukovkaДата: Понедельник, 18.01.2010, 20:32 | Сообщение # 5
Админ
Группа: Администраторы
Сообщений: 56
Репутация: 3
Статус: Offline
simka, конечно подскажу. Это photoshop, а анимацию я предпочитаю делать ImageReady (идет вместе с фотошопом версии 9.0...)

 
simkaДата: Понедельник, 18.01.2010, 20:48 | Сообщение # 6
Любопытный
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Quote (simka)
simka, конечно подскажу. Это photoshop, а анимацию я предпочитаю делать ImageReady (идет вместе с фотошопом версии 9.0...)

уже ищу! Спасибо!
 
qwer79Дата: Среда, 08.12.2010, 10:24 | Сообщение # 7
Любопытный
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Bukovka
НЕ подскажешь версию фотошопа с которым делала этот бигбар а так же версию imageready и скинь ссылочку откуда скачала фотошоп который сразу был вместе с imageready


Сообщение отредактировал qwer79 - Среда, 08.12.2010, 10:25
 
Форум » Уроки фотошоп » Уроки photoshop » Делаем простой произвольный бигбар (Вырезаем, изменяем размер, добавляем надпись.)
Страница 1 из 11
Поиск:

Сегодня нас посетили зарегистрированные пользователи
Copyright MyCorp © 2017