New version

Large part of Fotonea.com users could not save any collage since they used Internet Explorer browser. I have written version no 2, which uses Flash, not canvas tag. Flash should be available for over 95% of users, and saving should be also faster. Try it now: fotonea.com

First page almost didn’t change (I added a resolution selection, what can be useful for someone creating a desktop wallpaper), but second page (creating the collage) has more changes: different menu, draggable windows, publishing and commenting of collages.

Just to remind I’ll describe the steps to create a collage, after images are uploaded.

Drag the corner to rotate/scale the image, or drag the image to move it.

f2-1

You can add frames to pictures.

f2-2

Adding texts works as before.

f2-3

You can add some additional images to the collage – this function did not change.

f2-4

Click „save” to save your collage. A new window will open up, where you have a link to download the collage, and a link to share the collage.

Option „collages” also opens this window, with last one and previous versions of your collage.

f2-5

„Share” function will open new browser window, where you can set the title, author and short description of your collage. You can also choose whether you want your collage to be private or public, and if you want the visitors to be able to leave comments.

f2-6

After publishing you should see 2 links: the upper one which you can copy and email to friends, and the bottom one, which is the secret link (only for You) to edit or delete the collage.

f2-7

The collage which is published looks like the one below: with a title, description, visitor counter and a field for comments. You can see the example here. Commenting system uses Facebook Connect, so if you are logged in to Facebook, your comment and a link to the collage will show up in you Facebook status (if you leave this option on).f2-8

Enjoy! Try it now: fotonea.com

Nowa wersja

Duża część użytkowników Fotonea.com miała problem z zapisaniem gotowego kolażu, gdyż używali przeglądarki Internet Explorer. Napisałem zatem wersję nr 2 serwisu, która nie używa już znacznika canvas, a wykorzystuje Flash (który powinien być zainstalowany u ponad 95% użytkowników) co umożliwia łatwiejsze (i szybsze) zapisanie kolażu także w IE. Spróbuj: fotonea.com

Pierwsza strona serwisu prawie się nie zmieniła (dodałem wybór rozdzielczości kolażu, co może przydać się komuś kto chciałby zrobić tapetę na pulpit), natomiast druga strona (tworzenie kolażu) przeszła większe zmiany: inne menu, przesuwane okienka, publikowanie i komentowanie kolaży.

Dla przypomnienia opiszę kroki tworzenia kolażu, już po wgraniu zdjęć.

Zdjęcia można obracać i zmniejszać/zwiększać chwytając myszką za róg. Przesuwanie – chwyć za środek zdjęcia.

f2-pl-1

Możesz dodać ramki wokół zdjęć: białe, czarne lub w wybranym kolorze.

f2-pl-2

Następnie możesz dodać napisy – ta funkcja działa tak jak poprzednio.

f2-pl-3

Dodatki i dymki do zdjęć: ta funkcja również nie zmieniła się.

f2-pl-4

Kliknięcie „zapisz” powoduje zapisanie kolażu i po chwili otworzenie okienka, gdzie znajduje się link do ściągnięcia kolażu, oraz link „opublikuj”, dzieki któremu możesz umieścić Twój kolaż w internecie.

Kliknięcie „kolaże” także otwiera okienko zawierające zapisanie kolaże.

f2-pl-5

Funkcja „publikuj” otwiera nowe okno przeglądarki, gdzie możesz podać tytuł, autora i krótki opis, a także wybrać opcję, czy kolaż ma być publiczny czy prywatny, oraz czy chcesz aby odwiedzający mogli dodawać komentarze.

f2-pl-6

Po opublikowaniu zobaczysz 2 linki: górny do wysłania do znajomych, i dolny tylko dla Ciebie, nie do wysłania, przez który możesz edytować lub skasować kolaż.

f2-pl-7

Gotowy opublikowany kolaż wygląda tak jak poniżej: z tytułem, opisem, ilością wyświetleń i polem do dodania komentarza. Możesz go zobaczyć tutaj: kolaż z Oliwierem.  System komentarzy wykorzystuje Facebook Connect, czyli jeśli jesteś zalogowany do Facebooka, to Twój komentarz z linkiem do kolażu pojawi się w Twoim statusie (jeśli nie odznaczysz opcji przed wysłaniem komentarza).

f2-pl-8

Miłej zabawy! Spróbuj: fotonea.com

Kilka nowych dodatków, czyli prosta kartka na Święta

W funkcji „dodatki” znalazło się kilka nowych symboli, w sam raz na zbliżające się Święta. Możesz dodać komuś czapkę Świętego Mikołaja, wstawić choinkę, albo dodać kilka śnieżynek do zdjęcia. A także dodać bałwana do kolażu. W ten sposób zrobisz unikalną kartkę świąteczną!

Spróbuj teraz -> www.fotonea.com

christmas_card1

(zdjęcie rodzinki z flickr.com/photos/michaelwu/)

Nowa funkcja: dodatki, czyli jak dodać dymek do zdjęcia

Dodałem nową funkcję, która umożliwia dodanie symboli do kolażu. Na razie dostępne jest jedynie kilka symboli, głownie dymki, ale ich liczba będzie się zwiększała. Być może ktoś tworzący dzieło na „Konkurs na dymek” z nich skorzysta? Ale pomińmy polityków, nie są oni aż tak śmieszni (raczej tragiczni czasami…). Chyba zabawniej byłoby dodać dymek do rodzinnej kompozycji fotografii.

Przy okazji zmodyfikowałem trochę głowny silnik kolażu (Javascript) tak, że przy najechaniu myszką na zdjęcie, dodany symbol lub napis, w rogach pojawiają się zielone pola. Łatwiej będzie dzięki nim trafić na „róg” symbolu, za który należy pociągnąć, aby go obrócić lub zmniejszyć.

Zauważyłem niestety, że podczas tworzenia kolażu w Internet Explorerze na wolniejszym komputerze, zwłaszcza z kilkoma większymi zdjęciami, uwidacznia się słaba wydajność Javascriptu. Coż… Firefox działa szybciej.

How to create a collage online, without Photoshop or other software

This is the easiest way of creating a collage from your pictures, and you don’t need any software! There is nothing wrong with using some software, of course, and you can process images better and add more effects, but what if you don’t have anything installed and you don’t want to spend your time looking for the right program?
Here is the solution: www.fotonea.com
I will try to explain each step. First, upload a few pictures, which you want to use for your collage. You can upload a few images at once. Do not exceed maximum size or resolution.

Next, click on the link „show” in order to see available backgrounds for your collage. The backgrounds have resolution of 1024 x 786 pixels, so the finished collage will have also the same resolution. It can also be used as a wallpaper on your computer!

Selected background will show up on the right side.

Next, if all images are uploaded and you selected one of the backgrounds, it is the time to open the collage. Click on the „create collage” link. Wait until new page opens and all pictures are shown. At the beginning they can be overlapping each other. Just click on a picture and drag it away. When you click on the corner of a picture, you can rotate and resize it.

A panel with available commands is shown at the top (it can also be dragged, try on the logo). With one click you can add a frame to the picture, or add a text to the collage.

Well, it’s almost done! If the collage is ready, just click the „Save” or „Export” button. The difference is the following: „export” opens another tab in your browser with finished collage, from where you need to save it (File/Save as); it is faster option, but the browser will save the image as png file; „save” needs to send whole finished collage to the server, what is slower, but then you will have the option to save the image as a jpg or as a png file.

Both options currently work only in Firefox or Opera browsers. Users of Internet Explorer, Safari, Chrome or other browsers will have to save finished collage differently, via screenshot and crop in Paint for example.

Here’s the finished collage. Thanks, Oliwier!

There is great list of online image editing tools, but none of them provides such collage creation functionality, so I hope this will be useful.

Have fun and enjoy.

Witam

Kości zostały rzucone…

jak powiedział Hamlet… a może ktoś inny? A faktycznie, Juliusz Cezar. Nigdy nie lubiłem historii…

Takim nie pasującym trochę do naszej cyfrowej epoki wstępem rozpoczynam pierwszy wpis na blogu serwisu Fotonea.com.  Jest to mała aplikacja sieciowa do tworzenia kolaży z kilku zdjęć, która z założenia ma być prosta i pozbawiona nadmiernej ilości funkcji. Po prostu: wgraj, wybierz tło, ułóż zdjęcia, dodaj napis, zapisz, zapomnij .. nie, lepiej wróć. Oczywiście, nie zachwyci ona osób posługujących się na codzień Photoshopem, ale Adobe może spać spokojnie – nie zamierza to być konkurencja. Mam nadzieję, że będzie przydatna dla każdego użytkownika internetu.  Tak może wyglądać gotowy kolaż:

Aplikacja wykorzystuje znacznik „canvas” HTML, który nie jest tak samo zaimplementowany w każdej przeglądarce, dlatego niestety zapisanie lub export gotowego kolażu jest możliwy jedynie w Firefox i Operze, a nie w Internet Explorer, Safari czy też Chrome. Nie sprawdzałem jeszcze przeglądarek działających pod Linuxem.

Nie stworzyłem całego serwisu w 24h tak jak uczestnicy poznańskiego spotkania Hackfest (szczytna idea! czy już zagłosowałeś?) ale sumarycznie nie było to chyba dużo dłużej, co niestety widać. Zdaję sobie sprawę, że design nie jest moją najmocniejszą stroną, ale ktoś mi ostatnio mówił, że minimalistyczne strony są znowu „na czasie”.

Zapraszam zatem do korzystania, testowania i zgłaszania opinii. Miłej zabawy!