Автор Тема: Создание динамической картинки на PHP  (Прочитано 3164 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн НикитаАвтор темы

  • или Никита Романович, или
  • Продвинутый ветеран
  • *******
  • Сообщений 1320
  • Респектов +262
  • Репутация 104
  • Пол: Мужской
    • Просмотр профиля
Что нам потребуется:
1) Adobe Photoshop, Paint, Gimp, или же любой графический редактор  *smile* (лично у меня Adobe Photoshop CS 2 (CS 5 времени установить нету  *pardon me**super*)
2) Хостинг с поддержкой PHP (желательно 5.*.* версии)... (я выбрал 000webhost  *super* (ну об этом ниже))
3) Любой FTP клиент (я выбрал FileZilla  *super*)

Всего 4 этапа:
1) Создание изоображения.
2) Выбор и подготовка хостинга.
3) Написание кода.
4) Загрузка на сервер.
5) Проверка на работоспособность  *victory*

Поехали!  *smile*

1) Создание изоображения:
Я лично буду делать биг-бар, с премьерой мульт-фильма "Тачки 2" (ну я же ещё ребёнок  *I do not know*)
Значит так. Открывайте фотошоп и создайте новый документ. (биг-бар - 350x40)
Ну пока он у меня открывается, я пойду чая выпью *i drink tea*
Спойлер
У вас есть пустой документ... Вставляйте туда изображение и применяйте к нему разные эффекты  *smile*
Спойлер
И сохраняйте в JPG.
1 шаг выполнен!

2) Выбор и подготовка хостинга.
Ищем бесплатный хостинг с поддержкой PHP5.
Ну я вам сразу советую 000webhost (0.00 $ web hosting)
думаю с регистрацией вы разберётесь (клацаете на конпку "Order Now" (в первой колонке), заполняете поля (в первом поле (там где уже стоит yourdomnain.com) ничего не пишите!, а во втором поле (ничего не написано) пишите имя сайта (имя_сайта.домен.2домен))), через 24 часа, вам на почту приходит письмо.
2 шаг выполнен  *victory*

3) Написание кода.
Ну вот, собственно, самое важное - Написание кода!  *smile*
Даём вашему сохранённому изображению (ну я ж надеюсь что вы не забыли сохранить картинку *connie_twiddle*) имя на латинице (на английском), без пробелов (только если дефиз), без разных символов. (то есть только английские буквы и дефиз)
Далее смотрите когда будет премьра фильма. Премьера фильма тачки 2, будет 18 июня 2011 г. Теперь нужно посмотреть в Wikipedia, какой день в году 18 июня.  Это 169-й день в году  *smile*
Открывайте Notepad (блокнот) и вставляйте туда следующее (объяснения начинаются с символов "//" (они ничего не меняют в коде) *smile*):
Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Чуть-чуть измините под себя (я поставил объяснялки в самых важных строчках (вот и их изменяйте) *smile*)
Далее, в блокноте, нажимайте "Файл -> Сохранить как...". Сохраняйте в формат .php, в ту же папку, что и картинку.
В итоге, у вас должно получиться 3 файла в одной папке (шрифт, фоновая картинка, скрипт).
3 шаг завершён  *victory*

4) Загрузка на сервер.
В письме которое вам пришло на почту содержатся ftp-детали.
Откройте ваш ftp-менеджер и подключайтесь к сайту по этим деталям.
То есть:
Хост: FTP Hostname из письма
Имя пользователя: FTP Username из письма
Пароль: Пароль тот, который вы указывали при регистрации.
После успешного подключения, в ftp-менеджере, перейдите в папку public_html во второй колонке и загрузите туда эти 3 файла. (в первой колонке выбирите файл, нажэмите на него ПКМ (правая кнопка мыши) и нажмите "Закачать на сервер")
4 шаг завершён!  *victory*

5) Проверка на работоспособность  *victory*
Теперь ваше изображение доступно по адресу: http://имя_сайта.домен.2домен/tachki2.php (ну или как вы там назвали ваш .php файл)!
Если что, то не переживайте что картинка доступна по адресу заканчивающийся не на .jpg, или .png, или другой формат, а по адресу .php... Из-за функции "header("Content-type: image/jpeg");", .php будет визуально превращон  :pleasantry: в .jpg
Теперь смело ставьте ваше изоображение в подпись через обычные "img-теги"  *victory*
5 шаг зарершён! *skipjack*

Приехали!  *pardon me*

Вот что у меня получилось *chupa chups*:


P.S. Урок полностью написан мною (Nikitosavich'ем) *smile* В том числе и скрипт.
При копировании урока, ссылка на сайт AllAvatars.ru обязательна!
Если будут вопросы (а я уверен что будут *smajlik*), пишите  *smile*
« Последнее редактирование: 06 Июнь 2011, 14:33:17 от Nikitosavich »

Форум аватар


Оффлайн НикитаАвтор темы

  • или Никита Романович, или
  • Продвинутый ветеран
  • *******
  • Сообщений 1320
  • Респектов +262
  • Репутация 104
  • Пол: Мужской
    • Просмотр профиля
В firefox не работает D:
И в Хроме D:
А тем более в IE
И в опере наверное тоже
« Последнее редактирование: 15 Август 2011, 02:56:13 от Nikito Savich »

Оффлайн traviamer

  • Решительный
  • Сообщений 7
  • Респектов 0
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Рабочий пример бы сюда того, что должно получиться в итоге, вообще шикарно было бы..  *sun*

Оффлайн НикитаАвтор темы

  • или Никита Романович, или
  • Продвинутый ветеран
  • *******
  • Сообщений 1320
  • Респектов +262
  • Репутация 104
  • Пол: Мужской
    • Просмотр профиля
Re: Создание динамической картинки на PHP
« Ответ #3 : 09 Сентябрь 2011, 01:06:34 »
0
traviamer, чуть позже напишу.  *smile*

Оффлайн НикитаАвтор темы

  • или Никита Романович, или
  • Продвинутый ветеран
  • *******
  • Сообщений 1320
  • Респектов +262
  • Репутация 104
  • Пол: Мужской
    • Просмотр профиля
Короче, что бы Вам не парится со всеми этими штуками, просто скиньте сюда то, что вы хотите. Главное что бы было то, на чём делать нужно *pardon me*

 

Как делать картинки излавки (is love)

Автор anutka

Ответов: 3
Просмотров: 8634
Последний ответ 08 Июль 2009, 22:31:23
от Ворожея
Как сделать 3D эффект из картинки

Автор bugmenot

Ответов: 3
Просмотров: 2703
Последний ответ 16 Апрель 2014, 23:05:16
от Крон
Создание векторного рисунка из фотографии

Автор LaPerlaNegra

Ответов: 3
Просмотров: 14130
Последний ответ 26 Октябрь 2009, 11:46:36
от Крон
Создание анимированной марочки из аватара

Автор Satinelight

Ответов: 0
Просмотров: 2550
Последний ответ 20 Сентябрь 2010, 00:19:37
от Satinelight
Создание анимированых блесток

Автор ОленИка

Ответов: 10
Просмотров: 7061
Последний ответ 13 Июль 2009, 00:12:37
от Ворожея