KURNA CHATA - Żywot popsuty

Mocne punkty w prezentacji multimedialnej

Od wieków są znane zasady komponowania obrazu, wykorzystujące właściwy ludziom sposób oglądania i analizy jego treści. Współczesne badania potwierdzają skuteczność tych zasad. Czy można je wykorzystać w prezentacjach multimedialnych?

Badania naukowe dowodzą, że człowiek ogląda obraz w określony sposób, kierując wzrok najpierw na tzw. mocne punkty. Gdzie one się znajdują? Do ich wyznaczenia należy utworzyć siatkę złożoną z dwóch linii poziomych i dwóch linii pionowych. Siatka dzieli obraz na dziewięć równych pól. Miejsca przecięć linii to właśnie mocne punkty. Najważniejszy jest lewy górny punkt, na który widz zwraca uwagę w pierwszej kolejności.

Siatka trójpodziału i mocne punkty.

Zasada trójpodziału jest bardzo popularna w fotografii, niektóre aparaty wyświetlają nawet siatkę podczas kadrowania. Stosowanie zasady jest powszechne również w malarstwie, rysunku, wydawnictwach, itd. Zasada nieobca jest projektantom stron internetowych: najważniejsza treść znajduje się z reguły w lewej górnej części ekranu.

Zdjęcie z nałożoną siatką trójpodziału. Mak, główny element
zdjęcia, jest umieszczony w mocnym punkcie.

Zasadę trójpodziału można z powodzeniem wykorzystać w prezentacjach. Uzyskuje się lepiej skomponowane, uporządkowane i czytelne slajdy, pozytywnie wyróżniające się z masówki wypełnionej wypunktowanymi listami. Odpowiednio rozmieszczając elementy na siatce masz wpływ na to, jak widz odbiera treść slajdu.

Slajd skomponowany zgodnie z zasadą trójpodziału.
Zauważ, że całe zdjęcie dobrze wpisuje się w siatkę.

Programy do tworzenia prezentacji, PowerPoint czy Impress, umożliwiają zdefiniowanie tzw. prowadnic. Są to pomocnicze linie, widoczne tylko w trybie projektowania. Elementy są dociągane do prowadnic, umożliwiając ich precyzyjne rozmieszczanie. Prowadnice należy ustawić tak, żeby tworzyły siatkę trójpodziału.

Aby pokazać prowadnice w programie PowerPoint należy kliknąć prawym klawiszem myszy w obrębie slajdu i z menu kontekstowego wybrać polecenie Siatka i prowadnice. W okienku dialogowym należy zaznaczyć opcję Wyświetl prowadnice rysowania na ekranie i nacisnąć przycisk OK. Można również użyć skrótu Alt-F9.

Włączanie prowadnic w programie PowerPoint.

Domyślnie PowerPoint dodaje dwie prowadnice, poziomą i pionową, przecinające się w środku slajdu.

Domyślne prowadnice w PowerPoint.

Trzeba zatem zmodyfikować ustawienia. Zaczniemy od dodania brakujących prowadnic. Należy w tym celu najechać myszą na prowadnicę, i trzymając wciśnięty klawisz Ctrl, przesunąć ją w inne miejsce. Na razie dowolne, lokalizacją zajmiemy się za chwilę. To samo robimy z drugą prowadnicą.
Rozmiar slajdu w PowerPoint to 25,4 x 19,05 cm, a początek układu współrzędnych jest w środku slajdu. Zatem prowadnice pionowe powinny być ustawione na pozycjach -4,23 i 4,23 cm, a poziome na -3,18 i 3,18 cm. Prowadnice przesuwa się jak inne obiekty. W trakcie przesuwania prowadnicy pojawia się jej bieżąca pozycja. Ostatecznie powinniśmy uzyskać efekt jak na rysunku:

Siatka trójpodziału w programie PowerPoint.

W programie OpenOffice Impress prowadnice wyświetla się poleceniem menu Widok|Prowadnice|Wyświetl prowadnice. Impress nie definiuje domyślnych prowadnic, więc na ekranie nic się nie pokaże. Aby dodać prowadnice, należy w obszarze slajdu kliknąć prawym klawiszem myszy i z menu kontekstowego wybrać polecenie Wstaw punkt/linię przyciągania. W okienku dialogowym należy wybrać typ linii (pozioma, pionowa) i ustalić jej pozycję. Domyślny rozmiar slajdu w Impress ma rozmiar 28 x 21 cm, a początek układu współrzędnych jest w lewym górnym rogu. Zatem pionowe prowadnice powinny znaleźć się na pozycjach 9,33 i 18,67 cm, a poziome na pozycjach 7 i 14 cm.

Definiowanie prowadnic w programie OpenOffice Impress.

Pamiętaj, że komponowanie obrazu podlega ścisłym regułom. Podobnie jak komponowanie muzyki. Kompozytor wie, jak dobrać dźwięki, aby uzyskać efekt harmonii. To, że dysponujesz pustą stroną, nie oznacza, że możesz na niej dowolnie rozmie[.] elementy. Nawet jeżeli nie znasz teorii kompozycji, na pewno starasz się wyrównać linie tekstu czy umieścić elementy graficzne tak, żeby całość wyglądała dobrze. Siatki są podstawowym narzędziem używanym przez projektantów grafiki. Dzięki siatkom, kolejne strony, np. gazety, zachowują spójność i równowagę, mimo, że różnią się rozkładem tekstów i obrazów. Naturalnie, w projektach gazet siatki są dużo bardziej złożone niż siatka trójpodziału. Na potrzeby slajdów i prezentacji siatka dziewięciopolowa jest w zupełności wystarczająca.Niektórzy utożsamiają zasadę trójpodziału ze złotym podziałem. W rzeczywistości obydwie zasady nie mają ze sobą wiele wspólnego, ale o tym innym razem.

Zapraszam na mojego bloga

Tomasz Wojsz.

--

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

Wizualizacje architektoniczne - proces powstawania

Autorem artykułu jest Wgkipa

Opis procesu powstawania wizualizacji architektonicznych - artykuł opisujący proces kontaktu między klientem (zlecającym wykonanie wizualizacji architektonicznych) a firmą je wykonującą.

Powstawanie wizualizacji architektonicznych to dość skomplikowany proces z pozoru, ale po szybkiej analizie, z reguły okazuje się on być prostym i nie skomplikowanym. Ponieważ każdy projekt jest w zasadzie inny (i do każdego projektu architektonicznego podchodzić trzeba osobno), nie da się określić terminarza bez znajomości projektu, ale orientacyjnie budynek wielorodzinny wraz z zagospodarowaniem to około 14-16 dni pracy (od momentu przekazania kompletnej dokumentacji CAD).  Mniej więcej w połowie tego terminu zostają przygotowane i złożone przykładowe możliwe ujęcia do akceptacji przez klienta - czyli tak naprawdę pierwsze wizualizacje architektoniczne (firmę developerską czy architektoniczne biuro) jest to tzw. "pierwsza konsultacja" często wówczas model jest jeszcze "szary" tzn bez materiałów nadanych - sama bryła budynku z detalem architektonicznym).  Po wyborze kadrów powstają materiały wraz z oświetleniem budynku. Kiedy są już przygotowane, zostają złożone rendery i wysłane klientowi (są to ujęcia jeszcze w małej rozdzielczości - poglądowe - ze znakiem wodnym) jest to tzw."druga konsultacja" w tym momencie model jest już oteksturowany (ma nadane materiały, i jest ustawiony już na zagospodarowaniu), w razie akceptacji - kolejnym krokiem jest wyrenderowanie końcowych wizualizacji architektonicznych w docelowej rozdzielczości i wysłanie ich klientowi do akceptacji (ze znakiem wodnym). Jeśli są akceptowane - klient otrzymuje wraz z fakturą wizualizacje finalne bez znaku wodnego i następuje rozliczenie projektu.

--

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

Grafik i kreskówki oraz filmy animowane

Autorem artykułu jest Arturmarciniak.pl

Grafik przy tworzeniu filmu animowanego musi się nieźle natrudzić, ale i również dobrze bawić. Wiem, że za te słowa wstępu mógłbym zostać nieziemsko "zjechany" przez grafików i animatorów, ale jest to najszczersza prawda.

Dlaczego grafik musi być zły, wykonuje pracę ciężką, to jest akurat prawda, bo grafika komputerowa to nie jest łatwa profesja ale czy do końca?   Wróćmy jednak do możliwości dobrej zabawy. Przecież w filmach animowanych występuje wiele zabawnych dialogów i gagów, które mogą naprawdę rozśmieszyć. Na pewno myli się ten, który myśli, że cały zastęp grafików nie pozwoli sobie na zaprojektowanie jakiejś krótkiej i śmiesznej scenki. Na płytach DVD, które są wydaniami filmów, można przecież nie raz znaleźć osobny materiał ze scenami, które nie zostały użyte w filmie. Są to często zabawne sytuacje.   Dlatego też nie zgadzam się, że grafik nie ma poczucia humoru. Owszem ma, ale tylko taki grafik komputerowy, który wykonuje to co lubi z pasją i tomu sprawia radość. Miałem okazję poznać jedna osobę, która wykonywała zawód grafika. W życiu nie słyszałem, żeby ktoś tak narzekał. To oczywiste, że nigdzie nie jest łatwo, ale przecież nikt go nie zmuszał do tego, żeby wybrał akurat zawód grafika komputerowego, który prosty nie jest. Zresztą nie sądzę, aby można było wykonywać swoje obowiązki wystarczająco dobrze, skoro się swojej pracy nie lubi, może i jemu nie za bardzo szło w pracy.   Grafik to zawód, który albo się lubi, albo nie i nie ma tu nad czym polemizować. Można to naturalnie odnieść do każdego innego zawodu, nie tylko do grafiki komputerowej.

--

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

System CMS

Jeżeli interesuje cię odpowiedź na pytanie. Co to jest system CMS? Kiedy powstał i jakie ma zastosowanie w dzisiejszych czasach? Jakie rozróżniamy rodzaje CMS? Zapraszam na mój krótki artykuł.

Historia CMS zaczyna się od jego powstania w roku 1995 w stanach zjednoczonych. Został on  stworzony przez amerykańska firmę CNET. Od tamtej chwili tworzenie serwisów internetowych nie było już takie same jak w latach poprzednich.

Co to CMS.

System CMS z ang.(Content Management System) jest to system zarządzania treścią. Jest to aplikacja lub ich zestaw do łatwiejszego tworzenia serwisu WWW jak i jego późniejszego aktualizowania i rozbudowywania przez personel nietechniczny.

Podstawowym zadaniem systemu jest oddzielenie treści od wyglądu serwisu. Po wpisaniu nowych informacji system zapisuje je w bazie danych. Następnie dzięki treściom i odpowiednim szablonom system generuje dynamiczne strony internetowe. W porównaniu do statycznych plików HTML jest to o wiele wygodniejsze i elastyczne zarządzanie treścią . wykorzystywanie szablonów stron sprawia że zmiana koncepcji graficznej sprowadza się do zmiany szablonu a co z kolei sprawia że cały proces publikacji w Internecie staje się prostszy .

Jakie znamy rodzaje CMS.

Systemy CMS najczęściej pisane są w następujących językach:  ASP, JSP, PHP, PYTHON.

Istnieje kilka rodzajów systemów CMS takich jak np. :

Content Menagement Framework- (Vignatte, Documentum, Zope, Redot, Inquise)

Page-Based System- (Plone, Typo3, Backend, TikiWiki)

Module-based systems-( Drupal, Extreme Fusion, Sienn, eZ publish, Joomla!, Mambo, Zikula (poprzednia nazwa: PostNuke), PHP-Fusion, PHP-Nuke, XOOPS, Quick.Cms, Umbraco CMS, DotNetNuke, N2 ASP.NET CMS, AxCMS.net, Kentico CMS, mojoPortal, Sitefinity, Dolphin 7).

Content object systems- ( ActionApps, Rhythmyx, Quantum Content Managment).

--

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

Zdjęcia i elementy graficzne jako podstawa nowoczesnej strony www

Fantastyczne zdjęcia i grafiki na stronie www to gwarant naszego przedsięwzięcia. Dobre tzn. jakie? No właśnie.

Barwa

Profesjonalne zdjęcie charakteryzuje się wkomponowaniem w barwy całej strony www. Chodzi o zharmonizowanie głównej barwy zdjęcia z pozostałą częścią szablonu strony www. Nie chodzi mi o zdjęcia zawarte w galerii. Chodzi mi o elementy graficzne (tego sformułowania powinienem użyć), które znajdują się np. w zakładce „kontakt” obok tekstu.

Dobrym pomysłem jest przezroczystość takich elementów graficznych. Bo powiedzmy, chcę wstawić rysunek telefonu przy numerze kontaktowym. Mało kompetentne i niemile dla oczu będzie wyglądać taki element graficzny na białym tle, gdy tonacja strony www jest różna od białej.

Gradienty

W ostatnim czasie coraz częściej w grafice na stronach internetowych stosuje się delikatne gradienty. Polega to na płynnym przejściu jednego do innego odcienia. Z tym że trend jest taki, że np. w tle wykorzystuje się brąz, a w którymś z boków ustawia się nieznacznie jaśniejszy odcień brązu z przejściem (gradientem) kołowym do dalszego fragmentu tła. Przykład na ilustracji obok. Taką metodę stosuje się, bo rezultat jest milszy dla oka niż jednobarwne, monotonne tło. Poza tym gradienty są szeroko wykorzystywane we wszelkiego rodzaju przyciskach (tych w menu czy np. przycisk więcej). Osiągamy tym sposobem efekt trójwymiarowości.

elementy graficzne jako wypełniacz na stronie www

Wszelkiego typu zdjęcia i grafiki używa się, żeby zwrócić uwagę, dać chwilowy odpoczynek od tekstu, żeby nie przytłoczyć ilością liter, wzbudzić zaufanie internauty (przyszłego klienta). Zatem wiemy już, że dobra grafika jest nieodzownym elementem strony internetowej. Pozostaje jednak pytanie, jak ją wykonać?

Stworzenie tzw. wypełniaczy, czyli wszechstronnych elementów graficznych, możemy zlecić zawodowcy. Ale to nierentowne. Będzie to dla nas za drogie.

Następnym rozwiązaniem są nieodpłatne bazy zdjęć i elementów graficznych czy jakaś wyszukiwarka zdjęć. Ale tu także wynik będzie dla nas negatywny. Zdjęcia z takich zbiorów nie są najwyższych lotów, a ponadto możemy naruszyć prawa autorskie, co jest nielegalne. Bez zarzutu i moim zdaniem najlepszym wyjściem jest zakupienie elementów graficznych czy zdjęć w internetowych zbiorach zdjęć. Za jedną sztukę zapłacimy kilka – kilkadziesiąt PLN, a efekt będzie zapewne piorunujący. Zdjęć jest nieprzebrana liczba, dlatego z pewnością wybierzemy coś, co nam będzie się podobało. Jeśli dotarłeś do tej części to zauważyłeś zapewne, że projektowanie stron www to nie taka prosta sprawa, ale jeśli się nie zniechęciłeś, czytaj dalej.

Prezentacja zdjęć

Niejednokrotnie ważną częścią serwisów www są (galerie zdjęć, gdzie chcemy zaprezentować czy pochwalić się np. naszymi osiągnięciami. Ważne jest, żeby wielkości zdjęć były mniejsze niż 1024x768 px. Jest to cały czas dominująca rozdzielczość ekranów internautów. Rozsądnym kompromisem są zdjęcia 800x600. Nie przepełnimy serwera, ale dodatkowo też nie zniechęcimy internautów wolnym przewijaniem zdjęć. Wskazane jest stworzyć galerię w oparciu o pomoc np. artgallery – po kliknięciu inne elementy strony www zaciemniają się, a zdjęcie zwiększa swoje rozmiary i na ekranie pojawia się przeglądarka zdjęć z nawigacją. Jest to obecnie standard. Kolejna rzecz to sama jakość zdjęć w galerii. Jeśli nie posiadamy cyfrowej lustrzanki, zlećmy zrealizowanie zdjęć zawodowcom. Mogą przyjechać lub możemy przedmioty, które chcemy sfotografować, wysłać do studia fotograficznego. Oprócz porządnych zdjęć dodatkowym atutem będzie także fachowa ich obróbka. Rezultat na pewno będzie lepszy niż fotografowanie gorszej jakości aparatem. Mając takie zdjęcia, mamy się czym chwalić.

Puenta

Jeśli przebrnąłeś przez cały tekst, prawdopodobnie się uśmiechnąłeś. Co za mądrala napisał tekst, w którym sugeruje, żeby zlecić wszystko zawodowcom. Otóż tak, zgadza się. Jeśli ktoś nie ma doświadczenia i sprzętu, nie powinien zabierać się za rzeczy, na których się nie zna. W efekcie czego będziemy z siebie dumni, bo coś uzyskaliśmy. Tylko to coś nie spełnia wymogów i nikomu poza nami samymi się nie podoba. Żeby zaoszczędzić Ci czasu, rozczarowania, polecam zlecić wykonanie zdjęć zawodowcom lub kupić dobre grafiki na internetowych bankach zdjęć. Jednak jeśli czujesz się na siłach, do roboty!

o Autorze

Od ładnych kilku lat zajmuje się projektowaniem stron internetowych, więc co nieco wiem w tym temacie. Prowadzę blog związany z webmasteringiem, na którego serdecznie zapraszam. 

Artykuł pochodzi z serwisu Albercik.pl - darmowe artykuły na WWW

Jaki format zapisu plików graficznych wybrać?

Autorem artykułu jest Jakub Kozieł

Na pewno zastanawiałeś się kiedyś w jakim formacie zapisać grafikę żeby ją wydrukować, opublikować w Internecie lub zostawić do poprawy.Możliwe, że się pomyliłeś i kląłeś potem na cały dom, że cała robota poszła na marne.

 Też na początku miałem podobne problemy jednak teraz po kilku latach używania photoshopa nie mam z tym problemów i dlatego postanowiłem podzielić się z tobą wiedzą na temat formatów plików graficznych. JPG – chyba najpopularniejszy z dostępnych formatów zapisu plików graficznych. Zrzuć zdjęcia ze swojego aparatu i zobacz w jakim są formacie… prawda że jest to JPG? To że zdjęcia robione na aparatach są w formacie JPG nie jest przypadkiem. Otóż pliki JPG są dość mocno skompresowane przez co zajmują mniej miejsca i nadają się do publikacji w Internecie czy do przesyłania emailem. Wadą tego formatu jest utrata jakości podczas manipulacji jego zmniejszania i powiększania.

GIF – ten format również idealnie nadaje się do publikacji w sieci i przesyłania emailem. W przeciwieństwie do jgp w gifach przejścia między kolorami nie są tonalne ale składają się z określonej liczby kolorów (np. 256). Przewagą gifa nad jpgiem jest to, że gif może być zapisany z przezroczystym tłem co nie uda się na pewno z plikiem JPG. Dzięki temu gify używane są często na stronach internetowych gdzie nie zasłaniają tego co znajduje się pod nimi.

PNG – to format, który łączy w sobie zalety plików JPG i gif. To znaczy że przejścia między kolorami są tonalne, a tło jest przezroczyste. Pliki PNG są przeważnie większe od oryginalnych obrazów, ale dzięki swoim zaletom mogą być umieszczane warstwowo na stronie internetowej (warstwowo to znaczy tak że nie przykrywają tego co znajduje się pod nimi).

EPS – pliki zapisane w tym formacie mogą być zarówno rastrowe jak i wektorowe dzięki czemu są bardzo użyteczne i również często używane podczas pracy z grafiką. EPSy są najczęściej używane w wydawnictwach, agencjach reklamowych i artystycznych do tworzenia plików gotowych do druku w drukarni.

TIF – pierwotnie tify były tworzone przez skanery podczas skanowania zdjęć jednak szybko stały się jednym z ulubionych formatów grafików w agencjach reklamowych dzięki temu, że można je odczytać zarówno na pecetach jak i na macach.

PDF- format wymyślony przez firmę adobe czyli tą samą, która stworzyła photoshopa. W tym formacie zapisuje się przeważnie dokumenty w których jest tekst. Większość ebooków i ezinów jest umieszczonych w sieci w postaci pdfów. Zaletą pdfów jest również to, że zachowują warstwy tzn, że plik zapisany w PDF można potem otworzyć w photoshopie i będą na nim zapisane wszystkie warstwy jakie wcześniej stworzyliśmy co umożliwia ponowną obróbkę obrazów.

PSD – format roboczy photoshopa. Dzięki temu że zapiszemy swoją grafikę w formacie psd będziemy mogli do niej wracać i ją przerabiać bez końca ponieważ plik ten zachowuje wszystkie warstwy i efekty jakie zastosowaliśmy do obrazów.

Jakub Kozieł
właściciel i redaktor www.photoshopportal.pl

--

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