Вторник , 30 Май 2017
Как новичку заработать в интернете?
ДомойПубликацииСкрипт для массового создания красивых миниатюр

Скрипт для массового создания красивых миниатюр

Всем привет!

По работе иногда приходится «готовить красивые миниатюры». Сложного в этом ничего нет, механическая работа: открыть изображение, уменьшить до нужных размеров и наложить сверху маску с полупрозрачностью. Хватает простого графического редактора Paint.NET.

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

Создание своих миниатюр

Внимательные читатели скажут: «Ты же утверждал, что не художник»! Верно. Но маску для наложения делал не я, а для простого уменьшения фото и наложения поверх него маски быть художником, дизайнером или мастером фотошопа не нужно. Достаточно навыков работы со слоями.

Входные данные

Имеем универсальную маску:

Маска для наложения

и какое-то изображение:

Картинка для наложения маски

Результат хотим видеть таким:

Результат наложения

Для одного изображения проблем нет. Но для 5-10 понадобится достаточное количество времени.

Знающие фотошоп скептически хмыкнут и кивнут на макросы. Но многие ли могут позволить купить профессиональный редактор для подобного случая? Не говоря о том, что придётся научиться создавать макро.

Проще говоря, хочется это:

Наложение маски на изображение

Желательно, чтобы действия проводились в групповом режиме — закинуть пачку изображений, запустить скрипт и на выходе получить превьюшку к каждому.

Что нужно?

Для начала, скачиваем скрипт.

Скачать autosplash (бесплатно!)

После распаковки в папке autosplash содержатся:

  1. директория img, в которую копируются картинки для обработки;
  2. директория source, будет содержать созданные миниатюры в формате png;
  3. файл autosplash.php, скрипт, выполняющий всю работу;
  4. файл blank-508×300-x50y50.png, маска, накладываемая на все изображения.

Маска приводится для примера работы скрипта. Если захотите (так и будет!) использовать свою, потребуются дополнительные действия. Скопируйте сюда свою маску и отредактируйте скрипт. Понадобится внести следующие изменения (в скобках — номер строки):

  1. изменить ширину (9) — значение 508 пикселей актуально для моей маски, в вашем случае будет что-то другое;
  2. изменить высоту (10) — сейчас значение составляет 300 пикселей;
  3. отступ по горизонтали (13) — сейчас 50 пикселей;
  4. отступ по вертикали (14) — 50 пикселей;
  5. имя маски (17) — заместо blank-508×300-x50y50.png введите имя своего изображения.

Небольшая иллюстрация для наглядности:

Информация о наложении

Ширина и высота — максимальный размер вписываемой области. Область может быть круглой или любой другой формы — не суть. Главное, что сначала на полотно копируется изображение, а затем на него накладывается маска.

X и Y — на сколько необходимо сместиться от левого верхнего края. У маски края прозрачны, поэтому если поместить её сразу на изображение, сквозь края будут видны ненужные фрагменты.

Особенности

Скрипт не пытается быть интеллектуальным. Он просто берёт изображения из папки img и строго вписывает в размеры w и h, то есть непропорционально растягивает или сжимает. Важное следствие — чтобы полученные миниатюры смотрелись хорошо, необходима предварительная подгонка картинок. Делайте их пропорционально ширине и высоте. В моём случае оптимально соотношение сторон, кратное 508 к 300 пикселей или ~1.69 (ширина / высота).

Если желаете улучшить/расширить возможности скрипта — пожалуйста. Меняйте, улучшайте, распространяйте.

Успехов!



Рейтинг: 0

Автор публикации

1 541
не в сети 2 дня

x64 (aka andi)

Комментарии: 2165Публикации: 317Регистрация: 02-04-2009
Так себеНеплохоХорошоЗамечательноСупер! (2 голосов, в среднем: 5,00 из 5)
Загрузка...

13 комментариев

  1. Светлана Локтыш

    О, «облосная» — это «круто»…
    Что касается скрипта… Тут мой ум стопорит конкретно.
    Еще раз убеждаюсь: каждый рожден со своими программами и задачами внутри. Мне просто даже неинтересно это постигать. Так и хочется в очередной раз на пользу сыновей позвать smile

    Рейтинг: 1
  2. Светлана Локтыш

    Ой, «на помощь» позвать, что это я…

    Рейтинг: 1
  3. Новый скрипт, это замечательно. Но, чтобы он заработал, ведь еще нужно его вставить в файл, который его вызовет, ведь так?

    Рейтинг: 1
    • Софья, это готовый вариант если нужно несколько картинок сконвертировать.
      Если их много, в файл нужно будет добавить пару строк — увеличить время выполнения скрипта и заставить его работать после того, как веб-сервер отключит клиента (или тот сам отключится).

      Рейтинг: 0
      • Почему-то у меня не вызывается autosplash.php, когда пишу открыть с помощью браузера, получаю ответ «Класс не зарегистрирован»

        Рейтинг: 1
  4. Отличный скрипт, когда нужно много и сразу, а нет времени каждую картинку редактировать. Для массового варианта — просто отличная вещь! Хотя я немного не поняла, все картинки будут с черной рамкой? smile

    Рейтинг: 0
    • Елена, картинки будут «вписаны» в маску smile
      К примеру, если на блоге подразумевается однотипная маска без текста для всех постов, скрипт вполне подойдёт.
      Если же хочется пачку картинок на пачку случайных масок, придётся допиливать.

      Рейтинг: 0

Оставить комментарий

Ваш email не будет опубликован.Необходимы поля отмечены *

*

Добавьте изображение (jpg/gif/png)

Авторизация

Регистрация

Пароль не введен

Генерация пароля