ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Делаем простенький баннер <

Сообщений 1 страница 10 из 41

1

Все очень просто.
Шаг 1. Создаем новое изображение с нужным размером. Просто прозрачное.

Screen|~

http://www.image2blog.com/images/2011/01/12/39c7594fb0d2c3deed3190c98a6fb1fc.png

Небольшое пояснение|тут

Что-бы вы понимали почему мы сначала создали прозрачную картинку,а потом туда поместили изображение для баннера, я вам объясню. Если бы вы открыли сразу изображение, вы бы не подогнали его под нужный размер - это 1. 2 - вы бы не смогли сделать такую анимацию,которую мы делаем в этом уроке. В общем дальше вы все поймете сами.

Шаг 2. Помещаем на созданную картинку изображение. И делаем так, что-бы видно было только верх изображения.

Screen|~

http://www.image2blog.com/images/2011/01/12/a2fac5609e0b7f3f7457b3e900941a5c.png

Шаг 3. Включаем окно анимации.

Шаг 4. Создаем новый кадр в окне анимации.

Screen|~

http://www.image2blog.com/images/2011/01/12/30d8adbc0a32f76dff5a724b3ca20c72.png

Шаг 5. Берем "Инструмент перемещение" и перемещаем  изображение так,что бы теперь видно было только низ изображения.

Шаг 6. Жмем на промежуточные кадры в окне анимации.

Screen|~

http://www.image2blog.com/images/2011/01/12/481fdb2f70392c4b6beb1341dd23c4ae.png

Выбираем нужное кол-во кадров. У меня 30.

Шаг 7. Теперь добавим нашему баннеру текст.:

Пункт А: Создаем новый кадр.
Пункт Б: Пишем текст на изображении.
Пункт В: На самом первом кадре делаем непрозрачность текста "0".
Пункт Г: На последнем кадре,который мы создавали в пункте А. Делаем непрозрачность текста "25-100".
Пункт Е: Делаем промежуточные кадры. У меня 30.
Ну и вроде готово))
Сохраняем с помощью: Файл/Сохранить для Веб устройств.

Вот что получилось у меня:
http://www.image2blog.com/images/2011/01/12/a9e39450202c7d5c59cf0e2119b76a30.gif

Если поэкспериментировать получится ещё лучше. Я вам показала только основы. Как делаются самые обычные простенькие баннеры.

Спасибо за внимание. Выкладываем работы)
  http://i.smiles2k.net/aiwan_smiles/victory.gif

Теги: photoshop, урок

+8

2

Огромное спасибо за урок)
Вот что у меня получилось: http://savepic.org/1195371.gif

+1

3

Рыба_в_аквариуме
Красивенько))
http://i.smiles2k.net/aiwan_smiles/wink.gif

0

4

Pokemoshka, а что за шрифт на "уроке"?

0

5

Ayranta
Rurintania
Подходит как к английскому языку так и к русскому.

0

6

Pokemoshka, а как шрифт называется?

0

7

Pokemoshka, извиняюсь, не так выразилась. Имела ввиду одно, а написала... Простите, ради бога http://i.smiles2k.net/love_smiles/wub1.gif

0

8

Ayranta
Parchment, если не ошибаюсь)
Pokemoshka
Спасибо, большое. Но над плавностью мне ещё работать и работать х_Х

0

9

Ayranta
Я написала название шрифта на готовой моей работе.

0

10

Ещё раз извините и спасибо за урок)

0