Делаем красивую флеш галерею в программе Picasa

image
Совсем недавно мне понадобилось составить подборочку из нескольких моих фотографий. Это должны были быть портреты. Недолго думая, я решил что нужно всё это реализовать это на флеш, т.к. это просто, карасиво, да и флеш-плеер я думаю уже почти у всех есть.

Первая мысль была скачать какую-нибудь галерею, куда можно привязать фликр или пикасу. Но вдруг я наткнулся на один хороший сайт. Там были выложены шаблоны галерей и их демонстрации. Скачав понравившийся шаблон я, к своему удивлению, не нашел никакого readme… Пришлось поискать на сайте. Оказалось что эти шаблоны нужно вставлять в программу пикаса… А потом в интерфейсе программы создавать готовую галерею.

А теперь обо всем поподробнее.

1)Для начала нужно установить саму пикасу. Скачать её можно на официальном сайте picasa.google.ru/
image

2)Далее идем на www.paulvanroekel.nl/picasa Там выбираем и скачиваем нужный шаблон.
image

3)Содержимое архива распаковываем в \Program Files\Google\Picasa\web\templates\ Каждый шаблон нужно помещать в отдельную папку.
image

4)Создаем папку с готовыми изображениями, которые мы хотим добавить в галерею.

5)А теперь самое интересное. В программе пикаса выбираем «Папка»-> «Экспортировать в формате HTML...» Далее все просто. Настраиваем нужные параметры и получаем красивую флеш-галерею.

image

image

В итоге у меня получилась такая штуковина photo.lev-a.spb.ru/

UPD: Благодаря Вам, я получил инвайт для levchik, который попросил меня опубликовать этот пост =)
+100
18 января 2009, 22:36
173
Rexedead 20,2

комментарии (41)

НЛО прилетело и опубликовало эту надпись здесь
0
zeeke #
Спасибо за информацию.
0
DaHacka #
Полезная информация
0
Timon #
Спасибо. Подробно и полезно.
+1
GKelpi #
И фото неплохие ;)
НЛО прилетело и опубликовало эту надпись здесь
+1
Stepler #
была бы ещё полезна информация о размере выходного файла. например, общий объём фото такой, вес такой и на выходе имеем столькото.
+1
b8c6 #
Это зависит от того, какие у тебя фотки. Общий размер на выходе = объём твоих фоток (они отдельно будут лежать) + объём, собственно, шаблона (swf, css, html) + объем файла с URL фоток. Последние пара пунктов небольшие ~200 Кб, остальное — чисто твои фотки.
+1
Elected #
Что-то мне подсказывает что эту фичу ждёт такая же судьба как и lightbox'ы. Помните, когда первый раз их увидели — выглядело очень симпотично, необычно, впечатляющи даже для кого-то. А теперь, тошнит от них уже, везде эти квадратики белые разварачивающиеся. И реализованны они как правило не очень хорошо (в большенстве случаев).
+1
Elected #
Да, к стати, и юзабельность у них не очень хорошая.

1. Нет возможности вернутся на предыдущую фотографию.
2. Если фоток очень много, то досамой последней придётся добиратся долго. В смысле нету трумбсов (к которые согласитесь удобны, и привычны).
0
Bteam #
Ну вообшето если бы сходили по ссылочке шаблонов что даеться в 2 пункте. Вы бы там увидели бы 11 разных шаблонов. И с превьюшками, и без, и с fade'ом. Вообшем на любой вкус.
А еше, что вам мешает подкрутить этот флеш? Там же все на АS
0
b8c6 #
Автор, спасибо огромное! Правда, пикасу ставить неохота, но, по ходу, любой шаблон там можно использовать как сам по себе, так, и, наверное, к XnView прикрутить (чем и пытаюсь заняться).

P.S. мне больше всех polaroid понравился.
+1
leonard #
А я бы, все-таки, посоветовал поставить, как пример хорошего интерфейса и просто отличного приложения.
–1
AmoN #
«А мужики-то не знают!»
+6
Vedbmak_dn #
Спасибо, очень полезно. Удобно делать небольшие флешки. Допустим, приехав из поездки.
P.S. Не понял, за что всех тут минусуют, всем кому мог поставил +.
+1
Tasselhoff #
привет хабратуристам!
0
falone #
Кстати, если кто не знал, средствами он-лайновой Пикасы можно делать слайдшоу, весьма неплохие, на мой взгляд.
Прчется это чудо под ссылкой Embed Slideshow в меню Link to this album
0
Amput #
Вот за эту подсказку большое спасибо

Единственный момент что данная фича доступна в английском интерфейсе.
+1
amoral #
Спасибо.
А вотермарки чем добавляли?
+1
duzer #
Picasa3 умеет добавлять watermarks: Инструменты — Параметры — Веб-альбомы — Добавлять водяной знак ко всем добавляемым фотографиям.
0
amoral #
Хм. Это не совсем то, что надо. А не знаете как в лайтруме настроить, чтобы при экспорте фотографиий, он на них вотермарк ставил?
Просто важно, что-бы вотермарк был определённого шрифта и имел постоянное местоположение.
0
duzer #
Про Lightroom, к сожалению, ничего сказать не могу.
0
Rexedead #
Вотермарк вставлял в vso image resizer во время уменьшения размеров изображений
0
amoral #
Не хотелось бы использовать сторонний софт…
0
Aledensoft #
не плохо бы еще помимо Picasa-templates сделать описание, каким образом вручную взаимодействовать с swf-файлом, чтобы можно было его прикрутить к сайту не только с пом. пикасы, но и вручную. разобраться то можно, но с описанием и примерами было бы лучше.
+1
karapuz #
Под Linux тоже работает
0
russum #
А в маковской пикасе такого нет чтоли? Не вижу нигде пункта «Экспортировать в формате HTML...».
0
KJouflay #
Прикольно…

Жалко, что нельзя взять за уголочек фотки из кучи других и именно она покажется.
0
AHDPEu #
Я всегда комплексно сносил такие проги предустановленные на ноут -)
Теперь знаю, что эта прога она делает.
Такую инструкцию можно и маме показать, разберётся.
+3
devenge #
Я подумал, что не только я один маньячно скачал все шаблоны с сайта. Поэтому решил залить готовый боекомплект для хабровчан, чтобы вы судорожно не тыкали все 19 ссылок на сайте :) Все папки просто переносим в \Program Files\Google\Picasa\web\templates\.
+1
guessss_who #


Тени под буквами — это прекрасно! Еще бы выпуклости добавить, и свечения… ))
0
ukrainets #
Спасибо за полезний пост :)
0
ukrainets #
а под маком все также делается?
0
levchik #
спасибо всем за комменты и за "+" =)
теперь я почти полноправный хабраюзер))
0
freakqueen #
я так умею, у меня сайт на simple viewer =)
0
megabrain #
Напомнило Jalbum — программу для организации web-галерей, написанную на Java. Работает под любой современной ОС, для которой существует Java-машина. Среди типов галерей, получаемых на выходе как простые html-галереи, так и альбомы, построенные на flash, с 3d эффектами вроде beryl.
0
Kumiro #
мде всё замечательно. Только пикаса под мак не понимает шаблоны для галлерей :(
0
BGMT #
А как теперь положить это всё на сайт? Или, скажем, в блог?
0
Rexedead #
через ftp
0
BGMT #
Гм, поподробнее, если не затруднит. Выложить зипованную (или нет?) папку на фтп, а дальше?
0
Rexedead #
1.Заходим на хостинг через фтп клиент
2.Создаем папку
3.Заливаем файлы сделанные программой, в папку созданную на хостинге (не зипованные)
4.Открываем папку через браузер (сайт.com/папка)

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