Statystyki

Użytkowników : 1
Artykułów : 425
Odsłon : 1196825

Webdesign

Antyczny baner

Drukuj PDF

W tym turorialu nauczysz sie tworzyć baner w stylu antycznej grecji.

Templatka dla strony o psach

Drukuj PDF

Z tego tutoriala nauczysz sie jak łatwo zrobić tmeplatkę dla strony o psach.

 

templatka o psach

 

Szklany przycisk

Drukuj PDF

Szklany przycisk

Tworzymy nowy dokument o wymiarach 100x100px z białym tłem. Nastepnie tworzymy nową warstwę i za pomocą narzędzia zaznaczanie prostokątne zaznaczamy prostokątny obszar. Wchodzimy w edycja->obrys i ustawiamy opcje.

Projektowanie stron internetowych

Drukuj PDF

Rozpoczynając proces projektowania strony internetowej, zawsze należy zastanowić się, co na niej będzie umieszczane. Po jej stworzeniu nie ma sensu dokładać coraz to nowych kategorii, które przyjdą nam do głowy, ponieważ w pewnym momencie zostanie całkowicie zatarta idea strony.

 

Zanim przystąpimy do prac związanych z projektowaniem strony, warto zastanowić się, o czym będzie ta strona i z jakich elementów będzie się składać, czego będziemy potrzebowali do wykonania projektu i - co najważniejsze - jak będzie ten projekt wyglądał. Warto sporządzić szkic strony na kartce papieru, opracować jej układ, rozrysować sobie szkielet struktury strony.

 

Elementy strony internetowej
Na początek warto zastanowić się, jak i gdzie będą porozmieszczane elementy na naszej stronie, w którym miejscu będzie menu, gdzie umieścimy treść główną, jak duży będzie nagłówek, a jak duża stopka. Rozwiązanie tych problemów przychodzi z czasem. Wraz z ilością wykonanych stron nabiera się coraz większej wprawy przy ich projektowaniu.

 

Menu
Jednym z najważniejszych elementów strony internetowej jest menu. Musi ono być przede wszystkim dobrze widoczne. Przy rozbudowanych serwisach trzeba zastanowić się nad taką organizacją menu, aby łatwo było dotrzeć do pożądanych opcji. Warto skupić się na tym, by menu było proste, żeby nie zawierało zbyt wielu opcji, w których można byłoby się zgubić. Odpowiednimi miejscami dla menu mogą być: lewa strona, prawa strona, lub góra. Rzadko, albo w ogóle menu umiejscowione jest na dole strony, gdyż zakłóca to odbiór strony przez czytelnika, który przygotowany jest na to, że znajdzie menu "tam gdzie zawsze". Właściwie każdy element wokół menu może być dowolnie dobrany, pod warunkiem, że nie będzie go przytłaczał.

Tworzenie realistycznych ikon

Drukuj PDF

Tworzenie realistycznych ikon

Na początku żeby stworzyć taki kształt użyłam narzędzia [Pen Tool] i wypełniłam go jasnym czerwonym kolorem. Następnie zaznaczyłam narzędzie [Burn Tool] aby przyciemnić miejsca przy brzegach. Tak powstała przednia okładka.

Header na stronę WWW

Drukuj PDF

Jeżeli posiadasz stronę WWW lub zamierzasz zrobic, to ten tutorial z pewnością okaże Ci się pomocny. Dowiemy się w jaki sposób zrobic heaer na stronkę.

1) Ściagamy na dysk 2 obrazki (musimy się zalogowac na SXC aby pobrac obrazki w oryginalnej wielkości)

- niebo: http://www.sxc.hu/photo/673726
- kwiat: http://www.sxc.hu/photo/558699

2) Tworzymy w photoshopie nowy plik o wymiarach 760*160 pikseli. Otwieramy pobrane przez nas obrazki.

Przechodzimy do obrazka z niebem. Pomniejszamy go do szerokosci 760 pikseli (obrazek --> wielkosc obrazka - i tam w szerokosci wpisujemy 760) Teraz zaznaczamy cały ten obrazek i kopiujemy (CTRL+C) i wklejamy na utworzony przez nas pusty plik (wklejanie CTRL+V).

Ułóżmy nasz wklejony obrazek w ten sposób:

 

Strona błedu 404

Drukuj PDF

Tutorial pokazuje jak wykonać efektowną stronę błędu 404 do użycia na własnym serwerze. Tworzymy nowy dokument Ctrl+N

Cień - odstający element

Drukuj PDF

utorial na realistyczny cień odstającej kartki.

1. Tworzymy nowy dokument.

Ikonka kanału RSS

Drukuj PDF

Jeśli potrzebujecie ikonki do czytnika RSS lub chcecie poznać metodę na jej powstawanie to zapraszamy.

Opiszę w nim jak zrobić taką ikonkę RSS:

Krok 1

Otwórz Adobe Photoshop i stwórz nowy dokument:
Rozmiar: 25 x 25px
Kolor tła: Biały

Logo "N"

Drukuj PDF

Prosty tutorial na stworzenie trójwymiarowej kuli - takiej samej jak możemy spotkać w logo telewizji "n".

Na początku tworzymy nową dokument o takich parametrach:

Logo Onetu

Drukuj PDF


W tym tutorialu dowiesz się jak zrobić logo Onetu, oczywiście do celów niekomercyjnych.

Krok 1
Otwieramy nowy dokument w Photoshopie. Narzędziem Tekst piszemy "onet pl" (Między "onet" a "pl" musi być spacja). Tekst powinien być napisany czcionką Arial Black, o kolorze czarnym i wielkości 60pkt. Zaznaczmy cały nasz napis i w oknie Typografia (Character) światło ustawiamy na -110
(jeśli nie wiesz co to jest światło, skorzystaj z poradnika "Tekst w Photoshopie", który znajdziesz tutaj).
Następnie zaznaczamy tylko spację między "onet" a "pl" i ustawiamy jej wielkość na 80pkt.