psd Photoshop Starter Kit - psd Starter Kit nr. 5 (1/2008) - Stwórz swoją pierwszą stronę WWW

Papeteria do e-maila - ćwiczenia z teksturami

Aleksandra Marchocka
W poniższym tutorialu stworzymy dekoracyjną ilustrację w stylu fantasy, która może służyć jako papeteria w e-mailu. Głównym celem tego ćwiczenia będzie nadanie prostej i płaskiej grafice przestrzennego modelunku za pomocą odpowiednio dobranych tekstur i światłocienia. Nauczymy się, jak w szybki i prosty sposób wypełnić jednolite plamy barwne ozdobnymi ornamentami oraz jak nadać gładkim powierzchniom ciekawą fakturę graficzną.

layout strony - w stylu gotyk

Bartosz Machnik
W poniższym tutorialu postaram się przybliżyć zagadnienie tworzenia layoutów stron WWW na przykładzie strony w stylu fantasy. Nadaje się on idealnie na serwis poświęcony niektórym grom czy stronom w stylu średniowiecznym. Pomocne okażą się zapewne dołączone pliki psd pozwalające śledzić krok po kroku wykonywane czynności.

Uśmiech w skorupie - animowany krb

Elżbieta Szejgis
Trudno wyobrazić sobie stronę internetową, nie zawierającą elementów graficznych. Animowane gify ożywiaj stronę, działają na odbiorcę poprzez kolory, kształty i ruch. Dają twórcy ogromne możliwości do wykazania się fantazją. W tym ćwiczeniu dowiecie się, jak wykonać prosty, animowany gif w Adobe ImageReady.

Joomla- modyfikujemy szablon

Elżbieta Szejgis
System Joomla rozpowszechniany jest na warunkach Powszechnej Licencji Publicznej GNU/GPL. Licencja ta po- zwala na wykorzystywanie oprogramowania na witrynę o dowolnej tematyce i dokonywanie w nim zmian. Pobrany z sieci szablon można zmodyfikować. W nagłówkach szablonów najczęściej umieszczane są obrazki – winietki, grafiki, związane z tematyką serwisu. To one, przede wszystkim, przyciągają wzrok odwiedzających witrynę internautów. Warto więc, aby ten element szablonu miał nasz indywidualny charakter.

Grafika na potrzeby Weba - tworzenie i cięcie obrazu

Ewa Najduk
Photoshop ma nieograniczone możliwości. Oprócz projektowania grafiki, obróbki zdjęć i tworzenia animacji możemy stworzyć w nim obraz, który po odpowiedniej oprawie wykorzystamy w tworzeniu strony internetowej. Mało programów ma tak olbrzymie możliwości w tym zakresie. W przygotowaniu strony WWW musimy liczyć się z tym, żeby zastosować odpowienią kompresję obrazu (formaty małej rozdzielczości) oraz pracować w trybie koloru RGB (przestrzeń kolorów dla Weba). Jedynym ograniczeniem w projektowaniu jest nasza wyobraźnia. W moim turtorialu zaprezentuję, jak za pomocą kilku fotografii przeciętnej jakości i kilku prostych narzędzi stworzyć kompozycję, którą śmiało możemy wykorzystać przy tworzeniu strony intenetowej.

Layout strony - portfolio/ grafika 3D

Bartosz Machnik
W kolejnych krokach przedstawię sposób tworzenia nagłówka layoutu strony nadającej się idealnie jako portfolio dla grafika. Do wykonania tutoriala wymagana jest podstawowa znajomość programu i nieco cierpliwości.

Baner na stronę internetową - animowany baner we Flashu

Karolina Sobolewska
Banery stworzone za pomocą technologii flash możemy spotkać niemal na każdej stronie internetowej. Nadają one dynamiki i estetyki stronom WWW. Pierwsze animacje jak i banery, zaczęły powstawać dzięki firmie Macromedia, która wyprodukowała program Flash, w późniejszym czasie firmę te przejął koncern Adobe. Dzięki temu w najnowszej wersji Flasha możemy używać skrótów klawiszowych znanych w całym pakiecie Adobe. Postaram się choć trochę przybliżyć obsługę programu Flash. Tutorial ten wykonam w całości za pomocą Adobe Flash CS3.

Ozdobne literki - czyli trochę więcej niż Times New Roman

Katarzyna Jasik
Celem tego tutoriala jest próba uświadomienia, że eksperymenty to dobra rzecz. W ich wyniku rodzą się grafiki warte zachowania, a przy okazji wykorzystania w bardziej praktyczny sposób. Ten tutorial przeprowadzi Was przez proces tworzenia ciekawych i oryginalnych liter. Wykorzystamy tu różnego rodzaju zwykłe czcionki, dostępne w Internecie oraz stworzymy swego rodzaju teksturę, służącą jako wypełnienie dla liter. Pokażę, jak można wykorzystać możliwości panelu Stylu Warstw oraz Galerii Filtrów. Szczerze zachęcam do eksperymentowania. w każdym kroku.

Fotogaleria internetowa - przygotowanie zdjęć do publikacji

W dzisiejszych czasach, gdy fotografia cyfrowa jest już dostępną formą zapisu obrazu dla każdego człowieka, w tani i łatwy sposób możemy uwieczniać chwile z naszego życia, bądź przedstawiać nasze wizje artystyczne. Chcąc podzielić się z innymi użytkownikami internetu swoimi dziełami zaczęliśmy tworzyć własne internetowe galerie fotograficzne. Opowiadają one o tym jak spędzamy wolny czas, bądź przedstawiają to, czym zajmujemy się hobbystycznie i zawodowo. Nie zapominajmy jednak, że tak samo jak zdjęcia wykonywane tradycyjnymi metodami fotograficznymi potrzebują obróbki chemicznej, tak zdjęcia wykonane techniką cyfrową wymagają użycia programów graficznych zastępujących ciemnie. W przedstawionym przeze mnie tutorialu pragnę przedstawić narzędzia i opcje Photoshopa umożliwiające nam przygotowanie zdjęć do prezentacji szerszej publice.

Save for Web - czyli jak optymalizować gify na strony WW

portal helPS.pl
Optymalizacja zdjęć na strony WWW wydawać by się mogła rzeczą prostą i nie skompilowaną. Okazuję się jednak, że już na samym początku naszej przygody z Save for Web możemy natrafić na ciekawe dylematy. No bo tak, mamy do wyboru kilka formatów zapisu zdjęć, te najpopularniejsze to oczywiście jpg i gif. Który wybrać? Wiadomo, że są pewne zasady, ale jeżeli mamy jakieś wątpliwości najlepiej sprawdzić to na własne oczy – do tego właśnie służy okienko zapisu w którym możemy porównać która optymalizacja odpowiada nam najbardziej, a która jest najbardziej strawna pod kątem wielkości pliku – pamiętajmy bowiem, że internet jest miejscem, gdzie liczy się czas ładowania, a więc im mniejsze pliki tym lepiej.

Współczesne interfejsy - z uwzględnieniem nowych możliwosci dla grafikół

Agnieszka Kamińska
Interfejs (spolszczenie angielskiego słowa interface, które na polski bywa tłumaczone jako styk) w informatyce i elektronice urządzenie pozwalające na połączenie ze sobą dwóch innych urządzeń, które bez niego nie mogą ze sobą współpracować. Aby dwa urządzenia mogły działać razem muszą mieć zgodne (kompatybilne) interfejsy. Interfejsem może być kabel łączący dwa urządzenia, ale zarówno wtyczki na tym kablu, jak i pasujące do nich gniazda są również interfejsami. Gniazdo na płycie głównej komputera jest interfejsem, w które wkłada się np. kartę graficzną, ale i sama karta jest interfejsem umożliwiającym współpracę monitora z resztą systemu komputerowego. Sam monitor jako całe urządzenie, to także interfejs, a posiada on swój własny interfejs w postaci ekranu.

Materiały na CD

Cd1: multimedialny kurs instruktażowy Tworzenie strony WWW

Cd2: WebSite X5, Royalty Free, szablony stron WWW, filmy instruktażowe