|
|
Menu:
Informatyka, komputery
Media
Informacje
Informacje regionalne
Sport
Gospodarka
Technologie
Praca
Motoryzacja
Dla kobiet
Gazety i prasa
Nauka, edukacja
Gry komputerowe
Grafika komputerowa
|
Photoshop to więcej niż myślisz: Wirtualna woda - oszukaj oczy
data: 08.08.08
Zobacz oryginalną treść
Tworzenie przeźroczystości nie jest łatwe, ponieważ trudno stworzyć coś, co nie ma barwy lub ma specyficzną konsystencję: kropla wody, deszcz, płyn w szklance lub sama szklanka. Pokażę trzy formy przeźroczyste, które można stworzyć korzystając wyłącznie z poleceń programu, do każdego elementu wykorzystując tylko jedno zdjęcie stanowiące podkład do pracy. 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. Wykorzystując możliwości warstw, ścieżek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał dwupunktowy efekt rollover oraz wskaźnik wybranej opcji. Artykuł ten rozpoczyna nowy cykl poświęcony przygotowywaniu szablonów witryn WWW w programie GIMP. W każdym odcinku będzie szczegółowo opisany jeden szablon. W dzisiejszym spotkaniu przygotujemy wizytówkę firmy z branży motoryzacyjnej.
Szablon, kt?ry dzisiaj przedstawi?, nauczy dw?ch ciekawych rozwi?za?. Dowiemy si?, w jaki spos?b w GIMP-ie wykona? fotomonta? technik? "?atek" oraz na czym polega problem z wysoko?ci? element?w p?ywaj?cych w CSS. Wykorzystuj?c mo?liwo?ci warstw, ?cie?ek i selekcji zajmiemy si? przygotowaniem szablonu witryny WWW. Szablon ten b?dzie wykorzystywa? dwupunktowy efekt rollover oraz wska?nik wybranej opcji.
W artykule nauczymy się przygotowywać loga (w formie szerokich banerów) na strony WWW: o stałej szerokości, z tłem wypełniającym całe okno przeglądarki oraz z ilustracją powielaną dowolną ilość razy.
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. Często wykorzystywanym efektem, stosowanym szczególnie w menu, jest reakcja na wskazanie wybranej opcji wskaźnikiem myszki. Wskazana opcja zmienia kolor, kształt lub zostaje wzbogacona o strzałkę informującą o wyborze. Do tego rodzaju trików stosowane są dwa rozwiązania. Jednym z nich jest pseudoklasa a:hover w arkuszach stylów, a drugim wymiana obrazów wykonywana w JavaScripcie, nazywana efektem rollover. 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.
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.
W tym odcinku zajmiemy si? kadrowaniem, przekszta?ceniami ca?ego obrazu oraz poszczeg?lnych warstw. Do wprawnego wykonywania tych operacji niezb?dna jest umiej?tno?? pos?ugiwania si? prowadnicami oraz skalowaniem widoku. 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.
Standardy EXIF oraz IPTC umożliwiają zapis metadanych w obrazach cyfrowych. Plik graficzny (np. JPEG) może zawierać - oprócz samej fotografii - informacje o autorze, słowa kluczowe, opis oraz parametry i ustawienia aparatu. Artykuł opisuje metody odczytu oraz modyfikacji danych EXIF i IPTC przy użyciu kilku programów użytkowych oraz skryptów w języku PHP. 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). 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.
Polecamy:
1. Odmieniamy wygląd bloga (cz. 2). Blogi specjalistyczne
data: 15.11.08
Zobacz oryginalną treść
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.
2. Czarno na białym? Jak dobrać tło na stronie WWW
data: 08.11.08
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.
3. Linux site
data: 08.11.08
Zobacz oryginalną treść
Czy wiesz ze linux site jest systemem opartym o SCR?? Tak! serwis jest po??czeniem SCR i zwyk?ych stron www. A to jest text pozycjonerski, kt?ry kryje link do serwisu pokazowego
4. Warcraft
data: 08.11.08
Zobacz oryginalną treść
TO JEST PRZYK?AD STRONY POZYCJONOWANEJ KLIKAJ?C NA Warcraft - przejdziesz na strone zbudowana o ten w?asnie system rss
5. Aukcja SCR allegro
data: 08.11.08
Zobacz oryginalną treść
W latach 90-tych ma?o kto zdawa? sobie spraw? z korzy?ci, jakie mo?e nie?? ze sob? Internet. Wydawanie w?wczas pieni?dzy na SCR by?o swoistym ryzykiem, gdy? grono internaut?w by?o za ma?e, aby op?aca?o si? inwestowa? w tego typu reklam?. Obecnie jednak marnotrawstwem jest nie skorzystanie z dobrodziejstw, jakie niesie ze sob? obecno?? w „sieci”. Sukces wielkich firm, a tak?e tych, kt?re dopiero si? rozwijaj?, pot?guje zysk z nowych klient?w.
6. Gwiazdy pop
data: 08.11.08
Zobacz oryginalną treść
Nazywana jest ksi??niczk? stylu crunk, kt?ry jest specyficzn? odmian? po?udniowego rapu. W 2005 roku nagra?a dwa utwory – "Oh" Z Ludacrisem i "Like You" z Bow Wow. W 2006 roku wyda?a swoj? drug? p?yt? "The Evolution". Gwiadzy pop jest nazywana przez przyjaci?? Cici i Princes (ze wzgl?du na drugie imi? - Princess). Ciara jest zodiakalnym skorpionem, lubi ta?czy?, jest to jej pasj?. W wielu piosenkach s?ycha? jak ?piewa
7. Przepis na idealny szablon bloga
data: 08.11.08
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.
8. Dobór kolorów na stronę WWW
data: 08.11.08
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.
9. Odmieniamy wygląd bloga (cz. 1). Blogi prywatne
data: 08.11.08
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.
10. Jak zaprojektować idealne logo?
data: 29.10.08
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...
11. Photoshop to więcej niż myślisz: Światło to podstawa
data: 01.10.08
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.
12. Photoshop to więcej niż myślisz: Fotomontaże i uzupełnienia
data: 15.09.08
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.
13. Photoshop to więcej niż myślisz: Tworzymy mroczny krajobraz
data: 15.09.08
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.
14. Photoshop to więcej niż myślisz - fotomontaże i uzupełnienia
data: 08.09.08
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.
15. Photoshop to więcej niż myślisz: Obliczenia... nie tylko w rachunkowości
data: 29.08.08
Zobacz oryginalną treść
Warto zapoznać się funkcją Obliczenia (Calculations), ponieważ daje ona wiele ciekawych możliwości. Nie będziemy nic liczyć, więc kalkulatory są zbędne. Liczeniem zajmie się Photoshop, my natomiast udzielimy mu niezbędnych wskazówek.
16. Photoshop to więcej niż myślisz: Wirtualna woda - oszukaj oczy
data: 08.08.08
Zobacz oryginalną treść
Tworzenie przeźroczystości nie jest łatwe, ponieważ trudno stworzyć coś, co nie ma barwy lub ma specyficzną konsystencję: kropla wody, deszcz, płyn w szklance lub sama szklanka. Pokażę trzy formy przeźroczyste, które można stworzyć korzystając wyłącznie z poleceń programu, do każdego elementu wykorzystując tylko jedno zdjęcie stanowiące podkład do pracy.
17. GIMP Tworzenie szablonów stron WWW cz. 11
data: 01.08.08
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.
18. Photoshop to więcej niż myślisz: Operacja plastyczna czyli jak zmieniać wygląd
data: 01.08.08
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.
19. GIMP: Tworzenie szablonów stron WWW cz. 12
data: 01.08.08
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).
|
|
|
