Puzzle - jak zrobić bez Photoshopa

Sorry za ostatnią notkę. Coś mi się z kompem zepsuło i dlatego zrobiłam screeny z video. I'm sorry. Teraz wynagrodzę wam to instrukcją, jak z robić puzzle w GIMP'ie. Nie każdy ma Photoshop'a, a GIMP"a może mieć każdy. Wzorowałam się na tym [jak je zrobić w programie photoshop]. Do zrozumienia pomogło mi także to. Dobra, więc zaczynamy.

1. Wchodzimy TUTAJ i pobieramy plik puzzleee.psd .
2. Wybieramy sobie jakieś obrazki, które użyjemy [powinny być trzy].
3. Włączamy GIMP'a/pobieramy. Co do pobierania, to mam najnowszą wersję po polsku i nią będę się posługiwać. Można ją pobraćTUTAJ. Pobieramy z Serwer I. Ja pobrałam ten wyższy link, bo mam Windows.
4. Po włączeniu GIMP'a, otwieramy nasze obrazki, oraz otwieramy nasz szablon [puzzleee.psd].
5. Przekopiowujemy nasze obrazki do pustych warstw, specjalnie na to przydotowanych. Ja wybrałam sobie puzzle z końmi, powinno to wyglądać mniej, więcej tak:

6. Teraz naciskamy warstę z obrazkami [Tą najwyżej].

7. Klikamy na nią prawym przyciskiem myszy i pojawia nam się okienko. Naciskamy. Połącz w dół. To samo robimy kolejny raz, aż nasze trzy warstwy się połączą.

8. Efekt powinien być mniej, więcej taki: 

9. Teraz naciskamy zieloną warstwę [Warstwa 1].
10. Naciskamy ,,Różdżkę'', nasz obrazek powinien być ,,otoczony'' ruchomą przerywaną linią.

11. Póki nasz obrazek jest w przerywanej lini, naciskamy Warstwę 3 i wciskamy Delete

''.

12. Aby sprawdzić efekt klikamy zieloną warstwę i znów klikamy Delete. Nie będę dodawać Screen'a. Jeśli nasz obrazek bez zielonego tła ma kształt puzzli, to możemy dodać teraz jakiś napis. W tym celu klikamy literkę ,,A'' po lewej.

13. Następnie wybieramy sobie w jakim miejscu ma być napis i jaką czcionkę użyć. Po zrobieniu tego łączymy ze sobą wszystkie warstwy w jedną i zapisujemy. Jeśli podczas zapisywania pisze, że zapisuje się w  .xcf to musimy eksportować nasz obrazek. W tym celu naciskamyPlik –> Eksportuj –> Wybór typu pliku (według rozszerzenia) i wybieramy .png .
14. Jeśli chcemy specjalną otoczkę na zdięciu, wchodzimy TUTAJ. Wybieramy nasze puzzle i klikamy OK. Teraz pojawią nam się na ekranie. Po prawej stronie są trzy okienka. Nas interesuje środkowe z napisem Warstwy. Nasz obrazek podpisany jest Warstwa 0. Klikamy na to prawym przyciskiem myszy. Naciskamy Style warstwy. Teraz możemy się pobawić w cienie itd;. Ja natomiast zawsze wybieram Blask zewnętrzny i blask wewnętrzny. Teraz jest to kwestia gustu. Dodajemy jak chcemy. Zapisujemy i obrazek gotowy.
15. Jeśli ktoś chce dodać swój obrazek na profil, zapytaja czy coś to może wejść TUTAJ. Teraz wystarczy dodać obrazek. Wziąść kod HTML obrazka i wkleić. Jeśli ktoś chce to pokażę jak mi wyszło:

P.S. Dla zainteresowanych na msp jestem lolka230, a nie Iray.

Jak zrobić zmienny nagłówek?

Hej, z tej strony kikakaj.
Dziś przygotowałam dla Was instrukcję na bloga, dotyczącą zmiennego nagłówka. Przeczytajcie ją uważnie, punkt po punkcie  .

1. Przygotuj sobie co najmniej 2 obrazki, najlepiej o takich samych wymiarach.

2.  Zaloguj się na swojego bloga.

3. Przejdź do działu Projekt.

4. Dodaj w pasku pod nagłówkiem (lub zamiast niego) nowy gadżet HTML/Javascript i w treści wklej poniższy kod:

<script type="text/javascript">

var banner= new Array()

banner[0]="URLImagE"

banner[1]="URLImagE"

banner[2]="URLImagE"

banner[3]="URLImagE"

banner[4]="URLImagE"

banner[5]="URLImagE"

banner[6]="URLImagE"

banner[7]="URLImagE"

banner[8]="URLImagE"

banner[9]="URLImagE"

var random=Math.floor(10*Math.random());

document.write("<div class='random-header'><img src='" + banner + "' /></div>");

</script>

Tam, gdzie jest napisane URLImagE podajesz adresy przygotowanych wcześniej obrazków, przesłanych na pomocną nam do tego stronę, np Imgh.Us. Jeżeli obrazków ma być mniej, np. 5, to liczba wierszy dojdzie do banner[4] (resztę usuń), natomiast 10*Math zmieni się na 5*Math.

5. Zapisujesz zmiany, potem także nowy układ, aby wszystko się zatwierdziło.
6. Przechodzisz do Projekt -> Projektant szablonów -> Zaawansowane i w sekcji CSS dopisujesz: 

.random-header {margin: 0 auto; text-align: center;}

 

7. Zapisujesz zmiany i możesz cieszyć się zmiennym nagłówkiem (nagłówek zmienia się po odświeżeniu strony).

Mam nadzieję, że pomogłam  Kiedy skończycie, dodajcie w komentarzu link do bloga ze zmiennym nagłówkiem, który stworzyliście za pomoca mojej instrukcji. Jeżeli jednak coś poszło nie tak, przeczytajcie instrukcję jeszcze raz i sprawdźcie, gdzie popełniliście błąd. Każdemu może zdarzyć się pomyłka, więc nie ma się co martwić 

Jeśli masz jakieś pytania, zastrzeżenia co do postu – pisz tu na czacie (mam w nick 'Kika' i jestem memberem), w komentarzu lub – w ostateczności – na MSP  Pozdrawiam!

 

kikakaj