websta.pl

Szukając inspiracji, robiąc research, zbierając materiały do moodbord’ów, artykułów czy portfolio robię setki screenshotów. Co prawda mam dodatek do Corela – Corel Capture, jednak narzędzie to nie jest szczytem marzeń i zwykle po prostu stosuję klawisz Print Screen i Ctrl+v do Photoshopa. Robota to mozolna, kadrowanie, zapisywanie, a jak trzeba zrobić zrzut całej strony, to jeszcze sklejanie itd. Wpadły mi w ręce dwa programy, które zamieniają tą pracę w czystą przyjemność i chętnie się nimi podzielę.

Obydwie aplikacje wymagają zainstalowanego środowiska Adobe Air, co z pewnością wpływa na wysoką kulturę pracy z nimi.

WebKut

Webcut to mój faworyt, głównie dlatego, że pozwala na zrzut wybranego kawałka strony. Jest bardzo przydatne, gdy robię screeny pojedynczych elementów typu: przycisk, menu, formularz, czyli rozbudowuję taki mój osobisty Pattern Tap. Oczywiście pozwala również robić zrzuty całych stron jak i tylko widocznej części.

Pierwsze, co należy zrobić po zainstalowaniu programu, to wybrać odpowiednie ustawienia.

1. Tu wybierz format, w którym chcesz zapisywać screeny

2. Image ratio to nic inne jak skala od 10% do  100% , a Quality to jakość.

3. To oczywiście folder docelowy, gdzie będą zapisywane pliki.

4. Automatyczne numerowanie plików.

Mając gotowe ustawienia, możemy przejść do działania.

1. Typowy pasek przeglądarki. Dodatkowo, klikając na Google it, otworzy nam się strona wyszukiwarki.

2. Służy do zrzutu całej strony

3. Służy do zapisu części strony, którą widzisz w oknie programu

4. Mój ulubiony, czyli zapis zaznaczonego fragmentu.

Zaznaczanie działa naprawdę super, wystarczy wybrać Selection, zaznaczyć obszar przez kliknięcie i przeciągnięcie (można je zmienić typowymi uchwytami dla programów graficznych). Na koniec wystarczy podwójne kliknięcie na zaznaczeniu, pojawi się popup z opcjami zapisu, które możesz zmienić lub od razu nacisnąć Continue i po robocie.

Websnapshot

Websnapshot drugi równie świetny program, ma mniej opcji niż WebKut, za to zrobienie 50 zrzutów trwa tyle co załadowanie 50 stron (wystarczy zaznaczyć Auto save). Doskonale sprawdza się przy tworzeniu miniaturek stron do rożnego typu katalogów, roundup’ów itd.

W Preferences można ustawić wielkość i skalę pliku oraz docelowy katalog (program zapisuje wyłącznie png).

Żeby zrobić screen,  należy wybrać jedną z opcji:

1. Thumbnails – świetna opcja, robi miniaturki stron według opcji, które ustawiliśmy np. 250px na 250px w skali 50%.

2. Browser – obrazek będzie pokazywać część strony widoczną w przeglądarce bez przewijania, wielkość również zalezy od ustawień.

3. Full Page – czyli cała strona od góry do dołu, dla tej opcji możemy ustalić szerokość i skalę

Osobiście zaznaczam dodatkowo Auto save (jeśli tego nie zrobisz, wystarczy kliknąć na wygenerowany obrazek i automatycznie się zapisze).

Następny krok to wpisanie adresu strony i naciśnięcie Snap. Gotowe.

Na koniec

Skoro już jesteśmy przy temacie screenshotów, chciałem Wam polecić wtyczkę do FF pozwalającą pobierać duże podglądy zdjęć z iStockphoto – wszystkiego dowiesz się tu.

Jeśli lubisz czytać mojego bloga nie zapomnij zasubskrybować Kanału RSS, żeby zawsze być na bieżąco.

Tagi: darmowe, pobierz, screenshot, webdesign