Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 1

Tworzenie i obróbka grafiki z wykorzystaniem darmowych

narzędzi.

Wszystkie ćwiczenia będą wykonywane w darmowym narzędziu online PIXLR.

Prezentowany program znajduje się pod adresem: http://www.pixlr.com.

Program omawiany na szkoleniu jest w wersji online, to znaczy, że nie jest to wersja instalacyjna. W tego

rodzaju programach pracuje się z poziomu okna przeglądarki internetowej Podczas tego szkolenia

będziemy pracować w wersji darmowej online tego programu.

Pixlr jest edytorem grafiki bitmapowej, który mimo, że jest narzędziem online udostępnia wiele

zaawansowanych narzędzi, podobnych do tych, które znajdują się w programie Adobe Photoshop, choć

oczywiście nie jest on tak zaawansowanym edytorem grafiki jak program Adobe.

Edytory grafiki bitmapowej takie jak Adobe Photoshop, Gimp, Corel Photo-Paint, Pixlr itp, są edytorami

stworzonymi do malowania, tworzenia fotomontaży, grafik ozdobnych a przede wszystkim do obróbki

grafiki wykonanej na przykład za pomocą aparatów cyfrowych, czy też plików przetworzonych przez

skanery itp.

Wykonując poszczególne instrukcje poznamy sposoby wykorzystywania poszczególnych narzędzi oraz

sposób pracy z programem Pixlr.

Otwieranie programu, oraz nowego obrazu

1. Otwórz przeglądarkę internetową.

2. W pasek adresu przeglądarki należy wpisać adres: www.pixlr.com.

3. W oknie przeglądarki wyświetli się strona serwisu Pixlr.

Rysunek 1. Strona serwisu Pixlr

4. Należy wybrać pozycję PIXLR EDITOR, klikając na napis LAUNCH WEB APP.

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 2

5. W oknie przeglądarki pojawi się strona, za pomocą której możemy utworzyć nowy obraz oraz

określić jego rozmiar.

Rysunek 2. Rys. Okno utworzenie obrazów

6. W celu utworzenia nowego obrazu należy wybrać opcję Utwórz nowy obrazek.

7. W oknie, które się wyświetli należy podać nazwę pliku oraz wybrać rozmiar obrazu, który

będziemy tworzyć.

Rysunek 3. Rys. Okno Nowy obrazek

8. Po wybraniu przycisku OK otworzy się program Pixlr.

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 3

Rysunek 4. Okno interfejsu programu

Narzędzia programu Pixlr

Pixlr jest edytorem grafiki, który umożliwia zaawansowaną edycję obrazu. Posiada on 3 palety, możliwość

pracy na warstwach, zestaw filtrów, efektów stylu warstw i wiele innych narzędzi. Program ten umożliwia

korzystanie ze skrótów klawiaturowych, które w większości są takie same jak w programie Adobe

Photoshop.

Pod spodem opisze ogólnie interfejs programu.

Rysunek 5. Interfejs - okno główne

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 4

Interfejs programu jest w języku polskim, nazwa konkretnego narzędzia pojawia się w momencie kiedy

najedziemy na niego kursorem myszy. Kolejnym elementem interfejsu są tak zwane palety. W programie

Pixlr są trzy domyślne palety:

Nawigator (nawigowanie obszarem roboczym)

Warstwy (zarządzanie oraz edycja warstw)

Historia (zarządzanie historią edycji)

Palety można swobodnie przesuwać jak i usuwać je z okna programu.

Rysunek 6. Palety programu Pixlr.

Program Pixlr dysponuje również przybornikiem narzędziowym, który można umieszczać w dowolnym

miejscu okna programu.

Rysunek 7. Przybornik Narzędzia

Poniżej znajduje się opis palety Warstwy.

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 5

Rysunek 8. Paleta Warstwy

Po wybraniu przycisku Style warstwy pojawi się okno w którym możemy tworzyć, edytować style (efekty)

warstwy.

Rysunek 9. Okno Style warstwy

Opcje warstw, palety Warstwy oraz Styli warstw

Style warstwy są to efekty, które można nakładać na konkretną warstwę. Są to efekty dynamiczne i nie

wprowadzają one zmian w obrazie na stałe. Oznacza to, że w każdej chwili konkretny efekt (styl) warstwy

możemy edytować, możemy zmienić jego właściwości albo go usunąć.

Inaczej sytuacja wygląda na przykład przy stosowaniu filtrów, znajdujących się w Menu Filtr. Po

zastosowaniu filtru piksele obrazu zostają zmienione na stałe, oczywiście dopóki nie zamkniemy pliku i

będziemy mogli cofnąć operację.

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 6

Każda warstwa ma swoje ustawienia, należą do nich Krycie oraz Tryby. Okno ustawienia warstw pojawia

się po naciśnięciu przycisku Ustawienia warstw (Toogle layer settings).

Rysunek 10. Ustawienia warstwy

Opcja Krycie warstwy to nic innego jak ustawianie przezroczystości. Jeżeli warstwa ma ustawione krycie

na 100% oznacza to, że nie jest ona przezroczysta. Jeżeli chcielibyśmy zobaczyć warstwę znajdującą się

pod spodem należy zmniejszyć krycie lub wybrać inny tryb mieszania niż tryb Normalny (Normal). Tryby

mieszania warstwy umożliwiają łączenie pikseli bieżącej warstwy z pikselami pozostałych warstw. Krycie

warstwy oraz tryby mieszania, są to operacje parametryczne, dynamiczne, podobnie jak style warstwy.

Oznacza to, że podając wartości pewnych parametrów, efekt ich jest na bieżąco wyświetlany w obrazie.

Te opcje możemy zmieniać w sposób dynamiczny, jeżeli zapiszemy obraz w formacie własnym programu

Pixlr i otworzymy go ponownie, nadal będzie można zmieniać te ustawienia w obrazie.

Zapisywanie pliku

W celu zapisania pliku należy:

1. Wybrać z Menu Plik pozycję Zachowaj.

2. W oknie przeglądarki wyświetli się okno umożliwiające wybór formatu pliku, w jakim chcemy

zapisać obraz.

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 7

Rysunek 11. Okno Zachowaj obrazek

3. W oknie Zachowaj obrazek należy podać nazwę pliku oraz jego format, w przypadku formatu

JPEG należy też podać wielkość kompresji (jakość obrazu).

Rysunek 12. Okno Zachowaj obrazek, wybór formatu

4. Po wybraniu formatu, podaniu nazwy pliku wybieramy przycisk OK.

5. W oknie przeglądarki wyświetli nam się okno Zapisywanie jako, w tym oknie możemy wybrać

miejsce w którym będzie zapisany plik. Również w tym oknie można podać nawę pliku oraz jego

format.

Marcin Pawlik – Wstęp do programu Pixlr

Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie 8

Rysunek 13. Okno Zapisywanie jako

Informacje o obsługiwanych formatach

Program Pixlr umożliwia edycję obrazów zapisanych w najpopularniejszych formatach graficznych,

formatach bitmapowych. Program ten obsługuje pliki:

JPEG

PNG

TIFF

BMP

PXD (format własny)

Również w wymienionych powyżej formatach można zapisywać pliki. Bardzo praktyczną opcją dostępną

w programie Pixlr, jest możliwość zapisywania pliku w formacie własnym programu czyli PXD. Dzięki

takiemu zapisowi możemy zapisać plik jako projekt, to znaczy, że taki plik można ponownie edytować w

programie Pixlr. Oczywiście tak jak zostało to wspomniane wcześniej, można nadal zmieniać efekty

parametryczne, dynamiczne ale jeżeli zastosowaliśmy na przykład filtry, to tych zmian nie da się już

cofnąć po ponownym otwarciu pliku, mimo, że został on zapisany w formacie własnym programu.

Należy pamiętać że format własny programu Pixlr czyli PXD jest otwierany tylko przez program Pixlr.

Jeżeli chcemy dany obraz publikować na stronie WWW należy skorzystać z formatów takich jak:

JPEG (możliwość ustawiania stopnia kompresji podczas zapisywania pliku)

PNG

W celu przygotowania dokumentów do druku należy zapisać obraz w formatach:

JPEG

TIFF