GIMP Tworzenie szablonów stron WWW cz. 10
Informacje z dnia: 06.09.08
Czytaj więcej...Prezentowany szablon jest ograniczony od dołu i od góry przez poziome pasy. W ten sposób realizowane jest dostosowanie szablonu do rozdzielczości: pasy zawsze rozciągają się od lewej do prawej krawędzi przeglądarki. Środkowa część szablonu jest podzielona na dwie kolumny, których szerokość może być dowolnie zmieniana w CSS.
IrfanView to program znany przede wszystkim jako znakomita, darmowa przeglądarka graficzna. Jednak mało kto wie, że za pomocą Irfana można z powodzeniem szybko i łatwo wykonać galerię internetową. Zobaczmy, jak to się robi. Najpopularniejszymi formatami graficznymi używanymi przez twórców stron WWW są od lat JPEG i GIF. Czy zawsze jednak są także najlepszym możliwym rozwiązaniem? Grafiki można zapisać do pliku, używając różnych formatów graficznych. Nie ma jednego uniwersalnego sposobu zapisu obrazów, każdy ma swoje mocne i słabe strony. Formaty plików graficznych można podzielić na formaty przechowujące grafikę rastrową oraz te przechowujące grafikę wektorową. Mając do dyspozycji kilka fotografii możemy spróbować połączyć ich wybrane fragmenty w jedno. Dzięki temu stworzymy niecodzienną kompozycję - mniej lub bardziej realną. W tej lekcji stworzymy dwie hybrydy: grejpfruta z kiwi oraz szczura z jeleniem. Dodatkowo zmodyfikujemy zdjęcie czapki poprzez doszycie wirtualnego futerka, które sami stworzymy. Futro będzie od nas wymagać inwencji i pewnej ręki. Każdy ruch i każda zmiana kąta pędzla da różnorodny efekt. A więc mamy pełne pole do eksperymentu.
Prezentowany szablon bazuje na układzie stałej szerokości. Wykorzystano w nim trzy triki: kafelkowanie (ang. sprites), pozycjonowanie względnie bezwzględne oraz FIR (ang. Fahrner Image Replacement). Prezentowany szablon jest ograniczony od dołu i od góry przez poziome pasy. W ten sposób realizowane jest dostosowanie szablonu do rozdzielczości: pasy zawsze rozciągają się od lewej do prawej krawędzi przeglądarki. Środkowa część szablonu jest podzielona na dwie kolumny, których szerokość może być dowolnie zmieniana w CSS. Blogi eksperckie, poświęcone jednej dziedzinie, powinny cechować się większym umiarkowaniem, kojarzącym się z profesjonalizmem. Dobierając szablony, postawiliśmy więc na czytelność, nie zapominając o świeżości i eleganckim, profesjonalnym wyglądzie.
Kolor tła i tekstu to kluczowy element na każdej stronie internetowej. Złe założenia mogą potem być przyczyną wielu problemów. Warto więc poświęcić czas na wybór najlepszego schematu kolorów. Prawdopodobnie każda z osób tworzących projekty do wyświetlania na ekranie monitora (strony WWW, prezentacje) miała nieraz problem z odpowiednim wyborem palety kolorów. Dobór schematu barw można uprościć, korzystając z przygotowanych do tego narzędzi. Twórz lepsze i szybciej wczytujące się ilustracje, dowiedz się jak usprawnić pracę z plikami graficznymi, dodawaj wspaniałe efekty - wszystko po to, aby twoja strona znowu zachwycała odwiedzających
Omawiany szablon witryny Magazynu INTERNET jest wykonany przy użyciu podstawowych narzędzi i opcji GIMP-a: zaznaczeń prostokątnych, gradientu, operacji zaokrąglania zaznaczenia, obracania warstwy oraz zmiany stopnia krycia warstwy. Szablon, który przygotowałem w tym odcinku ma układ dwukolumnowy. Kolumny o stałej szerokości wyśrodkowane na stronie rozciągają się na całą wysokość okna przeglądarki. Wydawałoby się, nic prostszego. Jak się okaże, problemem jest wyznaczanie wysokości elementów pływających. Zobacz, jak korzystając z Photoshopa, można w twórczy sposób wykorzystać w zwykłych czcionkach artystyczne obrysowania i efekty, dzięki którym niepozorne dotąd kształty nabiorą życia.
Baner witryny 33 i 1/3 składa się z kilku wyciętych okładek płyt, jednej dużej płyty oraz kilku napisów. W projekcie tym opowiem między innymi, w jaki sposób szybko i łatwo można wyciąć elementy z fotografii przedstawiających przedmioty na jasnym tle. Goethe w swojej książce "Teoria kolorów" stwierdził, że gdy oko dostrzeże kolor, ulega natychmiastowemu pobudzeniu. Od XIX w. sporo nauczyliśmy się o kolorach, jednak ta podstawowa zasada sprawdza się do dziś, gdy malujemy obraz czy projektujemy strony. Obsługa dziesiątek formatów graficznych, wraz z możliwością pełnej obróbki z poziomu przeglądarki internetowej, to marzenie każdego właściciela strony WWW. W tym artykule zaprezentujemy, co w praktyce potrafi stworzone w tym celu narzędzie ImageMagick i dlaczego wśród podobnych rozwiązań nie ma sobie równych.
Polecamy:
informacje z dnia: 15.11.08
| Blogi eksperckie, poświęcone jednej dziedzinie, powinny cechować się większym umiarkowaniem, kojarzącym się z profesjonalizmem. Dobierając szablony, postawiliśmy więc na czytelność, nie zapominając o świeżości i eleganckim, profesjonalnym wyglądzie. Zobacz oryginalną treść |
| Kolor tła i tekstu to kluczowy element na każdej stronie internetowej. Złe założenia mogą potem być przyczyną wielu problemów. Warto więc poświęcić czas na wybór najlepszego schematu kolorów. Zobacz oryginalną treść |
| Wśród bloggerów popularne jest powiedzenie "jeśli nie masz o czym pisać - zmień wygląd bloga". Oczywiście w sieci jest wiele darmowych szablonów, jednak jeśli chcesz się wyróżnić, postaw na własny projekt. To nie takie proste, na jakie wygląda - warto wiedzieć na co zwrócić uwagę, aby ułatwić użytkownikom korzystanie z serwisu. Zobacz oryginalną treść |
| Prawdopodobnie każda z osób tworzących projekty do wyświetlania na ekranie monitora (strony WWW, prezentacje) miała nieraz problem z odpowiednim wyborem palety kolorów. Dobór schematu barw można uprościć, korzystając z przygotowanych do tego narzędzi. Zobacz oryginalną treść |
| Pierwsze blogi zaczęły powstawać ponad 10 lat temu. Mało kto mógł wtedy sobie pozwolić na obejrzenie filmu przez sieć. Brak również było reklam - Google nie wystartowało z reklamami AdSens, bo nie było jeszcze samego Google. Dopiero z czasem na blogi zawitała efektowna grafika, materiały wideo oraz interaktywne gadżety. Szkoda tego nie wykorzystać. Najłatwiej to zrobić, korzystając z gotowych szablonów. Zobacz oryginalną treść |
| Dobre loga są odważne, oryginalne i łatwo je zapamiętać - jednak nieprawdopodobnie trudno je utworzyć. Elliot Jay Stocks odkrywa, jak najlepsi światowi twórcy poradzili sobie z wyzwaniem zaprojektowania tożsamości... Zobacz oryginalną treść |
| Jest to pierwszy z serii artykułów, w których poznamy możliwości programu Photoshop. Każda lekcja będzie oparta na praktycznym przykładzie omówionym krok po kroku. Zaczniemy od światła. Zobacz oryginalną treść |
| Mając do dyspozycji kilka fotografii możemy spróbować połączyć ich wybrane fragmenty w jedno. Dzięki temu stworzymy niecodzienną kompozycję - mniej lub bardziej realną. W tej lekcji stworzymy dwie hybrydy: grejpfruta z kiwi oraz szczura z jeleniem. Dodatkowo zmodyfikujemy zdjęcie czapki poprzez doszycie wirtualnego futerka, które sami stworzymy. Futro będzie od nas wymagać inwencji i pewnej ręki. Każdy ruch i każda zmiana kąta pędzla da różnorodny efekt. A więc mamy pełne pole do eksperymentu. Zobacz oryginalną treść |
| W tej lekcji skomponujemy własny krajobraz. Mając zdjęcia drzew, nieba, księżyca, czaszki, ziemi itd. stworzymy własne, niepowtarzalne miejsce. Trochę bajkowe, mało rzeczywiste, ale na pewno niecodzienne. Wystarczy kilka zdjęć i elementów, aby tworzyć własne zestawienia. Zobacz oryginalną treść |
| Prezentowany szablon jest ograniczony od dołu i od góry przez poziome pasy. W ten sposób realizowane jest dostosowanie szablonu do rozdzielczości: pasy zawsze rozciągają się od lewej do prawej krawędzi przeglądarki. Środkowa część szablonu jest podzielona na dwie kolumny, których szerokość może być dowolnie zmieniana w CSS. Zobacz oryginalną treść |
| Nic nie stanowi trudniejszego zadania niż wyseparowanie włosów. Szczególnie tych długich, kręconych, z rozwianymi kosmykami. Użycie narzędzia pióro jest wykluczone. Natomiast różdżka pozostawia wiele niedociągnięć. Zadanie należy wykonywać etapami, krok po kroku. W naszym przypadku należy osiągnąć efekt kontrastu czerni i bieli. Zobacz oryginalną treść |
| SVG to format grafiki wektorowej, powstały z myślą o stronach internetowych. Jednak korzystanie z SVG wciąż jest problemem, gdyż nie wszystkie przeglądarki go odczytują. Zobacz oryginalną treść |
| Szablon ten prezentuje menu z efektem rollover oraz wskaźnikiem wybranej opcji. Oba efekty są wykonane w CSS z wykorzystaniem kafelkowania (ang. sprites). Wskaźnik wybranej opcji wymaga dodania do kodu XHTML jednego elementu span dla każdej opcji oraz identyfikatora elementu body. Zobacz oryginalną treść |
| Zmiana kształtu nosa, ust czy łuków brwiowych oraz zabawy z makijażem mogą mieć różny cel: stworzenie odpowiedniej twarzy do witryny reklamowej, wizualizacji dla chirurga plastyka i wiele innych. Poznamy kilka sposobów wykorzystania dobrze znanych nam narzędzi, aby osiągnąć określony cel wizualny. Zobacz oryginalną treść |
| Prezentowany szablon bazuje na układzie stałej szerokości. Wykorzystano w nim trzy triki: kafelkowanie (ang. sprites), pozycjonowanie względnie bezwzględne oraz FIR (ang. Fahrner Image Replacement). Zobacz oryginalną treść |