Praca w Photoshopie

Na lekcji wykonaliśmy zadanie dotyczące wycięcia interesujących nas obiektów i wklejenia ich na nasze dowolne tło na którym miały wyglądać jak najbardziej realistycznie.Na dole umieszczę drobny poradnik jak mniej więcej zrobić to zadanie oraz materiały wykorzystane prze zemnie do tego zadania jak i screena wykonanego zadania .

1. Interesujące nas obiekty i zdjęcia w tym nasze tło ładujemy do Photoshopa.
2. Nasze obiekty wycinamy za pomocą narzędzia szybkie zaznaczanie klikamy prawym przyciskiem myszy i wybieramy różdzke.
3. Różdzką zaznaczamy tło naszego obiektu i wklejamy go na nową warstwę za pomocą skrótu klawiszowego Ctrl-J i tak robimy z każdym naszym obiektem wyciętego ze zdjęcia.
4. Następnie wklejamy je na nasze tło i wchodzimy w górny panel obraz>dopasowania>odwróć

Znaczenie kolorów używanych w reklamie

Psy­cholo­gia koloru nie zaj­muje się tym, w jaki sposób ksz­tał­towane są kolory, ale jaki mają one wpływ na człowieka. A tu naukowcy są zgodni — kolory w znaczący sposób wpły­wają na ludzki umysł. Odpowied­nio zaplanowana kolorystyka może nie tylko wpły­wać korzyst­nie na nas­trój, ale także znacznie zwięk­szyć przy­cią­ganie nowych klien­tów.

Oprócz wpły­wów emocjon­al­nych, kolory wywołują również reakcje fizy­czne. Udowod­niono, że przy czer­wonym oświ­etle­niu reakcje człowieka są o 12% szyb­sze niż nor­mal­nie. Poza tym ciepłe kolory są lep­sze w pozyski­wa­niu uwagi, niż kolory zimne.

1.Koło kolorów czyli teoria barw

Kolory w spek­trum kolorów związane są z dwoma rodza­jami emocji: po jed­nej stronie zna­j­dują się ciepłe i mające cechy akty­wne takie kolory, jak: czer­wony, pomarańc­zowy i żółty, a po drugiej kolory mające bierne cechy niebieski, fio­le­towy i zielony.

Na tej pod­stawie opiera się koło kolorów (z ang. Color wheel), które jest pod­sta­wowym narzędziem do łączenia kolorów. Koło kolorów jest tak skon­struowane, że zestaw­ie­nie obo­jęt­nie których kolorów ze sobą, teo­re­ty­cznie zawsze daje dobry efekt.

2. Podstawowe pojęcia kolorów w praktyce 

W książkach o reklamie można spotkać wiele kom­bi­nacji kolorów, które uważane są za szczegól­nie udane. Są to tzw. kolory har­moni­jne i składają się one z dwóch lub więcej barw o stałej relacji w kole kolorów.

Ciepło i chłód Koło kolorów można podzielić na ciepłe
i chłodne kolory. Ciepłe kolory są żywe
i ener­gety­czne, i na ogół….
Zimne kolory dają wraże­nie
spokoju i uko­je­nia. Biały, czarny i szary
uznawane są za kolory neutralne.

3. Reakcja kolorów w różnym otoczeniu

 4. Znaczenie kolorów w marketingu oraz reklamie
 To, że różne kolory odgry­wają ważną rolę w mar­ketingu jest oczy­wiste.
Każdy kolor ma wyjątkową zdol­ność do wpły­wa­nia na klien­tów i wywoły­wa­nia jakichś reakcji. Wszyscy zauważamy jak często jaskrawe kolory, takie jak czer­wony, są wyko­rzysty­wane na opakowa­ni­ach mate­ri­ałów pro­mo­cyjnych - ale co wiemy o resz­cie palety barw? Poznaj psychologię kolorów od praktycznej strony i wybierz właściwe barwy dla reklam swojej firmy.

 

 5. Jak kolory wpływają na sprzedaż???

Poruszaliśmy już ten temat na łamach naszych stron o logo firmowym. (Przy okazji tworzenia logo firmy,przykładów logo firmy). Pra­cown­icy amerykańskiej firmy Kiss Metrics, poszli o krok dalej. Twierdzą, że kolory, potrafią zmieniać zachowa­nia zakupowe. Łączą kolorystykę, z zachowaniem w następu­jący sposób:

 Wpływy kolorów są zależne od grupy docelowej odbior­ców. Zmieni­ają sie również z cza­sem. Trady­cje społecznoś­ciowe mają silny wpływ na pow­iąza­nia i sam odbiór koloru z wielu powodów, np. niebieski dla chłopca i różowy dla dziewczynki.

6. Postrzeganie kolorów w różnych częściach naszego globu 

Pamię­taj o tym, jeśli adresa­tami two­jej strony inter­ne­towej są osoby, które w więk­szości stanowią odbiorcy niepochodzący z two­jego rodzin­nego kraju, lub też sama strona ma przy­cią­gać ludzi z określonego kraju, poświęć trochę czasu, by dowiedzieć się, jakie znacze­nie mają konkretne kolory. To dlatego wiedza na temat psychologi kolorów, może przyjmować różne odcienie.

"W kul­turze zachodu biały jest sym­bolem
niewin­ności i czys­tość, ale w Chi­nach, Japonii
i Indi­ach związany jest z pechem i nieszczęściem."

Kolor różowy, choć wysoko ceniony w Japonii, nie cieszy się pop­u­larnoś­cią w Indi­ach i kra­jach Europy Wschod­niej, gdzie uważany jest za stanow­czo „niemęski”. Fio­le­towy kojar­zony jest w kra­jach arab­s­kich z prosty­tucją (podob­nie jak czer­wony w kul­tur­ach Europy i Ameryki Północ­nej), a zgodnie z ogólnoświatową tendencją, łączony jest, z misty­cyzmem i wszelkimi wierzeni­ami sto­ją­cymi w opozy­cji do ide­ologii Islamu, Judaizmu i Chrześcijaństwa.

"Zielony, jeżeli jest użyty na stronie pow­iązanej
z insty­tuc­jami finan­sowymi ze Stanów Zjed­noc­zonych,
wywołuje w USA sko­jarzenia z „wszech­moc­nym
dolarem”; natomiast w kra­jach, gdzie ban­knoty są w
różnych kolorach, nie notuje się takich konotacji."

Może to prowadzić do kom­plet­nego odwróce­nia znaczeń; doniosłość i powaga danego koloru może zostać zmieniona, a negaty­wne sko­jarzenia z nim związane ogranic­zone, lub nawet kom­plet­nie wye­lim­i­nowane (np. czer­wony nabiera mocy, kiedy łączy się go z białym). To, czy nowe i kreaty­wne połączenia kolorów będą akcep­towane w per­spek­ty­wie glob­al­nej, zależy wyłącznie od Tego jak dobrze prze­myślisz i dopa­su­jesz każdy krok w swoim projekcie.

7.Kolory w reklamie
 Niek­tóre kolory są lep­iej widoczne na więk­szą odległość, niż inne i cza­sami połącze­nie kolorów może mieć wpływ na widoczność (lub czytel­ności) na przykład wzoru opakowania. W super­mar­ke­tach sztuczne oświ­etle­nie może mieć wpływ na postrze­ganie koloru na opakowa­niu i musi być brane pod uwagę przy pro­jek­towa­niu i testowa­niu. Z przy­jem­noś­cią pomożemy Ci dokonać odpowied­nich wyborów.
http://www.projektowaniegraficzne.pl/znaczenie-kolorow-w-reklamie-teoria-barw-psychologi-kolorow/

Plakat Photoshop

Tworzenie Plakatu w programie Photoshop:

 Materiały wykorzystane w tworzeniu plakatu:

Praca Photoshop na lekcji

1. Nasz zaznaczony obiekt przez nas zaznaczony  klikamy w niego skrótem klawiszowym Ctrl J aby utworzyć nową wartswę na której będziemy pracować w następnym kroku.

2.Następnie klikamy opcje Utwórz nową warstwę wypełnienia a następnie barwa nasycenie i ustalamy interesującą nas barwę nasycenie oraz jasność.

3.Jeśli chcemy pokolorować białe tło ponownie zaznaczamy dany obszar który nas interesuje. Wybieramy opcję Utwórz nową warstwę.

Tworzenie loga

Na poprzedniej lekcji grafiki komputerowej tworzyliśmy logo w stylu wektorowym w 4 podstawowych figurach geometrycznych .Robiliśmy je w programie Corel draw efekty mojej pracy zamieszczę poniżej.

Graficzny Interfejs Użytkownika

10 Zasad projektowania grafiki komputerowej

1.Złoty podział
Zasada Złotej Pro­por­cji często jest mylona z Zasadą Podzi­ału Na Trzy, jed­nak nie miej­cie złudzeń, są od siebie różne. Zasada ta opisuje pro­por­cje kom­pozy­cji tak, aby była jak najbardziej atrak­cyjna dla oglą­da­jącego. Pro­por­cja ta była uży­wana w pro­jek­tach, architek­turze i inżynierii od setek lat.

2.Reguła trójpodziału
Zasada podzi­ału na trzy jest metodą kom­pozy­cji, mówiącej o tym, jak powinna być ona wyko­nana, aby odpowiadała najbardziej walorom wzrokowym użytkown­ików. Fotografowie korzys­tają z tej zasady od lat, tworząc bardzo intere­su­jące wiz­ual­nie kom­pozy­cje. Zasada podzi­ału na trzy mówi o podzie­le­niu pro­jektu na trzy części, zarówno pio­nowo jak i poziomo. Dzięki temu pow­staje siatka przeci­na­ją­cych się ze sobą linii.

3.Prawo Hicka
Prawo Hicka mówi o tym, że każdy wybór, który musi zostać wyko­nany, zwięk­sza jego czas. Oznacza to, że czym więcej użytkownik musi dokonać wyborów tym trud­niejsze jest skorzys­tanie z oferty Two­jej firmy lub jej strony internetowej.

4.Prawo Fittsa
Prawo Fittsa można opisać w ten sposób: „Czas potrzebny do dojś­cia do celu jest funkcją wielkości celu i odległości do niego”. Możemy zas­tosować to prawo do pro­jek­towa­nia stron pod kątem wielkości obiek­tów klikalnych na stronie. Oznacza to po prostu, że czym więk­sze jest pole klikane tym proś­ciej na nie kliknąć.

5.Zasada Pareto
Słynne odkrycie Pareto mówi o tym, że duży pro­cent użytkown­ików wykona mały pro­cent akcji. No dobrze ale jak to się ma do zasad projektowania graficznego? Oznacza to, że użytkown­icy Two­jego ser­wisu odwiedzą sto­sunkowo małą ilość stron. W ter­mi­nologii aplikacji webowych oznacza to, że Twoi użytkown­icy wykon­ają mały pro­cent zadań.

6.Bliskość
 Prawo bliskości jest często niedostrze­gane, nawet przez doświad­c­zonych pro­jek­tan­tów. Prawo to stwierdza, że ele­menty, które są w jakiś sposób ze sobą pow­iązane, przed­staw­iane są w jakiejś relacji i umieszczane blisko siebie. Brzmi to bardzo prosto i wydaje się być oczy­wiste, ale często bywa pomi­jane.

7.Komunikaty zwrotne
Komu­nikaty zwrotne są tech­niką, opanowaną przez pro­jek­tan­tów prze­mysłowych od wielu dekad. Komu­nikaty zwrotne przekazują użytkown­ikowi infor­ma­cje o tym, że coś się stało, się dzieje lub się stanie. Komu­nikacja z użytkown­ikiem jest czymś fun­da­men­tal­nym w wielu pro­duk­tach, np. weźmy pod lupę ekspres do kawy.

8.Brzytwa Ockhama

Dzięki elasty­czności i mocy rozwiązań sieciowych, jak i naszych narzędzi pro­jek­towych, łatwo dać się ponieść. czego wynikiem będzie bardzo skom­p­likowana strona i szablon graficzny, który może zaw­ierać dużo funkcjon­al­ności i infor­ma­cji ale być bardzo trudny w użytkowa­niu, budowa­niu i utrzy­ma­niu. Pomimo tego, co niek­tórzy mogą myśleć, że taka strona zami­ast robić więcej, robi mniej.

9.Ciąg Fibonacciego
Ciąg Fibonac­ciego jest serią liczb, w którym każda kole­jna jest sumą tych poprzed­nich. Dla przykładu jeśli zaczniemy od cyfry 1, będzie on zaczy­nał się w ten sposób:
1,1,2,3,5,8,13,21,34,55 itd...

10.Modele Umysłowe

Prawo Mod­elu Umysłowego mówi o tym, że znacznie proś­ciej jest użytkown­ikom zrozu­mieć lub nauczyć się czegoś nowego, jeśli użytkownik może bazować na czymś, co już zna. Przykła­dem może być zas­tosowanie sys­temu zakładek na stronach inter­ne­towych lub sys­temy oper­a­cyjne, które buduje się przy wyko­rzys­ta­niu znanych w biu­rach sytu­acji (kat­a­logi, pliki, pul­pit, itd…)
10 zasad projektowania

Projektowanie graficzne oraz Podstawowe pojecia z zakresu projektowania

1.Elementy Projektowania to :

• Przestrzeń
• Linia
• Kształt
• Kolor
• Tekstura

2.Zasady projektowania to:

• Równowaga
• Kontrast
• Hierarchia
• Rytm
• Spójność

W zależności od komunikatu, który chcemy przekazać dobieramy kolory, kształty, proporcje, fakturę i położenie naszych elementów. Osiągamy w ten sposób efekt w postaci różnych nastrojów i uczuć odbiorcy. Możemy wywołać wrażenia statyczności, porządku, równowagi czy harmonii, jak i dynamiki lub chaosu.

http://designer.info.pl/projektowanie-graficzne/

Znaczenie kształtów geometrycznych

Znaczenie kształtów geometrycznych

Koło- jest to najbardziej popularny kształt który symbolizuje ruch dynamikę oraz energię ale też kompletność oraz harmonie.

Kwadraty oraz Prostokąty- są kształtami stabilnymi symbolizują trwałość oraz stabilność. Sugerują również zgodność oraz równowagę.

Trójkąt- Są najmniej popularne ale posiadają siłę oraz dynamikę reprezentuje siłę oraz męskość

http://designer.info.pl/projektowanie-graficzne-elementy-projektowania-ksztalt/
10 błędów przy tworzeniu loga
7 zasad projektowania loga

Co to jest logo i jak powinno wyglądać ?????

Logo= Logotyp + Sygnet+ Hasło

- Uniwersalne , ponadczasowe, rozpoznawalne
- Proste, przejrzyste, jednoznaczne
-Wszechstronne ( w internecie na druku oraz w gazetach)
-Wektorowe:
*Max 3 kolory
* Max 2 czcionki
*Zbudowane na geometrii czyli (koło,trójkąt oraz prostokąt)

Jak powinno wyglądać prawidłowo zrobione logo:

ftp://e-alw.com/logo.pdf

Netykieta

Netykieta- Jest to zbiór głównych zasad obowiązujących w internecie o to kilka z nich

- Zakaz pisania wulgaryzmów
- Zakaz spamowania
- Zakaz pisania nie na temat
- Zakaz pisania wiadomości wielkimi literami (oznacza krzyk)
- Szanowanie praw autorskich
- Stosowanie się do zasad na danej stronie lub portalu internetowy
- Szanowanie czyjejś pracy
- Nie zamieszczaj linków  kogoś innego na swojej stronie
- Nie używaj słów i znaczeń których nie rozumiemy

Projekt Witryn

Projekt Witryn Obejmuje:

-Określenie celu: tematyka,oczekiwanie klienta, kto jest odbiorcą

-Opracowanie zawartości: Obraz, kolor,typografia,animacja,struktura

-Dobór Metod: funkcjonalność,efektywność

-Wybór Narzędzi technologii: CMS,PHP,SQL,HTML.FLASH

-Testowanie Projektu: Najważniejsza część testuje osoba która nie projektowała tej strony

Witryna,Portal,Wortal

Witryna-Jest to co aktualnie nam się wyświetla na ekranie
Wortal-Skupia się na jednej konkretnej dziedzinie np: Przegląd sportowy
Portal-Skupia się na paru różnych tematach np;Onet.pl

Pierwsza strona internetowa

http://info.cern.ch/

Jest to pierwsza strona internetowa stworzona przez Tim-Berners-Lee w 1993.r.

Funkcjonalność Witryn Internetowych

HCI -(ang.Human-Computer Interaction)- lub inaczej CHI to wykorzystanie wiedzy o percepcji człowieka tj. zachowania, ograniczenia itp. Dla projektowania witryn internetowych

UCD -(ang. User Centered Design)- To projektowanie witryn internetowych zorientowanych na użytkownika wykorzystujące wiedzę o percepcji człowieka w relacjach z komputerem (HCI).

GUI - (ang. Graphic User Interface)- to graficzny interfejs użytkownika (HCI+UCD)

Twórca pojęć- Jakob Nielsen
Jakob Nielsen

(ur. 1957 w Kopenchadze) – jeden z najbardziej znanych specjalistów w dziedzinie użyteczności. Ukończył Duński Uniwersytet Techniczny, posiada stopień doktora informatyki (specjalizacja: projektowanie interfejsu użytkownika). Od lat 80. w Stanach Zjednoczony. Pracował dla Bellcore IBM oraz Sun Microsystem. W 1998, wraz z innym znanym specjalistą od interfejsów, Donaldem Normanem założył firmę konsultingową, Nielsen Norman Group.

Od początku lat 90. Nielsen zajmuje się użytecznością serwisów internetowych. W 1995 założył serwis Uselt.com w ramach którego co dwa tygodnie publikuje felietony Alertbox

https://pl.wikipedia.org/wiki/Jakob_Nielsen

Liczenie

https://color.adobe.com/

Rodzaje zapisów obrazu oraz najważniejsze programy

Podstawy Grafiki Komputerowej