Forum dyd@ktyczne INoI UP w Krakowie

W. Kowalewski

Przed ćwiczeniami pobierz 10 obrazków średniej wielkości i zapisz na pulpicie w folderze \foto\ : http://www.3ap.fora.pl/zasoby-cyfrowe-2008-2012,20/fotografie-i-sum-sn-2011-2012,2027.html

W przyszłości, zanim zrobisz zdjęcia, pamiętaj o 15 złotych zasadach kadrowania: [link widoczny dla zalogowanych]

JAK ŁATWO TWORZYĆ GALERIE FLASH?

Stworzenie własnej galerii przez wykorzystanie animacji Flash oraz sterującego nią pliku XML pozwala na prostą i ciekawą prezentację zdjęć w Internecie. Animowaną galerią można wykonać ręcznie lub z wykorzystaniem skryptu PHP. Istnieje wiele aplikacji (np. [link widoczny dla zalogowanych]), które pozwolą nam na opracowanie interesującej galerii.

Możemy wykorzystać do tego celu dowolny program, który potrafi automatycznie generować obudowę XML i potrafi interpretować szablony - np. Picasa. W tym przypadku postępowanie składa się z 3 kroków:
- Przygotowanie obrazków w dowolnym programie graficznym, np. FastStone (edycja tonalna, kadrowanie, zapis);
- Wygenerowanie galerii z użyciem programu Picasa (wcześniej trzeba pobrać i wgrać odpowiednie szablony); wcześniej możesz też w ograniczonym zakresie edytować obrazki w programie Picasa (prostowanie, kadrowanie itp.)
- Ewentualna poprawa (lub zmiana) wybranych parametrów XML, HTML galerii. Sugeruję, aby używać do tego celu edytora dla programistów Notepad++

0. KADROWANIE, EDYCJA GRAFICZNA
- Download: [link widoczny dla zalogowanych]
- Download: [link widoczny dla zalogowanych]
- Download: [link widoczny dla zalogowanych]
bardziej zaawansowane (pracami z warstwami, etc.)
- Download: [link widoczny dla zalogowanych] Porady i nauka [link widoczny dla zalogowanych]

1. PICASA
- Download: [link widoczny dla zalogowanych]
- Zainstaluj program Picasa 3 PL i uruchom (odczekaj cierpliwie, aż Picasa zaindeksuje wszystkie obrazy w komputerze);
- Help: [link widoczny dla zalogowanych]
2. BEZPŁATNE SZABLONY FLASH (JAVA, CSS)
- Download 1: [link widoczny dla zalogowanych]
- Download 2: [link widoczny dla zalogowanych]
- filmy instruktażowe (ang.): [link widoczny dla zalogowanych]

3. PRZYKŁADY WYBRANYCH GALERII (dedykowane dla dokumentów)
A - Carousel 3D Flash Slideshow: [link widoczny dla zalogowanych]
B - Tiltviewer: [link widoczny dla zalogowanych]
C - Highslide Photo Gallery and Slideshow: [link widoczny dla zalogowanych]
D - JetPhoto Flash slideshow and gallery: [link widoczny dla zalogowanych]
E - Fotoplayer 2.0 Flash Slideshow: [link widoczny dla zalogowanych]
F - Flash Photo Stack Gallery: [link widoczny dla zalogowanych]
G - Cool Fullscreen Flash Gallery: [link widoczny dla zalogowanych]
H. Flash Page Flip Photo Gallery: [link widoczny dla zalogowanych]

4. JAK PRACOWAĆ
- Pobierz i rozpakuj do oddzielnych folderów wszystkie szablony wymienione w pkt. 3 (download 1 lub download 2). Następnie skopiuj je do folderu szablonów Picasy - domyślnie: Program Files\Google\Picasa3\web\templates.
- Uruchom program Picasa, wybierz folder z obrazami do galerii i zaznacz je. Następnie z menu "Folder" wybierz "Eksportuj jako stronę HTML...". Przy pierwszym uruchomieniu wskaż folder na galerie. Następnie podaj tytuł galerii oraz wielkość wynikowych obrazów (sugeruję: 800 pikseli). W następnym kroku wybierz odpowiedni szablon i "Zakończ". Teraz cierpliwie czekaj aż Picasa zakończy tworzenie galerii.
- Przejdź do folderu z galeriami i uruchom twoja galerię (zazwyczaj index.html)
- Jeśli zachodzi potrzeba można zmienić niektóre parametry galerii (edycja plików XML lub HTML) - każdy szablon na własne rozwiązania; najlepiej więc na stronie twórcy znaleźć odpowiedni dedykowany help. Uprzedzam, że część szablonów jest kodowana w "iso-8859-1"; przed edycją najlepiej je przekodować do utf-8 i jeśli zachodzi taka potrzeba zmienić ustawienia w sekcji HEAD.
- Ps. jesli jakiś szablon nie jest "widziany" przez Picasę - najczęściej oznacza to, że został niepoprawnie rozpakowany (folder w folderze).

5. ĆWICZENIE
- Przygotuj Picasę wg wytycznych z punktu 4
- Przeglądnij galerie - zapisz numery 15 fotografii, które zamierzasz wykorzystać: http://www.3ap.fora.pl/zasoby-cyfrowe-2008-2011,20/tkc3-fotografie,1426.html
- wygeneruj testowe galerie dla każdego szablonu
Ps. część galerii uruchamia się automatycznie, część należy uruchomić ręcznie.

5a. GIMP 2.8.6 - tworzenie i edycja grafiki rastrowej
-- download: [link widoczny dla zalogowanych]

6. Praca kontrolna z ub. roku (przemyśleć propozycje)
- http://www.3ap.fora.pl/zasoby-cyfrowe-2008-2010,20/ntkc-00-praca-kontrolna-f1-i-wykaz-tematow,673.html

7. Lektura na następne zajęcia
- B. Kamiński: Skanowanie i fotografia cyfrowa. Warszawa 2001 - przeczytać s. 30-88

UWAGA: Praca kontrolna (termin wykonania: do końca semestru) wg tematów dr Kolasy:
http://www.3ap.fora.pl/zasoby-cyfrowe-2008-2012,20/ntkc-01a-praca-kontrolna-f1-i-wykaz-tematow,673.html

Prace można udostępnić przez:
[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]