058. Album ze stylizacjami w stylu Fantie - tutorial.

by

Witajcie kochani. Kolejny raz rysowany poradnik musi ustąpić miejsca czemuś moim zdaniem ciekawszemu. Jednakże nie płaczcie, Mam nadzieję, że jak tylko któraś ze współautorek znajdzie czas i pomysł, to szybciutko uraczy was jakimś pięknym handmade'owym dziełem. Jeśli nie możecie się już doczekać, to wesprzyjcie nas jakąś błyskotliwą ideą, napiszcie o czym chcielibyście poczytać, lub do narysowania czego potrzebna wam instrukcja.
Uważam, że nie ma osoby, której nie spodobałby się pomysł drużyny Fantie w pierwszym etapie Bitwy na style. Jeśli jeszcze nie widzieliście - dziewczyny wykonały album ze stylizacjami w stylu vintage. Mi osobiście bardzo spodobała się forma i sama zapragnęłam nauczyć się robić taką książkę. Nie dość, że wygląda profesjonalnie, to jest prosta do wykonania(proste, jeśli chociaż miej więcej miałyście kiedyś styczność z podstawami programowania; pomijając oczywiście obrazki "powyginanych" modelek, nad tym myślę trzeba popracować). Postaram się wytłumaczyć to krok po kroku, jak najprzejrzyściej, pomagając sobie screenami.

Powyższy link to adres, z którego pobrać możemy bazę magazynu. Zjeżdżamy suwakiem w dół, aż znajdziemy darmową wersję(skrin), po czym pobieramy ją na swój komputer. Spakowany pliczek na pierwszy rzut oka wygląda przyjaźnie użytkownikowi, ale to się niedługo zmieni. Najlepiej umiejscowić go w nowym, pustym folderze. Wypakowujemy(skrin) i zaczyna się robić odrobinę nieprzyjemnie. Trzy foldery o angielskich nazwach, żadnej ikony uruchomienia miłego i prostego interfejsu, gdzie napisane byłoby wszystko co chcemy wiedzieć. Tutaj przychodzę z pomocą.
Wchodząc do folderu "Free Version" i uruchamiając plik "Default" możemy zobaczyć naszą książkę. Na tym etapie jest ona wypełniona jeszcze przykładowymi obrazkami prezentującymi funkcje takiego albumu. Jedyne, co pozostało nam zrobić, to spersonalizować tą treść.
Standardowe wymiary jednej strony takiej książki to 368x450 px, najlepiej więc otworzyć nowy, pusty plik w tych wymiarach i posługując się programem graficznym jak Gimp czy PS wykonać obrazek będący stroną naszej książki. Może to być cokolwiek co chcecie umieścić(dopuszczalne formaty to .gif, .jpg, .png itd.). Ważne, żebyśmy naszymi obrazkami zastąpili te w folderze pages(powinnyśmy nadać im te same nazwy, co nazwy obrazków z poszczególnymi przykładowymi stronami; skrin).Zaznaczony na screenie plik SWF to już wyższa szkoła jazdy, jeśli ten poradnik jest wam potrzebny, żeby zrobić album, to najprawdopodobniej nie jesteście na razie na takim poziomie "wtajemniczenia", żeby wykonać takie coś, pozostaje wam więc tylko usunąć wszystkie takie pliki i zastąpić je poczciwymi jpg-ami. W związku z tym niestety nie możecie umieścić w waszej książce żadnych filmów czy linków.
Domyślnie album liczy 14 stron. Możemy to zmienić(liczba stron musi być jednak parzysta). Wchodzimy w folder xml i edytujemy w notatniku/wordpadzie plik "Pages"(skrin). Prezentuje on się mniej więcej tak(skrin). Na czerwono zaznaczyłam pliki .swf. Wszystkie te końcówki musimy zmienić na .jpg(ew. .png/.gif/itp.). Jeśli chcemy zmniejszyć liczbę stron, musimy skasować linijki z ich numerami, np. jeśli chcemy  ich 12 to kasujemy "<page src="pages/14.jpg"/>" i "<page src="pages/13.jpg"/>". Stron będzie dokładnie tyle ile przytoczonych wcześniej formuł, więc jeśli chcemy ich więcej niż 14, należy je skopiować i wpisać kolejne numerki. Oczywiście, żeby zobaczyć efekty musimy plik zapisać. Mam nadzieję, że to co piszę jest zrozumiałe, ale jeśli próbujesz i nadal zupełnie nie wiesz o co chodzi, to może poproś kogoś, żeby zrobił to dla ciebie.
Efekty na bieżąco możemy sprawdzać uruchamiając plik "Default", lub odświeżając stronę.

Na moim komputerze książka gotowa, ale co dalej?
Kolejne schodki. Aby pokazać innym w sieci nasz albumik musimy umieścić go na stronie. Proponuję ten sam hosting co Fantie, czyli cba.pl. Musimy założyć nowe konto co zaczyna się wybraniem domeny(skrin). Dalej strona prowadzi nas za rączkę. Potwierdzamy e-mail, logujemy się... i co dalej? Po lewej stronie rozwijamy zakładkę "Konta FTP" i klikamy odnośnik "Menadżer Plików"(skrin). Logujemy się. Tworzymy kilka nowych folderów jak na skrinie. Klikamy przyślij i po kolei, według folderów(to bardzo ważne, żeby każdy pliczek znalazł się w tym samym folderze co u nas na dysku) przesyłamy całą zawartość "Free Version"(możemy odpuścić sobie PopUpView.html, ważne jest też, żeby zmienić nazwę z "Default.html na index.html, można to zrobić bezpośrednio przez panel; skrin).

Jeśli wszystko zrobiliśmy dobrze, na założonej stronie powinien pojawić się wykonany przez nas album(czasami z kilkuminutowym opóźnieniem).


Pozdrawiam, żuczki.