Библиотека вебмастера по созданию и продвижению сайта
Онлайн-сервисы для создания пазлов
Одной из наиболее занимательных головоломок являются пазлы. Они любимы и взрослыми, и детьми. Сегодня Админу.ру рассмотрит несколько онлайн-сервисов (генераторов) пазлов с возможностью экспорта кода для вставки на сайт или блог.
Jigsaw Planet — Сервис создания пазлов
Jigsaw Planet — Сервис создания пазлов
Если вы планируете регулярно создавать пазлы с помощью Jigsaw Planet, рекомендуем зарегистрироваться на сайте. Однако, для разовых генераций можно обойтись и без регистрирования. Для любителей иностранных языков в правом нижнем углу страницы (не заметно, если не обратить внимание) есть выпадающий список с поддержкой целого списка языков:
Как зделать Фото-пазл в вк!!!
Jigsaw Planet поддерживает много языков
Создаём пазл, нажимая на третью кнопку меню «Создать»:
Jigsaw Planet: создание пазла
Загружаем картинку, вводим название, задаём количество частей (на которые разобъётся картинка), выбираем форму частей, задаём ключевые слова (для поиска внутри сайта). Далее нажимаем кнопку «Создать».
Jigsaw Planet: готовый пазл
Получаем готовый пазл.
Как получить ссылку на созданный пазл?
Справа-сверху видим кнопку «Поделиться», по нажатию на которую выпадает список вариантов публикации созданного пазла в социальных сервисах и возможность встроить пазл на сайт или блог. Выбираем пункт «Эл.почта».
Jigsaw Planet: поделиться пазлом
Откроется новая форма:
Jigsaw Planet: ссылка на пазл
Ссылку на созданный пазл можно получить именно на этой форме. Для удобства ссылка обведена красным прямоугольником. Вы можете скопировать ссылку и отправить по электронной почте или вставить в текстовый файл.
Размещение кода пазла на внешнем сайте или блоге
Справа-сверху видим кнопку «Поделиться», по нажатию на которую выпадает список вариантов публикации созданного пазла в социальных сервисах и возможность встроить пазл на сайт или блог. Выбираем пункт «Встроить».
Сколько лет Энджи из сериала Кампус ?
Jigsaw Planet: поделиться пазлом
Появляется страница с большим количеством текста и несколькими вариантами кода вставки:
Jigsaw Planet: Код вставки пазла на сайт
Jigsaw Planet: Код вставки пазла на сайт (продолжение)
Если ваш сайт или блог поддерживает использование фреймов, то выбирайте последний выделенный фрагмент (короткий). Если поддержка фреймов отсутствует, воспользуйтесь кодом первого выделения (много строк кода).
Далее вставляем код на свой сайт (или блог) в режиме HTML (режим «Текст» в WordPress, как в нашем случае):
Вставка кода на сайт
В итоге получам масштабируемый пазл на своём сайте:
Код пазла на сайте
И, собственно, итог работы: пазл на сайте. Можете попробовать сложить:
Источник: adminu.ru
Трансляции с российскими звездами собрали миллионы просмотров в VK
Российские звезды из сферы культуры, медиа, спорта и других выступили в рамках фестиваля «Знание.Лекторий» на VK Fest в Санкт-Петербурге. Об этом компания сообщила в пресс-релизе для «Ленты.ру».
Лекции и дискуссии с экспертами прошли 1 и 2 июля. На площадках фестиваля их посетили более 2,5 тысячи человек, а онлайн-трансляции собрали более 3,7 миллиона просмотров.
Перед зрителями среди прочих выступили журналист Сергей Минаев, обсудивший настоящее и будущее новых медиа, артисты Дмитрий Харатьян и Борис Смолкин, рассказавшие о своем творческом пути и истории из профессиональной жизни. Для поклонников видеоигр президент Федерации компьютерного спорта России Дмитрий Смит, блогеры Snailkick и finargot обсудили настоящее и будущее индустрии.
Кроме того, гостями лектория стали Герой России, летчик-космонавт Андрей Борисенко, футболист сборной России Андрей Мостовой, рестораторы Антон Пинский и Марина Наумова, бьюти-блогер Оля RedAutumn. В завершение фестиваля известный комик Евгений Чебатков презентовал проект «История на ночь: мемы русского интернета», а Иван Абрамов откровенно высказался про юмор в России.
Записи лекций доступны в группе российского общества «Знание», ставшего партнером проекта, в VK.
Источник: lenta.ru
Узнайте, как создать эффект пазла в Photoshop
15 октября, 2013 
3Dfox
В этом уроке мы превратим обычную фотографию в пазл. Урок предназначен для начинающих и его довольно легко сделать.
Шаг 1
Откройте любое изображение в нашем случае будет девушка на пляже. Сначала создадим слой, на который мы разместим наш пазл. Создайте новый слой, нажав Ctrl + Shift + Alt + N и залейте его светло-серым цветом (# a2a2a2). Назовите этот слой «фон».
Шаг 2
Выберите инструмент Brush Tool (B) и выберите черный цвет — как цвет переднего плана. Опустите непрозрачность кисти до 10% и DAB по краям нашего недавно созданного слоя несколько раз для того, чтобы добавить некоторые вариации.
Шаг 3
Дважды щелкните на фоновый слой и нажмите кнопку ОК в окне новый слой, который появляется для того, чтобы преобразовать его в обычный слой.
Переместите этот слой над слоем «Background», нажав Ctrl +] или просто перетащив слой с помощью мыши.
Шаг 4
Теперь нам нужно применить пазл текстуру к нашему изображению. В Photoshop CS6 Adobe нет определенных установок, поэтому мы должны загрузить и установить их вручную. По этой ссылке можно скачать папку плагинов. Откройте архив (это архив, нужно иметь Winrar или Winzip) и откройте папку Presets. Внутри этой папки будет папка текстуры — откройте ее.
В ней есть файл с именем «Puzzle.psd». Перетащите его на рабочий стол и запомните его место расположение.
Шаг 5
Возвращаемся к нашему изображению «девушка на пляже», выберите Фильтр > Галерея фильтров, далее Текстура> Texturizer и нажмите на иконку со стрелкой, указывающей вниз для загрузки пользовательских текстур. Выберите «Jigsaw.psd» файле который вы скачали выше.
Выберите следующие настройки и нажмите кнопку ОК. У Вас должно получиться что-то похожее на результаты ниже.
Шаг 6
Далее сделаем наш пазл более реальным, скрывая определенные части. Для того, чтобы скрыть часть нашего слоя нам необходимо, сделать выделение нужной области. Стандартные инструменты выделения (Quick Selection Tool,, Lasso Tool) будут крайне неэффективными, поскольку кусочки головоломки имеют размытые края поэтому, мы должны использовать более продвинутый способ выбора, будем использовать Pen Tool, выберите Pen Tool (P) и сделайте как показано ниже:
Шаг 7
Нажмите Ctrl + Enter, чтобы преобразовать путь в выделение.
Нажмите на картинку слоя в палитре слоев, чтобы сделать его активным и добавьте маску слоя, выбрав Layer> Layer Mask> Reveal All.
Шаг 8
Нажмите D, чтобы сбросить цвета по умолчанию и кликните по маске слоя, чтобы сделать его активным. Теперь нажмите Ctrl + Backspace, чтобы залить выделение черным цветом.
Шаг 9
Далее повторяем тоже самое на остальной части нашей картинки, смотрите как это сделано внизу.
Шаг 10
Далее нам нужно скрыть некоторые части пазла, чтобы он стал более реалистичным. Используйте инструмент Pen, смотрите внизу как это должно выглядеть.
Источник: 3dfox.ru