Сегодня мы
отмечаем замечательный праздник, который
не можем оставить незамеченным. Предлагаем
всем остальным тоже принять участие в его
праздновании. Чуть ниже, мы расскажем как
сделать злые сердечки и установить их на
сайт. Вебмастера, установите на свой сайт
Злые Сердечки и присоединяйтесь к
празднованию!
Как подготовить сайт к празднику? Сделаем «злые сердечки»!
Для этого нам будут нужны:
- векторный редактор Inkscape или подобный
- Прыщи и прыщемагия (можно по ssh)
- Коллекция пека-фейсов
- Растровый редактор вроде GIMP
Часть 1: делаем сердечки
Лично я использовал 2 вида сердечек, хотя
изначально и не планировал этого, просто
сделал и мне доставило. Открываем инкскейп
и рисуем что-то вроде:
http://anon.fm/…53501436.png
Нарисовать такое очень просто — просто ебошим 4 узла, а потом начинаем двигать контрольные точки у них. Вообще, можно было бы нарисовать сердечко только на 2 узлах, но у меня что-то не очень получилось, поэтому четыре. Ясен хуй, что рисовать 200 сердечек руками я не пизданулся, поэтому схороняем нарисованное сердечко в SVG и прогоняем через примерно такую конструкцию на перле:
$oo=~s/(\«, )(-?\d+(\.\d+)?)/$1.rame($2)/egsi;
$oo=~s!<.xml^>+>!<?xml version=»1.0" encoding=«UTF-8»
standalone=«no»?>!s;
sub rame{my
$num=shift;$num=$num1+rand()100–50;return(int($num));}
В первой строке мы добавляем ко всем числовым значениям некоторый рандом, который задается внутри функции rame, а во второй строчке мы выправляем заголовок XML, который херится. В данном случае, к значению добавляется +/-50, для меня это было оптимально, но вы поэкспериментируйте со значениями, все зависит от того как вы рисовали. Я сгенерировал 200 таких SVG-файлов.
Заценить результаты можно при помощи
такой команды:
for q in {0..199}; do inkscape -f res1/$q.svg -y 0 -D -e res2/$q.png -d
$((5+$RANDOM%35));done
Где:
res1 — директория где лежат сгенерированные
«исходники»
res2 — директория где лежат генерируемы PNG
ключик -d задает размер картинки,
подбирается опять же экспериментально
После генерации мы можем открыть любой
спермо/прыще файловый менеджер с превью и
посмотреть на результат. Под спермой это
выглядит примерно вот так:
http://rghost.net/…45/image.png
Да, не все красиво, но после некоторого
тюнинга я остановился на таком варианте. Но
тут в чятике мне скинули картинку:
http://hozyayka.org/…erdechko.jpg
Не долго думая, я засосал ее в Inkscape и
трассировал, результат трассировки
схоронил как и предыдущее сердечко.
Поигрался с параметрами и понял, что
происходит генерация мазни, отдаленно
напоминающая сердце. С другой стороны,
врачи имеют дело именно с такой хуйней,
поэтому можно сказать, что реалистичность
стала еще выше. Ослабив параметры рандома, я
сгенерировал еще 200 картинок, уже
распидорашенных сердец.
Часть 2: делаем пека-фейсы.
У меня был небольшой пак ехидной
картошечки и злых блинчиков, над которым я
сделал:
# id=0;for q in .; do convert $q -resize 150×150\> -threshold 70%
bw/$id.png; let id=id+1;done;
Этим я отресайзил картинки до размера 150х150, если это необходимо, сделал их черно-белыми, установив порог на 70% яркости, а результат схоронил в директорию bw под именами вида 1.png, 2.png и т.д.
Затем, более 9000 часов в гимпе, дабы убрать на картинках лишние КРУЖОЧКИ, равно как и все то, что будет явно лишним. Я изначально представлял себе сердца с глазами, а следовательно, только глаза и возможно рот следует оставлять.
Открываю гимп, филе->открыть и там выбираю свой пак из 33 картинок. Выделяю все и жму открыть — все засасывается в гимп сразу. Картинки небольшие и уже черно-белые, без градиентов. Берем белый карандашик, подбираем размер и ручками зарисовываем линии. Иногда картинку надо инвертировать, иногда что-то дорисовать. Убрали все лишнее — сохоронить и закрыть. И так более 30 изображений, более 9000 часов!
Следующий шаг — убрать белый фон и лишние
края. Конечно, можно было бы сделать это и в
гимпе, но так проще:
for q in {0..32};do convert -size 150×150 xc:white $q.png -alpha Off -negate
-compose CopyOpacity -composite -trim 2/$q.png;done
Фактически, просто копируем картинки в
директорию 2, удаляя ненужное. Признаюсь,
что по началу я забыл удалить белый фон,
потому позднее немного отсосал, но я
вернулся к этому шагу и быстро все
перегенерировал. С гимпом бы так быстро
не вышло.
Часть 3: склеиваем сердца и глаза
В принципе, тут все просто, просто пришлось потратить некоторое время на эксперименты и подбор параметров:
for q in {0..199};do convert res3/$q.png -background transparent -gravity north -extent 1000×1000 bw/2/$(($RANDOM%33)).png -compose multiply -composite -trim res/$((200+$q)).png;done
К примеру оказалось, что глазки лучше накладывать не по центру, а прижав к верхнему краю сердца, так красивше, для этого -gravity north. Оказалось, что иногда сердечко слишком маленькое, почти куриное, глазки на него не влезают и остаются обрезанными — для этого -extent 1000×1000 и указание прозрачного фона. И наконец, когда мы все наложили, делаем обрезку краев, поэтому ебонуть 1000х1000 пикселей нам не жалко. У меня было 2 директории с сердцами по 200 файлов, поэтому запускал 2 раза, в конце добавив $((200+$q)), дабы продолжить нумерацию файлов.
В принципе все готово, но мы забыли оптимизацию — запускаем в директории с готовыми кортинками:
optipng *
из примерно 1.9 метров кортинок осталось примерно 1.3 метра, достаточно заметная оптимизация.
Часть 4: добавляем на сайт
Приведу сам скрипт: http://anon.fm/hearts.js — берите, только поправте путь к картинкам
Изначально было множество сердец и страница стала красной, поэтому в качестве фоновой картинки я использовал брызги крови.
Зайдите в гуглокартинки и наберите blood drops и найдете массу этого дела, под каждый сайт наверняка найдется нужное. Жаль плашек с анимированной кровью я не нашел, а ведь еще в 2000 году таких было дохуя на сайтах для школовебмастеров. Но блять, в 2000 году было и счетчиков допизды, а ща их хуй найдешь, только изикаунтер схоронился. В общем, я не осилил анимированную кровь найти и поставил обычную.
Взять пак со злыми сердечками можно здесь:
http://anon.fm/tmp/hearts.zip
Многабукаф.
>>1751041
Плевс.
ну ёбаный ты нахуй. хоть нормально бы оформил
Говно.
пишити свою вики блять
Я вернулся на двач из за твоей хуйни.
Заебись, чётко!
ПСССССССССС. Поссал на пидорме.
>>1751185
На себя поссы, очкопетушок.
слишком много ненужной инфы
>>1751190
Фотошоп ещё спиздить надо.
Всегда плюсую такие новости, поэтому плюсанул и сейчас.
>>1751190
Ну расскажи мне, сколько часов в фотошопе у тебя уйдет такую-то армию ехидных сердечек?
>>1751190
Слишком много говна, вместо тебя, быдло!
Посанам с радивы плюс, они блять старались, делали, конспектировали процесс, молодцы! А быдло с одной извилиной не умеющее прочитать больше 5 слов не заслуживает даже ответа
Какого праздника?
>>1751213 кстати удваиваю этого быдлу.
Шок! Шок! Шок! Диджей ыыыыы дарит валентинки своему страпону!
>>1751213
День расстрела Чикатило же
Годно.
А увеличить сердечки, чтобы йоба подходил по размеру, вам в голову не приходило?
перевод хуйня! Не умеешь переводить, не берись!
>>1751213
Ага,а праздника-то и не было.
>>1751897 Может быть тебе и КАРТИНОЧЕК НЕХВАТАЕТ, швабрабыдло?
ПРЫЩЕУПРАЖНЕНИЯ ITT.
>>1752324 словно что-то плохое
(← + Сtrl) вернуться назадк новым сообщениям (Сtrl + →)