На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: HOST, frenkmalcov  
Создание кнопки
MaSTerGuiTar Дата: Четверг, 28.01.2010, 22:57 | Сообщение # 1
Offline
Генералиссимус
Модераторы
Сообщений:1653
Награды:17
Замечания:0%
Репутация
183
Кто-нибудь помогите выложите урок как сделать анимированную кнопку для сайта!
 
Zver Дата: Пятница, 29.01.2010, 10:11 | Сообщение # 2
Offline
Супер чел
Проверенные
Сообщений:477
Награды:4
Замечания:0%
Репутация
56
Создам урок на рус. фотошопе.

Создаём новый лист.
Я создам размером 100х50пх

Заливаем например, чёрным цветом.
И пишем текст кнопки.

Если мы хотим что бы картинка переливалась то. Создаём новый слой И выбираем Градиент


После выбора нужного нам градиента кликаем градиентом по нашей кнопке

За тем возвращаемся на основной слой надписи и убираем до 0 "непрозрачность"
Нажимаем на слой и выбираем там "Выбрать пикселы"
Вот так это должно выгялеть так:

После чего возвращаемся и нажимаем на "Слой маску" убираем разделитель межку ресунками и выбираем сделанный нами градиент.

После всего выбираем инструмент "перемещения" и перетаскиваем градиент в лево за тем создаём новый слой с низу в "анимации кадров"

в одном кадре в перетаскиваем в одну сторону в др. кадре в другую. и выбирам кнопку "Добавить промежуточные кадры" и ставим любое кол-во я поставлю 50

В итоге получилось такая анимаци)

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

Прикрепления: 9032394.jpg (36.1 Kb) · 6490209.jpg (2.4 Kb) · 2868744.jpg (18.0 Kb) · 5617792.jpg (9.7 Kb) · 3660163.jpg (4.9 Kb)


野兽女性人格
выыыПУСК!

 
antisept Дата: Пятница, 29.01.2010, 10:45 | Сообщение # 3
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Zver, хороший урок. Все понятно расписал. Но ссылку на конечный результат можно было бы заключить в [IМG]http://s001.radikal.ru/i194/1001/2d/2a1d654f925f.gif[/IМG] чтобы сразу видно было.

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
Zver Дата: Пятница, 29.01.2010, 10:49 | Сообщение # 4
Offline
Супер чел
Проверенные
Сообщений:477
Награды:4
Замечания:0%
Репутация
56


野兽女性人格
выыыПУСК!

 
Zver Дата: Пятница, 29.01.2010, 10:50 | Сообщение # 5
Offline
Супер чел
Проверенные
Сообщений:477
Награды:4
Замечания:0%
Репутация
56
antisept, спс, заменил) + видио
с др надписей но что бы больше и понятнее


野兽女性人格
выыыПУСК!

 
antisept Дата: Пятница, 29.01.2010, 13:56 | Сообщение # 6
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Quote (Zver)
заменил) + видио

ну вот и отлично.


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
MaSTerGuiTar Дата: Пятница, 29.01.2010, 19:26 | Сообщение # 7
Offline
Генералиссимус
Модераторы
Сообщений:1653
Награды:17
Замечания:0%
Репутация
183
У меня Adobe Photoshop CS Я там пару функций ненашел!
 
Zver Дата: Суббота, 30.01.2010, 06:52 | Сообщение # 8
Offline
Супер чел
Проверенные
Сообщений:477
Награды:4
Замечания:0%
Репутация
56
М... я создавал в cs3
Вот мои два фотошопа Adobe Photoshop Elements 7.0 инглиш
и cs3 rus


野兽女性人格
выыыПУСК!

 
MaSTerGuiTar Дата: Воскресенье, 31.01.2010, 15:20 | Сообщение # 9
Offline
Генералиссимус
Модераторы
Сообщений:1653
Награды:17
Замечания:0%
Репутация
183
Скачал CS3 Всё получилось, спасибо!
 
saske Дата: Вторник, 29.06.2010, 16:22 | Сообщение # 10
Offline
Опытный
Проверенные
Сообщений:117
Награды:1
Замечания:0%
Репутация
34
А можно такое сделать на CS4 ?
 
Zver Дата: Четверг, 01.07.2010, 13:29 | Сообщение # 11
Offline
Супер чел
Проверенные
Сообщений:477
Награды:4
Замечания:0%
Репутация
56
Конечно, можно.

野兽女性人格
выыыПУСК!

 
saske Дата: Пятница, 02.07.2010, 09:00 | Сообщение # 12
Offline
Опытный
Проверенные
Сообщений:117
Награды:1
Замечания:0%
Репутация
34
Zver,
Quote (MaSTerGuiTar)
За тем возвращаемся на основной слой надписи и убираем до 0 "непрозрачность" Нажимаем на слой и выбираем там "Выбрать пикселы"

У меня это не получается,Я нажимаю на текст а там пиксили не фига не появляются
 
Zver Дата: Воскресенье, 18.07.2010, 15:31 | Сообщение # 13
Offline
Супер чел
Проверенные
Сообщений:477
Награды:4
Замечания:0%
Репутация
56
saske, Правой кнопкой на панели, на слой, только что повторил это, всё получилось, очень простой урок) попробуй ещё, посмотри видео.

野兽女性人格
выыыПУСК!

 
  • Страница 1 из 1
  • 1
Поиск: