Jak zrobić grafikę do strony www nie znając się na graficznych programach komputerowych?

Chciałbyś wzbogacić swoją stronę internetową grafikami, ale nie potrafisz się posługiwać komputerowymi programami graficznymi? Lepiej nie mogłeś trafić. Wyobraź sobie, że wspaniałe grafiki możesz zrobić sam z pomocą prostych programów komputerowych i to dobrze znanych większości nam.

Łatwo zauważyć, że pokazania dowolnej treści w formie graficznej bardziej do nas przemawia. Nic w tym dziwnego, znakomita większość z nas to wzrokowcy. Dodatkowo mało kto lubi czytać długą treść, skoro to samo może być przedstawione na czytelnym grafie. Zwłaszcza strony internetowe dobrze jest wzbogacić grafiką, aby nabrały lekkości i wpadały w oko. Jak to zrobić nie znając zaawansowanych narzędzi?

Po pierwsze proponuję zaopatrzyć się w Microsoft Office 2007, który posiada Power Pointa w najnowszej odsłonie. Jego możliwości pozwolą nam wzbogacić strony www o grafiki pozwalające łatwiej zorientować się naszym Klientom w strukturze oferty, procesach i zależnościach biznesowych.

Zacznijmy jednak od najprostszej rzeczy, jak dostosowywanie do naszych potrzeb obrazów. Załóżmy, że mamy zdjęcie, które chcemy wstawić na naszą stronę www z cieniami i napisem naniesionym na zdjęciu. Krótko mówiąc chcemy stworzyć ładny baner.

Jeśli nie wiesz skąd pobrać grafikę do obróbki wpisz w przeglądarkę istock lub istock photo. Można w Internecie znaleźć istocki darmowe – wystarczy założyć na nich konto. Ciekawsze i ładniejsze grafiki są niestety na odpłatnych portalach.

Krok 1 - Wymazanie z obrazka zbędnych elementów

Jeśli znajdziecie zdjęcia, które zawierają elementy zbędne, polecam edycję ich zwykłym Paint’cie. Aplikacja Paint jest na każdym komputerze, gdzie działa Windows i można ją łatwo odnaleźć (Start>Wszystkie programy> Akcesoria>Paint). Jest to najprostszy i jeden z bardziej skutecznych programów graficznych. Gumką do mazania możecie wymazać te elementy, które Wam przeszkadzają (np. tło obrazka). Lupa pomoże Wam w precyzyjnym wymazywaniu. Jeśli chcecie usuwać piksel po pikselu (czyli malutkie kratki widoczne po powiększeniu obrazka) użycie do tego ołówka: prawym przyciskiem myszy ołówek rysuje wybranym kolorem 1, lewym przyciskiem rysuje kolorem 2. Kolory zmienia się klikając na paletę barw: odpowiednio kliknięcie prawym przyciskiem zmienia kolor 1, kliknięcie lewym przyciskiem zmienia kolor 2. Możemy też poprać narzędzie z obrazka tzw. pipetką. Kiedy już będziemy zadowoleni z efektu pracy obrazek zapisujemy.

Krok 2 - Przygotowanie banera

Do banera wybrałam sobie zdjęcie laptopa. Otwieram zatem drugi program jakim jest Power Point, ale nie zamierzam robić prezentacji. Otwieram pustą prezentację. Usuwam ze slajdu wszelkie zbędne elementy – slajd ma być czystą kartką papieru. Wybieram opcję „Wstaw obraz” i wgrywam moje zdjęcie. Kiedy na nie kliknę w nowym Power Point pojawia się zakładka „Format” – jest to miód na nasze serce.

Zacznijmy od tego co możemy znaleźć po lewej stronie paska „Format”.

Możemy tu zmienić kolor i kontrast obrazka lub zmienić je na czarno-białe. Opcje zmiany koloru są bardzo fajne, ale najbardziej przydatna rzecz w opcjach zmiany koloru znajduje się na samym końcu, czyli możliwość wybrania, który kolor ma być przezroczysty. Wybieramy tę opcję i wskazujemy na obrazku kolor, który ma być transparentny. Ja wskażę kolor biały. Dzięki temu laptopa będzie mi łatwiej osadzić na innym tle lub obrazku.

Do tego możemy zmienić rozmiar obrazka, zachowując proporcje. Opcje znajdziemy po prawej stronie paska „Format”. Jeśli proporcje nie zachowują się należy rozwinąć okno Rozmiar i ustawić właściwe parametry. Obrazek możemy też odpowiednio przyciąć.

Przejdźmy do efektów specjalnych. Ponieważ wcześniej ustawiłam kolor biały jako przezroczysty, mój obraz to teraz sam laptop. Dzięki temu mogę tylko jemu nadać cień, podświetlić go lub zrobić jego odbicie. Zainteresujmy się zatem częścią paska „Format” poświęconej stylom.

Mamy do wybory gotowce. Ja natomiast wybieram opcję „Efekty obrazka” i wybieram „Odbicie”. Radzę poeksperymentować z kilkoma efektami. Można ustawić kilka na raz. Jeśli przesadzicie z ilością efektów zawsze możecie obrazek zresetować (opcje odnajdziecie po lewej stronie, tam gdzie zmienialiście kontrast, jasność i kolor przezroczysty).Dzięki odbiciu będzie się wydawało, że laptop unosi się w powietrzu.

Teraz dodamy napis na ekranie laptopa. W tym celu przechodzimy do innej zakładki „Wstaw” i wybieramy interesujący nas WordArt.

Odpowiednio zmniejszamy rozmiar czcionki (wystarczy zaznaczyć tekst i opcje zmiany rozmiaru same się pokażą).

Następnie łapiemy za napis, przesuwamy na laptopa i łapiąc za zielony punkt delikatnie obracamy dopasowując do ekranu laptopa.

Teraz przydałby się jakiś tekst obok laptopa. Przechodzimy do zakładki „Wstaw” i znów wybieramy WordArt. Szukamy kolorów, które nam się podobają. Jeśli niczego ciekawego nie znajdziemy to możemy kolory zmienić sami. Najlepiej jednak jest przejść do zakładki głównej i zmienić gotową paletę barw.

Dzięki temu zastosowane kolory będą ładnie ze sobą współgrały. W WordArt pojawią się propozycje w nowych kolorach. Wstawiamy tekst, odpowiednio zmieniamy jego położenie, kolor i wielkość. Na koniec możemy jeszcze dodać tło dla całego banerka. Wracamy do zakładki gdzie zmienialiśmy paletę barw.

Wybieramy interesujący nas styl tła, względnie dostosowujemy do naszych potrzeb.

A oto wynik mojej pracy. Prawda, że wygląda profesjonalnie?

Krok 3 - Zapisujemy efekty pracy

Internet najbardziej lubi format PNG. Aby zapisać nasz obrazek naciskamy jednocześnie klawisz „Ctrl” oraz „A”. Dzięki temu zaznaczy się wszystko. Następnie klikamy lewym przyciskiem myszy i wybieramy z menu kontekstowego „Zapisz jako obraz”. Automatycznie podpowiada się format PNG. UWAGA! Jeśli w ten sposób zapiszemy obrazek zgubi się nam po drodze tło – obrazek będzie przezroczysty.

Jeśli chcemy tło zapisać i nie tracić rozdzielczości musimy pójść na około. Będąc w Power Point naciskamy przycisk na klawiaturze „PrtSc”. Następnie otwieramy Painta i wklejamy obrazek (kombinacja dwóch klawiszy: „Crtl” ”C”). Obrazek zapisujemy (Menu plik > Zapisz jako). Zapisując ważne abyśmy podali nazwę i ustawili typ obrazka jako PNG („Zapisz jako typ”).

Następnie otwieramy obrazek w Microsoft Office Picture Manager. Najprawdopodobniej jeśli macie Windows XP to obrazek sam się w nim otworzy (podobnie jak Paint instalowany jest z Windowsem). Tu możemy go wygodnie dociąć i ewentualnie zmienić wielkość (menu Obraz/Picture). I ponownie zapisać. Nie polecam jednak zmiany wielkości obrazka w Windows Picture Manager – traci on na jakości i robią się widoczne piksele. Lepiej już jest zmniejszyć wielkość w Power Point przed zrobieniem Print Screen (klawisz „PrtSc”). Da to najlepszą jakość obrazka.