Делаем красивую флеш галерею в программе 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, который попросил меня опубликовать этот пост =)
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 41

    • UFO just landed and posted this here
        0
        Спасибо за информацию.
          0
          Полезная информация
            0
            Спасибо. Подробно и полезно.
              +1
              И фото неплохие ;)
              • UFO just landed and posted this here
                  +1
                  была бы ещё полезна информация о размере выходного файла. например, общий объём фото такой, вес такой и на выходе имеем столькото.
                    +1
                    Это зависит от того, какие у тебя фотки. Общий размер на выходе = объём твоих фоток (они отдельно будут лежать) + объём, собственно, шаблона (swf, css, html) + объем файла с URL фоток. Последние пара пунктов небольшие ~200 Кб, остальное — чисто твои фотки.
                    +1
                    Что-то мне подсказывает что эту фичу ждёт такая же судьба как и lightbox'ы. Помните, когда первый раз их увидели — выглядело очень симпотично, необычно, впечатляющи даже для кого-то. А теперь, тошнит от них уже, везде эти квадратики белые разварачивающиеся. И реализованны они как правило не очень хорошо (в большенстве случаев).
                      +1
                      Да, к стати, и юзабельность у них не очень хорошая.

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

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

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

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


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

                                                          Only users with full accounts can post comments. Log in, please.