Prezentacja z gifem 2

Hej :D
Wiem, że ten poradnik miała zrobić Martyna ale chyba nie pogniewacie się jak zrobię to ja ?

Potrzebne programy: PhotoScape; Gimp; Paint (można też użyć PhotoScape)

Krok 1:
Wybieramy sobie jakiś gif.

Krok 2:
Otwieramy PhotoScape w opcji AniGif, przenosimy gif w górną ramkę. Rozłoży on nam się na dużo pojedynczych obrazków.

Krok 3:
Mój gif był trochę mały jak na prezentacje więc trzeba by go trochę zwiększyć. Pochwalam proste i szybkie sposoby więc zwiększyłam rozmiar wszystkich obrazków jednocześnie o tym suwakiem:

Krok 4:

Teraz coś bardzo monotonnego. Musimy zapisać każdy obrazek osobno najlepiej je sobie ponumerować w nazwie żeby potem przypadkiem nie pomylić kolejności. Ostrzegam, że tylko taki sposób zapisu znam chodź szukałam innych to ten wydaje się najlogiczniejszy.

1. Zastopuj odtwarzanie gifa.

2. Wybierz obrazek i kliknij PPM wybierając kopiuj di schowka.

3. Otwieramy Painta ewentualnie edytor PhotoScape i wklejamy obrazek i zapisujemy.

Zapisujemy każdą klatkę gifa (obrazek) osobno i po kolei (1,2,3 itd.)

Krok 5:

Gdy będziemy mieli już wszystkie obrazki zapisane wchodzimy do gimpa i otwieramy ten z numerem 1.

Tworzymy nową warstwę warstwa>nowa warstwa>przeźroczysta (rozmiar ustawi się automatycznie. 

Krok 6:

Na nowo utworzonej warstwie możemy zrobić sobie ramkę, napis z loginem itd. ja z uwagi na to że robię ten poradnik na szybko więc dodałam tylko podstawowe efekty.

Krok 7:

Teraz musimy to zapisać: Plik>wyeksportuj>zapisujemy jako 1 tak jak zrobiliśmy to wcześniejszej.

Krok 8:

Teraz klikamy na warstwę z obrazkiem i usuwamy go.

Zostanie nam coś takiego:

Krok 9:

Otwieramy następny obrazek Plik>otwórz jako warstwę> i wybieramy 2 obrazek.

Powinno nam wyjść coś takiego (podkreślam, że warstwa z obrazkiem powinna być ostatnia w kolejności)

Krok 10:

Zapisujemy i powtarzamy czynność z punktów 8-9.

Krok 11:

Gdy wszystkie obrazki będą już miały ramkę otwieramy PhotoScape w opcji AniGif i dodajemy je wszystkie do jednego gifu.

Krok 12:

Zapisujemy i robimy kod HTML.

Mój efekt końcowy:

Pozdrawiam

milka2012 ^.^

Baner z zanikającą ramką

Hej.
Dzisiaj trochę inny rodzaj baneru.

1. Wchodzimy w program Gimp i robimy przeźroczyste tło ja w razie czego zawsze robię tło trochę większe ale i tak potem da się je przyciąć.

2. Robimy naszą ramkę. Klikamy zaznaczenie prostokątne i zaznaczamy. Następnie klikamy na niej PPM> edycja> ryzuj wzdłuż zaznaczenia. Pojawi nam się takie okno :

2. Po narysowaniu ramki możemy sobie ją troszkę rozmazać klikamy na nią PPM>filtry> rozmycie> rozmycie Gaussa lub Światło i cień> rzucanie cienia.

3. Przydało by się wypełnić czymś tą ramkę. Klikamy na ramkę PPM> edycja> i wybieramy któreś z wypełnień ja wybrałam wypełnienie deseniem.

4. Teraz dodajemy obrazek. Ja wybrałam konia dokładnie jedną z maści do CP które możemy znaleźć w google grafika. Mi się trafiło że akurat był już bez tła. Więc klikamy Plik > otwórz jako warstwę.

5. Teraz pora aby trochę przyciąć ramkę żeby wyglądała jakby zanikała.
Mi się nie chce kombinować więc zawsze to robię gumką i myślę że to jest chyba najłatwiejszy sposób.
Wybieramy gumkę i  ścieramy kawałki ramki.

6.* Ja jeszcze z przyzwyczajenia połączyłam wszystkie warstwy w jedną ale nie musicie tego robić.

7. Czas na tekst.

I wreszcie końcowy efekt:

Pozdrawiam
milka2012

Prezentacja z obrazkiem na górze lub z boku

Hejka !
Ogólnie pokaże wam jak zrobiłam swoją prezentację ale też jak zrobiłam tą metodą inną prezentacje.

Potrzebny będzie nam program Gimp.

Prezentacja 1.

1. Otwieramy gimpa i robimy tło. Ja z uwagi na kolorystykę mojego obrazka wybrałam kolor czarny i rozmiar 900x1000.

2. Otwieramy nasz obrazek Plik>otwórz jako warstwę.
Jeśli obrazek jest za duży lub za mały musimy go ze skalować klikając na niego PPM> warstwa> skaluj warstwę.

3. Teraz coś trudniejszego. W oknie gdzie mamy pokazane warstwy klikamy na tą znajdującą się najwyżej PPM> Połącz widoczne warstwy w duł.

Pojawi nam się okno.

Po połączeniu powinniśmy uzyskać coś takiego:

4. Teraz wybieramy narzędzie aerograf. Możemy też użyć zwykłego pędzla tylko najpierw musimy zmniejszyć krycie.

I zakrywamy krawędź obrazka która łączy się z tłem. W moim przypadku to będzie tu:

5. Następnie możemy pododawać sobie ramki, napis z naszym loginem i inne.  U mnie końcowy efekt wyszedł taki :

Prezentacja 2.
Ta prezentacja będzie zrobiona tą samom metodą tylko w innym roziarze i innym rozmieszczeniu obrazka.


1. Otwieramy gimpa i robimy tło. Uniwersalnym rozmiarem dla tego typu prezentacji jest 947x400 px gdyż akurat taka rozmiarów ka idealnie się mieści w polu prezentacji na howrse.

2. Otwieramy nasz obrazek i skalujemy go tak jak w kroku 2 powyżej tego poradnika. I przesuwamy obrazek na prawą lub lewą stronę obrazka. 

3. Następnie możemy wykonać kroki  3 i 4 tak jak w tej 1 prezentacji tylko że zakrywając krawędź łączącą obrazek i tło zakrywamy tylko 1 krawędź u mnie to będzie ta: 

4. Możemy dodać napisy i ramki. 

Ostatecznie 2 prezentacja wygląda tak:

Uwaga !!!

Do tego rodzaju prezentacji można dodawać rożne dodatki mi. szatę graficzną, tło (np. tło ) i wiele więcej tyko trzeba pokombinować. 

Pozdrawiam 

milka2012