Reklama

czwartek, 4 grudnia 2008

Składniki Joomla – KOMPONENTY

Komponent to składnik Joomla! umożliwiający tworzenie w witrynie określonych treści i dostosowanie witryny do potrzeb i koncepcji twórcy. Komponenty dostarczają naszej witrynie wiele zaawansowanych możliwości, sprawiają iż witryna może być bardziej użyteczna – dostosowana do przeróżnych potrzeb jak np. obsługi sklepu internetowego, dyskusji użytkowników (forum) itp.. Komponenty zawierają kompletny zestaw funkcji potrzebnych do administrowania zawartością, o którą rozszerzamy treść naszej witryny (konfigurację, edycję i usuwanie pozycji, itd.).
Większość komponentów tworzonych przez społeczność Joomli jest dostępna za darmo, lecz zdarzają się również komponenty za które niestety trzeba zapłacić.
Obecnie trudno jest policzyć ile wynosi rzeczywista liczba komponentów do Joomli, tym bardziej, iż przybywają one jak „grzyby po deszczu” nieraz z dnia na dzień – wszystko zależy od potrzeb i od inwencji twórczej programistów.
Kilka komponentów dostępnych jest od razu po zainstalowaniu Joomli, aby wzbogacić neico działanie programu i są to np. Sondy, Kontakty, Banery itp..
Projektując własną witrynę to my decydujemy z których komponentów podstawowych skorzystamy, które można całkowicie wyłączyć, i jakie warto jeszcze doinstalować. Przed tak ważną decyzją warto zrobić rozeznanie dotyczące możliwości poszczególnych komponentów i skorzystać ze stron które umieszczają dema poszczególnych komponentów np. www.komponenten.joomlademo.de.

piątek, 14 listopada 2008

Tworzenie Galerii zdjęć Weba w Photoshopie

Za pomocą Photoshopa możemy samodzielnie przygotować pliki graficzne do publikacji w Internecie, i to bez konieczności poznawania języka HTML!.

Do tworzenia takiej galerii służy moduł Galeria Zdjęć Weba.

Aby utworzyć galerię zdjęć należy:
1. Zgrupować w jednym folderze wszystkie zdjęcia, które chcemy umieścić na stronie internetowej.
2. Uruchomić program Photoshop i z menu Plik wybrać polecenie Automatyzuj a następnie Galeria Zdjęć Weba.
3. Kiedy wyświetli się nam okno dialogowe tegoż polecenia - wybieramy styl prezentacji obrazków i ich miniaturek w galerii za pomocą listy rozwijalnej Style.
4. Z listy rozwijalnej Opcje wybieramy kolejno ustawienia dotyczące wyglądu strony www. Na początek wybieramy opcję Miniaturki.
5. Zaznaczamy opcję Używanie tytułów: Nazwa pliku, co spowoduje, ze nazwa obrazu stanie się równocześnie odnośnikiem do niego.
6. Z listy rozwijanej Rozmiar wybieramy jeden ze standardowych rozmiarów miniaturek, lub wpisujemy własny wymiar.
7. Kolejne trzy pola tekstowe: Kolumny, Rzędy i Wielkość krawędzi, służą do określania układu miniaturek na ekranie.
8. Następnie wciskamy przycisk Przeglądaj i lokalizujemy folder, gdzie są zgromadzone nasze obrazy. Wciskamy przycisk OK.
9. Klikamy następnie przycisk Miejsce docelowe i wskazujemy gdzie ma zostać zapisana gotowa strona WWW. Wybór potwierdzamy klikając OK. Po ukończeniu procesu tworzenia galerii obrazów Photoshop wyświetli Naszą galerię w oknie przeglądarki internetowej.

środa, 8 października 2008

Mozilla Firefox 3.0.2

Niedawno ukazała się najnowsza wersja Mozilla Firefox 3 PL. Nowa wersja jest zdecydowanie szybsza, lżejsza, bardziej stabilna i stosunkowo bezpieczna.

Wymagania sprzętowe (minimalne jeżeli chodzi o system Windows):
- procesor Pentium 233 MHz (zalecany: Pentium 500MHz lub lepszy)
- 64 MB RAM (zalecane: 128 MB RAM lub więcej)
- 52 MB miejsca na dysku twardym.

Jeżeli chodzi o zmiany w stosunku do poprzednich wersji to jak podaje producent:
- naprawiono szereg problemów z bezpieczeństwem
- poprawiono stabilność programu
- dostępne są oficjalne wydania w językach słoweńskim i syngaleskim
- naprawiono drobne problemy związane z wyświetlaniem niektórych stron WWW
- naprawiono problem, który powodował konieczność resetowania pasków narzędzi po ich modyfikacji, jeśli brakowało na nich przycisków „Wstecz” i „Do przodu” (błąd 426026)
- dodano nowe główne ośrodki certyfikacji SSL rozszerzonej weryfikacji (EV)
- naprawiono błąd z niedziałającym automatycznym uzupełnianiem haseł na stronach działających w domenach ze znakami narodowymi (IDN)
- naprawiono szereg problemów związanych z czytnikami ekranu, które prowadziły do zawieszeń i awarii przeglądarki
- naprawiono liczne problemy dotyczące systemu Mac OS X.

Mając do czynienia zarówno z przeglądarką Internet Explorer i Firefox, polecam zdecydowanie skorzystanie z tej drugiej. Firefox 3.0.2 jest znacznie stabilniejszy niż wcześniejsze wersje i nawet przy otwarciu kilku czy kilkunastu kart "nie zżera" tyle pamięci co jego poprzednik a tym bardziej tyle co nowy Internet Explorer.

Dalszymi uwagami podzielę się w miarę upływu czasu, gdyż dopiero wtedy przekonamy sie pewnie czy: "Nasze bezpieczeństwo ma najwyższy priorytet".

Więcej informacji na temat wydania na stronie: www.mozilla-europe.org/pl.

piątek, 12 września 2008

BLOGI – skuteczna pomoc, czy zaśmiecanie Internetu?

Blog prawdopodobnie wymyśliła Amerykanka Carolyn Burke. Pierwszym polskim blogiem był przypuszczalnie blog o nazwie r.u.z.c. (rychły upadek zachodniej cywilizacji).

Ale czym właściwie są obecne blogi? Czy mają coś wspólnego z pierwszymi blogami, czy są jedynie spamem służącym np. pozycjonowaniu stron internetowych?

Według definicji jakie pojawiają się w Sieci - BLOG jest to prywatna stroną www, która przypomina tak znane pamiętniki (chociaż różni się od nich m.in. tym, iż blog moje obejrzeć praktycznie każdy, a pamiętnik był rzeczą o której wiedzieli i którą czytali nieliczni), i poświęcona jest wybranemu przez autora bądź też autorów (często blogi pisane są wspólnie przez większą ilość osób) tematowi.

Notatki mogą przybierać różnoraką formę. Niekiedy pojawiają się w postaci tekstowej - jako eseje, opinie, opowiadania, wiersze, porady itp. (np. blog Własna Firma), a czasami również w postaci graficznej, z dużą ilością zdjęć i ilustracji. To co znajduje się na blogach zależy głównie od pomysłu twórcy. Szukając pomysłu na własnego bloga możemy stworzyć coś całkowicie nowego, wyjątkowego bądź też często możemy sugerować się pracami innych (np. przeglądając blogi w katalogu stron).

Wiele współczesnych blogów tworzonych jest z myślą o innych (by podzielić się z nimi swoimi spostrzeżeniami, doświadczeniami na określony temat) i są to zazwyczaj blogi tematyczne (np. blog Żyjmy ekologicznie), ale jest również część blogów - śmieci, które służą nie wiadomo czemu i zaśmiecają jedynie Internet.

czwartek, 11 września 2008

Adobe Photoshop - Tworzenie menu do strony internetowej

autorem artykułu jest Rafał Turek


Nieodzownym elementem każdej strony internetowej jest menu. Podczas tworzenia strony www zawsze zastanawiamy się jak ono będzie wyglądać i gdzie je umieścić.Artykuł ten opisuje sposób wykonania prostego menu do strony internetowej.


Czytając poniższy artykuł można dowiedzieć się m.in. o:

- pracy na warstwach,

- zastosowaniu narzędzi do zaznaczania,

- zastosowaniu narzędzia Gradient z przybornika narzędzi,

- tworzeniu odcięć,

- eksporcie grafiki do strony internetowej.



1. Tworzymy nowy dokument:

a) z paska menu wybieramy Plik - Nowy (szerokość-200 pikseli, wysokość-300 pikseli)

b) wypełniamy naszą warstwę Tło (przy użyciu Wiadra z farbą z przybornika narzędzi) ciemnym kolorem - tutaj zastosowałem kolor brązowy:



Obrazek



2. Nowa warstwa:

a) tworzymy nową warstwę (Warstwa - Nowa - Warstwa) i nadajemy jej nazwę przycisk

b) wybieramy narzędzie do zaznaczenia - Zaznaczanie prostokątne z przybornika narzędzi

c) trzymając klawisz Shift tworzymy zaznaczenie:



Obrazek



3. Wypełnianie gradientem:

a) z przybornika narzędzi wybieramy narzędzie Gradient

b) wybieramy gradient skośny:



Obrazek



c) teraz wciskamy D a potem X na klawiaturze by kolejno: przywrócić standardowe kolory narzędzia i tła (D) i zamienić kolory narzędzia i tła (X)

d) trzymając klawisz Shift klikamy w lewym dolnym rogu naszego zaznaczenia i przeciągamy (wciąż z wciśniętym klawiszem Shift) do prawego górnego rogu:



Obrazek



e) puszczamy teraz przycisk myszy a potem klawisz Shift i nasz obrazek powinien teraz wyglądać następująco:



Obrazek



4. Modyfikacja zaznaczenia:

a) z paska menu wybieramy Zaznacz - Zmień - Zawężanie. Ustawiamy wartość na 2 piksele i wciskamy OK

b) tworzymy nową warstwę (Warstwa - Nowa - Warstwa) i wypełniamy teraz nasze zaznaczenie ciemnym szarym kolorem. Następnie wciskamy na klawiaturze Ctrl + D by odznaczyć

5. Ponowne zaznaczanie:

a) wykorzystując narzędzie Zaznaczanie prostokątne zaznaczamy połowę naszego przycisku:



Obrazek



b) scalamy Warstwę 1 i warstwę przycisk zaznaczając Warstwę 1 i wybierając z menu opcje Warstwa - Połącz w dół.

Trzymając klawisze Alt + Ctrl + Shift naciskamy na klawiaturze strzałkę w prawo i rozciągamy nasz przycisk, aż nabierze oczekiwanych przez nas rozmiarów:



Obrazek



Następnie wciskamy Ctrl + D by odznaczyć.



c) gdy mamy już gotowy jeden z naszych przycisków wykorzystujemy ponownie narzędzie Zaznaczanie prostokątne i zaznaczamy nasz przycisk

d) trzymając klawisze Alt + Ctrl + Shift naciskamy na klawiaturze strzałkę w dół i w ten sposób kopiujemy zaznaczenie aż otrzymamy pożądaną przez nas liczbę przycisków:



Obrazek



6. Zaznaczenie eliptyczne:

a) tworzymy nową warstwę (Warstwa - Nowa - Warstwa) i nazywamy ją wycięcie. Narzędziem Zaznaczanie eliptyczne zaznaczamy owalny kształt po prawej stronie naszych przycisków:



Obrazek



b) korzystamy ponownie z narzędzia Gradient wybierając tym razem gradient liniowy. Znowu wciskamy z klawiatury klawisze D a następnie X (by przywrócić ustawienia standardowe i zamienić kolory tła i narzędzia) i trzymając klawisz Shift wypełniamy zaznaczenie

c) trzymając wciśnięty klawisz Ctrl klikamy na warstwie przycisk aby zaznaczyć tę warstwę. Z menu wybieramy Zaznacz - Odwrotność i będąc na warstwie wycięcie wciskamy klawisz delete żeby usunąć zbędną część. Nasze menu wygląda teraz następująco:



Obrazek



d) klikamy teraz na warstwie wycięcie prawym przyciskiem myszy i powielamy ją (Powiel warstwę). Zaznaczamy nowo powstałą warstwę wycięty brzeg kopia i z menu wybieramy Edycja - Przekształć - Odbij poziomo. Przeciągamy odbity poziomo brzeg na lewą stronę dopasowując tak aby powstało menu widoczne poniżej:



Obrazek



e) mając zaznaczoną warstwę wycięcie kopia wybieramy z menu opcję Warstwa - Połącz w dół. Mając złączone warstwy wycięcie kopia i wycięcie ponownie wybieramy opcje Połącz w dół i zostają nam jedynie dwie warstwy: przycisk i Tło:



Obrazek



f) łatwo zauważyć, iż brzegi menu są dość "ostre". Zmieńmy ten wygląd. Klikamy prawym przyciskiem myszy na warstwie przycisk i wybieramy Opcje mieszania. Zaznaczamy opcje Faza i płaskorzeźba oraz Kontur.

Otrzymujemy nieco zmienione menu:



Obrazek



7. Wewnątrz przycisków:

a) tworzymy nową warstwę o nazwie przycisk wewnątrz

b) narzędziem Zaznaczanie prostokątne zaznaczamy małe prostokąty w środku tych większych i wypełniamy je gradientem liniowym nieco jaśniejszym niż poprzednio:



Obrazek



c) trzymając ponownie wciśnięte Alt + Ctrl + Shift przeciągamy myszką w dół nasz jaśniejszy prostokącik kopiując go pięć razy



Nasze menu jest już prawie gotowe. Możemy teraz jeszcze dodać tekst wewnątrz tych małych jasnych prostokącików. Z przybornika narzędzi wybieramy narzędzie Tekst i reszta zależy od tego co chcemy umieścić na naszej stronie. Tutaj wprowadziłem następujący tekst:



Obrazek



8. Zapisywanie i wycinanie:

Gdy nasze menu jest już gotowe zapiszmy je w taki sposób aby później mogło posłużyć nam przy budowie naszej strony. Jeżeli chcemy bezpośrednio całe nasze menu zapisać jak jeden obrazek wybieramy z menu opcje Plik - Zapisz dla Weba. Po zapisaniu pliku za pomocą polecenia Zapisz dla Weba, można wygenerować plik HTML dla tego obrazka. Plik ten zawiera cały kod niezbędny do wyświetlenia obrazka w przeglądarce WWW.



Istnieje również możliwość podziału naszego obrazka na mniejsze składowe. Przykładowo ustalono, że każdy z przycisków zostanie wycięty osobno, aby później, podczas pracy nad stroną internetową można było do każdego z nich (np. HOBBY) przyporządkować odpowiednią podstronę strony WWW. Może i brzmi to dalej jak jedna wielka zagadka dla tych, którzy po raz pierwszy zetknęli się z tym, ale w rzeczywistości jest bardzo proste:



a) z przybornika narzędzi wybieramy narzędzie Odcięcie:



Obrazek



b) zaznaczamy każdy z przycisków osobno:



Obrazek



c) z menu wybieramy Plik - Zapisz dla Weba i wybieramy OK:



Obrazek



Mamy już nasze obrazki przygotowane wraz z kodem źródłowym. Każdy przycisk jest wycięty osobno, więc nie pozostaje już nic innego niż praca z tym menu w programie do tworzenia stron WWW. A tak powinno wyglądać nasze menu po zastosowaniu narzędzia Odcięcie:



Obrazek



Ćwiczenie to pokazuje jak w prosty sposób zrobić ciekawe menu do strony internetowej. Lecz to nie jest jeszcze koniec naszej pracy bo dlaczego nasze menu nie mogłoby wyglądać tak:



Obrazek



Zastosowano tutaj efekt Faza i płaskorzeźba oraz Satyna (znajdują się one w menu Opcje mieszania po kliknięciu na daną warstwę - w tym przypadku na warstwę przycisk wewnątrz - prawym przyciskiem myszy).



Rozmieszczanie przycisków zależy tylko i wyłącznie od naszych upodobań, można np. pomiędzy poszczególnymi przyciskami zrobić odstępy co zmieni wizualnie wygląd menu, zmienić kształt przycisków (przyciski nie muszą być prostokątne- równie dobrze mogą być eliptyczne i wtedy zamiast Zaznaczania prostokątnego wybieramy Zaznaczanie eliptyczne i tworzymy warstwę przycisk).




--

E-LIME - Tworzenie stron www Krynica

poniedziałek, 1 września 2008

GIMP – alternatywa dla Photoshopa???

Jednym z niewielu darmowych a zarazem dość solidnych programów do obróbki grafiki jest GIMP. Jest on udostępniany za zasadzie licencji GNU General Public License, czyli BEZPŁATNEJ!!!

GIMP jest bardzo popularny wśród użytkowników systemu Linux, i co ciekawe zdobywa sobie coraz większe rzesze zwolenników pośród użytkowników pracujących w środowisku Windows.

Ale czy GIMP jest w stanie konkurować z tak wielkimi programami jak Adobe Photoshop czy Corel Photo-Paint?? Niewątpliwie największą zaletą GIMPa jest jego dostępność za darmo. Do zalet tegoż programu należy również możliwość pracy na warstwach, zakładanie ścieżek, rozbudowane możliwości skalowania i transformacji obrazu, łączenie tekstu z obrazem, tworzenie animacji, oraz obsługa wielu formatów graficznych (np.: JPEG, BMP, PNG, XPM, TIFF, TGA, MPEG, PS, PDF, PCX, GIF). Dużą różnicą pomiędzy GIMP-em a Photoshopem jest ilość miejsca jakie programy e zajmują na dysku twardym. Sam katalog instalacyjny Photoshopa na płycie to ok. 160-170 MB, natomiast GIMP zajmuje jedynie ok. 10 MB – i jest to kolejny atut tegoż edytora.

Prawdopodobnie na tym etapie kończy się przewaga darmowej aplikacji nad Photoshopem czy też Corelem. Poważną słabością GIMP-a jest obsługa kolorów. Określanie kolorystyki opiera się na modelu RGB i palecie kolorów indeksowanych – brak tak często używanego np. podczas wydruku standardu CMYK. Kolejnym dużym minusem GIMPa jest brak stylów warstw, czyli inaczej mówiąc nie mamy możliwości dodawania np. cienia czy też fazy zewnętrznej. Słabą stroną jest również interfejs użytkownika, który wprowadza nieco chaosu na naszym pulpicie.

Jednak mimo wszystkich przeszkód na jakie natrafia osoba przyzwyczajona do pracy z Photoshopem czy też Corelem, GIMP jest dobrym programem do obróbki obrazu,
a co najważniejsze bezpłatnym i łatwiejszy w obsłudze niż na przykład Corel PHOTO- PAINT.
Prawdziwa potęga GIMPa tkwi w jego otwartej na rozszerzenia architekturze.

czwartek, 14 sierpnia 2008

Obsługa sklepów internetowych - Zen Cart

Istnieje wiele programów przeznaczonych do obsługi sklepów internetowych. Większość z nich powstała na podstawie najbardziej znanej aplikacji - osCommerce (http://www.oscommerce.com). Jednym z takich programów jest ZenCart. Jego możliwości są nieporównywalnie większe od pierwowzoru, a jedną z głównych cech, wyróżniających spośród innych programów jest całkowite rozdzielenie kodu programu odpowiedzialnego za funkcjonowanie sklepu od kodu HTML odpowiedzialnego za jego wygląd.

Jednymi z głównych zalet Zen-Carta (sprawiającymi, iż jest ona tak popularny) są:
  • bardzo szybka możliwość zmiany wyglądu graficznego sklepu
  • łatwa i intuicyjna obsługa zarówno dla klienta jak i administratora sklepu
  • możliwość rozbudowy o dodatkowe moduły tworzone przez użytkowników
  • ciągły rozwój aplikacji (bardzo istotną zaletą ZenCart jest częstotliwość wypuszczania nowych, uaktualnionych wersji programu).
Oprogramowanie jest udostępniane na zasadach licencji GPL, dzięki czemu wokół projektu zgromadzono rzeszę użytkowników i programistów rozwijających aplikację zgodnie z potrzebami użytkowników.

Wymagania

Oprogramowanie ZenCart można uruchomić na serwerze obsługiwanym przez wszystkie płatformy systemowe, a więc m.in. Linux, UNIX, FreeBSD, Windows itp.

Wymagania dotyczące środowiska są następujące:

  • serwer WWW (np. Apache w wersji 1.3.x lub wyższej)
  • baza danych MySQL w wersji 3.2x lub wyższej
  • PHP w wersji 4.1.x lub wyższej (zalecane 4.3.x)
W przypadku planowania uruchomienia płatności kartami kredytowymi wymagane jest aby serwer udostępniał obsługę bezpiecznego protokołu HTTPS.

Wnętrze
Sklep i panel

ZenCart dzieli się na dwie części:

  • sklepową, którą odwiedza klient i dokonuje na niej zakupów
  • administracyjną, która służy do obsługi zamówień.

Strona sklepowa dostępna jest pod głównym adresem, pod którym zainstalowano program. Do panelu administracyjnego można się dostać, dodając do adresu sklepu katalog admin/ (np. http://www.mojastrona.pl/admin/).


Więcej informacji na temat Zen-Carta na:
www.zencart.com.pl
forum.zencart.com.pl
zen cart bezpłatny sklep internetowy

piątek, 8 sierpnia 2008

Joomla - CMS dla każdego

Jeśli zamierzasz stworzyć własną stronę www, własny sklep internetowy, własną galerię zdjęć - to Joomla jest właśnie dla Ciebie.
W prosty i bardzo szybki sposób można za pomocą tego CMS-sa (ang. Content Managment System - System Zarządzania Treścią) stworzyć bardzo zaawansowaną witrynę internetową.

Co czyni Joomlę tak popularną wśród webmasterów? Otóż Joomla jest:
- łatwa w instalacji,
- bardzo wygodny i stosunkowo prosta w obsłudze
- jest DARMOWA
- można ją modyfikować
- posiada możliwości instalacji wielu komponentów (np. możemy zainstalować komponent do bazy firm, komponenty które pokazują zegar na naszej stronie lub pogodę, komponenty do forum internetowego i bloga, komponenty za pomocą których możemy zarządzać newsletterem itd)
- zarówno twórcy jak i inni użytkownicy ciągle udoskonalają jej funkcjonalność
- wszyscy użytkownicy wspierają się nawzajem i często udzielają darmowej pomocy.

To tylko niektóre z zalet Joomli, a jeżeli zdecydujecie się na pracę z tym CMS-em poznacie na pewno więcej zalet tego "kombajnu" do twozrenia stron www.

Więcej informacji na temat joomli na:
www.joomla.pl
www.joomla.org
www.jorkis.info

środa, 30 lipca 2008

Firefox - darmowe narzędzie webmastera

W 2002 roku światło dzienne ujrzała nikomu nieznana wtedy jeszcze przeglądarka Phoenix. Poprzez lata ewolucji doczekaliśmy się wielu ulepszeń, aż osiągnęła ona swój dzisiejszy kształt, osiągając największy udział w rynku - mowa oczywiście o przeglądarce Firefox.

Znana jest ona większości osób korzystających z internetu. Swą popularność zawdzięcza przede wszystkim licznym dodatkom, które może napisać każdy z nas. W ten sposób można ją dostosować do wymagań i charakteru każdego z nas.

Najciekawszym zastosowaniem z mojego punktu widzenia jest wykorzystanie jej podczas tworzenia stron www. Jest to potężne narzędzie, którego jedyną wadą jest... właściwie to nie ma ono wad. :) Dzięki Firefox można:

  • podejrzeć stronę w innych silnikach renderujących;

  • użyć walidatora szybciej i wydajniej dzięki odpowiednim pluginom;

  • uzyskać informację na temat każdego obiektu strony www;

  • analizować zawartość i na żywo edytować plik css;

  • przeanalizować witrynę pod kątem szybkości działania;

  • testować formularze i skrypty javascript;

  • podejrzeć stronę w różnych rozdzielczościach monitora;

  • ...

Właściwie to błędem jest użycie zwrotu "dzięki Firefox". Powinienem raczej napisać "dzięki firefox i jego pluginom". Do realizacji powyższych zadań służą min. Firebug, Java Console, Web Developer, Lori, Walidator html. Za rozrastająca się i wciąż aktualizowaną lista wtyczek ciężko już dziś nadążyć.

Dla webmasterów ważne też niezmiernie jest, iż twórcy Firefoxa dostrzegają konieczność współpracy ich produktu z najnowszymi technologiami i stosowanie się do standardów. Sprawa tak oczywista, niestety nie przez wszystkich programistów dostrzegana.

Moim zdaniem Notepad2.0+Firefox z powodzeniem mogą zastąpić rozbudowane narzędzia do tworzenia stron www. Dzięki temu zupełnie za darmo każdy może się poczuć jak webmaster :)

poniedziałek, 28 lipca 2008

Techniki wzbogacania fotografii - metody przykuwania uwagi odbiorcy do najważniejszych elementów fotografii

Program Photoshop dysponuje pokaźną liczbą różnych technik pozwalających na przykuwanie uwagi odbiorcy do określonego obiektu na zdjęciu.

Poniższe ćwiczenie przedstawia metody stosowane często przez fotografików do podkreślania pewnych elementów obrazu za pomocą różnorakich efektów specjalnych.

Podkreślenie za pomocą koloru
Technika ta popularna jest szczególnie wśród osób zajmujących się reklamą i polega na kierowaniu uwagi odbiorcy na przedstawiony na fotografii produkt, który jako jedyny element na zdjęciu pozostaje w kolorze. W rozpatrywanym poniżej przykładzie spróbujemy przykuć uwagę odbiorcy do bukietu kwiatów trzymanego przez młodą parę.
  • Poleceniem Plik - Otwórz otwieramy zdjęcie:

  • Usuwamy informację o barwach wybierając z menu Obrazek - Dopasuj - Usuń kolor:

  • Rozpoczynamy przywracanie barwy bukietowi kwiatów uaktywniając narzędzie Pędzel historii z Palety narzędzi:

  • Wybieramy miękki pędzel z menu umieszczonego na pasku opcji:

  • Rozpoczynamy zamalowywanie obszaru, który chcemy przedstawić w kolorze (w naszym przypadku jest to bukiet kwiatów):

  • Zamalowujemy cały bukiet (zmniejszając nieraz rozmiar wykorzystywanego pędzla aby dotrzeć do niektórych płatków kwiatów). Końcowy efekt widoczny jest na ilustracji poniżej:

czwartek, 24 lipca 2008

Różnice pomiędzy obrazem rastrowym a wektorowym

Głównym celem grafiki komputerowej jest generowanie obrazu (obrazów) i dlatego też jednym z kryteriów klasyfikacji grafiki jest technika ich tworzenia.

Wyróżnić można:
  • grafikę wektorową - gdzie obraz rysowany jest za pomocą kresek lub łuków. W przeciwieństwie do grafiki rastrowej, grafika wektorowa jest w pełni skalowalną, co oznacza, iż można ją powiększać lub zmniejszać bez uszczerbku na jakości,
  • grafikę rastrową - gdzie obraz budowany jest z prostokątnej siatki leżących blisko siebie punktów (tzw. pikseli). Głównym parametrem est tutaj wielkość bitmapy, czyli liczba pikseli. Jakość obrazka rastrowego jest określana przez całkowitą liczbę pikseli oraz ilości informacji przechowywanych w każdym pikselu.
Przewagą reprezentacji wektorowej nad rastrową jest to, iż zawsze istnieje dokładna informacja o tym, z jakich obiektów składa się obraz.

Obrazy bitmapowe posiadają tę wadę, że
po odpowiednim powiększeniu obrazu widać pojedyncze kwadratowe punkty, z których zbudowany jest cały obraz. Zwiększenie obrazka powoduje, że zwiększane są także te punkty, przez co linie i krawędzie stają się postrzępione.

środa, 23 lipca 2008

Aplikacje do tworzenia grafiki rastrowej

Tworzenie grafiki komputerowej, niezależnie od jej zastosowania wymaga posiadania odpowiedniego oprogramowania. Na rynku oprogramowań graficznych występuje wiele ciekawych aplikacji służących do tworzenia i edycji grafiki w postaci mapy bitowej. Umożliwiają one retuszowanie zdjęć, edycję obrazów oraz tworzenie własnej grafiki. Oprócz znanych i wiodących firm jak na przykład Corel czy Adobe, które prezentują już swoje produkty od lat (wprowadzając coraz to nowsze wersje), coraz częściej zaczynają pojawiać się producenci mniej znani, których programy graficzne mogą stanowić konkurencję dla potentatów tej branży.

Decydując się na zakup potrzebnego nam narzędzia do obróbki komputerowej obrazów rastrowych musimy zastanowić się najpierw do jakich celów będzie ono nam potrzebne i czy na pewno wybrany program będzie optymalnym wyborem. W rzeczywistości rynek tego rodzaju oprogramowań jest tak bogaty i zróżnicowany pod względem cenowym i możliwości tych programów, że dokonując pochopnego wyboru możemy po pewnym czasie dojść do wniosku, że wybrany przez nas program graficzny jest mało przydatny. Istotną rzeczą jest też wybranie takiego programu graficznego, aby nasze umiejętności pozwoliły w pełni go wykorzystać.

Ze względu na funkcjonowanie, możliwości edycyjne oraz co również istotne- cenę programów służących do retuszowania i tworzenia obrazów rastrowych można dokonać zestawienia kilku wybranych aplikacji graficznych.

Wśród istniejących obecnie programów do tworzenia grafiki rastrowej, można wyróżnić:

- Corel PHOTO-PAINT
- Adobe Photoshop
- GIMP

Nie ma końca. Nie ma początku. Jest tylko niezaspokojona pasja życia (Federico Fellini)...

Blog ten będzie swoistą bazą przemyśleń, komentarzy oraz zbiorem ciekawych (myślę:)) uwag, porad i tutoriali związanych z technologią www. Prezentować będziemy sporą ilość materiałów dotyczących m.in.: języka HTML, stylów CSS, Joomli, Zen-Carta, Firefoxa (wtyczek i dodatków), Photoshopa oraz języka PHP.