Optymalizacja grafiki dla WWW

Autorem artykułu jest Marek Pool

Postaram się sprawnie przedstawić jak zarówno Adobe Photoshop i Adobe ImageReady pozwalają na optymalizowanie grafiki pod względem jakości i objętości pliku w celu efektywnego publikowania stron internetowych.
Istotną rzeczą jest to, że Adobe Photoshop i ImageReady udostępniają wiele podobnych funkcji optymalizacji. Obydwa programy pozwalają podglądać i porównywać różne wersje zoptymalizowanych obrazów, wybierać spośród wielu formatów i ustawień, pracować z paletą kolorów i z każdym kolorem indywidualnie, aby zachować spójność kolorów i zmniejszyć jak tylko to możliwe rozmiar pliku. Im mniejszy wygenerujesz plik, tym szybciej będzie on pobrany z serwera, ale czasem istnieje potrzeba pokazania dużego rysunku, z bogactwem kolorów i szczegółów, wtedy musisz poszukać kompromisu. ImageReady pozwala także na wydzielenie obszarów rysunku, które można wykorzystać do nawigacji strony interentowe. Adobe Photoshop i ImageReady pozwalają na szeroki zakres kontroli parametrów kompresji rozmiarów plików, a podczas optymalizacji zachodzące zmiany w jakości grafiki są na bieżąco wyświetlane. Opcje optymalizacji są zależne od formatu pliku, który wybraliśmy. Z tych właściwości korzystają firmy informatyczne, takie jak: serwis komputerów Błonie, usługi komputerowe Warszawa, usługi komputerowe Błonie. Format JPEG został stworzony w celu odzwierciedlenia szerokiego zakresu kolorów oraz subtelnych zmian jasności w obrazach o płynnych przejściach tonowych takich jak zdjęcia, grafiki z zastosowanym gradientem itp. Format GIF jest efektywny wtedy, gdy obraz zawiera obszary pokryte jednolitym kolorem oraz powtarzające się elementy (np. w grafikach, logo, ilustracjach z tekstem). W tym formacie mamy do dyspozycji paletę jedynie 256 kolorów, przez co nie nadaje się on do zapisywania zdjęć. Format GIF umożliwia tworzenie obrazków z przeźroczystym tłem. Format PNG, podobnie jak GIF, jest efektywny w przypadku, gdy obrazek zawiera obszary o jednolitym kolorze i chcemy zachować drobne szczegóły na obrazie. Format PNG-8 używa palety 256 kolorów, format PNG-24 wspiera 24 bitowy zapis kolorów (16,7 milionów kolorów). Niestety wiele starszych przeglądarek internetowych nie obsługuje tego formatu. Wtedy polecam skorzystanie z usługodawców oferujących: naprawa komputerów Warszawa, usuwanie wirusów, instalacja Windows, zakładanie sieci, cz też całkowita naprawa komputerów Błonie.
SunSyS.pl - Serwis Naprawa - Usługi Komputerowe Błonie
.

---
Artykuł pochodzi z serwisu Publikuj.org, kliknij tutaj aby go zobaczyć.

Pozycjonowanie czy linki sponsorowane - promocja strony w wyszukiwarkach

Autorem artykułu jest Marcin Przewrotny

Promocja stron w wyszukiwarkach internetowych to obecnie najlepszy sposób na reklamowanie swojej działalności w sieci. Powód jest prosty - to właśnie z wyszukiwarek pochodzi zdecydowana większość wejść na firmowe czy prywatne witryny. Warto zadbać, by choć część z tej "większości" trafiła własnie na naszą stronę.

Jeżeli mówimy o polskim rynku, promocja w wyszukiwarkach internetowych jest o tyle prosta, że w grę wchodzi tylko wyszukiwarka Google. Amerykański potentat obsługuje na chwilę obecną blisko 97% wyszukiwań w polskiej części internetu. Pozostałe 3 procent można spokojnie pominąć i skupić się tylko na Google.

Marketing w Google może mieć dwa oblicza. Pierwszym, popularniejszym jest pozycjonowanie stron internetowych w tej wyszukiwarce. Drugim, alternwtywnym jest kampania Google AdWords, czyli tak zwane linki sponsorowane. Którą drogę wybrać? Która przyniesie większe efekty? Sprawdźmy!

Pozycjonowanie stron internetowych

Bardziej efektywną metodą promocji firmy w wyszukiwarkach jest pozycjonowanie stron internetowych. Przemawiają za tym dwa argumenty:

- większe zaufanie internautów do naturalnych wyników wyszukiwania, które - według powszechnej opinii - odzwierciedlają faktyczną jakość i "wartościowość" stron

- większa klikalność w adresy, wyświetlane w wynikach naturalnych

Dodając do tego jeszcze fakt, że pozycjonowanie stron to proces - na dłuższą metę - tańszy, niż AdWords, wychodzi na to, że mamy już zwycięzce. Ale czy pozycjonowanie rzeczywiście sprawdza się w każdej sytuacji?

Google AdWords

Nie! Wśród wielu zalet pozycjonowania, można bowiem także wskazać wady tego rozwiązania. Tą największą jest bez wątpienia czas. Pozycjonowanie stron internetowych jest czasochłonne, a na efekty trzeba czekać. Ile?Nawet do kilkunastu miesięcy!

I właśnie tutaj pojawia się Google AdWords, jako alterntywa dla tych, którzy nie mogą tyle czekać. System AdWords "działa" od razu, natychmiast przekłądając się na wzrost oglądalności reklamowanej strony www. Mało tego, z programu można w każdej chwili zrezygnować lub zmniejszyć nakłady na reklamę, zaś jego efekty są "gwarantowane". W przypadku pozycjonowania, niestety nie mamy takich udogodnień.

Oczywiście nie można nie zauważyć, że zazwyczaj kampania Google AdWords kosztuje nieco więcej niż osiągnięcie podobnych efektów za pomocą pozycjonowania. Za gwarantowaną skuteczność trzeba jednak płacić.

---

Artykuł pochodzi z serwisu www.Artelis.pl

Proces tworzenia stron internetowych.

Autorem artykułu jest Piotr Litera

O czym należy wiedzieć chcąc stworzyć stronę www? Czego unikać a na co zwrócić szczególną uwagę? Jak w prosty i dostępny sposób przebrnąć przez każdy etap powstawania strony internetowej...

Proces powstawania stron WWW często jest złożony i czasowo zależny od klienta. Już wyjaśniam dlaczego. Otóż aby w ogóle wkroczyć w pierwsze stadium działań mających na celu utworzenie nowej witryny internetowej, zleceniobiorca musi mieć odpowiednie materiały. Są to zdjęcia, wszelkie grafiki, logo i nieszczęsny tekst, o który najczęściej nie łatwo. Pozornie kilka dni, o których piszą osoby zajmujące się tworzeniem stron internetowych, to czas potrzebny na ułożenie układanki do takiego stanu, w którym będziemy mogli ją nazywać stroną internetową.Natomiast puzzle (czyli materiały) dostarcza klient. Zatem, z punktu widzenia klienta, warto przed konfrontacją z webmasterem (to jest osobą odpowiedzialną za budowę strony oraz jej zarządzanie) przygotować się nieco, co zaoszczędzi czasu obu stronom.

Kiedy grafik otrzyma już wszelkie niezbędne materiały, tworzy projekt graficzny który jest wstępnym zarysem strony. Taki projekt tworzy się w programach graficznych - najczęściej są to Photoshop lub Gimp. Na tym etapie elementy strony można dowolnie układać, zmieniać, bądź dowolnie zmieniać projekt. Niektórych pewnie zasmuci wiadomość, że tworzenie stron WWW nie w każdej firmie wygląda w taki sposób. U niektórych projekty tworzone są bez konsultacji z klientem. Warto dopytać zatem o możliwość manipulowania szczegółami projektu graficznego do czasu jego ostatecznego zatwierdzenia. Kiedy klient zatwierdzi już projekt, grafik przekazuje pałeczkę programiście, który całą stronę dosłownie tnie na kawałeczki, a następnie składa w całość używając do tego języka HTML oraz PHP (czasami dodatkowych). Następny krok obejmuje przeprowadzenie konwersji grafiki, optymalizując ją pod kątem szybkości otwierania się w przeglądarkach interntowych.

Wypada się tu na chwilę zatrzymać, gdyż ktoś może powiedzieć: "co jeśli strona zrobiona jest w technologi FLASH?" Dosadnie mówiąc, nie przepadamy za Flashem, a warto dodać, że praktycznie każdą animację można przepisać na kod, który daną animację będzie wykonywał. Z doświadczenia wiem, że witryny w tej technologi źle się pozycjonuje, długo się wczytują i nie na każdym urządzeniu takową stronę można przejrzeć. Wróćmy jednak do procesu tworzenia stron. Jeśli programista „złoży” stronę, jakakolwiek poprawka będzie związana z dodatkowym czasem, który niepotrzebnie traci koder. Dlatego wcześniej warto zastanowić się nad wyglądem dwa razy i odpowiednio przeanalizować swoją decyzję jeszcze przed oddaniem projektu programiście. Niekiedy może wiązać się to z dodatkowymi kosztami. Kiedy strona jest już gotowa, należy uzupełnić ją tekstem, najpóźniej na tym etapie treść strony musi być przygotowana. Teraz tylko dane kontaktowe i w teorii strona jest gotowa. W praktyce zawsze trzeba coś poprawić, dodać, zmodyfikować. Końcowym aspektem procesu jest zamieszczenie strony w Internecie, podpięcie domeny oraz utworzenie adresu e-mail w domenie.

Tworzenie stron WWW jest procesem złożonym, wymagającym zaangażowania zleceniobiorcy oraz zleceniodawcy projektu. Na zakończenie dodam jeszcze, że samo utworzenie strony to nie koniec. Zaraz po utworzeniu serwisu należy go najlepiej wypozycjonować, co przyczyni się do odwiedzalności naszej strony.

---

katalog stron WWW

Artykuł pochodzi z serwisu www.Artelis.pl

Grafika Komputerowa

Autorem artykułu jest Lukasz Maraszkiewicz

Na czym polega grafika komputerowa i projektowanie stron www. Od kilkunastu lat Grafika Komputerowa]  jest kolejną dyscypliną artystyczną. Grafika komputerowa – dział informatyki zajmujący się wykorzystaniem komputerów do generowania obrazów oraz wizualizacją rzeczywistych danych .

 

Grafika Komputerowa

 

Od kilkunastu lat Grafika Komputerowa jest kolejną dyscypliną artystyczną. Wykorzystuje się ją do:

 

Projektowanie  stron www

 

Layout

 

Temlates

 

Wizytówki

 

Ulotki

 

Style

 

Plakaty

 

Najcześciej wykorzystywanym programem doGrafiki Komputerowej  jest Adobe Photoshop oraz Adobe Flash

 

Chociaż grafika komputerowa koncentruje się głównie na specjalistycznych algorytmach i strukturach danych, to jednak siłą rzeczy musi czerpać z innych dziedzin wiedzy. Na przykład aby uzyskać obrazy fotorealistyczne, należy wiedzieć jak w rzeczywistym świecie światło oddziałuje z przedmiotami. Podobnie, aby symulacja jazdy samochodem była jak najwierniejsza, należy wiedzieć, jak obiekty fizyczne ze sobą oddziałują.

 

Co to jest Grafika komputerowa ?

 

- dział zastosowań komputerów obejmujący tworzenie przy pomocy odpowiedniego oprogramowania rysunków, projektów architektonicznych, reklam, prezentacji multimedialnych, pracy twórczej artystów grafików a także fotografików i filmowców. Dwa podstawowe sposoby przygotowywania grafiki komputerowej to grafika rastrowa i grafika wektorowa. Ludzi zajmujacych sie tą dziedzina nazywamy grafikami.

Na ekranie monitora informacja graficzna przedstawiana jest w postaci rastra, najczęściej do 1280x1024 pikseli, w najpopularniejszym trybie SVGA - 600x800 pikseli, co oznacza 600 wierszy i 800 kolumn, z których zbudowany jest obraz. Wzrost mocy obliczeniowej mikrokomputerów spowodował zastąpienie pracy w trybie tekstowym pracą w tzw. trybie graficznym (np. w systemie Windows). Rozdzielczość grafiki i ilość kolorów, najczęściej zapisywanych w postaci ciągu słów kodowych do 24 bitów, dających 224, czyli ok. 16,7 mln kolorów, zależą od zastosowanej w komputerze karty graficznej i możliwości dołączonego monitora. Warto zauważyć, że choć komputery oferują nawet 16 milionów kolorów, oko ludzkie jest w stanie rozróżnić ich tylko około 400 tys. Grafika komputerowa jest podstawą działania edytorów graficznych, programów multimedialnych, zobrazowywania symulacji komputerowych, CAD (projektowania wspomaganego komputerowo) i oprogramowania edukacyjnego.

 

---

Artykuł pochodzi z serwisu www.Artelis.pl

Web Design - jak zacząć?

Autorem artykułu jest Katarzyna Adamczyk

Jeżeli masz chociażby niewielki zmysł artystyczny i poczucie estetyki, możesz spróbować swoich sił w Web Designie. Od czego zacząć? Przede wszystkim od zaopatrzenia się w odpowiedni program graficzny.

Zdecydowany monopol w dziedzinie grafiki ma Photoshop. To najpopularniejszy program do obróbki grafiki i poleci Ci go prawie każdy webdesigner. Na pierwszy rzut oka, wygląda na skomplikowany (warstwy, filtry, style, niezliczone narzędzia). Jednak, gdy opanujesz podstawy Photoshopa i wejdzie Ci on w krew, nawet chociażby w Wordzie będziesz się zastanawiać, czemu tak dziwnie dodaje się zdjęcia i będziesz je próbował zmniejszać przytrzymując Shift.

Gdy już opanujesz podstawy, powinieneś skorzystać z dobrodziejstw sieci i uczyć się z tutoriali. Musisz ćwiczyć, ćwiczyć i jeszcze raz ćwiczyć. Przede wszystkim musisz się dowiedzieć, jak się robi poszczególne efekty. Po poznaniu podstaw może Ci się wydawać, że wszystko już wiesz i umiesz, ale z czasem przekonasz się, że się myliłeś. Jak spojrzysz po pewnym czasie na swoje prace, które robiłeś na początku i byłeś święcie przekonany, że to najlepsze layouty w internecie, teraz stwierdzisz, że wyglądają jak zrobione w Paint'cie.

Niezwykle istotna kwestia to także czerpanie inspiracji i uczenie się od najlepszych. Przeglądaj, przeglądaj i jeszcze raz przeglądaj. Skup się na najlepszych designach i próbuj tworzyć podobne. Nie plagiatuj, bo to jest najgorszy grzech webdesignera.

Jeśli opanujesz już większość technik, podstawowych i zaawansowanych tutoriali, tak, że patrząc na zaawansowany tutorial będziesz wiedział, jak go wykonać, możesz stworzyć swoje portfolio. Ale to nie koniec, webdesigner musi się nieustannie rozwijać.

---

Katarzyna Adamczyk

CentrumPSD - Photoshop od podszewki

Artykuł pochodzi z serwisu www.Artelis.pl

Zostań ekspertem photoshop

Autorem artykułu jest Jakub Kozieł

Czy zastanawiałeś się kiedyś w jaki sposób ludzie tworzą fantastyczne obrazy za pomocą photoshopa? Jakim cudem udaje im się z byle jakiego zdjęcia zrobić coś zapierającego dech w piersiach? Odpowiedź jest bardzo prosta i może Ciebie wcale nie zadowolić, a brzmi tak: „practice, practice, practice” czyli ćwiczenia, ćwiczenia i jeszcze raz ćwiczenia. Myślisz sobie: no dobra ćwiczenia ćwiczeniami ale skąd brać te ćwiczenia? I tu mam kolejną odpowiedź dla Ciebie. Otóż każdy kto używa photoshopa uczył się z książek, gazet poświęconych photoshopowi i z darmowych tutoriali umieszczonych w sieci. Książki i gazety sporo kosztują i zajmują sporo miejsca na półkach (coś o tym wiem) także nie każdy może sobie na nie pozwolić dlatego polecam darmowe tutoriale photoshop, których naprawdę w sieci jest cała masa. Dodatkową przewagą tutoriali jest to, że pisane są z myślą o początkujących także nie musisz się przejmować że czegoś nie zrozumiesz. Kolejny atut to fakt, że autorzy stron z tutorialami często na bieżąco odpowiadają na pytania odwiedzających ich stronę więc nawet gdy czegoś nie wiesz lub nie zrozumiesz możesz zadać pytanie autorowi, który z pewnością Tobie pomoże. W przypadku książek i gazet jest raczej mało prawdopodobne, że ktoś poświęci rozdział czy artykuł problemowi, który zgłosisz redakcji.

Gdzie szukać tutoriali photoshop? Wystarczy przyjaciel google i nic więcej. Wystarczy wpisać w wyszukiwarce tutoriale photoshop, a wyświetli się kilka tysięcy stron poświęconych tematyce photoshopa. Gdy już znajdziesz stronę z tutorialami musisz się zastanowić czego chcesz się nauczyć. Tutoriale są przeważnie podzielone według kategorii jak: obróbka zdjęć, elementy na strony www itp. Dzięki temu każdy użytkownik bez problemu może znaleźć cos dla siebie.

Większość stron w sieci poświęconych photoshoppowi jest po angielsku jednak istnieje również wiele polskich stron dzięki czemu nie musisz się obawiać że nie znasz języka. Jeśli jesteś początkującym grafikiem możesz również skorzystać z darmowych kursów jakie oferują niektóre strony. Darmowy kurs photoshop jest rozsyłany do subskrybentów mailem codziennie dzięki czemu w ciągu tygodnia możesz poznać podstawowe funkcje, które wystarczą Tobie do tworzenia pierwszych prac.

Dzięki tutorialom photoshop możesz nauczyć się dosłownie wszystkiego o photoshopie. Od wycinania, przez rysowanie, kolorowanie, tworzenie efektów tekstowych, a na tworzeniu stron internetowych kończąc. Jak już pisałem w sieci są tysiące tutoriali i po polsku i po angielsku, ale najlepiej zacznij od kilku podstawowych, które wprowadzą Ciebie pomału w ten fantastyczny świat, w którym możesz stworzyć wszystko co Ci tylko przyjdzie do głowy. ---

darmowe tutoriale photoshop

Artykuł pochodzi z serwisu www.Artelis.pl

Adobe Photoshop - Tworzenie menu do strony internetowej

Autorem artykułu jest Rafał Turek

Photoshop jest bardzo przydatnym programem w tworzeniu stron internetowych. W artykule tym, korzystając z wielu opcji jakie oferuje ten program graficzny, opiszę zasady i metody tworzenia menu do strony internetowej.

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:






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:






3. Wypełnianie gradientem:

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

b) wybieramy gradient skośny:






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:






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






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:






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:






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:






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:






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:






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:






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:






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:






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:






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:






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:






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






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






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:






Ć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:






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).

---

Parasole reklamowe

Artykuł pochodzi z serwisu www.Artelis.pl

Adobe Photoshop - kilka słów o najbardziej popularnym programie wśród webmasterów

Autorem artykułu jest Rafał Turek

Jednym z najbardziej popularnych i najbardziej cenionych programów, których używa znaczna cześć ludzi tworzących strony internetowe jest program firmy Adobe - Photoshop. Jest on bez wątpienia jednym z najlepszych programem do edycji grafiki rastrowej m.in. dzięki prostemu interfejsowi, oraz dzięki dużej ilości narzędzi i opcji edycji grafiki.

Program Photoshop jest programem o dużych możliwościach, służącym do tworzenia i edycji grafiki rastrowej. Za pomocą tego programu można dokonać zarówno niewielkich zmian obrazu (np. modyfikacji oświetlenia, wyostrzenia kształtów), jak też również zmian bardziej radykalnych (np. usunięcia z obrazu obiektów, wymiany fragmentów różnych obrazów, dodania tekstu i obiektów, zmiany koloru oraz kolorowania obrazów czarno-białych). Możliwe jest rysowanie dowolnych figur oraz linii, wypełnianie obszarów jednolitymi kolorami, teksturami lub wypełnieniami gradientowymi, wstawianie tekstu oraz wiele innych operacji.


Program Photoshop udostępnia również obszerny zestaw poleceń i narzędzi pozwalających na przeprowadzanie różnych korekcji uszkodzonych obrazków, włączając do tego dopasowywanie tonalne i dopasowywanie kolorów. Na przykład możliwe jest rozjaśnianie niedoświetlonych fotografii lub „naprawa” starego zdjęcia (usuniecie rys itp.). Jeżeli myśli się poważnie o Internecie, wystarczy skorzystać z potencjału oferowanego przez program Adobe Photoshop do optymalizacji plików oraz publikowania własnych obrazków w Internecie.


Przy tworzeniu lub wzbogacaniu zdjęcia/obrazka możliwe jest dodawanie nowych elementów (np. kształtów własnych), korzystając z ogromnej ilości dostępnych narzędzi. Elementy te funkcjonują jako pojedyncze obiekty, i co jest niewątpliwie zaletą, mogą być przekształcane bez wpływu na znajdujący się pod nimi obrazek.


Co roku ukazuje się nowa wersja Adobe Photoshop. Wykorzystywane są w niej sugestie użytkowników wcześniejszych edycji programu. Dodawane są nowe narzędzia, filtry i polecenia pozwalające przyspieszyć i zautomatyzować pracę z grafiką. Dzięki swojej konsekwentnej polityce dbania o jakość produktu, Adobe Photoshop jest programem niezwykle popularnym i cenionym a produkty firmy Adobe były wielokrotnie nagradzane.


Adobe Photoshop nie jest aplikacją zbyt skomplikowaną, wręcz przeciwnie- posiada bardzo przejrzysty interfejs i jeżeli chcemy poznać go dogłębnie musimy poświęcić mu trochę czasu a gwarancją i potwierdzeniem sukcesu będą zadziwiające efekty graficzne.


Przedstawione w niniejszym artykule zagadnienia stanowią zarys bardzo istotnych aktualnych zagadnień. Informacje zawarte w artykule mogą stanowić swoisty "bodziec" dla osób zainteresowanych tematem grafiki komputerowej oraz fotografii cyfrowej.

--- Artykuł pochodzi z serwisu www.Artelis.pl