Kolejny miesiąc za nami, a przed Wami szósty już numer Waszego ulubionego magazynu o grafice.

Tym razem przygotowaliśmy wydanie poświęcone identyfikacji wizualnej. Zasady identyfikacji wizualnej mają na celu tworzenie pozytywnych wyobrażeń o firmie, bądź jej produkcie i utrwalanie ich w opinii klientów-odbiorców, a także pracowników. Identyfikacja wizualna to nic innego, jak wzorce dotyczące logotypu, logo, kolorystyki oraz współistnienie logo z innymi elementami graficznymi. Biorąc pod uwagę fakt iż produktami kreacji wizualnej spotykamy się na co dzień, postanowiliśmy przybliżyć Wam ten temat. Z numerem tym poszerzycie swoją wiedzę na temat tego, jak ważne jest właściwe kreowanie tożsamości wizualnej firmy jak i osoby. Nauczycie się przygotowywać własne projekty wizytówek, papieru firmowego, logotypu czy strony internetowej. Dowiecie się dlaczego identyfikacja wizualna jest tak ważna oraz jak przygotować prostą reklamę i być widocznym na rynku. Jan Biłyk opowie Wam o personalizacji fotografii, a Damian Sepczuk wyjawi całą prawdę o Krzywych. Studio Art Rodar pokazuje jak powstaje blister Mennicy, zaś NEO ART przedstawia teorię tworzenia prezentacji multimedialnej. Łukasz Koszela zabierze Was w podróż w photoshopowy kosmos, a Marcin Kowalczyk w świat fantastyki inspirowany malarstwem XX wieku. Całości dopełni zamieszczony na CD kurs multimedialny – Budowanie wizerunku firmy, z którego dowiecie się jak przygotować logotyp, jak ważna jest kolorystyka, oraz jak stworzyć w pełni profesjonalny wizerunek własnej firmy. Nie pozostaje mi już nic innego jak życzyć przyjemnej lektury i ciekawych projektów! Joanna Sabat Kierownik Produktu joanna.sabat@psdmag.org

4

.psd 06/2008 » www.psdmag.org

spis treści

grafika z okładki
czy widać Cię na rynku?
Wojciech Błaszczak

10

warsztaty
Franz Kirchner

fotografia cyfrowa
uwaga wyboje!
Andrzej Petelski (Petel)

pozycje stałe
52 54

tworzenie tożsamości wizualnej 18 21

autorzy opis CD1 opis CD2
Marcin Wardęga

06 07 07 13 14 66 68 70 72 74

identyfikacja wizualna od A do Z
Agnieszka Kamńska

personalizacja fotografii
Jan Biłyk

abstrakcja na wizytówce
Wojciech Błaszczak

24 28

protechnika
blister dla Mennicy
Małgorzata Rodek

felieton

tożsamość wizualna
Caléis

56 60

informacje z branży komiks
Maciej Empro

kampania reklamowa Google AdWords
Michał Kowalski

cała prawda o krzywych
Damian Sepczuk

30

recenzje/testy
cinitiq 12WX
Tomasz Biniek

galeria Digart.pl
27 35

trochę teorii o prezentacji multimedialnej
Paweł Polisiak

klub PRO prenumerata zajawka

32

Adobe Dreamwawer CS3/CS3 PL
Elżbieta Szejgis

fotomontaż
photoshopowy kosmos
Łukasz Koszela

36 40

Paint.Net – komercyjny gigant Adobe?
Patryk Szlagowski

63 64

roll the rock
Marcin Kowalczyk

test laptopów dla grafika

filatelistyka Photoshopa
Tomasz Gądek

46
.psd 06/2008 » www.psdmag.org 5

autorzy

PHOTOSHOP
Jan Biłyk jest wydawany przez Software-Wydawnictwo Sp. z o.o.
Redaktor Naczelny: Anna Adamczyk anna.adamczyk@software.com.pl Opracowanie CD: Michał Kowalski, Krzysztof Wołowski, Krzysztof Kopciowski Dyrektor wydawniczy: Sylwia Pogroszewska Kierownik Produktu: Joanna Sabat joanna.sabat@psdmag.org Młodszy Kierownik Produktu: Patrycja Rosłoniec patrycja.rosloniec@psdmag.org Kierownik Produkcji: Marta Kurpiewska marta.kurpiewska@software.com.pl Skład: Tomasz Kostro tomasz.kostro@software.com.pl Grafika na okładce: Wojciech Błaszczak Projekt graficzny okładki: Agnieszka Marchocka Wyróżnieni betatesterzy: Szymon Kret Dział reklamy: adv@software.com.pl, tel.: (22) 427 35 30 Prenumerata i archiwa: Marzena Dmowska, marzena.dmowska@software.com.pl www.buyitpress.com, tel.: (22) 427 36 79, (22) 427 36 53 Sklep internetowy: www.buyitpress.com Wydawca: Software-Wydawnictwo Sp. z o. o., 02-682 Warszawa, ul. Bokserska 1 e-mail: psd@psdmag.org, www.psdmag.org tel. (22) 427 36 85 fax (22) 244 24 59 Wyprodukowano w Polsce Druk: Art Druk Zakład Poligraficzny, Kobyłka www.artdruk.com tel. +48 604 979 357 Nakład: 8000 egz. .psd ukazuje się w językach:
Redakcja dokłada wszelkich starań, by publikowane w piśmie i na towarzyszących mu nośnikach informacje i programy były poprawne, jednakże nie bierze odpowiedzialności za efekty wykorzystania ich; nie gwarantuje także poprawnego działania programów shareware, freeware i public domain. Uszkodzone podczas wysyłki płyty wymienia redakcja. Wszystkie znaki firmowe zawarte w piśmie są własnością odpowiednich firm i zostały użyte wyłącznie w celach informacyjnych. Deklarowana wysokość nakładu obejmuje również dodruki. Redakcja nie udziela pomocy technicznej w instalowaniu i użytkowaniu programów zamieszczonych na płycie CD dostarczonej z pismem. Płyty CD dołączone do magazynu przetestowano programem AntiVirenKit firmy G DATA Software Sp. z o.o. Redakcja używa systemu automatycznego składu Sprzedaż aktualnych lub archiwalnych numerów pisma po innej cenie niż wydrukowana na okładce — bez zgody wydawcy — jest działaniem na jego szkodę i skutkuje odpowiedzialnością sądową.

Właściciel firmy infrared group, która od lat specjalizuje się w personalizowanej komunikacji marketingowej. www.roffo.pl

Tomasz Biniek

Grafik, ilustrator, rysownik. Obecnie prowadzi działalność gospodarczą i wykonuje usługi z zakresu DTP, grafika, ilustracje i rysunki. E-mail: kaligraf@wp.pl

Wojciech Błaszczak

Ukończył PWSiA. Pracuje jako informatyk w jednej z firm telekomunikacyjnych. Pasjonat grafiki komputerowej oraz fotografii cyfrowej, zajmuje się również tworzeniem stron WWW.

Tomasz Gądek

Konstruktor w branży mechanicznej, od ok. 2 lat zafascynowany Photoshopem ponieważ jego nieograniczone możliwości pozwalają na swobodne wyrażanie własnych emocji.

Marcin Wardęga

Powszechnie znany jako deflection. Administrator i współzałożyciel portalu internetowego dla miłośników Photoshopa. www.helPS.pl

Agnieszka Kamińska

Ilustratorka i projektantka WWW. Zaczynała od tradycyjnej grafiki, teraz wiele wolnych chwil poświęca projektowaniu za pomocą tabletu i kilku programów. Portfolio: www.artaka.pl

Franz Kirchner

Fascynat filmu, grafiki, także tej trójwymiarowej. Rozpoczął swoją edukację od komunikacji wizualnej, a następnie zajął się ilustracją i animacją. Portfolio: www.hikitech.new.fr

Marcin Kowalczyk

Student dziennikarstwa, razem ze swoim aparatem i komputerem mieszka w Sanoku. Od 2 lat na poważnie zajmuje się grafiką komputerową i fotografią, szczególnie makrofotografią. Kontakt: kowalczyk.mp@gmail.com

Michał Kowalski

Student International Business Studies, współzałożyciel firmy EXPROMO (www.expromo.pl), grafik i webdesigner. Właściciel serwisu e-Grafik (www.e-grafik.pl). Od zawsze miłość do grafiki komputerowej starał się łączyć ze światem e-biznesu. Portfolio: www.expromo.pl/portfolio.html

Andrzej Petelski (Petel)

Pokolenie ’65, aktor, dziennikarz telewizyjny, ale przede wszystkim wyznawca i czciciel Photoshopa. Zafascynowany fotografią cyfrową i możliwościami jakie ze sobą niesie. Obecnie kieruje Sekcją Mediów Elektronicznych białostockiego Oddziału TVP.

Paweł Polisiak

Agencja NEO ART STUDIO pierwszą prezentację multimedialną wykonała w roku 1997. Jest to mała agencja o charakterze wybitnie kreatywnym, podejmująca się skomplikowanych produkcji elektronicznych i poligraficznych.

Małgorzata Rodek, Studio ArtRodar

Studio Art Rodar to firma z 15-letnim doświadczeniem. Zajmuje się głównie szeroko pojętą poligrafią, począwszy od wizytówek, przez skład czasopism aż po banery wielkoformatowe. Nie obce są im również projekty multimedialne. Portfolio: www.artrodar.pl

Damian Sepczuk

Równolegle studiuję matematykę o specjalności informatycznej oraz informatykę na KULu. W wolnych chwilach oddaje się swej pasji – fotografii. Portfolio: www.szopen.ovh.org, E-mail: dsfoto@o2.pl

Caléis

Agencja projektowania graficznego zajmująca się kompleksowymi projektami począwszy od mediów drukowanych skończywszy na Internecie.
6

opis CD

CD1
BUDOWANIE WIZERUNKU FIRMY Na płycie zamieściliśmy multimedialny kurs instruktażowy poświęcony budowaniu wizerunku firmy. Autor opowie m.in. o zasadach budowania logotypu oraz doborze kolorów. Całość kursu została podzielona na cztery rozdziały o następujacych tytułach: Rozdział 1 – Wprowadzenie Rozdział 2 – Budowanie logotypu Rozdział 3 – Kolory i wersje kolorystyczne Rozdział 4 – Tworzenie materiałów firmowych

CD2

zdjęcia Royalty Free oraz filmy instruktażowe (bez dźwięku) i pliki źródłowe do tutoriali

Zdjęcia Royalty Free od agencji Digitouch www.digitouch.pl

Zdjęcia Royalty Free od agencji Diazone www.diazone.pl

.psd 06/2008 » www.psdmag.org

7

opis CD

Zdjęcia Royalty Free od agencji Indigo www.indigo.net.pl

Zdjęcia Royalty Free od agencji Skorpions www.zdjecia.skorpions.pl

Zdjęcia Royalty Free od agencji W&O www.wando.pl

Zdjęcia Royalty Free od Włodzimierza Gajdy www.gajdaw.pl

Projektuj dla CDProjekt
KONKURS NA PROJEKT PUDEŁKA GRY ADIBU CD Projekt, dystrybutor największej serii programów edukacyjnych dla dzieci, Adibu oraz redakcja magazynu .PSD ogłaszają konkurs na projekt najciekawszego pudełka do gry z serii Adibu! Zaprojektuj pudełko do jednej z ośmiu gier Adibu! Zmierz się z grafikami, którzy pracują przy tworzeniu grafiki do gier od lat! Przed tobą niełatwe wyzwanie: zaprojektuj pudełko, które zwróci uwagę zarówno młodych graczy, ich rodziców jak i osób dla których projektowanie poligrafii do gier to chleb powszedni. Na stronie www.adibu.pl znajdziesz aktualne pudełka gier z serii, które mogą posłużyć ci jako inspiracja. Dodatkowo na płycie CD dołączonej do tego magazynu, a także na stronie www.psdmag.org znajdziesz materiały graficzne, niezbędne do stworzenia wizualizacji, czyli: - siatka pudełka - logo serii - wizerunki postaci Nagrodami w konkursie są: 1.miejsce – zestaw 5 gier Adibu, odtwarzacz mp3 firmy LG i roczna prenumerata magazynu .PSD 2.dodatkowo 3 wyróżnienia, które nagradzamy zestawem 3 gier z serii Adibu Uwaga! Jeżeli CD Projekt będzie chciał wykorzystać któryś z projektów do zmiany poligrafii serii, nawiąże współprace z jego autorem!

8

.psd 06/2008 » www.psdmag.org

tu powinny być 2 płyty CD
w razie ich braku proszę skontaktować się ze sprzedawcą

Co na krążku? kurs multimedialny
Budowanie wizerunku firmy

CD1

CD2

Ekstrasy • Uwaga: Pliki zamieszczone na CD służą tylko do uzyskania efektów z tutoriali, każde inne użycie jest niedozwolone! • zdjęcia Royality Free do komercyjnego wykorzystania Płyty działają w systemach Win/Mac
W przypadku uszkodzonej płyty prosimy napisać maila na adres: cd@software.com.pl

.psd 06/2008 » www.psdmag.org

9

grafika z okładki

średni | 50 min. | pliki na CD
Photoshop CS2

10

.psd 06/2008 » www.psdmag.org

grafika z okładki

czy widać Cię
na rynku?
Czy widać Cię na rynku? Jak prezentujesz się wizualnie? Czy odpowiednio dbasz o graficzne zaplecze swojej firmy? Pytania te są ściśle związane z przedstawionym przezemnie artykułem, w którym poruszam temat reklamy w formie plakatu/ulotki.

01 format pracy

Rozpoczynając pracę nad projektem reklamy, powinniśmy zastanowić się jaki format nas interesuje. Najlepszym rozwiązaniem jest rozeznanie się w usługach drukarni i wybranie najbardziej odpowiadajacej opcji. Przy kontakcie z drukarnią należy również dowiedzieć się o wielkość spadów (dodatkowe miejsce na brzegach pracy, które pozostanie odcięte przez maszyny drukarskie, najczęściej ok. 3-6mm na każdym brzegu). Należy również pamiętać, aby praca została zapisana w trybie CMYK i miała 300dpi.

03 dobór zdjęć i grafik

Grafika powinna być dobra jakościowo. Użycie zdjęcia zrobionego aparatem fotograficznym wbudowanym w telefon komórkowy lub grafiki ściagniętej ze strony internetowej o wymiarach 3x3cm nie jest zbyt dobrym pomysłem. Najambitniej byłoby taką grafikę lub zdjęcie stworzyć samemu, jednak często okazuje się, że nie mamy do tego warunków ani czasu, pozostaje więc zasięgniecie pomocy w bankach zdjęć. Grafika powinna być przejrzysta, najlepiej aby przyciągała uwagę.

02 koncepcja projektu

Tworząc reklamę powinniśmy zastanowić się nad jej przekazem. Dobrym rozwiązaniem jest postawienie sobie głównych celów jakie ma ona spełniać. Często najlepszym wyjściem jest przedstawienie bezpośrednio produktu, gorzej jednak, gdy mamy zareklamować usługi firmy. Możemy bazować na skojarzeniach, przedstawiając coś nawet niebezpośrednio związanego z firmą, a wiążącego hasłem reklamowym. Może to również być piękna dziewczyna przyciągająca głębokim spojrzeniem potencjalnego klienta.

04 rozmieszczenie i kompozycja grafik

Po przeszukaniu swoich archiwów, wszelkich banków zdjęć przychodzi czas na zastanowienie się nad układem i kompozycją reklamy. Przede wszystkim grafiki muszą być dobrane kolorystycznie. Należy też zastanowić się co ma przyciągać uwagę i budzić emocje odbiorcy. Ważnym elementem jest też tło, może być białe, jednak bardziej efektowne jest tło, przedstawiające produkt, postać bądź przynajmniej mające jakąś fakturę. Uwaga! Tło nie powinno zaburzać estetyki pracy, rozpraszać uwagi oraz powinno pozwalać odczytać hasła umieszczone na reklamie.
11

.psd 06/2008 » www.psdmag.org

grafika z okładki

05 hasło reklamowe

Tworząc hasło reklamowe mamy pełną dowolność. Możemy stworzyć proste hasło, które przedstawi produkt lub takie, które zaintryguje i zaciekawi klienta. Może to być również hasło zabawne, pozytywnie nastawiające odbiorcę. W przedstawionym artykule prezentuję reklamę firmy zajmującej się drukowaniem wizytówek, legitymacji, certyfikatów, dyplomów, nadrukami na materiałach promocyjnych. Wybrałem więc hasło Czy widać Cię na ryku?, aby zaciekawić klienta, który docelowo wejdzie na stronę internetową i zainteresuje się usługami firmy GRAFMAX.

08 rozmieszczenie tekstów i logo

W przedstawionej reklamie wykorzystałem dwa teksty i logo firmy. Hasło reklamowe umieszczone zostało niemalże w centralnym punkcie tak, aby było widoczne. Umieściłem również adres strony WWW gdyz jest to element informacyjny. Dodatkowo kolorystyka napisów i elementów integralnych z nimi, pozwala na optyczne połączenie i przesuwanie wzroku z hasla na logo i adres WWW. Nalezy pamiętać, aby wszelkie elementy nie zakrywaly istotnych elementów tla.

0 6 typografia

Dobór czcionek jest bardzo ważnym etapem tworzenia reklamy. Należy pamiętać, aby nie była to czcionka efektownie wyglądająca, ale niestety nieczytelna. Możemy wykorzystać w naszej pracy kilka rodzajów czcionek, jednak zalecane jest używanie nie wiecej niz trzech, aby nie zaburzyć czytelności i estetyki. Pamietajmy o wyróżnieniu najważniejszego tekstu. Powinien on być większy, czytelniejszy i rzucający się w oczy. W przypadku gdy mamy tylko jeden tekst możemy nadać mu kolor współgrający z elementem grafiki.

09 kolorystyka

W kazdym projekcie istotna jest też kolorystyka. Każdy kolor oddziałuje inaczej na emocje. Jeżeli naszym zadaniem jest zrobienie ulotki np. biura rachunkowego, najlepszym wyjściem będzie użycie kolorów stonowanych. W mojej pracy reklamuję firmę, która zajmuje się zapleczem graficznym firm. Hasło reklamowe nie jest jednoznaczne, a więc za cel postawiłem sobie stworzenie reklamy, która będzie przyciągała wzrok. Użycie dwóch intensywnych, gryzących się ze sobą kolorów pozwoliło mi na osiągnięcie tego celu.

07 logo

Ważnym elementem reklamy jest umieszczenie w widocznym i przejrzystym miejscu logo firmy, gdyż wlaśnie ono jest wizytówką firmy. Jeżeli posiadamy udostepnione przez daną firmę logo, pamiętajmy, aby zwrócić uwagę na jego jakość. Najlepiej, aby była to wektorowa grafika, dzieki czemu przy skalowaniu nie zaskoczą nas okrutne spikselowane brzegi. Jeżeli firma logo nie posiada stajemy przed poważnym zadaniem stworzenia go samemu. Logo powinno być prostym symbolem lub nazwą firmy.

10 cyfrowy makijaż

Aby praca stała się bardziej atrakcyjna, możemy nanieść lekkie poprawki na dzieło natury i poprawić lub dodać makijaż. W omawianym projekcie, za pomocą programu Photoshop, dodałem cienie na powiekach modeki oraz trochę różu na policzkach. Aby spojrzenie modelki było bardziej intrygujące, wzmocniłem kolor jej oczu, zaznaczając tęczówki i za pomocą opcji Hue&Saturation wzmocniłem kolor. Dobrym rozwiązaniem jest rowznież wygładzenie skóry twarzy za pomocą opcji Blur bądź Dust&Scratches. Wojciech Błaszczak

12

.psd 06/2008 » www.psdmag.org

felieton

idziemy
na miętową herbatę
Ostatnio coraz częściej zauważam, że współczesna reklama karmi mnie kwiatkami, motylkami i esami floresami. Motywy te są nieodzownym elementem pojawiającym się na plakatach, w telewizji i Internecie. Skąd wzięła się taka moda i dokąd zmierza?
Postanowiłem więc pobawić się w detektywa Monka z tą różnicą, że nie bałem się wszystkiego dotknąć i pogrzebałem w brudach. Nie zakładając nawet rękawiczek sięgnąłem do najgłębszych zakamarków czeluści zwanej grafiką komputerową. Jej początki sięgają lat 80-tych, gdzie ceny komputerów osobistych i urządzeń drukarskich były na tyle niskie, by mogły pozwolić sobie na ich zakup firmy prywatne, a nie tylko instytucje rządowe. Dominowała wówczas grafika wektorowa. Wraz z rozwojem oprogramowania i komputerów zaczęto wykorzystywać w reklamie grafikę rastrową i fotografię. Tym co obecnie coraz częściej przewija się w mediach jest połączenie obydwu tych grafik. Tego typu wytwory ludzkiej wyobraźni pozwalają osiągnąć zaskakujące efekty i wywołać duże wrażenie wśród odbiorców. Początkowo wszystko wydaje się miłe dla oka. Nawet spodobały mi się ostatnie reklamy telefonów komórkowych, gdzie w tle na naszych oczach wyrastają obrazy niczym z bajki. Światło i barwa dodatkowo połączone z dźwiękiem potrafią nieraz wgnieść w fotel. Na plakatach i opakowaniach powstają równie piękne i zaskakujące widoki, które swą kompozycją same proszą się o zjedzenie (ostrzegam, picie perfum może źle wpłynąć na układ pokarmowy). Współczesna sztuka jaką jest grafika komputerowa zaczyna się częściej opierać na wektorach. Wielu ludzi okrzyknęłoby mnie teraz heretykiem i spaliło na stosie. Jak grafika może być sztuką? Przykro mi, ale jest! Sztuką, której zaczynam mieć dość. Powoli zaczynam dostawać bólu brzucha i odczuwam ścisk w żołądku widząc stale powtarzające się elementy graficzne; kwiatki i motylki we włosach, na różnych twarzach różnych kobiet, pięknie zdobiony tekst niczym z mlecznej krainy. Od tych słodkości aż mi się niedobrze robi. Pnącza oplątujące mój żołądek, biedronki biegające po moich jelitach, drzewka wyrastające na moich dłoniach, ptaszki, truskaweczki, gwiazdeczki... i co jeszcze?! Karmiąc mnie wciąż tym samym, chyba ktoś próbuje doprowadzić mnie do niestrawności. Jakby tego było mało współcześnie tak tworzona grafika nie jest niczym nowym. Elementy florystyczne i bajkowe w reklamie występowały już w latach 60-tych, w malarstwie i rysunku znacznie wcześniej. To właśnie w modernizmie powstał nowy kierunek sztuki zwany Art Nouveau, który świetnie oddaje charakter dzisiejszej grafiki komputerowej. Wystarczy chociażby spojrzeć na prace A. Muchy, a w jednej sekundzie uchwyci się wszelkie podobieństwa. Kobieta wykreowana przez tego artystę, jest wyidealizowana, piękna, w otoczeniu kwiatów, owoców i liści... Podobnie w obrazach G. Klimta pełno jest elementów baśniowych, splatających się z rzeczywistością, jakby były nierozłączne. Tak na dobrą sprawę, inspiracją tworzenia takich obrazów była kultura dalekiego wschodu, która prze-

trwała do dziś. Tylko że oprócz tych wspaniałości wywodzących się z Azji przetrwały również, a nawet powiedziałbym, są nadal rozwijane przez tak wielkie korporacje, jak np. Coca–Cola. Co prawda powstała pod koniec XIX wieku i obecnie w swoich reklamach sięga do swoich źródeł? Może stąd czerpie inspirację? Może tworzy coś nowego, nowy trend, a być może tylko odtwarza coś co już było, z tą różnicą, iż narzędziem pracy jest komputer i świetne programy graficzne? No więc czym jest to, czym karmi nas telewizja, czym jest to, co możemy podziwiać na billboardach, w gazetach, na stronach internetowych? Czy tworząc tego typu prace wzoruje się na plakatach i obrazach z ubiegłych lat, czy mamy do czynienia z nowym trendem graficznym? Ocenę pozostawiam Wam, a ja tymczasem idę napić się miętowej herbatki. Marcin Wardęga

.psd 06/2008 » www.psdmag.org

13

informacje z branży
01 panoramiczny gigant od LG
W marcu 2008 firma LG wprowadziła na polski rynek 26 calowy monitor W2600HP z funkcjami ARC 4:3 w panoramie, ezZOOMING, Wide Color Gamut 115%, f-ENGINE oraz złączami USB. Całość monitora została zbudowana na matrycy S-IPS o szerokim kącie widzenia 178x178º. Monitor posiada funkcję f-ENGINE czyli innowacyjny układ scalony doskonalący jakość kolorów, obrazu i pola widzenia. Zastosowana w monitorze technologia DAFI (Digital Adaptive Fine Image) potęguje żywotność barw, optymalizuje jasności, kontrast oraz zwiększa dynamikę ruchomego obrazu filmów, gier i animacji. Zastosowana funkcja ARC 4:3 umożliwia szybką zmianę formatu z panoramicznego na format 4:3, co docenią to szczególnie wytrawni gracze komputerowi. Monitor W2600HP wyróżnia się krótkim czasem reakcji, który zastosowano w nowej serii FLATRON LCD, dzięki czemu, obraz ruchu na ekranie jest zawsze wyraźny i czysty, bez najmniejszych smug i zakłóceń. Monitor W2600HP wyróżnia się także wysoką rozdzielczością 1920x1200 i kontrastem na poziomie 5000: 1. Obudowa monitora jest płaska i cienka w kolorystyce czarno-srebrnej z błękitnym przyciskiem menu. Monitor wyposażony został także w złącza 15 stykowe D-Sub i DVI-D (HDCP) oraz złącza USB. Specyfikacja: • • • • • • Ultraszybki czas reakcji: 5 ms Szeroki kąt widzenia: poziomy: 178º, pionowy: 178º S-IPS Jasność: 400 cd/m2 Wysoki kontrast: 5000:1 DFC Rozdzielczość: 1920 x 1200 Wejście sygnałowe: 15-stykowe D-Sub, DVI-D (HDCP) podczas generowania obrazów w aplikacjach Microsoft DirectX 10.1/OpenGL 2.1, a także podczas wyświetlania filmów Blu-ray w pełnej rozdzielczości Hi-Def (1080p). S3 Graphics Chrome 430 GT to doskonale zrównoważona wydajność w aplikacjach trójwymiarowych DirectX 10.1, wysokiej jakości odtwarzanie filmów wysokiej rozdzielczości oraz zaawansowana szyna danych, obsługa różnych typów ekranów i współpraca z pamięciami DDR2. Karta umożliwia podłączenie dwóch wyświetlaczy DVI (DVID/DVI-I), VGA, oraz panoramicznych telewizorów HDTV 1080p. Chrome 430 GT posiada również skalowany silnik graficzny ChromotionHD 2.0, zapewniający płynne dekodowanie formatów MPEG-4/AVC (H.264), MPEG-2, VC-1, WMV-HD i AVS, co umożliwia oglądanie filmów Blu-ray i innych treści HD w standardzie zbliżonym do kinowego. Z myślą o zastosowaniu w zestawach kina domowego, wymagających cichej pracy i niskich temperatur, Chrome 430 GT wyposażono w technologię PowerWise, która inteligentnie zarządza energią, minimalizując wydzielanie ciepła bez ograniczania wydajności czy funkcjonalności.

03 WD odkrywa ekologiczny, wysokowydajny
W kwietniu 2008 roku firma WD (NYSE: WDC) przedstawiła My Book Studio Edition II – wysokowydajny 2-napędowy system przechowywania danych zaprojektowany pod kątem komputerów Mac. Nowe, 2-napędowe dyski My Book Studio Edition II dostępne są u wybranych sprzedawców oraz w sklepie internetowym WD w dwóch pojemnościach 1TB oraz 2TB. W napędzie My Book Studio Edition II zastosowano ekologiczne dyski twarde WD GreenPower, które obniżają poziom zużycia energii, a co za tym idzie – zredukowana jest temperatura pracy dysku i poziom hałasu. Napęd 2-dyskowy, konfiguracja macierzy RAID 0 i szybkie interfejsy sprawiają, że My Book Studio Edition jest świetnym rozwiązaniem do przechowywania danych dla biur projektowych, agencji reklamowych, profesjonalnych grafików i fotografików, małych biur oraz każdego, kto potrzebuje szybkiego transferu danych. Przystosowany do komputerów Mac, nowy system przechowywania danych dostarcza szereg unikalnych udogodnień: • • • • • • • • • cztery interfejsy (FireWire® 400/800, eSATA, USB 2.0); fabrycznie skonfigurowaną macierz RAID 0 (Striped) [konfigurowalna macierz RAID 1 (Mirrored)]; energooszczędną, zieloną wydajność napędów WD GreenPower, które pobierają około 1/3 energii mniej niż standardowe 2-napędowe dyski zewnętrzne; efektywne chłodzenie; tryb oszczędzania energii, zaprojektowany bez wentylatora tak, aby pracował chicho; 5 letnią gwarancję; oprogramowanie do automatycznego i ciągłego tworzenia kopii zapasowych; miernik pojemności, który pozwoli jednym rzutem oka sprawdzić ilość wolnego miejsca na dysku; funkcje inteligentnego zarządzania napędem: bezpieczne wyłączanie, automatyczne uruchamianie o wskazanej go-

dysk, przeznaczony dla profesjonalistów i użytkowników MAC

02 S3 Graphics wprowadza

S3 Graphics wprowadziła do sprzedaży karty graficzne S3 Graphics Chrome 430 GT do komputerów stacjonarnych, dostępne w sklepie internetowym GStore. Chrome 430 GT to pierwsza karta S3 Graphics z serii Chrome 400 dostępna na rynku. Nowa karta łączy zaawansowaną obsługę grafiki 3D i multimediów HD z energooszczędnością i niską temperaturą pracy, ustanawiając nową jakość na konkurencyjnym rynku kart graficznych. Karty Chrome 430 GT oparte są na niskoprofilowej specyfikacji PCI Express drugiej generacji i doskonale nadają się do miniaturowych komputerów PC. Docenią ją także użytkownicy zwracający uwagę na zużycie energii, pragnący wyposażyć swój komputer w obsługę HD i najnowszy silnik graficzny DirectX 10.1. Karty Chrome 430 GT powstają w sprawdzonym, energooszczędnym procesie produkcyjnym 65nm Fujitsu, dzięki czemu wyróżniają się wydajnością energetyczną i niską temperaturą pracy

Chrome 430 GT na rynek amerykański

14

.psd 06/2008 » www.psdmag.org

informacje z branży

specjalnych; zapis ogromnych bloków danych w rekordowo krótkim czasie. Dzięki macierzy RAID 0, użytkownicy mogą korzystać z pojemności 2TB zamkniętej w eleganckiej obudowie o rozmiarach książki. My Book II pozwoli na zmagazynowanie całej kolekcji zdjęć cyfrowych, czy setek filmów godzin filmów w jakości HD.

04 Paint Shop Pro Photo X2

dzinie oraz wskaźnik statusu pracy (dioda LED) i światełka aktywności; możliwość dokonywania napraw przez użytkownika umożliwiająca otwieranie obudowy i samodzielną wymianę napędu.

Nie sposób nie podkreślić dbałości o zewnętrzny wygląd dysku My Book Studio Edition. Elegancka, srebrno-metaliczna obudowa, perfekcyjnie wykończona świetnie pasuje do produktów z serii Mac. Połączenie interfejsu eSATA lub FireWire 800 z macierzą RAID 0 (Striped) oferuje wszystko to, czego potrzebują wymagający użytkownicy: szybkie oraz płynne edytowanie plików wideo, renderowanie złożonych obiektów trójwymiarowych lub efektów

Firma Corel Corporation poinformowała o zlokalizowanej wersji programu Corel Paint Shop Pro Photo X2 w językach polskim, rosyjskim i czeskim. Corel Paint Shop Pro Photo X2 jest idealnym rozwiązaniem do obróbki fotografii cyfrowych dla początkujących fotografów, jak i profesjonalistów, którzy chcą szybko przekształcać materiały fotograficzne w profesjonalnie wyglądające zdjęcia. Program marki Corel zapewnia szeroki wybór narzędzi do edycji zdjęć – od automatycznych korekt po precyzyjne narzędzia umożliwiające zaawansowaną edycję. Wspomniany program pozwala na szybsze niż dotychczas przeglądanie, sortowanie i przetwarzanie pobranych zdjęć dzięki nowemu modułowi pracownia ekspresowa. Początkujący użytkownicy mogą skorzystać z szerokiego zakresu automatycznych narzędzi pozwalających na wprowadzenie zmian za pomocą jednego kliknięcia, a użytkownicy zaawansowani mają możliwość ręcznej edycji, zapewniającej większą kontrolę nad procesem obróbki. Dzięki zwiększeniu prędkości działania programu i centrum edukacyjnemu amatorzy fotografii mogą szybko osiągać pożądane rezultaty, ucząc się w trakcie pracy.

w polskiej wersji językowej

05 nowy aparat Lumix – fotografuj dotykiem

Panasonic wprowadził na rynek najwyższy model aparatu Lumix ze stylowej serii FX. 10,1-megapikselowy aparat DMCFX500 wyposażony jest w 25-milimetrowy ultraszerokokątny

REKLAMA

.psd 06/2008 » www.psdmag.org

15

informacje z branży
nizować kolekcję zdjęć i filmów z wykorzystaniem jednego prostego interfejsu.

0 6 nowe oprogramowanie Adobe Flash Media
Firma Adobe wprowadziła na rynek oprogramowanie Adobe Flash Media Rights Management Server – nowego rozwiązanie, które zabezpiecza materiały wideo odtwarzane w technologii Adobe Flash przed użyciem w niewłaściwy sposób. Produkt ten przeznaczony jest dla rozgłośni telewizyjnych oraz przedsiębiorstw medialnych, które chcą chronić materiały wideo udostępniane przez siebie w trybie online i offline. Można go zintegrować z dotychczas używanymi i nowymi rozwiązaniami obsługującymi przepływ materiałów medialnych, takimi jak Adobe Media Player, oraz aplikacjami wideo współpracującymi z oprogramowaniem Adobe AIR. Oprogramowanie Adobe Flash Media Rights Management Server można zintegrować rozwiązaniem Adobe AIR, umożliwiającym korzystanie z multimedialnych aplikacji internetowych na komputerach osobistych, oraz z programem Adobe Media Player, pierwszą popularną aplikacją firmy Adobe dla klientów indywidualnych, która współpracuje z oprogramowaniem Adobe AIR. Adobe Media Player jest odtwarzaczem multimedialnym przeznaczonym do komputerów osobistych, który można dostosowywać do indywidualnych potrzeb użytkownika. Umożliwia oglądanie w dowolnym miejscu i czasie materiałów wideo pobranych lub transmitowanych strumieniowo. Ochrona treści multimedialnych jest bardzo ważna dla rozwoju modeli biznesowych telewizji nowej generacji niezależnie od tego, czy przedsiębiorstwo medialne chce ograniczyć dostęp do bezpośrednich transmisji internetowych czy umożliwić przeglądanie w trybie na żądanie programów płatnych, bezpłatnych lub wspieranych przez reklamy. Właściciele treści mogą wykorzystać oprogramowanie Adobe Flash Media Rights Management Server do szyfrowania plików audio i wideo FLV i F4V, które są pobierane i odtwarzane lokalnie, oraz wprowadzać reguły dostępu do nich. Precyzyjne funkcje kontroli umożliwiają usługodawcom zdefiniowanie parametrów dostępu użytkowników do materiałów multimedialnych oraz terminu wygaśnięcia praw do ich przeglądania, a dynamiczne zarządzanie prawami pozwala na zmianę praw użytkowania pliku nawet po jego opublikowaniu. Ponadto funkcje zabezpieczeń dostępne w rozwiązaniu Adobe Media Player gwarantują, że materiał nie będzie ponownie wykorzystywany lub modyfikowany bez zgody właściciela.

Rights Management Server

obiektyw Leica DC z 5-krotnym powiększeniem optycznym. Wygodny, 3-calowy ekran dotykowy, po raz pierwszy zastosowany w serii FX znacznie ułatwia obsługę aparatu. Satysfakcję użytkowania zwiększają również zaawansowane funkcje, takie jak: inteligentny tryb automatyczny, nagrywanie filmów HD, wyjście komponentowe HD, a także możliwość tworzenia pokazu slajdów z podkładem muzycznym. Aparat Lumix DMC-FX500 ma wbudowany obiektyw Leica DC z 5-krotnym powiększeniem optycznym, który zapewnia ultraszerokokątny kąt widzenia i niemal podwaja szerokość widzenia rejestrowanego obrazu w porównaniu z konwencjonalnym obiektywem 35mm. Ten zaawansowany obiektyw zawiera 4 soczewki z 6 powierzchniami asferycznymi oraz nowo opracowaną, wklęsłą soczewkę o nierównej grubości i bardzo wysokim współczynniku załamania światła (Extra High Refractive Index Aspherical, EA), która mimo niewielkich rozmiarów aparatu zapewnia znakomitą jakość zdjęć i minimum zniekształceń nawet przy ogniskowej 25mm. Aby obsługa aparatu była bardziej intuicyjna, DMC-FX500 wyposażony jest w hybrydowy system sterowania, który łączy joystick i ekran dotykowy. Podstawowe ustawienia można zmieniać bezpośrednio za pomocą joysticka, a te bardziej zaawansowane dokładnie regulować dotknięciem palca albo dołączonego rysika. Nowością w aparacie Lumix DMC-FX500 jest autofocus z funkcją śledzenia. Fotografowany obiekt jest śledzony nawet wtedy, gdy poruszy się już po ustawieniu ostrości, co jest szczególnie przydatne podczas fotografowania dynamicznych scen np. z udziałem bawiących się dzieci. DMC-FX500 posiada także tryb iA (inteligentny automatyczny), dzięki któremu aparat może wybrać wszystkie ustawienia za użytkownika. Wykorzystując pełen potencjał tego trybu, można automatycznie ustawić ostrość oraz ekspozycję na wybranym obiekcie przez dotknięcie go na ekranie aparatu. Taka intuicyjność obsługi możliwa jest dzięki interfejsowi dotykowemu. Dołączone oprogramowanie PHOTOfunSTUDIO-viewer-2.0 oferuje użytkownikom większy komfort pracy, wykorzystując funkcje dostępne w aparatach LUMIX. Można wyszukiwać zdjęcia nie tylko według daty, ale również według trybu tematycznego albo imienia dziecka wprowadzonego za pomocą aparatu. PHOTOfunSTUDIO-viewer-2.0 pozwala łatwo orga-

07 CorelDRAW Graphics Suite X4 w polskiej
W połowie kwietnia Firma Corel Corporation wprowadziła na rynek pakiet graficzny CorelDRAW Graphics Suite X4 w wersji polskiej, rosyjskiej, czeskiej i węgierskiej. Ponad 50 nowych i ulepszonych funkcji pakietu CorelDRAW zapewnia użytkownikom narzędzia i zasoby do realizacji różnorodnych projektów – od logo i grafik internetowych, po wielostronicowe broszury oraz efektywne prezentacje informacji. Wszechstronny pakiet CorelDRAW Graphics Suite zawiera intuicyjne aplikacje do projektowania układu stron, edycji ilustracji i zdjęć oraz przekształcania map bitowych na postać wektorową. Najnowsza wersja tego rozwiązania oferuje także nowe narzędzia, które przyspieszają fazę tworzenia, upraszczają zarządzanie projektem i optymalizują proces projektowania graficznego.

wersji językowej

08 przełom w systemach druku cyfrowego

InfoPrint Solutions Company jest czołowym dostawcą rozwiązań drukujących zarówno dla małych firm, jak i największych przedsiębiorstw. Obsługę klientów zapewnia sieć ponad 30 partnerów handlowych Infoprint, którzy mogą zaopatrywać się u wyłącznego dystrybutora firmy RRC. Materiały eksploatacyjne do drukarek Infoprint dystrybuowane są przez firmę Awek. Usługi serwisu gwarancyjnego i pogwarancyjnego realizowane

poprzez nowatorskie rozwiązania i aplikacje

16

.psd 06/2008 » www.psdmag.org

informacje z branży

są przez IBM Polska. Portfel produktów firmy – drukarek, systemów drukujących, oprogramowania i usług profesjonalnych ukierunkowana jest na dostarczanie klientom rozwiązań w następujących obszarach: TransPromo – druki transakcyjne jako powtarzalna forma komunikacji z klientem moga być potężnym narzędziem marketingu bezpośredniego z jednego prostego powodu, otóż dokumenty te są regularnie otwierane i czytane. Przy zastosowaniu koncepcji TransPromo każdy etap zintegrowanych kampanii marketingowych może stać się szansą wzmocnienia i rozwinięcia relacji z klientami. Zamiast pojedynczych dokumentów rozliczeniowych czy przekazów, można stworzyć sugestywne, spersonalizowane, dostosowane do klienta komunikaty, które wzmacniają wizerunek marki i wyróżniają ją, poprawiają klarowność rachunków i zmniejszają ruch w telefonicznym centrum obsługi klienta, obejmują oferty specjalne na pokrewne produkty wyższej kategorii, na sprzedaż wiązana i poprawiają wyniki działalności, generują dochód poprzez sprzedaż powierzchni reklamowej, wykorzystują przesyłanie spersonalizowanych wiadomości, aby zbudować lojalność względem marki oraz wzmacniają i rozszerzają marketing wielokanałowy. Automated Document Factory (ADF) – zautomatyzowany system kontroli dokumentów cyfrowych przez cały proces ich tworzenia, od opracowania treści, poprzez obróbkę graficzną, druk cyfrowy, aż na wysyłce kończąc. Procesy kontroli są zautomatyzowane i pozwalają na wychwycenie błędów i opóźnień. Rozwiązanie to współpracuje z innymi systemami biurowymi, takimi jak system sortowania korespondencji czy bazą teleadresową. Direct Mail – rozwiązania Infoprint wspierają rozwój bezpośredniego malingu i kontaktu z klientami poprzez personifikację dokumentów i łatwość ich obsługi, a także wysoką wydajność systemu. Optymalizacja procesów druku i redukcja jego kosztów poprzez konsolidację różnego rodzaju urządzeń, a także efektywne zarządzanie procesem druku, np. w mieszanym środowisku wydruków kolorowych i monochromatycznych, te same kolorowe aplikacje i zasoby mogą być wykorzystywane przez drukarki różnych typów – pozwala to na wysyłanie prac kolorowych dla klientów z najwyższych segmentów a wydruku monochromatycznego dla pozostałych. Druk na żądanie – druk książek czy instrukcji obsługi, a także ich aktualizacja czy produkcja krótkich serii staje się opłacalna nie tylko dla drukarni ale i bezpośrednio dla przedsiębiorstw w oparciu o ich zasoby dokumentów PDF.

09 Nvidia zapowiada NVISION 08

W dniach 25-27 sierpnia 2008 r. w San Jose w Kalifornii, samym sercu Krzemowej Doliny, odbędzie się NVISION 08 (trzydniowe spotkanie profesjonalistów i entuzjastów obliczeń wizualnych). Podczas imprezy znajdzie się miejsce dla wystąpień uznanych w branży prelegentów, sesji technicznych, prezentacji najnowszych technologii, otwarcia cyfrowej galerii oraz występów muzycznych – wszystko to pod hasłem NVISION – Świat Obliczeń Wizualnych. Gromadząc tysiące uczestników z całego świata – projektantów, artystów, twórców filmów, projektantów oprogramowania, wynalazców, badaczy i cyfrowych sportowców – NVIDIA wraz z partnerami przekształci centrum San Jose w mekkę świata obliczeń wizualnych. Na NVISION 08 złożą się: • • • • • • wystąpienia liderów branży i jej wizjonerów, konferencje, warsztaty oraz dyskusje panelowe, zawody w grach komputerowych, galeria sztuki cyfrowej 3D, impreza LAN party, na której podjęta zostanie próba pobicia rekordu Guinness’a, wielki finał rozgrywek z Electronic Sports World Cup (ESWC).

Formularz rejestracyjny uczestników konferencji oraz informacje o sponsoringu znaleźć można pod adresem: http://www.nvision2008.com/.

warsztaty

tworzenie
tożsamosci wizualnej
Dla każdego przedsiębiorstwa, projektu czy marki, ważne jest, aby móc zachować spoistość graficzną w ramach realizacji, środkach komunikacji i dystrybucji. Ważne jest też to, kto bierze udział w takim przedsięwzięciu.
Praca grafika nad tożsamością wizualną pozwala ustalić założenia, u stóp których buduje się ową globalną spoistość. Umożliwia to przedsiębiorstwu wyrażanie siebie spójnym językiem, co jednocześnie stwarza sposobność do łatwiejszej jego identyfikacji. Poniższy artykuł opisuje proces opracowania tożsamości wizualnej przedsiębiorstwa, a konkretniej opracowywania formy, która została zaprezentowana przedsiębiorstwu Ateji.

podstawy

Przed samym wykonaniem szkiców musimy wiedzieć dokładnie jaki ma być przekaz. Pierwsze pytania jakie musimy sobie postawić przed rozpoczęciem pracy to: jaka jest funkcja przedsiębiorstwa, co stanowi o jego ofercie i jaki wizerunek chce ona sobą reprezentować? Musimy także znać oczekiwania ewentualnych wspólników. Rzadko zdarza się, aby grafik uzyskiwał całkowicie wolną rękę. Zleceniodawcy mogą narzucać gamę kolorów, czy też ogólny styl. Rolą grafika jest zaś dostosowanie się do wytycznych i znalezienie w ramach swojej kreatywności odpowiednich proporcji. W przypadku przedsiębiorstwa Ateji, wytyczne postawione przez prezesa firmy oscylowały wokół kolorystyki: zażądano trzymania się pastelowej tonacji.

Rysunek 1.

logotyp

Logotyp (słowo kojarzone z logo) jest kluczowym punktem identyfikacji wizualnej. Stanowi on element graficzny, który reprezentuje firmę. Zanim położymy nasze dłonie na klawiaturze, myszce czy tablecie graficznym, wskazane jest sięgnięcie po papier i ołówek oraz wykonanie prostego szkicu idei i pomysłów, które przychodzą nam do głowy. Poszukiwanie prostoty i czytelności jest sprawą pierwszorzędną. Czym bardziej proste logo tym bardziej znaczące (przykładowo Nike, Adidas, Apple, Renault). Logo z powodzeniem może mieć charakter typograficzny (Microsoft) jak i czysto graficzny (Nike). W przypadku Ateji wykorzystane zostały obydwa warianty. Ideą było utworzenie oryginalnej formy będącej echem trzech zgłosek słowa Ateji (Rysunek 1.). Znak składa się z trzech okręgów, które tworzą trójkąt równoboczny, zaś dwa okręgi połączone są krzywymi. Forma trójkąta jest synonimem dynamiki, krzywe zaś wprowadzają łagodność korespondującą z pastelową tonacją. Także logo jest tutaj sprawą kluczową, która wymaga rozwiązania w manierze stricte graficznej. Litery stanowią oblicze formy i muszą być dobrane ze szczególną ostrożnością. Można oczywiście utworzyć nowe litery pisma, aczkolwiek staramy się wykorzystać już te istniejące. Można rozpatrzyć kilka przypadków: uproszczenie liter pisma w celu usunięcia szczegółów tak, aby nie zaszkodzić czytelności formy. Oprócz tego można ponownie zdefiniować krzywe liter, przykładowo znaku [I] (duża litera I), w taki sposób, aby nie być ograniczonym do prostej belki. Tego typu praca wymaga od nas dużo czasu i surowości. Nie chodzi o utworze18

Rysunek 2.

Rysunek 3.

.psd 06/2008 » www.psdmag.org

nie przekonującego kompletnego alfabetu, tylko o skomponowanie na nowo słowa Ateji (Rysunek 2.). W dalszej kolejności zajmujemy się kolorami. Zastosowanie dwóch barw zwiększa czytelność. Można użyć troszeczkę ciemniejszych odcieni. Za nim zakończymy staramy się wypróbowywać różne wersje projektu, oderwać wzrok, przymrużyć oczy, pobawić się widokami i zwiększać czytelność całości. Próżnia, którą tworzy biały papier, jest również istotnym elementem graficznym, który nie może być zaniedbywany. Posługujemy się nią z pełną świadomością i staramy się nie wypełniać automatycznie pustych obszarów. W końcu przygotowujemy kilka wersji logo i podsyłamy je zleceniodawcy, aby uzyskać wstępną opinię (Rysunek 3.). Rzadko się zdarza, aby pierwsza propozycja została przyjęta z otwartymi rękoma. Przeważnie będziemy modyfikować nasz projekt. W naszym przypadku litery wydają się zbyt zdekonstruowane, co może zaszkodzić ich czytelności. W takim wypadku trzeba szybko wykonać właściwą modyfikację, nawet jeśli czasami nie zgadzamy się z sugestiami zleceniodawców. Po serii wymian uwag pomiędzy grafikiem i zleceniodawcami projekt zaczyna nabierać kształtu i możemy przejść do kolejnych etapów pracy.

Rysunek 4.

warsztaty

Raz zatwierdzona przez przedsiębiorstwo praca nad wersją logo umożliwia określenie konkretnych aspektów związanych z dalszymi elementami graficznymi, które zostaną użyte w toku projektu. I tak, gama kolorystyczna logo, wysubtelnione krzywe projektu graficznego, puste obszary definiujące rozmieszczenie form, te akcenty definiują dalszą spójność. W przypadku Ateji jest to kwestia tożsamości graficznej, która w swej formie zachowuje prostotę i minimalizm. Klasyczna kompozycja tożsamości wizualnej przedsiębiorstwa obejmuje wizytówki, które są szczególnie interesującym etapem pracy. Sam obiekt zainteresowania jest mały, format elegancki i trzeba wiedzieć, w jaki sposób połączyć jego obydwie strony. Wizytówka idealnie powiela logotyp przedsiębiorstwa i pozwala umieścić dane personalne posiadacza wizytówki oraz namiary (adres, telefon, fax, strona internetowa, adres e-mail). W tym kontekście istotna jest hierarchia informacji: logo firmy i imię posiadacza wizytówki muszą być odczytane w pierwszej kolejności, potem

baza graficzna

wizytówka

tytuł lub sprawowana funkcja, a na końcu namiary. Pozostają jeszcze inne kwestie do rozstrzygnięcia. Należy wybrać odpowiedni font dla tekstu umieszczonego na wizytówce. Jego krój musi korespondować z logotypem firmy. Z braku czasu w naszym przypadku niemożliwym wydaje się utworzenie pozostałych znaków alfabetu dla całego tekstu. Dlatego musimy skorzystać z już istniejącego fonta. Typografia opiera się na prostocie i elegancji, dlatego z dużą ostrożnością komponujemy kolorystykę znaków w odniesieniu do logotypu. Możemy operować czernią i szarościami. Na końcu ponownie przygotowujemy kilka wersji naszego projektu, aby móc przedstawić wyniki zleceniodawcy (Rysunek 4.).

papier firmowy

Papier firmowy jest wykonany z uwzględnieniem pustej przestrzeni zajmującej 90% powierzchni każdej kartki. Musimy jednak zamieścić na nim niezbędne informacje identyfikujące przedsiębiorstwo, podobnie jak w przypadku wizytówki. Niektóre informacje umieszczamy na górze, a niektóre na dole kartki, musimy także znaleźć miejsca dla naszego logo. Na górze, po obu stronach logo, umieszczamy dane teleadresowe firmy. Formułka language tools fo software productivity jest umieszczona w dolnej części strony. Informacja prawna, która jej towarzyszy, nie powinna wybijać się na pierwszy plan tylko miękko komponować się z całością dokumentu. Kolorystykę elementów musimy dopasować do projektu. Informacje na górze są w kolorze niebiesko – zielonym i korespondują z wyglądem logo; podobnie zresztą jak informacje umieszczone na dole, nawet szarość formułki prawnej związana jest z krzywymi (Rysunek 5.). Możemy teraz przejść do próbnych wydruków i porównać efekt końcowy z tym co widzimy na monitorze. Często wykorzystanie horyzontalnego układu stron pozwala nam spojrzeć na projekt z innego punktu widzenia. To, co uzyskujemy na wydruku też nie zawsze odpowiada naszym wrażeniem wynikającym z obserwowania projektu na ekranie, także staramy się dążyć do zadowalających efektów.

strona internetowa

Rysunek 5.

Niuanse związane z wydrukiem znikają w momencie, w którym przechodzimy do części pracy związanej z wirtualną reprezentacją firmy. Strona internetowa wykonana dla Ateji musiała również charakteryzować się przejrzystością i czytelnością, jednocześnie musiała prezentować samo przedsiębiorstwo i jego usługi. Powraca nasze logo, które stanowi element centralny strony internetowej. Towarzyszy mu drobna linia tekstu oraz strefa wyznaczona przez krzywe wewnątrz których znajduje się menu. Skromne menu jest niezmiennym elementem strony. Użyte kolory również korespondują z resztą projektu, także wykorzystujemy zielenie, niebieski i szary. Logo, ujęte w odmienny sposób, pojawia się także na innych podstronach, zwiększa to znacznie jej dynamikę. Musimy jeszcze określić obszary, w których będzie pojawiał się tekst (Rysunek 6.). Generalnie grafik zajmuje się stroną wizualną, zaś programista skupia się na technicznych aspektach portalu. System nawigacji wewnątrz informacji związany jest funkcjami, które spełniają w projekcie grafik i programista, dlatego z reguły nie odbiega on za bardzo od tego co wyobraził sobie grafik, a programista zaprogramował.

konkluzja

Rysunek 6.

Wdrażanie projektu graficznego dla firmy lub promocji marki jest pracą kreatywną, wymagającą trzeźwego, oryginalnego spojrzenia artystycznego; jest to przede wszystkim definiowanie tożsamości wizualnej, która wynika ze spójności graficznej. Wszystkie idee i różnorodności, które w swej naturze wydają się ciekawe, nie mogą zakłócić konsekwencji wizualnej projektu. Czasami należy pozostać przy prostocie i zaakceptować kompromisy. Nie wolno zapominać, że pracujemy dla klienta i że wiele wyborów leży w jego gestii. Ustępstwa często są koniecznością. Na grafiku spoczywa rola wyjaśniania pewnych zabiegów, przedstawiania opinii, aby móc wpłynąć w jak największym stopniu na wizerunek firmy. Tak więc naprawdę wszystko rozgrywa się wokół komunikacji. Franz Kirchner
.psd 06/2008 » www.psdmag.org

20

identyfikacja wizualna od A do Z

identyfikacja
wizualna od A do Z
Co to jest identyfikacja wizualna? Identyfikacja wizualna jest formą komunikacji społecznej pomiędzy nadawcą (firmą), a odbiorcami (klienci, decydenci,współpracujące firmy, itp.).
Zasady identyfikacji wizualnej firmy mają na celu tworzenie pozytywnych wyobrażeń o danej firmie bądź jej produkcie i utrwalenie ich w opinii klientów, pracowników i na obszarze działalności firmy. Identyfikacja wizualna to między innymi: wzorce dotyczące logotypu, logo, kolorystyki firmy, współistnienie logo z innymi elementami graficznymi, itd. Ważnymi elementami identyfikacji wizualnej są symbole/kształty, jednak ważniejszy jest odbiór, czyli całokształt odbierany przez grupę docelową. Właściwie zaprojektowany i umiejętnie wykorzystywany system identyfikacji staje się efektywnym i ekonomicznym narzędziem marketingowym. Są one zapisywane w formie CI Book (księgi identyfikacji wizualnej), przyjmującej formę tradycyjną lub elektroniczną. Księgę tą można rozbudowywać o całościowe i kompleksowe opracowania układów reklamowych. Często elektroniczna wersja CI Book jest udostępniana na stronach korporacyjnych w Internecie, a celem tego jest korzystanie z elektronicznych wzorców (wizytówek, banerów, układów reklam prasowych) przez filie. Pełna księga identyfikacji wizualnej może przybierać różne formy, zwykle jednak ma formę książki, która zawiera wszystkie elementy technik kontaktu wizualnego między firmą, a otoczeniem. Corporate Identity zawiera nazwę instytucji oraz jej graficzną formę i barwy firmowe, parametry kolorów firmowych, symbole ozdobne, definicję krojów stosowanego pisma i schematy druków papieru firmowego, wzory kopert, notatników, wizytówek, ofert, identyfikatorów, koncepcję reklam i materiałów public relations, oznakowania budynków, samochodów. Czasem księga zawiera również sposób powitania i obsługi klienta np. odpowiadania na telefony, nagrania automatycznych sekretarek. Pozwala to na przygotowanie systemu spójnego, rozpoznawalnego, zgodnego z celem działania, łatwego do zapamiętania i powtórzenia na różnych nośnikach. Corporate Identity – opracowanie opisu znaków i symboli charakteryzujących markę pozwala na uniknięcie pomyłek podczas ich wykorzystywania np. w procesie drukowania, gdzie symbol nie zdefiniowany może ulec niezamierzonym przeobrażeniom jak zastosowanie innego zupełnie kroju pisma czy innej kolorystyki. Obok nazwy firmy, czyli samego słowa, istnieje cała grupa czynników odpowiedzialnych za określenie jej tożsamości – wyróżniających ją spośród innych obecnych na rynku.

system identyfikacji wizualnej składa się z następujących elementów:
• • • • • • • leksykalnych (marka jako nazwa), semantycznych (hasło – tzw. selling line), graficznych (logo, kolorystyka, sposób aranżacji przestrzeni), typograficznych (kroje i wielkości czcionek, układ tekstu), poligraficznych (rodzaj i gęstość papieru, rodzaj druku), architektonicznych (sposób organizacji przestrzeni biurowej, stoisk targowych, sklepów), szablonowych (dokumenty wewnętrzne i zewnętrzne, prezentacje, e-maile, oferty).

dlaczego identyfikacja wizualna jest ważna?
• • • • skutecznie wyróżnia spośród konkurencji firmę lub markę, zapewnia efektywną komunikację z otoczeniem będąc narzędziem spójnych działań reklamowych i marketingowych oraz public relations, zwiększa percepcję i rozpoznawalność marki zdecydowane ułatwiając identyfikację wobec dostawców i odbiorców, dzięki gotowym i zespolonym wzorcom opracowanym w księdze identyfikacji wizualnej firma obniża koszty, a także oszczędza czas.

Rysunek 1.
21

.psd 06/2008 » www.psdmag.org

warsztaty

Rysunek 2. Nowe technologie wytyczają nowe formy identyfikacji wizualnej. Często, dla jak najlepszego ujednolicenia wizerunku firmy, oprócz opisu znaku zasady rozszerza się o części przedstawiające zasady zastosowania logo w rożnych technologiach. Wobec tego księga musi zawierać dodatkowo wszystkie elementy CI w nowoczesnych technologiach oraz dozwolone i niedozwolone formy korzystania z logo w tym medium. Zaistnienie firmy w Internecie w wielu przypadkach skłania firmę do zmiany wizerunku i rewitalizację logo, czyli odmładzanie i unowocześnianie znaku głównego.

Rysunek 3.

• • • •

tzw. pole ochronne logo, czyli przestrzeń wokół znaku, na której nie mogą znajdować się żadne inne elementy, możliwość stosowania logo na różnych rodzajach tła, specjalną czarno-białą wersję logo z przeznaczeniem do faksowania, czasem dodatkowo tzw. Inicjał, czyli uproszczona forma znaku firmowego, służąca do umieszczania np. na upominkach reklamowych o ograniczonej przestrzeni na znakowanie.

podstawowe elementy budowy identyfikacji wizualnej
logo i logotyp
Logo stanowi zasadniczy element w kontakcie z odbiorcą. Jest pierwszym z elementów, które zauważa klient zwracając uwagę na markę. Kojarzy go z tą, a nie inną firmą, z tym, a nie innym produktem. Na logo zwykle składa się logotyp – napis stanowiący np. nazwę firmy, często wykonany charakterystycznym i z rozmysłem dobranym krojem oraz dodatki graficzne – np. znak firmowy. Logotyp może zostać przedstawiony za pomocą monogramów – jedna lub kilka powiązanych kompozycyjnie liter, których cechą są stosunkowo czytelne znaki np. inicjały osoby lub nazwy firmy, kaligramów zwykle nie umożliwiających jednoznacznej identyfikacji, może je stanowić np. wiersz ułożony w charakterystyczny kształt. Logo w miarę upływu czasu może podlegać ewoluowaniu ze względu na trendy rynku, dezaktualizacji (np. często stosowany dopisek 2000 w latach 80 i 90). Zmiana identyfikującego znaku związana może być z przebranżowieniem firmy, uczynieniem go bardziej przyjaznym odbiorcy, unowocześnieniem formy, itd. Stosunkowo często – kilkanaście razy od 1899 roku – znak firmowy zmieniał Fiat. Istnieje wiele szkół projektowania logo, napisano na ten temat wiele książek. Graficy specjalizujący się w tej dziedzinie nie tylko muszą znać podstawowe teorie, takie jak np. teoria koloru, ale być na bieżąco z aktualnymi trendami. Ostatnim moim projektem logo jest logo Golden RX – prestiżowej nagrody marketingowej w świecie farmaceutycznym. Przed przystąpieniem do projektu poznałam oczekiwania Klienta i jego wyobrażenia o logo, które miało powstać. Klient chciał by logo było eleganckie, masywne, by nawiązywało do nowoczesności i do świata farmaceutycznego. Nie chciałam tworzyć kolejnego logo w błękitach czy granatach ponieważ w takich kolorach jest większość produktów farmaceutycznych. Zaproponowałam połączenie złota z purpurą i takie kolory zostały zaakceptowane (Rysunek 1.).

Styl graficzny zastosowany przy projektowaniu logo definiuje również jednoznacznie wszelkie dodatkowe elementy graficzne – takie jak ikonografia produktów, czyli zbiór symboli oznaczających poszczególne elementy oferty (Rysunek 2. i 3.).

firmowa czcionka

Elementem wizualnym bardzo silnie oddziałującym na odbiorcę dokumentów firmowych (np. ofert) jest stosowana czcionka oraz jej formatowanie. Najczęściej w firmowym code book definiowane są dwie czcionki – ozdobna, stosowana w tytułach – oraz podstawowa, którą pisana ma być większość treści. Różnica między firmowymi czcionkami, a standardowymi dołączanymi do popularnego oprogramowania nie powinna być bardzo duża. Nie jest też uzasadnione stosowanie żadnych przesadnych udziwnień – np. litery zbudowane z elementów przypominających spinacze biurowe. Tekst czytany powinien wyglądać elegancko oraz sugerować, że firma ma własną tożsamość i nie bazuje na ogranych standardach.

jakość materiałów marketingowych

Technika, w której produkowane są firmowe broszury, katalogi, ulotki itp. powinna być dostosowana do grupy celowej przedsiębiorstwa i współgrać z projektami graficznymi i treścią. Przykładowo: kolorowe, krzykliwe materiały skierowane do nowoczesnej młodzieży lepiej będą wyglądały na błyszczących papierach z zastosowaniem np. lakieru UV. Z kolei w sektorze B2B, gdzie znaczenie ma elegancja, a przekaz jest raczej stonowany, bardziej odpowiednie są materiały drukowane na grubym papierze, pokryte matowym lakierem.

biuro i samochody

okolice logo

Graficzna część identyfikacji wizualnej to nie tylko logo, ale również określenie ram jego stosowania oraz sposób aranżacji przestrzeni. Biblia marki określa między innymi:
22

Wystrój biura, w którym przyjmowani są kontrahenci, również powinien pasować do wszystkich innych elementów identyfikacji firmy. Podobnie stoiska targowe, punkty sprzedaży, czasem nawet pracownicy (uniform firmowy). Recepcja, korytarze, sale konferencyjne w siedzibie, a nawet kuchnia powinny mieć spójną kolorystykę, ale – w przeciwieństwie do stoisk – nie zawierać przekazów reklamowych i zbyt często powtarzanego motywu logo. Nieco innymi zasadami rządzi się oznakowanie samochodów firmowych. Auta handlowców zazwyczaj są jeżdżącymi reklamami, które powinny być spójne z polityką reklamową przedsiębiorstwa. Z kolei samochody kadry kierowniczej, o ile w ogóle powinny być znakowane, mogą zawierać jedynie logo i to w jak najmniej rzucającej się w oczy wersji.

.psd 06/2008 » www.psdmag.org

Rysunek 4.

Ostatnio modne stają się personalizowane tablice rejestracyjne, zawierające nazwę firmy (lub jej skrót) oraz numer kolejny auta.

szablony

Najbardziej widocznym, z punktu widzenia pracowników, elementem identyfikacji wizualnej są wszelkie szablony zbudowane w oparciu o zdefiniowane wcześniej zasady. Są to wszelkiego rodzaju papiery firmowe, faktury, wizytówki, koperty, notatniki, okładki ofert, a nawet podpisy w poczcie elektronicznej. Choć odpowiedzialność za konsekwentne stosowanie tychże spoczywa wprawdzie na wszystkich pracownikach, ale najbardziej czujni pozostać muszą ludzie z marketingu oraz informatycy (Rysunek 4.).

zawartość KSIĘGI CI:
• • wstęp logo • układ ochronny • pole ochronne • skala i orientacja • kolorystyka • stosowanie • przykłady dobrego i złego zastosowania typografia • kolorystyka firmy • kolory podstawowe • kolory dopełniające dokumenty firmowe • wizytówka • papier firmowy • papier faxowy • papier do faktur • teczka ofertowa (również z miejscem na wizytówki) • segregator na 4 zatrzaski • notatniki • bloki • nadruk na płytę CD, okładka • koperta (do 4 formatów) • szablon prezentacji dla MS Power Point system firmowej identyfikacji wizualnej • oznakowanie budynków firmy (zewnętrznie i wewnętrzne, możliwe symulacje komputerowe na dostarczonych zdjęciach) • przykładowe projekty systemu identyfikacji wizualnej na pojazdach • flagi firmowe inne materiały reklamowe • firmowe gadżety (do 3 projektów na różne gadżety) • przykładowe layouty folderu/katalogu • przykładowe layouty reklamy prasowej/outdooru
Agnieszka Kamińska

warsztaty

łatwy | 40 min. | materiały na WWW
Photoshop CS2
24 psd 06/2008 » www.psdmag.org

warsztaty

abstrakcja
na wizytówce
Już za chwilę stworzymy wizytówkę i papier firmowy, które będą identyfikowane z naszą firmą. Jednak czy musimy tworzyć je na wzór utartych schematów? Czy muszą być proste i nudne? Dajmy ponieść się fantazji i stworzmy coś, co przedstawi nasze prawdziwe oblicze.

01 format wizytówki

Pierwszym krokiem w tworzeniu wizytówki będzie wybór formatu. Otwieramy program Adobe Illustrator i tworzymy nowy dokument File>New. Standartowy format wizytówki to 90x50mm, jednak nasza będzie nieco większa (musimy uwzględnić 5-cio mm spady z każdej strony). Na otwarty dokument nanosimy linie pomocnicze i zaznaczamy obszar spadów oraz marginesu bezpieczenstwa (może to być również 5mm na każdy brzeg), aby elementy pracy nie pozostały umieszczone na samym brzegu wizytowki.

03 czcionki

Nadeszła chwila kiedy burzymy wszelkie wizytówkowe konwenanse, dobry smak i wyczucie... Po co? By wyrwać się z utartych schematów. Proponuję użycie czcionki, która odbiega od norm przyjętych w przeciętnych wizytówkach. Pamiętajmy jednak aby użyta przez nas czcionka była (mimo wszystko) choć trochę czytelna, zależy nam przecież aby osoba, której ową wizytówkę podarujemy wiedziała jak właściwie się nazywamy i jak się z nami skontaktować.

02 dane

Tworząc wizytówkę zastanówmy się jakie dane chcemy na niej umieścić. Jeżeli ma to być wizytówka imienna należy umieścić imię i nazwisko oraz stanowisko/zawód tej osoby. Klikamy [Ctrl]+[T] i narzędziem tekstowym tworzymy ramkę, w której umieścimy dane. Następnie umieszczamy informacje o kontakcie do danej osoby (lub firmy). W przedstawionym tutorialu podaje adres WWW, adres E-mail oraz telefon kontaktowy.

04 układ

W tradycyjnych wizytówkach wszystkie elementy są równo poustawiane. Może my zróbmy inaczej? Dajmy się ponieść fantazji, obróćmy imię, nazwisko i stanowisko o 20º! Przecież nikt nie powiedział, że da się przeczytać tylko poziome teksty. Zaznaczamy tekst i klikamy prawym klawiszem myszki, wybieramy Rotate i wpisujemy wartość 20º. Ustawiamy tekst tak, aby nie wchodził na margines bezpieczeństwa. Z danymi kontaktowymi postepujemy tak samo, z tym, że obracamy je o 180º.

psd 06/2008 » www.psdmag.org

25

warsztaty

05 logo

Na wizytówce umieszczamy logo, jest to symbol charakterystyczny dla naszej firmy, więc nie powinno go zabranknąć. Jeżeli jeszcze nie posiadamy swojego znaku firmowego to zabieramy się za jego stworzenie. Za pomocą kształtów, piórka oraz linii możemy stworzyć logo, które będzie pasowało do naszej firmy. Tutaj pozostawiam pole do popisu drogim czytelnikom, ja przedstawiam zrobione przeze mnie logo.

08 informacje

W odróżnieniu od wizytówki imiennej, na papierze firmowym umieszczamy dane firmy, a nie pojedynczego pracownika. Istotnym elementem papieru firmowego jest logo. Umieszczamy je w widocznym miejscu. Następnie wpisujemy na dole kartki informacje dotyczące firmy. W mojej pracy uwzględniłem nazwę firmy, adres pocztowy oraz adres strony WWW.

0 6 dekoracja

Nasza wizytówka przedstawia firmę zajmującą się bajkową grafiką oraz kreacją dziecięcą. By wyglądała ciekawiej dodamy gwiazdki. Stanowią one w tym przypadku element zabawny, wprowadzający poniekąd atmosferę bajkową.

09 dekoracja

Jako dekoracje wykorzystamy bardzo uproszczone elementy, których użyliśmy już w projekcie wizytówki. Będzie to elementem spójnym dla obu projektów. Na bokach kartki umieszczamy fioletowe paski, które zamkną nam kompozycję. Na dole wstawiamy kilka gwiazdek ozdabiających całość. Dzięki tym działaniom tworzymy wyróżniający się, niestandartowy papier firmowy. Wojciech Błaszczak

07 format papieru firmowego

Format papieru firmowego jest oczywiscie dowolny. W przedstawionym przeze mnie tutorialu proponuję uniwersalny format A4. Tworzymy dokument w rozmiarze 220x307mm (uwzgledniając spady). W przypadku papieru firmowego margines bezpieczeństwa ustawiamy na 10mm (na każdym brzegu). Mamy do wykorzystania całą kartkę A4, więc nie musimy oszczędzać na powierzchni.

26

psd 06/2008 » www.psdmag.org

recenzja

Cintiq 12WX
Od kilku lat jestem szczęśliwym użytkownikiem standardowych tabletów Wacom. Uważam, że jest to najlepsza firma, produkująca te fantastyczne urządzenia. Myślałem, że to co posiadam, jest już szczytem moich marzeń. Do czasu, aż jakiś czas temu dostałem tablet firmy Wacom Cintiq 12WX.
Cintiq 12WX jest tabletem z monitorem dotykowym LCD w miejscu standardowej podkładki do pisania piórem. Daje to nam niezapomniane wrażenia rysowania. Czujemy się tak, jakbyśmy malowali po najzwyklejszej kartce i żadna farba pod ręką się nie rozmazuje. Tablet podłączany jest do komputera za pomocą konwertera USB, DVI lub VGA. Możemy ustawić tryb jego pracy na wiele sposobów. Jako podstawowy monitor, albo część zestawu składającego się z kilku monitorów, lub po prostu dołączony tablet. Za pomocą klawisza Display toggle (Przełączanie wyświetlaczy) umieszczonego na tablecie, przełączymy się na obsługę monitora lub obsługę tabletu. Wszystkie programy, których używamy, wyświetlają się nam bezpośrednio pod ręką lub naprzeciwko nas. W zależności od tego, jak ustawimy tablet. Posiada on wygodny stojak, który można regulować w szerokim zakresie. Jest on zoptymalizowany pod kątem pracy z tabletem w trzech pozycjach: w odchyleniu pod kątem 25° i 65° (ułatwia oglądanie i ocenę), a także – na płasko, równolegle do powierzchni biurka. Po podłączeniu tabletu musimy skalibrować pióro. Jest to bardzo proste. Program wyświetla nam na rogach dwa krzyżyki, w które musimy wcelować i nacisnąć piórkiem. Matryca LCD ma wielkość 261,1 na 163,2mm i jej najlepszą rozdzielczością do pracy jest 1280x800px. Dużym plusem jest fakt, że matryca posiada aż 1024 poziomy rysowania i wymazywania, co stawia ją na równi z tabletami z serii Intuos 3. Zainstalowano też opcję czułości pióra na pochylenie i obracanie. Niestety są one dostępne po zakupie dwóch dodatkowych piór Airbrush (model ZP–400E) i Art Pen (model ZP–600). W tablecie zastosowano udogodnienia znane z serii Indus 3. Są to programowalne klawisze ExpressKeys oraz pasek Touch Strip. Fabrycznie skonfigurowane jako najczęściej stosowane [Ctrl], [Alt], [Shift] i [Space] mogą być również używane do aktywacji funkcji – na przykład Display Toggle. Pasek Touch Strip może być wykorzystywany do zmiany powiększenia obrazu i jego przesuwania w wielu aplikacjach. Jest to bardzo wygodne, ponieważ mamy niezwykłą wygodę pracy, bez konieczności używania klawiszy skrótów. W chwili zakupu monitor jest w pełni sprofilowany. Dokładna kalibracja jest możliwa za pomo-

cą większości urządzeń obecnych na rynku, takich jak na przykład Datacolor, X–Rite i basicolor. Coraz więcej monitorów jest produkowanych w Formatach 16:10. Tak też jest w przypadku Cintiq. Dzięki temu formatowi, możemy tak ustawić obszar pracy, aby mieć bardzo dużo miejsca do pracy. Jak wspomniałem wcześniej, wrażenia z samej pracy są rewelacyjne. Zawsze miałem problem z narysowaniem prostej, nieregularnej kreski na zwykłym tablecie. Czasem używałem zwykłej linijki, lub robiłem dziwne wygibasy przy tablecie. Tutaj nie ma takiego problemu. Po prostu obracasz sobie tablet jak kartkę i rysujesz. Można też go wziąć na kolana i bez problemu używać. Jedyną wadą jest kabel łączący tablet z konwerterem, ale cóż, nie można mieć wszystkiego. Ogólnie bardzo polecam tablet Wacoma Cintiq 12WX. Jednak dla mnie osobiście jest nieco za mały. Wybrał bym większy i znacznie droższy – Wacom Cintiq 21UX. Tomasz Biniek

Trochę danych:
W opakowaniu, oprócz tabletu Cintiq 12WX znajdziecie: • • • • • • • • • piórko Cintiq Grip, podstawka pod piórko, pięć wymiennych wkładów do piórka (trzy standardowe, jeden felt oraz jeden stroke), konwerter dla USB, DVI, VGA, zasilacz tabletu wraz przewodem zasilającym, instrukcja obsługi, przewodnik szybkiej instalacji, płyta instalacyjna (zawiera sterowniki, oprogramowanie oraz elektroniczną wersję instrukcji obsługi), płyta instalacyjna z oprogramowaniem.

Ceny:
• • Cintiq 12WX – około 4300 zł Cintiq 21UX – około 10879 zł

.psd 06/2008 » www.psdmag.org

27

warsztaty

tożsamość
wizualna
Zajmowanie się grafiką, infografią, ilustracją, projektowaniem stron, DA, powoduje, że pewnego dnia nasuwa się pytanie: kiedy zabrać się za własny biznes?
Sformułowanie odpowiedzi na to pytanie wymaga rozpatrzenia kilku czynników. Trudności w znalezieniu posady, własne doświadczenie zawodowe, środowisko, wreszcie własny charakter. W moim przypadku zdecydowałem się utworzyć indywidualną działalność gospodarczą w stylu Izby Rzemieślniczej, pomimo atrakcyjnego dla osób związanych z grafiką, prowadzenia Domu Artystycznego. Procesy rachunkowe i surowe ramy działalności wywierały na mnie niekorzystne wrażenie. Tymczasem w rzeczywistości chciałem kierować swoją twórczość do spraw bardziej globalnych, nie tylko związanych z samą grafiką. Chciałem sprzedawać swoją twórczość intelektualną, rozwijać portale... robić to wszystko, co będzie stanowić o mojej przyszłości. Po poskromieniu kwestii administracyjnych, zrozumieniu kilku mechanizmów w procesie tworzenia przedsiębiorstwa, wstajemy któregoś dnia i to jest ten dzień, w którym to wszystko zaczyna działać. Stajecie się osobą niezależną zawodowo, autonomiczną, ale też osamotnioną. Musicie znaleźć kilku partnerów handlowych, przykładowo drukarzy, wasza oferta handlowa musi po prostu być kompletna. Twórzcie znajomości, które będą stanowiły o waszej sile, będą dopełniały waszą działalność. Prędzej czy później przejdziecie przez etap bycia szefem projektu. Ten etap jest bardzo stresogenny, ale jednocześnie bardzo wzbogacający o nowe doświadczenia z wielu dziedzin technicznych, którymi będziecie kierować. Wasza teczka dorobku będzie pęcznieć – tym lepiej! Przed utworzeniem działalności warto zbadać grunt i stworzyć bazę potencjalnych klientów. Strona internetowa jest w miarę tanim narzędziem prezentowania oferty i komunikacji z klientami, niech będzie wyrazista i skuteczna. Stwórzcie oryginalne portfolio, które będzie stanowiło dla klienta mapę waszych dokonań. Niech oferta otworzy przed zleceniodawcą inne możliwości, które wprzęgną wasze umiejętności, internetowa animacja, cyfrowa książka... Kiedy w końcu uda się wam skompletować ofertę, zaprezentować wasze umiejętności, należy poszukać przyszłych klientów. Istnieje kilka sposobów na pozyskanie zleceniodawców: Internet, lokalna i regionalna prasa, znajomi. Kanały komunikacji z klientami mogą obejmować także kontakt pośredni (telefon) i bezpośredni (pukanie do drzwi). Telefon oddaje nieocenioną korzyść w badaniu gruntu, znacznie przyśpiesza kontakty społeczne. Spotkania twarzą w twarz pozwalają rozpoznać właściwą osobę i uniknąć częstych problemów wynikających z charakteru rozmówcy. Należy uzbroić się w cierpliwość i być gotowym na przyjęcie stosu odmownych decyzji, aż na sto kontaktów dojdzie do dwóch lub trzech spotkań; nie wolno traktować tego jako przegranej, tylko dalej sprzedawać własną ofertę. Warto być wyczulonym na powracających klientów, zadbać o to, odpowiadać na ich potrzeby. Ale uwaga, jednocześnie urozmaicajcie wasze kontakty z klientami, nie zamykajcie się na jedną konkretną grupę, od tego zależy funkcjonowanie waszego
28

przedsiębiorstwa, które nie może sobie pozwolić na przestój. Największe zagrożenia dla przedsiębiorstw leżą w pierwszych latach jego działalności i związane są głównie z problemami handlowymi. Możecie mówić, że nie skończyliście handlówki, że jesteście twórcami, ba artystami, nie zmienia to faktu, że koniecznie musicie zbadać grunt, sprzedawać, przekonywać, podglądać konkurencje, dopasowywać ceny. Może na początku waszej działalności wyda się to problematyczne, ale dla długotrwałości przedsiębiorstwa potrzebna jest strategia handlowa. Gdy cel działalności będzie stawał się klarowniejszy, możecie zacząć myśleć o kompleksowej reklamie w zależności od środków, którymi dysponujecie. Trzeba mieć dobre struktury, referencje i plan dotarcia do szerszej grupy odbiorców. Zainwestowany kapitał szybko się zwróci, zaś wy stopniowo będzie robić sobie miejsce na rynku. Pierwsze spotkanie z klientem to prezentowanie swojego talentu, ale wkrótce zostaniecie poproszeni o zaprezentowanie wstępnego kosztorysu. Tutaj mogą pojawić się problemy, trudno mówić o cenach jeśli nie zna się dobrze rynku. Tym bardziej trudniej zaplanować wydatki w procesach, w których występuje wiele zmiennych. Musimy wybrać najodpowiedniejsze narzędzia, rozwiązania, etc. Warto przygotować dwupoziomowy kosztorys, realny i przewidywany. Musicie także określić kto jest potrzebny do wykonania projektu. Te i inne kwestie warto postawić przed sobą bardzo szybko jeśli chcemy wywołać poważny wyraz twarzy klienta. Jeśli plan będzie dobry, wszystko pójdzie jak z płatka, a klient będzie zadowolony. Po roku swojej działalności warto podsumować dorobek i przyjrzeć się projektom, które wykonaliśmy.

.psd 06/2008 » www.psdmag.org

tożsamość wizualna

folder dla ZenithOptimedia

Agencja doradztwa i pośrednictwa kupna terenów. W tym projekcie celem było zaproponowanie przedsiębiorstwu ZenithOptimedia narzędzi komunikacji z klientem w celu określenia strategicznych celów, które obiera firma przy realizowanych projektach. Pośrednio chodziło o przedstawienie kontekstu i wsparcia jakie firma może zaproponować. Także nie chodziło tylko i wyłącznie o prostą kopertę na płytę CD. Klient chciał swoistą książeczkę z ofertą, wewnątrz której odbiorca może znaleźć odpowiednie materiały zapisane na nośniku cyfrowym. Co ważniejsze taka forma pozwala otwartą ofertę postawić na biurku. Zawartość produktu miała mieć komercyjno handlowy charakter jednocześnie musiała cechować się kreatywnością. Treść prezentowała filozofię przedsiębiorstwa: bezpieczeństwo inwestycji, referencje, nagrody. Po konsultacjach z klientem doszliśmy do porozumienia i wypracowaliśmy ostateczną formułę. Niestety harmonogram był napięty i nie miałem komfortu dysponowania odległym terminem. Musiałem być szczególnie wyczulony na pomyłki. Pierwsza dostawa miała objąć tysiąc sztuk folderów. Na początku zaprezentowałem wszystkie szkice uwzględniając kilka wariantów. Materiały źródłowe w postaci zdjęć zostały zakupione. Należało im jednak poświęcić trochę czasu aby dostosować do projektu. Uwzględnienie warunków wydruku nastręczało trochę problemów, ale współpraca z drukarzem znacznie przyśpieszyła sam proces. Dzień dostawy pierwszej partii materiałów był bardzo emocjonujący. Stres przed otwarciem kartonów sięgał zenitu. Wydruki były doskonałe, podobnie jak nadruki na płytach CD. Jedyny czarny punkt, no powiedzmy szary, związany był z odbiciem światła od powierzchni folderu, na które zwrócił swoją uwagę klient. Wstrzymałem oddech, nic nie powiedziałem i wszystko potoczyło się ku zadowalającemu sfinalizowaniu transakcji.

broszura ECOACT

Przedsiębiorstwo wspierania trwałego rozwoju. Przy tym projekcie pracowałem dla agencji konsultacyjnej. Byłem tutaj podwykonawcą. Także często, podobnie jak kameleon, musimy dostosować się do środowiska, w którym przebywamy. W przypadku tej broszury koncepcja nie była moja. Tam gdzie tego wymagała sytuacja korzystaliśmy z fotografii agencji pośredniczącej, szczególnie przy dużych odbit-

kach. Starając się zachować dystans wypytywałem się o charakter fotografii, która nie do końca współgrała z moim wyobrażeniem firmy. Na odprawie wyjaśniono mi jednak celowość takiej ikonografii, która o dziwo uwiodła klienta i umożliwiła szybkie przejście do kolejnych etapów projektu. Wszystko potoczyło się na tyle dobrze, że klient zaproponował wykonanie dla niego strony internetowej, na której wykorzystano wszystkie fotografie, które znalazły się w broszurze. Przedsiębiorstwo specjalizujące się w europejskich funduszach inwestycyjnych. Podczas licznych projektów, możemy spotkać się z realizacją różnych form publikacji: od lokalnego przewodnika po mieście do dużych dzienników i tygodników regionalnych lub krajowych. Niestety na początku będziemy raczej realizować mniejsze projekty. Kiedyś klient zaprezentował mi publikację, w której chciał zamieścić swoją reklamę. Nie znałem tego magazynu, była to publikacja specjalistyczna, na dodatek anglojęzyczna. Klient był bardzo skupiony na reklamie konkurencji i uświadomiłem sobie, że trzeba poszukać czegoś kreatywnego, aby znaleźć przekaz, który trafi w dziesiątkę. Aczkolwiek nie mogłem zapomnieć, że byłem w świecie, gdzie finanse ograniczają często kreatywność. Dyrektor generalny wytłumaczył mi charakter działalności przedsiębiorstwa i po serii pytań-odpowiedzi zrozumiałem to, co klienci powinni dostrzec to: doświadczenie firmy i skuteczność sieci kontaktów są wyjątkowe w skali Europejskiej, XXX jest jedynym partnerem, który wam zapewni optymalny wybór zmiennego europejskiego funduszu inwestycyjnego. Natychmiast pokazał mi swoje wyobrażenie oferty, ja tym czasem skupiałem się na koncepcji. Po krótkim czasie pojawił się pomysł – karta europejska pocięta nożyczkami! Skończyliśmy rozmowę i wróciłem do swojego biura, w 30 minut przemyślałem koncepcję i później w dwie godziny wykonałem projekt, przekonany, że będzie idealny dla klienta. Zleceniodawca podjął szybką decyzję zadowolony również z finansowego rozwiązania i niezwłocznie opublikował reklamę w najbliższym numerze. Warto pamiętać, że czas to pieniądz, jednak dobry pomysł nie ma ceny. Dlatego brnijcie przed siebie, miejcie wiarę w swoje umiejętności i szanujcie markę dla której pracujecie. Caléis

.psd 06/2008 » www.psdmag.org

29

warsztaty

kampania
reklamowa Google AdWords
Czyli jak zwiększyłem skuteczność kampanii reklamowej 828 razy w 7 minut.
Możliwość osiągnięcia w krótkim czasie wysokiej pozycji w najpopularniejszej wyszukiwarce internetowej, czyli Google, brzmi bardzo kusząco. Jednak kiedy zaczniemy zgłębiać temat pozycjonowania w wyszukiwarkach, szybko zostajemy skonfrontowani z okrutną prawdą, jaką jest bardzo długi i kosztowny okres pozycjonowania. Co więc zrobić, kiedy mamy produkt lub usługę, która musi się pokazać na rynku możliwie jak najszybciej i kilkumiesięczny okres oczekiwania nie wchodzi tutaj w grę. Z odpowiedzią przychodzi nam Google AdWords, czyli płatna reklama kontekstowa. Moje pierwsze poważne spotkanie z Google AdWords było umotywowane właśnie chęcią zaistnienia na rynku przed pierwszymi efektami pozycjonowania. Po przeczytaniu kilku podstawowych informacji na temat tej usługi, jej zasady wydały mi się bardzo jasne. Google wyświetla moje reklamy przy odpowiednich Michał Kowalski zapytaniach, a ja płacę tylko za użytkowników, których dana reklama przekieruje na moją stronę. Opłaty za jedno kliknięcie w okolicach 50 groszy wydawały się dość rozsądne, tak więc szybko zabrałem się za konfigurację mojej pierwszej reklamy.

czemu tak się dzieje?

Nigdy nie rób tego, co wszyscy. W każdej branży to co oczywiste opłaca się najmniej. Kiedy przeanalizujemy rynek – bez względu na to, w jakiej branży działamy – okaże się, że konkurowanie na najbardziej popularne frazy to przegrana sprawa. Szybko zobaczymy, że firmy znacznie większe od naszej wywindowały cenę za pojedyncze kliknięcie i konkurowanie z nimi absolutnie nie ma sensu. Z drugiej strony ich reklama zawsze znajduje się na górze, więc kiedy zrezygnujemy z walki cenowej, mało kto zauważy naszą. Z pomocą przychodzą nam tutaj tak zwane narzędzia Google.

słowa kluczowe to esencja problemu

pierwsza konfiguracja

Zasada konfiguracji reklamy w Google AdWords jest bardzo prosta. Pierwszym krokiem jest ustalenie jej treści, na którą składa się pogrubiony tytuł oraz dwie linijki tekstu. Dodatkowym elementem jest możliwość wpisania wyświetlanego adresu strony w sposób, jaki odpowiada nam bardziej, niż faktyczny adres, na jaki przekierowuje reklama. Przykładowy projekt może więc wyglądać w sposób następujący: .psd Magazyn dla grafików Zapraszamy na naszą stronę www Znajdziesz tutaj dużo ciekawostek www.psdmag.org Po ustaleniu projektu naszej reklamy określamy, na jaką stronę ma on przekierowywać (w tym wypadku będzie to również www.psdmag.org) oraz wybieramy słowa kluczowe, do jakich reklama ma być dopasowana. Oczywistymi słowami dla reklamy magazynu .psd byłyby grafika komputerowa oraz Photoshop. Po wprowadzeniu wszystkich ustawień możemy już uruchomić reklamę.

Pierwszą rzeczą, z jakiej musimy skorzystać, jest narzędzie propozycji słów kluczowych. Przykładowo po wpisaniu frazy grafika komputerowa dowiemy się, że jest ponad 100 innych połączonych z nią fraz, które również możemy wykorzystać w naszej reklamie. Każdą z tych fraz musimy przeanalizować pod względem ilości konkurencji oraz ilości zapytań. Idealne będą oczywiście sytuacje, gdzie słowo pasuje do naszej branży, ma minimum konkurencji oraz maksymalnie dużą ilość zapytań. Po stworzeniu listy słów kluczowych (idealna ilość to około 200-500 słów na jedną grupę reklam) musimy dokonać jej analizy. Tutaj z pomocą przyjdzie nam narzędzie prognozy liczby odwiedzin, które również znajdziemy w naszym panelu Google.

szybki case-study

pierwsze poważne błędy

Po pierwszym dniu testów, kiedy płacimy za pierwsze kliknięcia w podobnej konfiguracji widzimy, że coś jest nie tak. Moja reklama wyglądała bardzo podobnie do przykładowej, zaprezentowanej tutaj reklamy .psd. Przy tego typu ustawieniach reklamy pojawiają się dwa błędy – pierwszy to bardzo mała ilość kliknięć na naszą reklamę, a drugi to bardzo duża cena za pojedyncze kliknięcie, co sprawia, że reklama staje się nieopłacalna.
30

Kontynuując kwestię przykładowej reklamy dla magazynu .psd dokonujemy szybkiej prognozy. Ustalamy więc jedynie podstawowe elementy dotyczące reklamy z jednym zastrzeżeniem, że nigdy nie jesteśmy gotowi zapłacić za jedno kliknięcie więcej niż 0,50 PLN. Jest to bardzo rozsądna stawka bez względu na to, w jakiej branży się obracamy. Pierwsza diagnoza mówi nam, że w wypadku wykorzystania tylko jednego słowa kluczowego – grafika komputerowa – naszą stronę odwiedzi 4-7 osób dziennie. Druga natomiast mówi nam, że w wypadku wykorzystania pierwszych 100 propozycji słów kluczowych powiązanych z frazą grafika komputerowa (czyli klientów poszukujących tego samego rodzaju produktów) naszą stronę odwiedzi... uwaga – 4200-5800 osób dziennie! Ciężko w to uwierzyć, ale wiele osób reklamujących się w Google AdWords nigdy nie korzysta z możliwości generowania dodatkowych słów kluczowych i nigdy nie uzyskuje odpowiedniej skuteczności reklamy. Co najważniejsze, przy tak dużej ilości słów kluczowych, możemy sobie pozwolić aby za reklamę zapłacić jeszcze mniej (np. 0,30 PLN za kliknięcie) przy czym i tak uzyskamy interesującą nas ilość odwiedzin. W ten właśnie prosty sposób można zwiększyć potencjalną skuteczność reklamy 828 razy w 7 minut, a to dopiero początek.

wygląd naszej reklamy

Kiedy mamy już pewność, że nasza reklama będzie pojawiała się na wysokich pozycjach przy bardzo wielu zapytaniach, musimy się upewnić, że użytkownicy będą w nią klikali. Musi ona w pierwszej kolejności przykuć oko, po czym zachęcić potencjalnego klienta do klik-

.psd 06/2008 » www.psdmag.org

kampania reklamowa Google AdWords
nięcia. Stworzony przez nas wcześniej projekt jest raczej czysto informacyjny i w żaden sposób nie intryguje. Spróbujmy więc pokusić się o napisanie nowego tekstu. Nowy projekt powinien wyglądać np. tak: .psdmag - Elita Grafików Dziś Staniesz Się Profesjonalistą Najlepsze Kursy i Poradniki PS www.psdmag.org/Magazyn_Photoshop Jaka jest wyższość nowego projektu nad starym? Przede wszystkim tekst intryguje czytającego. Sam napis .psd został rozszerzony o mag – słowo kojarzące się w środowisku internetowym z produktem elitarnym. Dalej zostało to utwierdzone wykorzystaniem połączenia słów Elita Grafików, co jeszcze bardziej wzbudza zainteresowanie. Tekst samej reklamy opiera się natomiast na sprawdzonej regułce, którą wszystkim polecam – obiecujemy i potwierdzamy. W tym wypadku zasada działania jest następująca – Dziś Staniesz się Profesjonalistą – Czemu? – Bo mamy Najlepsze Kursy i Poradniki PS. Ostatnia linijka z adresem strony została dodatkowo wykorzystana na sprecyzowanie oferty tak, aby w reklamę klikały osoby, które są faktycznie zainteresowane magazynem dotyczącym Photoshopa. Dodatkowym elementem, który sprawia, że reklama jest dużo bardziej atrakcyjna wizualnie, jest rozpoczynanie każdego wyrazu z wielkiej litery – zabieg sprawdzony i znacznie zwiększający skuteczność reklam.

zasady, których nie można łamać

Analizę słów kluczowych i budowanie efektywnego tekstu reklamowego mamy już za sobą. Teraz czas omówić błędy, które wiele osób popełnia, a które sprawiają, że Google AdWords może się dla nas stać studnią bez dna. Pierwszym elementem jest strona, do której nasza reklama odsyła. Musimy zdać sobie sprawę, że nawet jeśli uda nam się wygenerować kliknięcia, to bez odpowiedniego poprowadzenia klienta może on bardzo szybko opuścić nasz serwis. Pierwszym, największym i najpopularniejszym błędem jest przekierowywanie klienta do strony głównej, w szczególności kiedy znajdują się na niej nowości o naszej działalności albo krótki tekst o tym, czemu jesteśmy dobrzy w tym, co robimy. Musimy założyć, że klient zawsze szuka konkretnych informacji i konkretnego produktu. Reklama .psd powinna więc kierować na stronę z następującym nagłówkiem:

Marzysz aby stać się elitą polskich grafików?
Dziś jest to możliwe z magazynem .psd, w którym znajdziesz najlepsze kursy i poradniki do programu Photoshop. Kliknij tu, zapisz się na nasz Newsletter i bądź na bieżąco informowany o wszystkich ciekawostkach z branży. Jak widać tekst nawiązuje bezpośrednio do reklamy, w którą kliknął klient. Mamy więc pewność, że osoba, która była zaintrygowana naszą reklamą, będzie również zaciekawiona przedstawionym tekstem reklamowym. Drugim elementem jest bezpośrednie zaproszenie do zapisania się na Newsletter, co daje nam możliwość nawiązania stałego kontaktu z potencjalnym klientem i znacznie zwiększa szanse, że uda nam się zachęcić go do zakupu naszego produktu lub nawiązania współpracy. Idąc tym tropem, drugim, bardzo poważnym błędem popełnianym przez reklamodawców, jest korzystanie z tego samego tekstu reklamowego dla wielu produktów. Przykładowo – w wypadku magazynu .psd zupełnie inny tekst reklamy powinien być przygotowany dla kupujących, których chcemy bezpośrednio zachęcić do zakupu prenumeraty, niż dla kupujących, których chcemy tylko zachęcić do zapisania się na Newsletter. W tym wypadku reklama w Google Adwords powinna więc prowadzić do oddzielnej strony reklamowej z odpowiednio przygotowanym tekstem. skuteczność naszych reklam będzie znacznie wyższa – nawet do 50%. W takim wypadku słowa kluczowe, które generują tak wysoką skuteczność, powinniśmy oddzielić do osobnych grup reklamowych. Powodem, dla którego ten zabieg jest niezwykle istotny, jest fakt, że Google nagradza reklamy o bardzo wysokiej skuteczności przypisując im wyższe pozycje za niższe ceny. Patrząc na drugą stronę medalu, powinniśmy więc usuwać słowa kluczowe, które nie generują żadnych kliknięć lub nie wyświetlają się w wypadku progu cenowego, który nas interesuje. Praktykując te zabiegi codziennie, a zajmie nam to około 15 minut, docelowo stworzymy wyjątkowo skuteczną i, co najważniejsze, tanią kampanie reklamową.

podsumowanie

codzienna analiza

Kiedy mamy już skonfigurowaną reklamę, przygotowaną stronę z tekstem reklamowym, a całość jest odpalona i generuje już pierwsze zyski, ostatnim ale ciągłym elementem naszej pracy powinna być analiza. Pierwszym i najważniejszym czynnikiem jest skuteczność reklamy, czyli ilość kliknięć w stosunku do ilości wyświetleń. Przykładowo, jeśli na 100 wyświetleń mamy jedno kliknięcie, to skuteczność naszej reklamy wynosi 1%. Czasami zdarzy się jednak, że

Przy odpowiedniej konfiguracji kampania reklamowa Google AdWords okazuje się być skuteczna nie tylko na krótki okres w czasie oczekiwania na efekty pozycjonowania. Jest to świetna metoda na uzyskanie wysokich pozycji na bardzo wiele fraz, w przypadku których przy odpowiedniej konfiguracji możemy pozyskiwać klientów za bardzo niskie stawki od pojedynczego kliknięcia. Zawsze warto dokonać analizy, do której dane z Google AdWords są bardzo przydatne, gdyż do każdej frazy na jaką się reklamujemy otrzymujemy miesięczną ilość zapytań. Biorąc pod uwagę fakt, że pierwsza pozycja w Google gwarantuje nam około 25% wszystkich kliknięć, możemy przeliczyć czy np. przy hasłach gdzie miesięcznie pozyskamy 500 odwiedzających, bardziej opłaca się zainwestować 0,50 PLN za kliknięcie w Google Adwords czy np. 400 PLN za miesięcznie pozycjonowanie tej frazy. Wyniki tego typu przeliczeń mogą być często bardzo zaskakujące, tak więc zachęcam do ich wykonania. Michał Kowalski
31

.psd 06/2008 » www.psdmag.org

warsztaty

trochę
Zaprezentowaliśmy wykonane po godzinach demo dla MTV. Podczas prezentacji zaznaczyliśmy, że ilość efektów 3D bedzie taka jak trzeba, bez ustalania limitów. Ponad to, zgodziliśmy się by część obiektów została wmontowana pod koniec pracy nad projektem, gdy bedą już miały aprobatę NBP (przedmiotem prezentacji dla w/w agencji miały być monety). Do dzisiaj jest to kluczowy wymóg, często zdarza się, że w prezentacji mają być pokazane monety, które jeszcze nie istnieją. Są w ostatnim momencie wkładane do filmu. W większości firm wszelkie realizacje graficzne wykonują tzw. graficy komputerowi, którzy po obejrzeniu kilkunastu katalogów od agencji sprzedających zdjęcia myślą, że wiedzą co to jest projektowanie. W NEO ART przy prezentacjach pracuje dwóch artystów malarzy i to jest podstawową różnicą między nami, a innymi agencjami. Zwykle praca nad prezentacją wygląda następująco. Na okolo dwa miesiące przed terminem oddania pracy, otrzymujemy zapytanie ofertowe. Oczywiście ma się to nijak do rzeczywistej włożonej pracy, jeśli weźmiemy pod uwagę ilość zmian, na tydzień przed oddaniem pracy. Ogólnie prezentacja przygotowywana przez NEO ART dla Mennicy Polskiej zwykle zawiera kilka elementów stałych: • • • • stronę tytuową, która wprowadza w charakter przekazu, stronę, która przedstawia głównych aktorów, czyli monety kolekcjonerskie przedstawiane jako obiekty 3D, w otoczeniu bogatej animacji, element graficzny, w tym roku był to pędzel, który malując znaki zodiaku na niebie, uderzał w kolejne wirujące monety uruchamiając ich pokaz, koniec prezentacji, zwykle jest to tzw. parada monet, czyli pokaz 20-30 minutowy.

teorii o prezentacji multimedialnej
Pierwsze zlecenie otrzymaliśmy w prosty sposób. Agencja sieciowa, która dotychczas realizowała filmy i prezentacje policzyła czas pracy w minutach, a ilość efektów specjalnych 3D w sekundach obwarowując wszystko licznymi zastrzeżeniami. a teraz trochę od kuchni...
Z uwagi na małe budżety i bardzo krótkie terminy, wszystkim muszę zajmować się sam. Jestem redaktorem, robię filmy w plenerze do prezentacji, wymyślam scenariusz, szukam materiałów itp. No i oczywiście prowadzę 6 osobową agencje reklamową, w której kreacja jest podstawowym, oczekiwanym produktem, a prezentacje elektroniczne nie są głównym zajęciem. Najważniejsi są ludzie. Przy realizacji pierwszej prezentacji, zresztą przy innych też, pracował malarz, który w wojsku nauczył sie animacji 3D. Człowiek ten przyjechał do Warszawy i mieszkając na dworcu dzwonił

Żaden z tych elementów nie może być pominięty. Animacja 2D jest atrakcyjna, ale gdy chcemy pokazać obiekty z róznych stron, klient wymaga również elementów 3D. Zmiana tekstu w pliku .avi, na sześć godzin przed odlotem samolotu, nie jest dla klienta czymś niemożliwym. Pojęcie czasochłonnego renderingu też dla niego nie istnieje. Na szczęście zwykle udaje się wybrnąć z tych dramatycznych sytuacji. Mamy doświadczenie i wiemy kto i jak nas może zaskoczyć. Najważniejszą sprawą przy projektowaniu prezentacji jest ogólny pomysł plastyczny i pewna znajomość okoliczności w jakich będzie prezentowany film. Nie są ważne aktualne trendy. Wiele firm na etapie przetargów odpada, bo nie rozumie, że Mennica bije monety od około 200 lat, a to wymusza zrównoważenie nowoczesnego i tradycyjnego projektowania. Naszą grupą docelową jest tak naprawdę dyrektor finansowy, który jest w stanie zmienić zawartość prezentacji na 3 dni przed wylotem na pokaz. Na uwadze należy mieć też fakt, że oglądać ten pokaz będą określeni ludzie, jedni bardziej nowocześnie nastawieni do życia, inni bardziej zachowawczy. Sukces to jak pisałem wyważenie tych dwóch przesłanek.
32 .psd 06/2008 » www.psdmag.org

trochę teorii o prezentacji multimedialnej
nerskie mają elementy z innych materiałów, np. przyklejone gwiazdki z cyrkonii lub kulki z bursztynu. Są takie, które składają się z 2-3 rodzajów złota o róznym kolorze, są też takie, które mają elementy z emalii i sitodruku. Klienci, szczególnie Ci, których dzieckiem jest dana moneta uwielbiają następujacy efekt: Moneta jako obiekt 3D obraca się dookoła osi, czasami powieksza się lub oddala. Nagle, z tej wirujacej monety oddzielają się, np. zdobienie cyrkonią. Następnie cyrkonia obraca się i z powrotem wpada na swoje miejsce przy akompaniamencie blików, flar i/lub sypiących się świetlistych iskier. To dosyć pracochłonny manewr, ale dzięki niemu można pokazać z cze-

do agencji z pytaniem o pracę. Zadzwonił do mnie i po dwóch dniach miał ciepłą posadkę. Przez pierwsze dwa miesiące mieszkał w naszym pierwszym, niewielkim biurze. Dlatego następne pomieszczenie jakie wybrałem na siedzibę firmy, było wyposażone w prysznic, kuchnię oraz pokój na atresoli (na wypadek takich sytuacji). Mimo, że graficy, którzy pracują przy animacjach ściągają mnie na ziemię, tłumacząc, że pewnych rzeczy nie da się zrobić w danym czasie, ja mam niestety ustalony, nieżyciowy i mało profesjonalny sposób pracy. Niestety przy kliencie mało zawodowo zwierzam się z pomysłów jakie mi przychodzą akurat do głowy i niestety, często jest tak, że klienci te pomysły pamietają. Nie znam się na programach animacyjnych w stopniu zaawansowanym, więc to co wymyślę jako scenariusz, nie zawsze pokrywa się z możliwościami. Ponieważ również jestem malarzem i trudno jest mi zmienić koncepcję, więc staram się aby pomysł, nawet trudny i pracochłonny, wprowadzić w życie. Podstawową rzeczą jest, że jeśli dodanie 2-3 minut efektów 3D do 14 minutowej prezentacji będzie dla niej korzystne, to prędzej je dodamy niż oddamy pracę uboższą i mniej atrakcyjną. Wszystko zależy od kreatywności. Czasami dodanie filmu skręconego do góry nogami, przebarwionego, zmontowanego z dwóch planów jest lepszym pomysłem, niż żmudne produkowanie efektów specjalnych. Ważną sprawą jest przypadek. Czasami przypadkowa praca z filtrami daje oczekiwany efekt. Kluczowe jest wyczucie malarskości obiektu. Przy animacjach pracując więc malarze z wykształceniem wyższym plastycznym. Monety, czyli główni aktorzy prezentacji, są przedstawiane jako animacje 3D realizowane w programie 3DS Max. Całość jest montowana na specjalnie złożonych PC-tach i jednym MAC-u z serii PRO. Są one naprawdę dopracowane. Mają nałożone tekstury, światła, bliki i inne bajery, które wzbogacają obraz. Zwykle, monety kolekcjo-

.psd 06/2008 » www.psdmag.org

33

warsztaty

go składa się moneta: trzy pierścienie, trzy rodzaje i kolory złota obracają się i składają na koniec w monetę trójkolorową. Istotą i celem prezentacj jest przecież pokazanie prezesom innych Mennic, że produkty Polskiej Mennicy są skomplikowane, bogate, mają dopracowaną rzeźbę i rzeczywiście są obiektami sztuki. Nasi aktorzy pokazywani są naturalnie, w dużych powiększeniach tak, aby docenić artystyczne walory metalu i zdobień. Wymaga to dopracowania wielu tekstur. Nakładania się skanów, podkręcania kolorów itp. W tle pokazywanych monet mamy wygenerowaną bogatą akcję, która ilustruje temat przedstawiony na monecie. Zwykle są to zmiksowane filmy, które nagrywam w różnych sytuacjach. W dalszych planach mamy efekty graficzne, światło oraz przeniki kolorów. Ale czasami potrzeba bardzo konkretnego materiału, np. z Parlamentu Europejskiego, filmów sytuacyjnych, dokumentalnych itp. Wcale nie jest łatwo być w z godzie z prawem autorskim. Nie zawsze są pieniądze na zakup filmów, np. w prezentacji monety Dożynki zostały zmiksowane filmy z programu rolniczego, a motyw cudownego łanu falującego zboża wzieliśmy z filmu Potop. Realizacja była wykonywana w grudniu, a samotnie chodzace kury w tym czasie, były mało spektakularne, za to zmiksowane z łowickimi wycinankami i wspomnianym łanem zboża wyszły brylantowo. Brak materiału filmowego często zastepujemy dynamicznym montażem z przypadkowych fragmentów scenek filmowanych, rysowanych i malowanych. Ale co zrobić, gdy musimy nakręcić występ monety wybitej dla upamiętnienia życia podróznika, gdy jedynym dostępnym materiałem jest czarno biała fotka wielkości znaczka pocztowego. Podsumowując chciałbym podkreslić, że mimo spadku ceny wyprodukowania jednej sekundy efektów specjalnych, w dalszym ciągu liczy się to, że możemy dać więcej niż inni. Podpisana umo-

wa jest tylko ramowym papierkiem i postanowienia tam zawarte są traktowane zawsze z korzyścią dla klienta. Tylko małe, elastyczne studio jest w stanie, kosztem większej pracy dodać w ostatnim momencie, na etapie komponowania muzyki, dodać pokaz dwóch monet. Zwykle takie żądanie pociaga za sobą zmiany we wszystkich elementach prezentacji. Takiego luksusu współpracy przy stałym budżecie nie zagwarantuje duże studio produkcyjne. Dodatkowo realizujemy także ekspozycje targowe i nasz produkt – stoisko, grafika reklamowa i prezentacja, czyli film, dzięki temu są spójne. Paweł Polisiak Agencja NEO ART Studio
34 .psd 06/2008 » www.psdmag.org

recenzje

Ocena końcowa: Tytuł: Adobe Dreamweaver CS3/CS3 PL Oficjalny Podręcznik Autor: Adobe Creative Team Wydawnictwo: Helion 2008 ISBN:978-83-246-1271-0 Liczba stron: 320 Cena: 59,00 zł Książka wydana w kolorze Zawiera CD-ROM

Adobe Dreamweaver CS3/CS3 PL Oficjalny Podręcznik
Autorzy napisali podręcznik w sposób prosty i nie wymagający znajomości języka HTML. Prowadzi nas on przez wszystkie etapy tworzenia witryny internetowej. Książka podzielona jest na dwanaście lekcji do samodzielnego wykonania. Na początku każdej z nich określone są umiejętności, które zdobędziemy, czas potrzebny na wykonanie ćwiczenia i materiały do jego wykonania. Wszystkie niezbędne pliki zawarte są na dołączonej do książki płycie. Kolejne etapy poznawania tajników programu prowadzą od podstaw obsługi i konfiguracji przestrzeni roboczej przez arkusze stylów, pracę z tekstem i grafiką, wstawianie hiperłączy, projektowanie makiet, formularzy i stron interaktywnych do zaawansowanej technologii AJAX oraz umieszczania na stronie filmów i animacji flash. Ostatnim etapem jest sprawdzenie zgodności z przeglądarkami, walidacja i publikowanie strony w Internecie. Podczas każdej lekcji tworząc nowy element strony zgłębiamy ogromne możliwości programu. Zdobytą wiedzę smożemy sprawdzić odpowiadając na pytania zawarte w podsumowaniu. Wyniki naszej pracy możemy porównać z efektem końcowym zamieszczonym w załączonych materiałach. Dzięki tej książce będziemy mogli poznać podstawowe oraz zaawansowane narzędzia Dreamwevera poprzez ich praktyczne zastosowanie. Czytając podręcznik dowiemy się również, jak formatować tekst i tabele, a także jak wstawiać hiperłącza i projektować formularze. Zobaczymy, jak łatwe jest tworzenie kaskadowych arkuszy stylów CSS przy użyciu narzędzi usprawniających, czyli miarek i linii pomocniczych. Dzięki poszerzonej integracji z programem Photoshop CS3 wkleimy dowolny fragment wielowarstwowego obrazu bezpośrednio na stronę. Wykorzystamy narzędzia Adobe Spry do tworzenia serwisów internetowych w technologii Web 2.0. Przekonamy się, jak prosta jest konfiguracja połączenia ftp oraz przesyłanie całych serwisów na serwer przy użyciu tego najnowszej wersji programu Adobe Dreamweaver. Podręcznik napisany jest z myślą o początkującym użytkowniku, ale nawet doświadczony projektant stron znajdzie tu opisy zaawansowanych funkcji programu oraz wiele wskazówek usprawniających pracę. Elżbieta Szejgis

REKLAMA

.psd 06/2008 » www.psdmag.org

35

fotomontaż

photoshopowy
kosmos
Większości ludzi nigdy nie będzie dane obejrzeć galaktyki z bliska, a loty w kosmos jeszcze długo pozostaną poza zasięgiem zwykłego śmiertelnika. Dzięki temu tutorialowi każdy z nas będzie mógł cieszyć się kawałkiem swojego własnego wszechświata.

36

.psd 06/2008 » www.psdmag.org

photoshopowy kosmos

01 pył gwiezdny

Tworzymy nowy dokument o wymiarach np. 800×600px. Następnie tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nadajemy jej nazwę pyl1. Wybieramy Filtr>Rendering>Chmury (Filter>Render>Clouds), a następnie Filtr>Rendering>Chmury różnicowe (Filter>Render>Difference Clouds). Jeżeli efekt się nam nie spodoba, powtarzamy ostatnią czynność [Ctrl]+[F], aż do uzyskania satysfakcjonującego efektu.

04 formowanie gwiazdy

Tworzymy nową warstwę [Shift]+[Ctrl]+[N], nadajemy jej nazwę gwiazda, a następnie wklejamy obraz ziemia.jpg (może to być dowolny obraz powierzchni z dużymi pęknięciami). Używając Zaznaczenia eliptycznego (Eliptical Marquee Tool) [M], zaznaczamy obszar przyszłej gwiazdy, przy jednoczesnym naciśnięciu klawisza [Shift]. Po zaznaczeniu obszaru naciskamy [Shift]+[Ctrl]+[I], a następnie [Del]. Teraz należy ponownie użyć kombinacji [Shift]+[Ctrl]+[I].

02 kolorowanie pyłu i łączenie

Aby dodać kolor, wybieramy [Ctrl]+[U], zaznaczamy opcję Koloruj (Colorize) i ustawiamy: Barwa 205, Nasycenie 75 Jasność 0.. Teraz tworzymy nową warstwę [Shift]+[Ctrl]+[N], o nazwie pyl2 oraz ustawiamy tryb mieszania na Mnożenie odwrotności (Multiply). Następnie powtarzamy poprzednią procedurę i ustawiamy: Barwa 43, Nasycenie 100, Jasność 0.

05 nadawanie głębi gwieździe

Skrótem klawiaturowym [Ctrl]+[I] tworzymy negatyw, co pozwoli nam uzyskać efekt końcowy. Kolejnym krokiem jest Filtr>Zniekształcenie>Sferyzacja (Filter>Distort>Spherize) i ustawienie wartości na 100% i tryb Zwykły (Normal). Operację powtarzamy używając [Ctrl]+[F], by wzmocnić efekt.

03 pole gwiezdne

Tworzymy nową warstwę [Shift]+[Ctrl]+[N], nadajemy jej nazwę pole, ustawiamy tryb mieszania na Mnożenie odwrotności (Screen), a następnie wypełniamy kolorem czarnym. Dalej Filtr>Szum>Dodaj szum (Filter>Noise>Add noise). Ustawiamy wartości na takie, jakie zostały pokazane na ilustracji. Dla poprawienia efektu wybieramy Obrazek>Dopasuj>Jasność/Kontrast (Image>Ad justments>Brightness/Contrast), a następnie ustawiamy wartości: Jasność (Brightness): -50 oraz Kontrast (Contrast): +50.

0 6 efekt wybuchu

Usuwamy zaznaczenie [Ctrl]+[D], a następnie wybieramy Filtr>Zniekształcenie>Współrzędne biegunowe (Filter>Distort>Polar coordinates) i wybieramy opcję Biegunowe na kartezjańskie (Polar to rectangular). Obracamy obszar roboczy poprzez Obrazek>Obróć obszar roboczy>90° w prawo (Image>Rotate Canvas>90° CW). Następnie wybieramy Filtr>Stylizacja>Wiatr (Filter>Stylize>Wind), metoda Wiatr (Wind) i kierunek Z prawej (From the Right) i powtarzamy czynność [Ctrl]+[F] kilka razy, w zależności od mocy efektu, jaki chcemy uzyskać.
37

.psd 06/2008 » www.psdmag.org

fotomontaż

07 końcowa forma gwiazdy

Obracamy obszar roboczy Obrazek>Obróć obszar roboczy>90° w lewo (Image>Rotate Canvas>90° CCW), następnie Filtr>Zniekształcenie>Współrzędne biegunowe (Filter>Distort>Polar coordinates) i wybieramy opcję Kartezjańskie na biegunowe (Rectangular to polar). Skrótem [Ctrl]+[U] zmieniamy koloryt, używając parametrów podanych na ilustracji, a następnie poprzez [Ctrl]+[B] zmieniamy wartości dla cieni, półcieni i świateł, podobnie jak to zostało pokazane na ilustracji.

10 głębia i ostrość planety

Wybieramy Filtr>Zniekształcenie>Sferyzacja (Filter>Distort>Spherize) i ustawiamy wartość 100% przy trybie zwykłym; następnie powtarzamy czynność, zmieniając wartość na 60%. Później wybieramy Filtr>Wyostrzenie>Maska wyostrzająca (Filter>Sharpen>Unsharp mask) i ustalamy wartości takie jak na ilustracji, co wyostrzy powierzchnię planety.

08 lekki retusz i lśnienie

Wybieramy Obrazek>Dostosuj>Jasność/Kontrast (Image>Adj ustments>Brightness/Contrast) i ustawiamy Jasność (Brightness): +30 i Kontrast (Contrast): +40. Do zakończenia brakuje jedynie lśnienia gwiazdy, co osiągamy wybierając opcje stylów warstwy i dodając Fazę zewnętrzną (Outer glow) z parametrami jak na ilustracji. Wykorzystany kolor to #FF9E06.

11 kolor i światłocień planety

Dodajemy kolor wybierając [Ctrl]+[U] – zostało to przedstawione na ilustracji; następnie Obrazek>Dopasuj>Jasność/Kontrast (Image>Adjustments>Brightness/Contrast), ustawiając odpowiednie wartości. Cień tworzymy poprzez Gradient (Gradient Tool) [G], a następnie zmieniamy ustawienie gradientu na Kolor narzędzia do przeźroczystości, upewniając się, że kolorem narzędzia jest kolor czarny i że planeta jest nadal zaznaczona. Następnie używamy gradientu, przeciągając nim od najbardziej odległego od gwiazdy krańca planety w kierunku gwiazdy.

09 formowanie planety

Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją planeta_mala. Wybieramy Zaznaczenie eliptyczne (Eliptical Marquee Tool) [M] i przyciskając [Shift] zaznaczamy obszar, jaki będzie zajmowała przyszła planeta. Wybieramy Filtr>Rendering>Chmury (Filters>Render>Clouds), a następnie Filtr>Rendering>Chmury różnicowe (Filter>Render>Difference Clouds) – ostatnią czynność możemy powtarzać, używając [Ctrl]+[F], aby uzyskać inny układ efektu (wręcz dobrze powtórzyć jest czynność klika razy).

12 poświata I

Na koniec efekt poświaty. Osiągamy go, wybierając opcje stylów warstwy i dodając Fazę zewnętrzną (Outer glow) i Blask wewnętrzny (Inner glow) z parametrami jak na ilustracji. Kolor wykorzystany do efektów to #2B8FFF.

38

.psd 06/2008 » www.psdmag.org

photoshopowy kosmos

13 druga planeta

Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją planeta_srednia. Następnie powtarzamy cztery poprzednie kroki, z tą różnicą, że zaznaczamy większy obszar w kroku formowanie planety, a także zmieniamy nieco postępowanie kroku kolor i światłocień planety. Wybieramy Obrazek>Dopasuj>Jasność/Kontrast (Image>Adjustments>Brightness/Contrast) i ustawiamy Jasność (Brightness) na +60%, a następnie [Ctrl]+[B] i ustawiamy wartości, tak jak zostało to pokazane na ilustracji. Na koniec ponownie Obrazek>Dopasuj>Jasność/Kontrast (Image>Adjustments>Brightness/Contrast) z wartościami Jasność (Bri-

16 tworzenie planety wodnej

Wybieramy Zaznaczenie eliptyczne (Eliptcal Marquee Tool) [M] i zaznaczamy dużą powierzchnię, przytrzymując przy tym [Shift]. Następnie wybieramy narzędzie Gradient (Gradient Tool) [G] i pociągamy skośną linię (odchyloną o około 30° od pionu) na zaznaczonym obszarze, upewniając się, że gradient wypełnił równomiernie całe zaznaczenie. Następnie Filtr>Zniekształcenie>Morskie fale (Filter>Distort>Ocean ripple) i ustawiamy wartości tak jak na rysunku.

14 poświata II

Efekt poświaty osiągamy wybierając opcje stylów warstwy i dodając Fazę zewnętrzną (Outer glow) i Blask wewnętrzny (Inner glow) z parametrami jak na ilustracji. Kolor wykorzystany do efektów to #E010FF.

17 kończenie planety wodnej

Powtarzamy krok głębia i ostrość planety i ustawiamy planetę w odpowiednie miejsce. Cień planety tworzymy za pomocą gradientu [G] w ten sam sposób, w jaki zostało to omówione w punkcie kolor i światłocień planety. Następnie tworzymy poświatę, wybierając opcje stylów warstwy i dodając Fazę zewnętrzną (Outer glow) i Blask wewnętrzny (Inner glow) z parametrami jak na ilustracji. Kolor wykorzystany do efektów to #25FFE8.

15 przygotowanie gradientu

Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją planeta_duza. Następnie wybieramy narzędzie Gradient (Gradient Tool) [G] i zmieniamy ustawienia gradientu tak, jak zostało to pokazane na ilustracji. Następnie wybieramy Rozmieść losowo (Randomize), aż do uzyskania widocznych linii.

18 więcej gwiazd

Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją gwiazdy, wypełniając warstwę kolorem szarym z trybem mieszania Ostre światło (Hard light). Umieszczamy ją pod warstwą gwiazda, a następnie wybieramy Filtr>Rendering>Flara Obiektywu (Filter>Render>Lens flare), tak jak to zostało pokazane na rysunku. Regulując jasność możemy zwiększać efekt świetlny.
Łukasz Koszela

.psd 06/2008 » www.psdmag.org

39

warsztaty

średni | 60 min. | pliki na CD
Photoshop CS2

40

.psd 06/2008 » www.psdmag.org

roll the rock
Z pewnością każdy kto interesuje się grafiką komputerową nie raz zastanawiał się jak pokazać zdjęcia w nieco inny sposób. W poniższym tutorialu zaprezentuję, jak dokonać małej metamorfozy kilku plików źródłowych, aby przenieść odbiorcę w świat fantastyki inspirowany malarstwem XX wieku.

warsztaty

01 nowy dokument

Zaczniemy od stworzenia nowego dokument formatu A3 o rozdzielczości 200dpi, tryb koloru RGB, przezroczyste tło. Importujemy plik rock.jpg po czym uaktywniamy narzędzie do przekształcania [Ctrl]+[T] i z palety podręcznej wywołanej prawym przyciskiem myszy wybieramy Flip Horizontal, a następnie Flip Vertical. Nie przejmujemy się pozycją obrazka, gdyż posłuży on nam jedynie do przygotowania głównego motywu, który dopasujemy później. Wymazujemy z grubsza miękką gumką elementy nad skałą, by umieścić zamek.

03 ścieżka

Do wycinania elementów używać będziemy ścieżek, dlatego warto przypomnieć sobie ich działanie. Z palety narzędzi wybieramy Pen Tool [P]. Ustawiamy w opcjach narzędzia metodę pracy Paths i zaznaczmy Auto Add/Delete. Tworzymy pierwszy punkt ścieżki klikając i przeciągając kursorem myszy, aby określić zakrzywienie segmentu, który powstanie po utworzeniu kolejnego punktu. Analogicznie tworzymy kolejne punkty uzyskując pożądany kształt ścieżki, którą ostatecznie domykamy klikając jej pierwszy punkt.

02 zamek

Otwieramy castle.jpg, kopiujemy interesujący nas fragment i wklejamy do głównego dokumentu pod warstwą ze skałą. Możemy teraz dokładniej wymazać pozostałe elementy wody nad skałą używając gumki o twardości około 85%. Importujemy do dokumentu plik rock_2.jpg i umieszczamy jako najwyższa warstwę. Warto już teraz zacząć podpisywać warstwy, dzięki czemu utrzymamy porządek w palecie warstw i unikniemy zbędnego bałaganu, kiedy nagromadzi nam się plików.

04 wycinanka

Powstałe punkty możemy przesuwać zaznaczając je pojedynczo, bądź grupami klikając z przytrzymanym [Alt]. Możemy też dodawać punkty do ścieżki klikając w dowolnym jej miejscu (obok kursora pojawi się znak plus), bądź odejmować klikając na punkty (znak minus). Krzywizny ścieżki dopasowujemy operując dźwigniami danego punktu. Przekształcamy ścieżkę w zaznaczenie [Ctrl]+[Enter], odwracamy zaznaczenie [Ctrl]+[Shift]+[I] i wciskamy [Delete] pozbywając się zbędnych elementów i przekształcamy zasłaniając betonową barierkę zamku.
41

.psd 06/2008 » www.psdmag.org

warsztaty

05 schody

Zajmujemy się teraz wykuwaniem schodów w skale. Importujemy plik stairs.jpg i umieszczamy w dokumencie jako warstwę na samej górze. Techniką poznaną w kroku 3 i 4 obrysowujemy ścieżkę, wczytujemy zaznaczenie, po czym je odwracamy i usuwamy to, co niepotrzebne. Dopasowujemy schody do skały nieznacznie zmniejszając przy pomocy narzędzia Transform [Ctrl]+[T]. Przytrzymując klawisz [Shift] sprawimy, że element będzie dopasowywał się proporcjonalnie.

08 schody III

Jeszcze raz powielamy warstwę schodów i umieszczamy ją na samym dole skały. Tak jak w poprzednim kroku dopasowujemy do reszty narzędziem transformacji. Każdą z warstw schodów dopieszczamy teraz zasłaniając i odsłaniając maską piksele warstwy skały pamiętając o żelaznej zasadzie, że kluczem do sukcesu jest dbałość o szczegóły. Wracamy jeszcze do warstwy rock_2 której dolną część także za pomocą maski dopasowujemy do warstwy skały. Zaznaczamy wszystkie warstwy schodów i spłaszczamy je ze sobą skrótem [Ctrl]+[E].

0 6 schody I

Dodajemy do warstwy stairs maskę klikając w palecie warstw przycisk Add Layer Mask. Maska w przeciwieństwie np. do gumki daje nam możliwość korygowania ruchów w późniejszej pracy. Malując czarnym pędzlem po masce odkrywamy warstwę poniżej, natomiast malując pędzlem białym zakrywamy piksele poniższej warstwy. Możemy łatwo przełączać się między kolorami pędzla za pomocą klawisza [X]. Miękkim czarnym pędzlem o miękkiej końcówce maskujemy warstwę operując wielkością pędzla między 70 a 200px.

09 korekta barwna I

Powielamy warstwę rock i ustawiamy jej Blending mode na Multiply. Wywołujemy okno dialogowe Hue/Saturation [Ctrl]+[U], ustalamy wartość Hue - 165, Saturation - 57. Tworzymy nową warstwę [Ctrl]+[Shift]+[Alt]+[N], którą wypełniamy [Shift]+[Backspace] wybierając z listy Use 50% gray. Tryb mieszania ustawiamy na Soft Light, dzięki czemu warstwa staje się neutralna i nie wprowadza zmian, ale posłuży do przyciemniania/rozjaśniania warstwy poniżej.

07 schody II

Powielamy warstwę stairs [Ctrl]+[J] i umieszczamy ją niżej aby stworzyć dalszą część kręconych wokół skały schodów. Aby uniknąć wrażenia tendencyjności narzędziem transformacji obracamy warstwę nieco w prawo, zniekształcamy i zmniejszamy, a także maskujemy część schodów jak na zrzutce. Brakujący element uzupełniamy narzędziem Smudge Tool ustawiając jego Strenght na 50%. Łapiemy w miejscu zaznaczonym na zrzutce czerwoną kropką i kilkakrotnie wykonujemy ruch wg. strzałki aż uzyskamy pożądany efekt.

10 korekta barwna II

Tak jak przy maskach malujemy po warstwie 50% gray białym i czarnym pędzlem odpowiednio rozjaśniając i przyciemniając partie między schodami. Pośrednie odcienie szarości wprowadzą subtelniejsze zmiany. Przechodzimy do warstwy castle, którą także powielamy, ustawiamy jej tryb na Color Dodge i ustawiamy w oknie Barwa/Nasycenie przy zaznaczonej opcji Colorize Barwa: 28, Nasycenie: 21, Jasność: 14. W najjaśniejszych partiach pojawią się przepalenia, wymazujemy je miękką gumką. Spłaszczamy warstwy schodów i zakładamy maskę.

42

.psd 06/2008 » www.psdmag.org

roll the rock

11 cienie i światła

Nad warstwą schodów także tworzymy warstwę 50% gray analogicznie do kroku poprzedniego. Zwiększamy nieznacznie kontrast warstwy schodów i przechodzimy do ustalenia świateł i cieni. Mamy teraz nad warstwą schodów i skały warstwy 50% gray, których używamy do przyciemnienia i rozjaśniania elementów obrazu. Pomocne także będzie narzędzie Burn Tool [O]. Światło padać będzie od księżyca który umieścimy w prawym górnym rogu, więc kąt padania cieni będzie w lewym dolny rogu. Pamiętajmy że każde narzędzie ma opcje nacisku, krycia itp.

14 niebo

Importujemy plik sky.jpg na najniższa warstwę i ustawiamy tak, by jej dolna ciemna część pokrywała się z horyzontem. Fragmenty nieba warstwy z morzem usuniemy Różdżką [W]. W opcjach narzędzia ustalamy tolerancję 50% i zaznaczamy Anti-alias, aby uzyskać względnie gładkie krawędzie zaznaczenia. Jeśli nie zostaną zaznaczone wszystkie elementy usuwanego nieba dodajemy zaznaczenie z wciśniętym klawiszem [Shitf]. Wciskamy [Delete] i usuwamy niebo. Tak samo usuwamy niebo z warstwy zamku. Zachęcam do eksperymentu z tolerancją różdżki.

12 wycinanka

Obrysowujemy nasz obiekt za pomocą ścieżki. Pamiętamy o szczegółach, których im więcej, tym lepszy efekt. Obrys zamku byłby dość skomplikowany, dlatego obrysujemy go tak jak na zrzutce, później usuniemy niebo w inny sposób. Moglibyśmy spłaszczyć dokument, ale później zmian możemy dokonywać jedynie całościowo, dlatego zajmiemy się każdą warstwą z osobna. Wczytujemy zaznaczenie ścieżki, odwracamy je i przechodząc kolejno do każdej warstwy wciskamy [Delete]. Zaznaczamy wszystkie warstwy i łączymy je w jedną grupę.

15 wygładzanie krawędzi I

Elementy naszej pracy wyglądają nieco na przyklejone do obrazu, musimy je więc wygładzić. Klikając z wciśniętym [Ctrl] miniaturkę warstwy sea wczytujemy jej zaznaczenie, wciskamy [Q] przełączając się w tryb szybkiej maski. Wywołujemy Filter>Blur>Gaussian Blur wpisujemy wartość 5, akceptujemy. Wywołujemy okno Levels [Ctrl]+[L] i ustalamy Input Levels na 99; 1,00; 226. Ponownie wciskamy [Q], by przełączyć się w tryb normalny, odwracamy zaznaczenie i wciskamy [Delete].

13 morze

Otwieramy pliki sea.jpg, sea_2.jpg, sea_3.jpg. Importujemy wszystkie do naszego dokumentu i umieszczamy pod grupą warstw z zamkiem. Znamy już narzędzie służące do skalowania warstw, więc dopasowujemy do całości. Ostre krawędzie usuwamy za pomocą maski, ewentualnie gumki z miękką krawędzią. Zwróćmy tylko uwagę, by widoczne były rozbryzgujące się o skały fale i inne szczegóły. Przyciemnimy także skałę po lewej stronie ustawiając jej Lightness na ok. - 30. Kiedy uznamy że wszystko jest jak należy spłaszczamy warstwy z morzem.

16 wygładzanie krawędzi II

Upewniamy się, że elementy zamku i skały, na której się znajduje są prawidłowo oświetlone i zacienione. Nanosimy ostateczne poprawki i spłaszczamy grupę castle zaznaczając ją i wciskając kombinację klawiszy [Ctrl]+[E]. W ten sam sposób jak w poprzednim kroku wygładzamy krawędzie, dobierając ustawienie optymalne dla wygładzanego elementu. Przyciemniamy także partie obrazu z morzem, pamiętając że cień padał będzie od księżyca w prawym górnym rogu. Zmniejszamy także nieco nasycenie warstwy, by kolory nie były intensywne.
43

.psd 06/2008 » www.psdmag.org

warsztaty

17 kręcenie niebem I

Wyłączamy widoczność warstwy z zamkiem aby mieć lepszy podgląd. Powielamy warstwę sky, wybieramy Filter>Distort>Twirl i wpisujemy wartość około 45. Ponownie powielamy niebo i tym razem wybieramy Filter>Liquify i narzędziem Twirl Clockise [C] z ustawieniami jak na zrzutce zakręcamy niebem tuż za górą po lewej stronie. Powielamy niebo tym razem z warstwy sky copy, przenosimy pod warstwę sea, wymazujemy zrobiony wcześniej wirek i zakręcamy filtrem Twirl.

20 księżyc i drzewa

Do zrobienia tych elementów użyjemy pędzli. Z katalogu z plikami źródłowymi kolejno wczytujemy moon.abr, tress.abr i birds.abr. Na nowej najwyższej warstwie malujemy białym pędzlem o wielkości 800px księżyc, wybierając z listy pędzli pędzel nr 525. W palecie View>Brushes [F5], możemy modyfikować kształt pędzla, jego kąt itp., co czynimy by ustawić pędzel jak na głównym obrazku. W ten sam sposób czarnym pędzel malujemy drzewa obok zamku, wybierając pędzle nr 488 i 663 i umieszczając je na warstwach nad i pod zamkiem.

18 kręcenie niebem II

Zniekształcamy jak na zrzutce przy wykorzystaniu opcji Switch between free transform narzędzia do transformacji [Ctrl]+[T]. Możemy zmniejszać krycie poszczególnych warstw skręconego nieba, powielać je, przekształcać, przemieszczać, rozjaśniać itp. - wszystko według uznania, aż uzyskamy zadowalający nas efekt. Jeśli niebo wygląda tak jak chcemy, spłaszczamy warstwy nieba w jedną warstwę.

21 ptaki

Z namalowaniem ptaków sytuacja wygląda podobnie, jednak będzie to nieco bardziej skomplikowane. By nie malować każdego ptaka z osobna zautomatyzujemy pracę, ale musimy wprowadzić kilka drobnych ustawień. Wybieramy pędzel nr 712 i w palecie pędzli ustalamy w sekcji Shape dynamics; Size Jittler 53%, Minimum Diameter 4%, natomiast w sekcji Scatering; Scatter 121%, Count 1%. Ja użyłem takich ustawień, jednak zachęcam do testowania własnych ustawień.

19 zamek zza światów

Zmniejszamy warstwę z zamkiem o ok. 10% przekręcając ją jednocześnie nieznacznie w prawo. Zaznaczeniem prostokątnym zaznaczamy dolną część ze skałą i zamkiem od dołu pod 2 rząd schodów, kopiujemy i wklejamy jako wyższą warstwę. Narzędziem transformacji przekształcamy tak, by koniec zmierzał ku środkowi wiru w niebie. Resztę smugi na końcu dorabiamy narzędziem Smużenie tak jak przy schodach w kroku 7, balansując wytrzymałością narzędzia między 30 a 70%.Na rozmazane elementy nanosimy fakturę skały narzędziem Clone [S].

22 cień zamku

Pozostało nam stworzyć cień zamku i skały. W tym celu wczytujemy zaznaczenie warstwy castle i na nowej warstwie wypełniamy je kolorem czarnym. Odwracamy pionowo i ustawiamy w lewym dolnym rogu przekształcając odpowiednio. Następnie rozmywamy gaussowsko Filter>Blur>Gaussian Blur wpisując w oknie dialogowym tego narzędzia wartość 43 i zmniejszamy krycie do 80%. Zakładamy maskę warstwy i czarno-białym gradientem tworzmy na masce zanikanie cienia.

44

.psd 06/2008 » www.psdmag.org

23 lwy i ostatnie poprawki

Otwieramy plik lions.jpg i usuwamy tło wokół lwów tym razem narzędziem Filter>Extract. Obrysowujemy najpierw za pomocą Edge Highlighter z ustawieniami ze zrzutki, po czym wypełniamy Fill, klikamy podgląd i nanosimy poprawki narzędziem Clenaup i Touchup. Umieszczamy lwy w prawym dolnym rogu, wygładzamy krawędzie, tworzymy cień, przyciemniamy, zmniejszamy nasycenie koloru. Poprawiamy cienie i światła pozostałych elementów obrazu i na tym kończymy.

24 zakończenie

W ten sposób dotarliśmy do końca naszej pracy. Jak się przekonaliście wykonanie takiej grafiki nie jest bardzo trudne, wymaga jedynie wprawy i niewielkiego nakładu pracy. Mam nadzieję, że tutorial jest zachęcający do jeszcze większej inwencji twórczej, ponieważ do takiej grafiki można dodawać szczegóły w nieskończoność, tworząc jeszcze bardziej niebanalne kompozycje. Marcin Kowalczyk

fotomontaż

średni | 50 min. | film i pliki na CD
Photoshop CS2

46

.psd 06/2008 » www.psdmag.org

fotomontaż

filatelistyka
Photoshopa
Kiedy byłem mały kolekcjonowałem znaczki pocztowe. Najbardziej ceniłem te, które były oryginalne, a zdobycie ich było bardzo trudne. Teraz sam tworzę sobie znaczki i wiem, że są to jedyne egzemplarze na świecie.

01 wycinanka

Otwieramy zdjęcie studnia.jpg i robimy trzy kopie, używając skrótu klawiaturowego [Ctrl]+[J]. Możemy wyłączyć podgląd warstwy Tło. Na Warstwie 1 kopia 2 zastosujemy pierwszy filtr: Filtr>Artystyczne>Wycinanka (Filtr>Artistic>Cutout) i ustawiamy następujące parametry: Liczba poziomów (Number of Levels): 6, Uproszczenie ścieżki (Edge Simplicity): 1 oraz Dokładność krawędzi (Edge Fidelity): 3, zatwierdzamy OK. Zmieniamy Tryb mieszania (Blend Mode) na Mnożenie odwrotności (Screen) oraz ustawiamy Krycie (Opacity) na 73%.

03 linie pod kątem – ostatni filtr

Trzeci i ostatni filtr stosujemy na Warstwie 1. Z menu głównego wybieramy Filtr>Pociągnięcie pędzla>Linie pod kątem (Filter>Brush Strokes>Angled Strokes) i ustawiamy następujące parametry: Balans kierunku (Direction Balans): 22, Długość kreski (Stroke Lenght): 8, Ostrość (Sharpness): 3, zatwierdzamy OK. Teraz możemy złączyć ze sobą wszystkie 3 warstwy, na których używaliśmy filtrów, z menu górnego wybieramy Warstwa>Złącz widoczne (Layers>Merge Visible).

02 suchy pędzel

Drugi rodzaj filtru stosujemy na Warstwie 1 kopia. Wybieramy Filtr>Artystyczne>Suchy pędzel (Filtr>Artistic>Dry Brush) i wpisujemy następujące parametry: Rozmiar pędzla (Brush Size): 2, Szczegół pędzla (Brush Detail): 8, Tekstura (Texture): 1, zatwierdzamy OK. Zmieniamy Tryb mieszania (Blend Mode) na Nakładka (Overlay) oraz ustawiamy Krycie (Opacity) na 60%.

04 efekt sepii

Korzystając z menu Obrazek>Dopasuj>Krzywe (Image>Adjustments>Curves) przyciemnimy delikatnie zdjęcie, ustawiając parametry, jak na rysunku. Ponownie powielamy naszą warstwę, używając skrótu klawiaturowego [Ctrl]+[J]. By nasz znaczek wyglądał ciekawiej, użyjemy efektu sepii. Mając aktywną kopię warstwy, wybieramy z menu Obrazek>Dopasuj>Barwa/Nasycenie (Image>Adjustments>Hue/Saturation), zaznaczamy opcję Koloruj (Colorize) i ustawiamy parametry jak na rysunku.

.psd 06/2008 » www.psdmag.org

47

fotomontaż

05 malowanie studni

Mając czarny kolor pędzla, tworzymy maskę warstwy. Przytrzymując klawisz [Ctrl] Klikamy myszką na ikonę Utwórz maskę warstwy (Add a Layer Mask), znajdującą się w dolnym menu palety Warstwy (Layers). Teraz używając białej końcówki pędzla o Twardości (Hardness): 0%, zamalowujemy studnię, odkrywając efekt sepii. Zmieniamy Wielkość pędzla (Brush Size) oraz Krycie (Opacity) w celu precyzyjnego zamalowania obszarów pomiędzy liśćmi. Na koniec zmniejszając Krycie (Opacity) pędzla do około 50%, zamalowujemy obszar znajdujący się wokół studni.

08 przygotowanie narzędzi pod wycięcie
Wybieramy narzędzie Gumka (Eraser Tool) i klikamy na paletę Pędzle (Brushes) znajdującą się w górnym prawym rogu Photoshopa. Wybieramy zakładkę Kształt pędzla (Brush Tip Shape) i wpisujemy następujące wielkości: Średnica (Diameter): 90px, Odstępy (Spacing): 200%. Przytrzymując [Ctrl] klikamy myszką na białą warstwę – na projekcie powinno pojawić się obramowanie warstwy.

znaczka

0 6 detale malarskie studni

Z palety z narzędziami wybieramy Ściemnianie (Burn Tool), ustawiamy suwak Ekspozycja (Exposure) na wartość 50% i manipulując wielkością pędzla zamalowujemy elementy studni, znajdujące się na drugim jej planie. Uzyskamy w ten sposób efekt głębi zdjęcia studni. Korzystając z menu Obrazek>Dopasuj>Krzywe (Image> Adjustments>Curves) ustawiamy parametry, jak na rysunku. Wywołując okno dialogowe skrótem [Ctrl]+[U] ustawiamy następujące parametry: Barwa (Hue): 0, Nasycenie (Saturation): 10, Jasność (Brightness): -21. Za pomocą skrótu [Ctrl]+[E] łączymy ze sobą warstwy.

09 wycięcie znaczka

Przechodzimy do palety Ścieżki (Path) i wybieramy z dolnego menu Utwórz ścieżkę roboczą z zaznaczenia (Make Work Path From Selection). Wybieramy teraz narzędzie Pióro (Pen Tool) i klikamy prawym przyciskiem myszki na naszym projekcie. W oknie, które się pojawiło, wybieramy Obrysuj ścieżkę (Stroke Path), wybieramy narzędzie Gumka (Eraser Tool) i zatwierdzamy OK. Pojawiły się wycięcia wokół znaczka, ale pozostała również ramka; w celu pozbycia się jej wystarczy kliknąć myszką na palecie Ścieżki (Paths) poniżej ścieżki roboczej.

07 przygotowanie tła

W celu wycięcia obrzeży znaczka należy stworzyć nowa warstwę. Z palety Warstwy (Layer) wybieramy Utwórz warstwę (Create Layer) i przenosimy ją na sam dół. Wybieramy Obrazek>Wielkość obszaru roboczego (Image>Canvas Size) w obu rubrykach wpisujemy wartość 85mm. Używając Wiadra z farbą (Paint Bucket Tool), wypełniamy warstwę kolorem białym. W taki sam sposób postępujemy tworząc kolejną warstwę, lecz zamiast wartości 85 wpisujemy 100mm i malujemy ją kolorem czarnym, dzięki czemu będziemy widzieli wycięcia na znaczku. Później zamienimy ją na kolor biały

10 cień wokół znaczka

Dodamy teraz cień wokół naszego znaczka. W tym celu na początek zmienimy kolor warstwy czarnej na biały, używając do tego celu Wiadra z farbą (Paint Bucket Tool). Przechodzimy na warstwę z wyciętym obramowaniem znaczka i z menu palety Warstwy (Layers) wybieramy Dodaj styl warstwy (Add a Layer Style), a w zakładce Cień (Shadow) ustawiamy Odległość (Distance): 0px, Zasięg (Spread): 14% i Wielkość (Size): 46px. Po uzyskaniu satysfakcjonującego efektu łączymy zdjęcie z obramowaniem, klikając na warstwę zdjęcia i naciskając klawisze [Ctrl]+[E].

48

.psd 06/2008 » www.psdmag.org

filatelistyka Photoshopa

11 pieczątka I

Teraz utworzymy pieczątkę na znaczku. Otwieramy wycięty fragment zdjęcia Indigo_10.jpg, które zostało zamieszczone w numerze 06/2007 (23) magazynu .psd i usuwamy z niego kolor poprzez Obrazek>Dopasuj>Usuń kolor (Image>Adjustment>Desaturate). Następnie wybieramy z menu Obrazek>Dopasuj>Poziomy (Image> Adjustment>Levels) i wpisujemy kolejno w Poziomy wejścia (Input Levels) wartości: 75; 0,45; 198, a w rubryce Poziomy wyjścia (Output Levels) wartości: 255; 0.

14 pieczątka II cd.

Robimy cztery kopie warstwy z falką za pomocą skrótu [Ctrl]+[J] i każdą z warstw przesuwamy w dół, używając narzędzia Przesuń (Move Tool) z wciśniętym klawiszem [Shift], co pozwoli na precyzyjne przemieszczanie falek w pionie. Falki rozmieszczamy w taki sposób, aby odstępy między nimi były jednakowe. Teraz pozostało nam połączenie ze sobą falek, naciskając czterokrotnie skrót [Ctrl]+[E], zaczynając oczywiście od najwyższej warstwy. Przesuwamy pieczątkę w górny prawy róg i zmniejszamy Krycie (Opacity) do 80%, a wystające elementy wymazujemy Gumką (Eraser Tool).

12 pieczątka I cd.

Teraz korzystając z narzędzia Przesuń (Move Tool), przytrzymując lewy przycisk myszki na zdjęciu z monetą, przesuwamy je do naszego projektu. Z menu głównego wybieramy Edycja>Przekształć>Skaluj (Edit>Transform>Scale) i przytrzymując [Shift], zmniejszamy zdjęcie, dopasowując je do własnych potrzeb. Teraz zmieniamy Tryb mieszania (Blend Mode) na Mnożenie odwrotności (Multiply) oraz zmniejszamy wartość Krycia (Opacity) do 65%. Używając narzędzia Gumka (Eraser Tool) usuwamy niepotrzebne i wystające poza znaczek fragmenty pieczątki.

15 napis POLSKA 2008

Stworzymy teraz na znaczku napis Polska 2008. Z palety narzędziowej wybieramy Tekst (Text), a z górnego menu aktywujemy paletę Typografia & Akapit (Character and Paragraphs) i wpisujemy następujące wartości: Kolor (Color): #000000, Czcionka (Font): Swis721 Cn Bt, Rozmiar (Size): 50mm. Klikamy ikonkę Pogrubienie (Bold), wybieramy Skalowanie pionowe (Vertical Scale): 110%, zaś Skalowanie poziome (Horizontal Scale) ustawiamy na 120%. Teraz możemy już wpisać: Polska 2008.

13 pieczątka II

Mając już gotową pieczątkę z orzełkiem, przystąpimy do stworzenia pieczątki tzw. falującej. Tworzymy nową warstwę, jak w punkcie przygotowanie tła, wybieramy pędzel o rozmiarze 8px i Twardości (Hardness): 100%. Narzędziem Pióro (Pen Tool) rysujemy falę, jak na rysunku. Następnie zatwierdzając prawym przyciskiem myszki wybieramy opcje Obrysuj ścieżkę (Stroke Path), z okna opcji narzędzia wybieramy Pędzel (Brush) i zatwierdzamy klikając OK. W celu pozbycia się ścieżki klikamy myszką na palecie Ścieżki (Paths) poniżej ścieżki roboczej.

16 cień pod napisem

Kolejnym krokiem tworzenia znaczka będzie dodanie cienia w napisie, który uprzednio stworzyliśmy. W tym celu w rozwijanym menu w palecie Warstwy (Layers) klikamy Dodaj styl warstwy (Add a Layer Style), wybieramy Cień (Shadow) i wpisujemy Odległość (Distance): 0px, Zasięg (Spread): 20% i Wielkość (Size): 13px, natomiast Kolor (Color) zmieniamy na #A2A2A2.

.psd 06/2008 » www.psdmag.org

49

fotomontaż

17 tworzenie ceny I

Stworzymy teraz cenę 150zł na znaczku. Każdą opisana poniżej część napisu (w dwóch kolejnych punktach tutoriala) tworzymy na osobnej warstwie, by móc je swobodnie rozmieścić w projekcie. Z palety narzędziowej wybieramy Tekst (Text), a z górnego menu opcji aktywujemy paletę Typografia & Akapit (Character and Paragraphs) i wpisujemy następujące wartości: Kolor (Color): #2D1A1A, Czcionka (Font): Swiss721 BlkCn BT, Rozmiar czcionki (Font Size): 70mm Klikamy ikonkę Pogrubiony (Bold), wybieramy Skalowanie pionowe (Vertical Scale): 160%, zaś Skalowanie Poziome (Horizontal Scale): 100% i wpisujemy: 1.

20 wywinięcie znaczka II

By wygięcie wyglądało naturalnie, konieczne jest dodanie cienia na znaczku pod wywinięciem. Wybieramy narzędzie Lasso wielokątne (Polygonal Lasso Tool) i obrysowujemy fragment uprzednio wywiniętego znaczka, jak na rysunku. Teraz korzystając ze skrótu klawiaturowego [Ctrl]+[J], kopiujemy zaznaczenie, tworząc nową warstwę. Ponieważ pojawił się cień wokół naszego wycięcia, klikamy prawym przyciskiem myszy na warstwie z wycięciem i wybieramy opcję Wyczyść styl warstwy (Clear Layer Style).

18 tworzenie ceny II

W celu stworzenia (na osobnej warstwie) napisu 50 w palecie Typografia & Akapit (Character and Paragraphs) zmieniamy Rozmiar czcionki (Font Size): 60mm, klikamy dodatkowo ikonkę Podkreślenie (Underline), zmieniamy Skalowanie pionowe (Vertical Scale) na 75%, zaś Skalowanie poziome (Horizontal Scale) na 90%. Napis zł tworzymy identycznie jak napis 50 zmieniając jedynie Skalowanie poziome (Horizontal Scale) na 120% i wyłączając ikonkę Podkreślenie (Underline). Po wykonaniu poszczególnych elementów napisu, za pomocą narzędzia Przesuń (Move Tool) ustawiamy je tak, jak na rysunku tworząc napis 1,50.

21 wywinięcie znaczka III

Ponieważ nasze wycięcie nie było dokładne, z palety z narzędziami wybieramy narzędzie Różdżka (Magic Wand) i klikamy na białym obszarze wyciętego fragmentu wywinięcia znaczka, a następnie z menu głównego wybieramy Zaznacz>Odwrotność (Select> Inverse). Został w ten sposób zaznaczony precyzyjnie fragment obszaru, który chcemy usunąć. Naciskamy [Delete] i pozbywamy się zaznaczenia, wybierając z menu Zaznacz>Usuń zaznaczenie (Seleckt>Deselect) lub używając skrótu [Ctrl]+[D].

19 wywinięcie znaczka I

Wykonamy teraz efekt wywinięcia znaczka. W tym celu przechodzimy na warstwę ze znaczkiem i z menu głównego wybieramy Edycja>Przekształć>Wypaczenie (Edit>Transform>Warp). Na naszym zdjęciu pojawi się kratka – przytrzymujemy myszką prawy dolny róg i przeciągamy go delikatnie do środka. Ponieważ przy tej operacji wyginają się również krawędzie znaczka i tło znaczka, należy wyrównać je, przytrzymując myszką miejsca najbardziej wygięte i przesuwać tak, by krawędź znaczka była jak najprostsza. Ponieważ czynność ta nie jest łatwa, powtarzamy ją aż do uzyskania zadowalającego efektu.

22 ostatnie poprawki

Tworzymy nową warstwę i przenosimy ją pod warstwę z wycięciem. Czarnym pędzlem z miękką końcówką o średnicy 45px malujemy wokół zaznaczenia. Następnie wybieramy Filtr>Rozmycie>Rozmycie gaussowskie (Filter>Blur>Gaussian Blur) i ustawiamy suwak w pozycji 27%. Na palecie Warstwy (Layers) zmniejszamy Krycie (Opacity) do 80%,a na warstwie z wyciętym fragmentem znaczka ustawiamy Krycie (Opacity) do ok. 70%. Tomasz Gądek

50

.psd 06/2008 » www.psdmag.org

fotografia cyfrowa

uwaga
wyboje!
Dziś dla miłośników fotografii i czcicieli Photoshopa tutorial-żarcik, z pomocą którego możemy siostrze lub córce zrobić psikusa dołączając co nieco do jej zdjęcia.
Nie radzę stosować tego triku do fotek np. Pani Nauczycielki, gdyż może okazać się, że nasze poczucie humoru jest zgoła inne niż Szanownej Edukatorki i całość w najlepszym przypadku może zakończyć się na dywaniku u Pana Dyrektora. Pamiętajcie też, że wszelkie działania na czyimś wizerunku muszą być podparte zgodą danej osoby. Ja zakładam, że moja córka zgodę wyraziła, więc przystępujemy do pracy. Cóż takiego będziemy robili? Otóż do zdjęcia naszej modelki dołożymy element obcy – czyli w tym przypadku emblemat w postaci zwykłej przyprasowanki na koszulce. Co będziemy potrzebowali do przyrządzenia tego smakowitego dania? Poza dobrymi chęciami zaopatrujemy się w zdjęcie modela, zdjęcie emblematu oraz którąś z nowszych wersji Photoshopa. Ja użyję angielskiej wersji PS CS3. zdjęć o rozdzielczości mniejszej niż 300ppi zmniejszamy ten parametr do 1-2). Wciskamy OK. Następnie zapisujemy otrzymane zdjęcie jako tzw. mapę używając polecenia File>Save As. Zapisujemy z rozszerzeniem .psd (np. na Pulpicie) nadając nazwę mapa_blue. Po tym wszystkim zamykamy zdjęcie. Wracamy teraz do naszej pierwotnej wczytanej fotografii i przywracamy ponownie wyświetlanie kanału zespolonego RGB – możemy to zrobić wciskając [Ctrl]+[~] (tylda) lub kliknąć w kanał RGB, a następnie klikamy w zakładkę Layers. Kolejny krok to otwarcie drugiego, przygotowanego na początku zdjęcia (emblemat), które naniesiemy jako logo na koszulkę. Ja wybrałem znak drogowy, który nasuwa pewne skojarzenia z anatomiczną budową modelki (Rysunek 4).

zaczynamy pracę...

Wczytujemy do Photoshopa zdjęcie, na którym mamy modela ubranego w koszulkę z miejscem do naniesienia jakiegoś logo (Rysunek 1). Następnie przechodzimy do zakładki Channels i wybieramy ten, który jest najbardziej kontrastowy (oczywiście w miejscu, gdzie będziemy wklejać logo – tutaj: koszulka na piersi modelki). Wybieramy kanał Blue (Rysunek 2). Duplikujemy kanał umieszczając go w nowym dokumencie. W tym celu na zakładce Channels klikamy prawym przyciskiem myszy w kanał Blue i wybieramy z menu kontekstowego polecenie Duplicate Chanel. W oknie które się pojawi w sekcji Dokument z listy rozwijanej wybieramy New (Rysunek 3). Utworzy nam się na ekranie nowy dokument będący powielonym kanałem Blue. Przechodzimy do Filter>Blur>Gaussian Blur i w jego oknie dialogowym promień rozmycia ustawiamy na 3-4px (w przypadku

Rysunek 2.

Rysunek 1.
52

Rysunek 3.
.psd 06/2008 » www.psdmag.org

uwaga wyboje!

Rysunek 7.

Rysunek 4.

Rysunek 8.

Rysunek 5.

Rysunek 6.

Za pomocą dowolnego narzędzia do zaznaczania (ja wybrałem Magic Wand) zaznaczamy znak. Najpierw klikam w białe tło za znakiem, a następnie za pomocą kombinacji klawiszy [Ctrl]+[Shift]+[I] odwracamy zaznaczenie. Mamy zaznaczony emblemat (Rysunek 5). Następnie wybieramy narzędzie Move i przesuwamy nasz zaznaczony znak nad zdjęcie z modelką (Rysunek 6). Naciskamy [Ctrl]+[T], [Ctrl]+[0] i dopasowujemy wielkość naszego logo do koszulki na piersi modelki. Przy dopasowywaniu możemy wciskając klawisz [Ctrl] i chwytając myszką za któryś z węzłów przekształcenia zdeformować emblemat tak, aby jego obraz na koszulce był jak najbardziej wiarygodny. Nie zwracamy na razie uwagi na to, że całość wygląda bardzo sztucznie i płasko. U mnie wyszło coś takiego jak na Rysunku 7. Teraz kolejno wybieramy polecenia Filter>Distort>Displaye. W oknie które się pojawi (Displace) nic nie zmieniamy i klikamy OK. Pojawi się następne okno (Open) gdzie wskazujemy nasz plik mapa_blue.psd i klikamy Open. Już dostrzegamy zmianę na naszym zdjęciu - emblemat jakby się dopasował do faktury materiału. Ale nie jest to jeszcze efekt ostateczny. Jeżeli uznamy, że pofałdowanie jest zbyt małe duplikujemy działanie filtra poprzez wciśnięcie [Ctrl]+[F]. Nadal za mało? Nie krępujcie się – jeszcze raz! Jak uznamy zadawalający nas efekt (pamiętajcie, że zawsze przy użyciu [Ctrl]+[Z] możecie cofnąć ostatni ruch jak przedobrzycie) zmieniamy sposób mieszania warstw na Multiply i otrzymujemy przyprasowankę pozbawioną białego koloru (Rysunek 7). Brak białego tła w emblemacie moim zdaniem niekorzystnie wpływa na całość naszej pracy więc pozostając przy trybie Normal zmniejszam Opacity do ok. 65%. To co wybierzecie zależy od Waszej wizji artystycznej i uprawdopodobnienia ostatecznego efektu. Pozostało spłaszczyć obrazek. Nasz nadruk jest gotowy (Rysunku 8). Andrzej Petelski (Petel)
.psd 06/2008 » www.psdmag.org 53

fotografia cyfrowa

personalizacja
fotografii
diagnoza pierwsza: Są takie trzy rzeczy w każdym z nas, które ktoś niedawno połączył w bardzo fajne narzędzie do robienia sobie ciekawych prezentów. Wszystkie trzy diagnozy są może nieszczególnie odkrywcze, ale ich połączenie stworzyło kilka lat temu coś, co nazwano personalizacją fotografii.
Jesteśmy wzrokowcami. Wszyscy, bez wyjątku. Obrazy oddziałują na nas o wiele mocniej niż słowa; to one mają moc przekazywania emocji. Wystarczy spojrzeć na encyklopedie emocji, czyli tabloidy. Gazety, które płacą fortuny nie za cięte i błyskotliwe pióro, ale za cierpliwość siedzenia w krzakach i polowania na znanych i lubianych. Nigdzie, tak dobrze jak tam nie realizuje się zasada, że obraz potrafi powiedzieć więcej niż tysiące słów.

diagnoza druga:

Mamy w głowie coś takiego, co błyskawicznie ze szmeru dziesiątek prowadzonych wokół nas rozmów, wyłapuje nasze imię lub nazwisko i kieruje naszą uwagę w stronę tej rozmowy. Nie koncentrujemy się na żadnej z konwersacji, ale jakoś, dziwnym trafem, nasze imię zawsze dojdzie do naszych uszu. Mówią o nas! (jeżeli chcecie dowiedzieć się więcej: google coctail party effect).

diagnoza trzecia:

Każdy z nas ma w sobie coś z Narcyza. Lubimy siebie, a przynajmniej staramy się lubić siebie i wszystko co się z nami wiąże.

personalizacja fotografii – co to jest?

Te trzy obserwacje niełatwej ludzkiej natury sprawiły, że ktoś przytomnie stwierdził, że emocje niesione przez obrazy połączone z naszym narcystycznym przywiązaniem do nas samych oraz bezwiedną reakcją na nasze własne imię, mogą dać bardzo ciekawy efekt. Tak powstała personalizacja fotografii – technologia umożliwiająca nadawanie zdjęciom indywidualnego charakteru. Osiągnęliśmy mistrzostwo w personalizowaniu naszych telefonów komórkowych (ustawiając coraz bardziej fantazyjne dzwonki lub doklejając telefoniczną biżuterię) czy komputerów (ustawiając na tapecie swoich ukochanych mężczyzn, swoje ukochane kobiety, dzieci, zwierzęta). Czujemy wtedy, że wszystkie te bezduszne przedmioty są przez to trochę bardziej nasze. Jak jednak spersonalizować zdjęcie, w dodatku takie, które zostało zrobione kilka miesięcy temu przez nieznanego nam człowieka, gdzieś w odległym zakątku świata? Jak spersonalizować zdjęcie

Rysunek 2. Motyw z galerii roffo.pl

Rysunek 1. Fragment serwisu www.roffo.pl, wystarczy wybrać jedno z ponad 100 zdjęć i wpisać swój osobisty tekst
54

Rysunek 3. Motyw z galerii roffo.pl

psd 06/2008 » www.psdmag.org

personalizacja fotografii

Rysunek 4. Motyw z galerii roffo.pl

Big Bena czy tablicy na stadionie w Chicago? Jak sprawić, by zdjęcie słynnej londyńskiej budowli czy Wrigley Stadium było jedyna w swoim rodzaju – tylko nasze? Personalizacja fotografii realizowana przy pomocy technologii AlphaPicture jest sposobem na umieszczanie dowolnej treści na zdjęciach charakterystycznych obiektów lub miejsc (np. angielska czerwona budka telefoniczna, kadłub samolotu, tablica informacyjna na lotnisku we Frankfurcie). Osobisty tekst, np. imię i nazwisko, zostaje umieszczony w miejsce oryginalnego napisu, zachowując jednak wrażenie autentyczności stylu czcionki napisu. Zastosowanie zaawansowanych technik modelowania graficznego sprawia, że jedynym ograniczeniem dla personalizacji obrazu stają się ludzka wyobraźnia oraz pomysłowość, a uzyskany efekt jest nie tylko estetyczny, ale przenosi ze sobą ogromny ładunek emocjonalny. W końcu kto by nie chciał mieć ulicy własnego imienia... Roffo.pl to jedyny w Polsce serwis internetowy, który umożliwia automatyczną personalizację fotografii. Możecie w kilka sekund stworzyć niepowtarzalne – bo z własnym tekstem – zdjęcia. Do wyboru jest ponad 110 motywów, każdy znajdzie coś ciekawego dla siebie. Stworzone przez siebie personalizowane zdjęcie można następnie umieścić w fotoksiążce, na plakacie lub w kalendarzu. Roffo.pl umożliwia również tworzenie produktów ze zdjęciami użytkowników. Wystarczy się zalogować, wgrać zdjęcia i ułożyć z nich fotoksiążkę, plakat lub kalendarz. Wszystko dzieje się online, nie trzeba instalować żadnego oprogramowania. Wydruki zostaną dostarczone do Was już po 3 dniach! Program jest bardzo prosty w obsłudze, a mimo to, posiada wiele przydanych funkcji tak, aby nie ograniczał w żaden sposób pomysłowości oraz twórczej weny użytkownika. Zdjęcia można obracać, kadrować, zmieniać ich rozmiar, można dodawać kolorowe tła, napisy w wielu czcionkach oraz formatach. Kalendarz z roffo.pl wcale nie musi rozpoczynać się od stycznia, sami wybieracie miesiąc i rok początkowy, jak również kolor oraz rodzaj kalendarium. Fotoksiążki, jako nieliczne na rynku, posiadają twardą okładkę dającą się w pełni zaprojektować, możecie zamieścić napis nawet na grzbiecie książki. Jan Biłyk

Rysunek 6. Motyw z galerii roffo.pl

Rysunek 5. Motyw z galerii roffo.pl

Rysunek 7. Motyw z galerii roffo.pl
psd 06/2008 » www.psdmag.org 55

protechnika

Fot. Mennica Polska SA

blister
dla Mennicy
Proces tworzenia, wydawałoby się nieskomplikowanego pudełka, w którym zamknięte są monety, wcale nie jest taki prosty. Przebiega przez kilka etapów, począwszy od zaprojektowania formy wizualnej, na odpowiednim dobraniu procesów poligraficznych kończąc.
56 .psd 06/2008 » www.psdmag.org

blister dla Mennicy
Wszystko to oczywiście zaczyna się od zlecenia. W tym przypadku mamy do czynienia z blistrem Mennicy Polskiej SA – monety obiegowe i kolekcjonerskie Jan Paweł II wydane z okazji rocznicy pontyfikatu. Przystępujemy zatem do pracy...

etap I – pomysł i jego wizualizacja

Zarys koncepcji blistra otrzymujemy najczęściej z Działu Marketingu Mennicy Polskiej SA. W praktyce, po opracowaniu własnej wizji projektu, opartej na otrzymanych założeniach, przeprowadzamy długie konsultacje z projektantami Mennicy Polskiej i wspólnie wypracowujemy docelowy wygląd blistra. Tak opracowany projekt jest w pełni zgodny z jego koncepcją merytoryczną, jak i funkcjonalną. Wielokrotne konsultacje z projektantami mennicy na każdym etapie tworzenia nowego produktu pozwalają dopracować projekt w każdym szczególe. Blister de facto jest to folia, w której zamknięte są monety, jednak potocznie przyjęło się nazywać blistrem całość produktu. Na potrzeby tego artykułu przyjmiemy, że blister to cały produkt, na który składa się folia, książeczka z opisem oraz etui. Choć wydawałoby się, że na początku projektuje się najbardziej zewnętrzną część, to jednak nie jest to prawdą. Ze względu na to, że rozmiar etui jest wypadkową narzuconą nam przez grubość tektury, grubość folii oraz grubości i ilości samych monet, jest ono projektowane na końcu. Musimy jednak pamiętać, że pudełko, nazywane w mennicy zabawnie pochewką, nie tylko ma być funkcjonalne, ale także wygodne dla użytkownika. Z uwagi na pracowników drukarni sklejających całość ważne jest również, by było niezbyt skomplikowane. Pozwala to zaoszczędzić mnóstwo czasu na etapie introligatorni. Ponieważ etui projektuje się ostatnie, pierwszą kwestią jest forma, w jakiej będzie zamknięta całość. Jest to o tyle istotne, iż monety możemy rozmieścić w różny sposób – w pionie, w poziomie, rzędami lub nawet po skosie. Nasz blister zawiera kolekcję monet obiegowych oraz dwie okolicznościowe, zatem jest to 11 monet różnej wielkości, których położenie należy zgrabnie rozplanować. Wstępnym założono, że format książeczki będzie kwadratem, zatem zgrabne ułożenie wszystkich monet wcale nie jest takie proste. Biorąc pod uwagę odległości technologiczne krawędzi monet od krawędzi kartki oraz fakt, że przy każdej monecie znajduje się opis techniczny, postanowiliśmy rozmieścić monety następująco (Rysunek 1). Sam środek blistra to odpowiednia folia podlegająca tłoczeniu termicznemu. Jej grubość dobiera się do grubości najcieńszej prezentowanej monety. Oczywiście to, jak będzie zamykany blister w książeczkę również zależy od nas. Musimy jednak myśleć o tym, że monety nie mogą się przesuwać i powinny być widoczne w całości, bez rozrywania blistra. Zatem folia będzie tłoczona, tworząc kieszonkę z jednej strony i płaską ściankę z drugiej (Rysunek 2). Cały problem polega na tym, by wyobrazić sobie efekt końcowy zanim powstanie całość oraz żeby umieć przewidzieć, jak będą przebiegały kolejne procesy technologiczne. Doświadczenie w tego typu pracach mówi, że folia musi być mniejsza od formatu książeczki tak, aby można było bez problemu ją wkleić i zakleić całość (Rysunek 3). Książeczka jest zarówno opakowaniem na folię, jak i częścią informacyjną. Przy jej projektowaniu bierzemy pod uwagę grubość papieru lub kartonu, z jakiego będzie wykonywana. W tym przypadku jest to karton o gramaturze 300 g/m². Bardzo przydatne przy projektowaniu wszelkich opakowań są po prostu makiety rozrysowywane na zwykłej kartce, wycięte i poskładane. Pozwalają one przeanalizo-

Rysunek 2.Przekrój przez bok blistra wać sposób składania całości, rozmieszczenie zakładek na sklejkę, czy sposób zamykania. Taka wizualizacja, szczególnie kiedy wycinamy makietę z kartonu, pozwala także określić właściwości zginania danego materiału (o ile nie są nam znane), co pomaga w wyznaczeniu marginesu niezbędnego przy bigowaniu czy sztancowaniu. Pozostaje jeszcze etui. Pamiętając o wymiarach, jakie ma książeczka, rozrysowujemy pudełko (oczywiście większe o milimetr czy dwa, żeby książeczka bez problemu wchodziła do środka). W naszym przypadku zaprojektowaliśmy opakowanie w formie koszulki, w które książeczka będzie wsuwana. Nie możemy zapomnieć o wygodnym wyjmowaniu książeczki z opakowania. Tę funkcję załatwi półokrągłe wycięcie (Rysunek 4). Całość rozrysowanego przez nas blistra, książeczki oraz etui przenosimy na wektory. Zaznaczamy wszelkie niezbędne wymiary – odległości, średnicę monet, grubości monet, miejsca sztancowania i bigowania, tworząc w ten sposób wzór wykrojnika. Będzie on dla nas podstawą dalszego projektowania. Gotowy plik wysyłamy do firmy produkującej wykrojniki. Nasz model wygląda tak: (Rysunek 5).

etap II – grafika i treść

Kiedy mamy już przygotowany wektorowo wykrojnik, możemy zacząć projektować grafikę. Nie zapominając o spadach i potrzebnych marginesach, przygotowujemy layout. W tym przypadku pomysłem było zdjęcie monet z wizerunkiem Jana Pawła II pokryte miejscowo złotym nadrukiem. Całość kompozycji musi być oczywiście spójna w formie i w kolorze. Ponieważ założyliśmy, że monety użyte na pierwszej stronie będą większe od oryginałów, były nam potrzebne zdjęcia znakomitej jakości. Profesjonalne zdjęcia otrzymujemy z mennicy, która korzysta z fotografów wyspecjalizowanych w fotografowaniu monet i numizmatów. Monety fotografuje się bardzo trudno. Głównie dlatego, że są

Rysunek 3.Wizualizacja książeczki z blistrem

Rysunek 1.Model blistra

Rysunek 4.Model pudełka
.psd 06/2008 » www.psdmag.org 57

protechnika

Rysunek 5.Model wykrojnika jest tworzony 1:1, zatem niezbędne stają się linie pomocnice

Rysunek 7.Kolor + nałożenie efektu + wypaczanie

Rysunek 8.Przygotowane pliki do cromalinów
dzić oczywiście cały dzień na szukaniu odpowiedniego zdjęcia i słono za nie płacić, a można sfotografować białą satynową koszulkę, nałożyć kolor i odpowiednio wymodelować, oszczędzając czas i pieniądze. Nie ważne jak, ważne że oczekiwany efekt został osiągnięty (Rysunek 7). Oczywiście w projekcie pewne elementy są obligatoryjne – mam tu na myśli logo Mennicy Polskiej SA oraz pasek menniczy, widoczny na pierwszej stronie. Całość grafiki wykonanej w Photoshopie przenosimy do programu służącego do składu publikacji. W naszym przypadku był to InDesign. Tutaj znów pomocna okazuje się złożona makieta, przygotowana ze zwykłej kartki papieru – wystarczy na niej zaznaczyć, która strona jest zadrukowana a która nie, rozłożyć i nie musimy się martwić o to, że coś pomylimy. Zakładamy pracę o odpowiednich wymiarach, nie zapominając o marginesach i spadach. Na osobnej warstwie (która powinna być na wierzchu) wczytujemy zarys wykrojnika. Będzie on potrzebny przy kompozycji tekstów. Na kolejną warstwę wczytujemy grafikę przygotowaną w Photoshopie. Jeżeli prawidłowo ustawiliśmy rozmiar dokumentu, spady i marginesy, to wszystko wpasuje się co do milimetra. Należy pamiętać, że w InDesignie spady są dodawane poza obszarem pracy, w przeciwieństwie do Photoshopa, gdzie należy doliczyć wielkość spadów do rozmiaru arkusza. Teksty polskie i angielskie (na szczęście otrzymujemy od klienta) rozmieszczamy w InDesignie tak, żeby tworzyły ładną całość. Dla ubarwienia projektu zastosowaliśmy inicjały oraz zróżnicowaliśmy krój liter. Oczywiście pomijamy tu całą kwestię licznych korekt i poprawek nanoszonych przez projektantów Mennicy i Dział Marketingu. Zarówno blistry, jak i pojedyncze monety czy medale muszą posiadać certyfikat. Projekt certyfikatu, w całości wymyślony i opracowany przez nasze studio, jest modyfikowany w zależności od specyfiki monet, jednakże pozostaje spójny z innymi certyfikatami tworzonymi dla Mennicy Polskiej SA, która przekazała nam treść i założenia do certyfikatu. Tym sposobem mamy przygotowaną pracę. Pozostaje jeszcze kwestia jak uzyskać zamierzoną kolorystykę. Wymyśliliśmy kilka wa-

Rysunek 6.Plamkowanie + dołożenie krawędzi + [Ctrl]+[U] + [Ctrl]+[L]
one płaskorzeźbą i zachowują się jak lusterko. Ponieważ nie można ustawić obiektywu pionowo nad monetą (powstaje płaski wizerunek), monety nigdy nie są idealnym kołem. Czasami trzeba połączyć ze sobą dwa zdjęcia jednej monety, żeby uzyskać efektowną całość. Obie monety z kolei należało odplamkować oraz zmienić ich kształt z elips na koło. Tutaj oczywiście niezastąpiony jest Photoshop, gdzie przy pomocy kilku prostych narzędzi uzyskujemy oczekiwany efekt (Rysunek 6). Bardzo pomocne, a nawet niezbędne, jest wczytanie na osobną warstwę rozrysu wykrojnika. Pozwala to uniknąć przeróbek, związanych na przykład ze złym dopasowaniem marginesów. Ostatecznym wykończeniem zdjęcia monet było dodanie cienia i odbicia (bliku). Prócz standardowego efektu dodaliśmy cień rozrysowany na krzywych, żeby uzyskać realistyczny cień. Po wczytaniu zaznaczenia i zmianie parametrów wtapiania, wlany został czarny kolor i zmniejszona została jego przezroczystość. Rzucane przez jedną z monet podświetlenie wykonane jest analogiczne, tyle że z kolorem białym. Końcówki w bliku dopracowaliśmy miękkim półprzezroczystym pędzelkiem, tworząc efekt zanikania. Zdarza się, że wymyślony projekt napotyka na barierę w postaci braku odpowiedniej grafiki. Przykładem na to, jak za pomocą Photoshopa poradzić sobie z taką kwestią, była flaga w naszym projekcie. Można spę58

.psd 06/2008 » www.psdmag.org

Rysunek 9.Nałożone paski taśmy
riantów nakładania koloru złotego na okładkę i książeczkę. Między innymi, zastąpienie w całym projekcie koloru żółtego kolorem złotym, nadrukowanie osłabionego koloru złotego na CMYK, nadrukowanie wzmocnionego koloru złotego na CMYK z osłabionym żółtym kolorem, czy poddrukowanie pod kolor żółty koloru srebrnego, co także w rezultacie daje odcień złotego. Aby klient mógł zobaczyć, jak to będzie wyglądało w druku, wykorzystaliśmy cromaliny z użyciem dwóch kolorów Pantone. Pomimo, że uzyskaliśmy bardzo ładne efekty na cromalinach, klient, kierując się aspektami finansowymi finalnego produktu (kolor złoty jako kolor pantonowy jest drukowany jako piąty – dodatkowy), wybrał opcję druku z samego CMYK (Rysunek 8).

Rysunek 10.Gotowy blister, fot. Mennica Polska S.A.
kie paski taśmy dwustronnie klejącej po obwodzie oraz pomiędzy monetami (stanowi to dodatkowe zabezpieczenie przed poruszaniem się monet) (Rysunek 9). Konfekcjonowanie monet i umieszczanie ich w blistrach, sklejanie samych blistrów oraz składanie i sklejanie całej książeczki odbywa się w mennicy. Każda moneta umieszczana jest z ogromną dokładnością w kieszonkach tak, by była widoczna pod odpowiednim kątem. Co ciekawe, Mennica Polska, dbając o wzorową jakość swoich produktów, dodatkowo przeprowadziła testy na wypadek gdyby klej zawarty w taśmie dwustronnie klejącej reagował niewłaściwie ze stopami metali, z których wykonane zostały monety. Tak przygotowany blister jest gotowy do sprzedaży. (Rysunek 10). Trzeba przyznać, że nakład pracy włożonej w przygotowanie całości i czas temu poświęcony, jest faktycznie imponujący. Jednakże zobaczenie na żywo tego, co cały czas istniało tylko w wyobraźni projektanta jest zawsze wielkim przeżyciem, które prócz wynagrodzenia finansowego jest nagrodą samo w sobie. Projekt blistra – Witold Krysiak – Studio Art Rodar Opracowanie tekstu i grafiki – Małgorzata Rodek – Studio Art Rodar

etap III – produkcja

Pliki w formacie PDF (etui + książeczka) powędrowały do drukarni. Wydrukowane arkusze zostały uszlachetnione przez nałożenie folii błyszczącej i wysztancowane – dodatkowo etui zostało złożone i sklejone. Aby umożliwić sprawne sklejenie książeczki w drukarni, zostały naklejone w odpowiednie miejsce taśmy dwustronnie klejące. Plastikowe blistry zostały wytłoczone przez firmę, specjalizującą się w tego typu pracach. Tam również zostały naklejone cieniut-

REKLAMA

59

protechnika

cała prawda
o krzywych
Operacje na krzywych dają użytkownikowi bardzo duże możliwości manipulacji obrazem. Wprawny grafik jest w stanie za ich pomocą nie tylko poprawić niedoświetlone zdjęcie, ale również osiągnąć efekty typu crossproces czy niebanalny kontrast.
Jednak nieczęsto mówi się o działaniu odwrotnym – analizowaniu działania efektu na podstawie wykresu krzywych. Posługując się tym relatywnie prostym sposobem, można rozgryźć niejeden photoshopowy filtr i zasymulować jego działanie. Teraz wiemy już dokładnie, co dzieje się z pikselami naszego obrazka. Zamiast używać warstw dopasowania z ustawionymi różnymi trybami mieszania, możemy pokusić się o zastosowanie odpowiednie wygiętej krzywej, uzyskując tym samym większą kontrolę nad działaniem efektu.

analiza wykresu

Aby sprawdzić, jak tak na prawdę działają filtry i tryby mieszania napisałem prosty program wyświetlający wykres krzywych na podstawie dwóch plików: przed i po zastosowaniu efektu. Aby uzyskać jak najwierniejszy obraz przekształcenia postanowiłem jako źródła użyć obrazka, na którym znajdują się wszystkie możliwe kolory. Jego wygenerowanie również nie było trudne. Jako że w trybie 8-bitowym na każdy z trzech kanałów przypada dokładnie 256 różnych wartości, na finalnym obrazie znalazło się 256^3 = 16777216 kolorów. Dzieląc je na kwadraty, w których jedna składowa jest stała, a pozostałe dwie zmieniają się i rozkładając je równomiernie, otrzymamy obrazek o rozdzielczości 4096x4096 px (Rysunek 1). Można to porównać ze zdjęciem z aparatu o 16 megapikselowej matrycy. Wygenerowana grafika zajmuje w pamięci około 50Mb, co w dzisiejszych czasach wcale nie jest wartością imponującą. Tak przygotowane źródło można wczytać do edytora graficznego, wykonać na nim pewne operacje i zapisać, oczywiście w formacie bezstratnym, takim jak TIFF. Kolejnym krokiem jest wczytanie nowo powstałego obrazka do mojego programu. Po chwili przetwarzania na ekranie zostaną zaprezentowane wykresy dokładnie obrazujące to, co stało się z przetwarzaną grafiką. Wykres generowany przez program odczytujemy dokładnie w ten sam sposób, jak wykres w oknie Krzywych. Oś pozioma reprezentuje wartości wejściowe, pionowa – wyjściowe. Najmniejszej luminacji odpowiada lewy dolny punkt wykresu, największej – prawy górny. Na sam koniec możemy stworzyć plik .AMP, który za pomocą tylko jednego wywołania krzywych (lub tylko jednej warstwy dopasowania) pozwoli nam na odtworzenie efektu. W przypadku filtrów, których działanie zależy na przykład od koloru sąsiadujących pikseli lub zmienia się wraz ze zmianą luminacji, symulacja jego działania za pomocą krzywych może być niemożliwa.

Dodge&Burn – fakty i mity

W wielu tutorialach spotkałem się ze stwierdzeniem, że najlepszą, niedestrukcyjną symulacją narzędzi Dodge i Burn jest warstwa w trybie soft light, na której malujemy czarnym lub białym kolorem, z odpowiedni ustawionym kryciem. Testy z wykorzystaniem krzywych bezsprzecznie ten fakt potwierdzają. Najpierw obraz testowy został pomalowany za pomocą Burn Tool z ustawionym kryciem 100% i zakresem: midtones, a następnie zapisany. Druga próbka powstała poprzez dodanie nowej warstwy, ustawienie krycia na soft light oraz wypełnienie jej białym kolorem. Wykresy powstałe z obu prób okazały się identyczny. Analogiczny test został przeprowadzony dla narzędzie Dodge Tool i zakresów highlights oraz shadows. Warto zwrócić uwagę co dzieje się z informacjami o kolorze przy stosowaniu dwóch ostatnich zakresów. Jak widać na rysunku, następuje tu zwyczajne, brutalne obcięcie informacji. Tak samo dzieje się, gdy przesuwamy skrajne uchwyty w oknie Levels. Z tego powodu, powinniśmy unikać stosowania tych zakresów na rzecz innych rozwiązań. Na Rysunku 3 można zaobserwować działanie narzędzi Burn Tool (kolor zielony) oraz Dodge Tool (kolor czerwony) we wszystkich trzech trybach shadows (s), midtones (m) oraz highlights (h).

nie dotykać, bo zepsuje!

prawdziwe oblicze trybów mieszania

Wydawałoby się, że o trybach mieszania napisano już wszytko. W prasie oraz Internecie można znaleźć mnóstwo tekstów opisujących ich działanie. Są to zazwyczaj mniej lub bardziej skomplikowane wywody, kończące się stwierdzeniem, że aby naprawdę poznać temat, trzeba samodzielnie z trybami mieszania eksperymentować. Mimo to, spróbujmy zobaczyć co tak naprawdę dzieje się z naszym obrazkiem, gdy skopiujemy warstwę tła (Layer via copy), [Ctrl]+[J] i dla tak powstałej warstwy ustawimy tryb mieszania na inny niż normal. Dokładnie taki sam efekt uzyskamy dodając warstwę dopasowania Levels i zmieniając jej tryb mieszania. Dla niektórych trybów (lista_trybów) nie zaobserwujemy żadnych zmian. Okazuje się, że efekty działania pozostałych da się przedstawić za pomocą krzywych (Rysunek 2).
60

Niektóre opcje i suwaki w powszechnie używanych dialogach powinny być oznaczone wyraźnym ostrzeżeniem. Za ich pomocą możemy w bardzo prosty sposób zrujnować efekty naszej pracy. Zwłaszcza, jeśli nie korzystamy z warstw dopasowania. Na początku przyjrzyjmy się bardzo użytecznemu dialogowi Hue/ Saturation. W sekcji Edit: master, zmiany dokonane za pomocą suwaka Lightness są bardzo niekorzystne. Rysunek 4 przedstawia krzywą dla wartości +50 tego parametru. Identyczny efekt uzyskujemy ustawiając w oknie Levels w sekcji Output levels czarny uchwyt na środek zakresu, czyli wartość 127. W taki właśnie sposób pozbywamy się z obrazka wszystkich odcieni kolorów ciemniejszych od 50-procentowej szarości. Ustawiając za pomocą tego suwaka wartość ujemną, pozbywamy się świateł, co skutkuje poszarzeniem obrazka. Gdy edytujemy tylko fragmenty widma (czerwienie, żółcie, itd.) efekty są du-

Rysunek 1. Obraz zawierający wszystkie możliwe kolory (8-bit)

.psd 06/2008 » www.psdmag.org

cała prawda o krzywych

Rysunek 2. Reprezentacja trybów mieszania za pomocą krzywych żo subtelniejsze. Dzięki szaremu obszarowi mamy możliwość stopniowego zmniejszania stopnia zmian wraz ze zmianą koloru. Jednak w dalszym ciągu, działanie filtra jest takie samo – proste odcięcie ciemniejszych bądź jaśniejszych odcieni. Powinniśmy zatem bezwzględnie unikać stosowania suwaka Lightness w trybie edycji master, i nie nadużywać go przy edytowaniu zakresów barw. Przejdźmy teraz do dialogu Brightness/Contrast. W trybie legacy lub w wersjach photoshopa wcześniejszych niż CS3 (czy CS2? Kiedy wprowadzono nowy algorytm?) jego działanie było, delikatnie mówiąc, kiepskie. Suwak odpowiadający za jasność działa identycznie jak wcześniej opisywany Lightness powodując obcięcie świateł bądź cieni. Kontrast uzyskiwany jest poprzez symetryczne rozszerzanie partii świateł i cieni, tak jakbyśmy przesuwali ku środkowi czarne i białe suwaki w sekcji wejściowej poziomów (Rysunek 5). Większą kontrolę daje nam nawet najprostszy dialog Levels. Sytuacja zmieniła się wraz z wprowadzeniem nowego algorytmu. W zakresie dodatnim za regulację kontrastu odpowiada ładnie ukształtowana krzywa, podobna do tej obrazującej działanie soft light lub hard light. Do zmian jasności służy krzywa zbliżona do screen. W zakresie ujemnym jest podobnie. jednak nie zawsze jest to najlepsze rozwiązanie. Jeśli wszystkie te modyfikacje da się wykonać za pomocą tylko jednej warstwy krzywych, czemuż by tego nie zrobić? Na dowolnym obrazku dodajmy kolejno kilka warstw dopasowania: Levels [Input: 7, 232] | Curves [point list: (0, 0), (53, 45), (179, 225), (255, 255)] | Curves [point list: RED: (0, 0), (55, 52), (172, 205), (255, 255); GREEN: (0, 0), (62, 81), (157, 152), (255, 255); BLUE: (0, 21), (96, 84), (187, 191), (255, 255) | Color Balance [Shadow Le-

jeden zamiast wszystkich

Pracując na warstwach dopasowania, możemy szybko dojść do stanu, gdzie za pomocą kilku krzywych, poziomów oraz warstw Color Balance otrzymaliśmy upragniony efekt. Kłopoty zaczynają się wtedy, gdy zdecydujemy się dokonać pewnych modyfikacji. W takim stosie warstw jest całkiem prawdopodobne, że dany kolor modyfikowany jest kilkukrotnie, poprzez przyciemnianie czy rozjaśnianie jego odcieni. Rzecz jasna korekcji można dokonywać tworząc kolejną warstwę,

Rysunek 3. Dodge&burn
61

.psd 06/2008 » www.psdmag.org

protechnika

vels: -9, 0, 22; Midtone Levels: -85, -18, -30; Highlight Levels: 2, 0, 22]; Curves: [point list: (0, 0), (139, 133), (186, 170), (255, 255)]. Warstwy te umieśćmy w osobnej grupie. Najłatwiej zrobić to zaznaczając wszystkie warstwy dopasowania i trzymając wciśnięty klawisz [Shift] kliknąć na ikonę tworzenia nowej grupy. Pełny log dostępny jest na CD, w pliku layersLog.txt. Dzięki tym przekształceniom uzyskaliśmy pewną odmianę efektu cross-process. Oczywiście parametry możemy dostosować dowolnie, wedle własnego uznania. Gdy osiągnęliśmy już zamierzony efekt, otwórzmy obrazek testowy i przeciągnijmy do niego utworzone warstwy dopasowania. Połączmy wszystkie warstwy [Ctrl]+[Shift]+[E]. Zapiszmy nowo powstały obrazek pod dowolną nazwą, w formacie TIFF, następnie wczytajmy go do mojego programu. Po krótkiej chwili zobaczymy co tak naprawdę dzieje sie z naszym obrazkiem (Rysunek 6). Kliknijmy teraz przycisk Generate AMP file i wskażmy gdzie plik ten ma być zapisany. Spowoduje to wygenerowanie mapy przekształcenia, którą możemy użyć w oknie Krzywych. Wróćmy zatem do Photoshopa. Jeśli jeszcze nie zamknęliśmy testowego obrazka, możemy zrobić to teraz. Otwarty powinien być jedynie obrazek (zdjęcie) na którym dostrajaliśmy ustawienia. Wyłączmy widoczność grupy z warstwami dopasowań. Poza grupą dodajmy warstwę Curves, z menu panelu wybierzmy Load Preset... (Rysunek 7.), następnie zmieńmy typ pliku na Map Settings (*.AMP), wskaż-

Rysunek 6. Wykresy generowane przez Analizator krzywych

Rysunek 7. Jedna warstwa zamiast wielu

Rysunek 4. Hue/Saturation, Lightness: +50

my plik wygenerowany przez program, zatwierdźmy wybór klikając OK. Do okna dialogowego krzywych została wczytana nasza mapa przekształcenia. Tryb edycji ustawiony jest na niezbyt wygodne narzędzie rysowania punktów. Przekształćmy punkty na wygodne krzywe, klikając ikonę Edit points to modify the curve (patrz rysunek). Aby zmieniony tryb edycji został zachowane musimy ruszyć (czyli kliknąć, przytrzymać lewy przycisk myszy, przesunąć w na pozycję, wrócić do pozycji wyjściowej, zwolnić przycisk myszy) dowolny punkt krzywej. Najłatwiej jest to zrobić z którymś ze skrajnych punktów głównego kanału RGB. Równie dobrze możemy dodać jakiś punkt a następnie go usunąć. Zatwierdźmy zmiany klikając OK. Sprawdzimy teraz, czy faktycznie efekty są takie same. W tym celu włączmy opcję Make Layer Visibility Changes Undoable znajdującą się w opcjach palety historii. Następnie wyłączamy widoczność nowej warstwy z krzywymi, włączamy widoczność grupy z warstwami dopasowań. Teraz możemy cofnąć się o dwie oprtacje, klikając na odpowiednią pozycję na liście historii. Szybkie przełączanie się między obiema wersjami uzyskamy korzystając ze skrótu [Ctrl]+[Z]. Jak (mam nadzieję) widać, efekt uzyskany za pomocą jednej warstwy krzwych jest identyczny z uzyskanym za pomocą całej grupy. Na połączonym wykresie o wiele łatwiej widać faktyczne działanie przekształceń. Możemy również bardzo prosto wprowadzać zmiany, na przykład korygować niepożądane obcinanie na którymkolwiek z kanałów. Zyskaliśmy możliwość zarządzania zmianami kolorystycznymi za pomocą tylko jednego okna!

co dalej?

Rysunek 5. Efekt zamiany kontrastu za pomocą Brightness/ Contrast (legacy)
62

Na zakończenie, chciałem zachęcić wszystkich czytelników do odkrywania prawdziwego funkcjonowania filtrów i efektów. Co prawda nie za każdym razem uda się rozwikłać zagadkę za pomocą tak prostego narzędzia, jednak w wielu wypadkach przyczyni się to do głębszego zrozumienia tego, co dzieje się z obrazem. Zapraszam również na moją stronę domową, gdzie będzie można znaleźć nowe wersje programu, z którego korzystałem w tym artykule. Udanych eksperymentów! Damian Sepczuk

.psd 06/2008 » www.psdmag.org

recenzje

Paint.NET
komercyjny gigant Adobe?
W dobie grafiki komputerowej na wysokim poziomie zostaje nam, szarym użytkownikom komputera jedynie wybór środowiska, w którym będziemy pracować. Profesjonaliści, którzy zarabiają robiąc grafikę zapewne wybiorą Photoshopa lub inny komercyjny, drogi program.
Inaczej sprawa się ma z nami, czyli hobbystami, którzy nie mają zamiaru wydawać dużych pieniędzy na rozbudowany program, z którym później mogą wyniknąć problemy natury ludzkiej takie jak np. niezrozumiałość programu a co za tym idzie gubienie się w jego opcjach. Z pomocą przychodzą nam programy darmowe, udostępniane na licencji, która umożliwia tworzenie w nich grafiki, którą później możemy sprzedawać bez ograniczeń. Jednym z takich programów jest Paint.NET, który jest obiektem tej krótkiej recenzji. Paint.NET jak sama nazwa wskazuje jest programem napisanym na platformę .NET w C# a co za tym idzie, większość czytających pomyśli, że to program jedynie dla Windowsa. Tak pomyśleli zapewne Ci, którzy nie znają tego programu albowiem powstała wersja na Linuxa, ale nie teraz o tym mowa. Paint.NET był na początku programem napisanym na zaliczenie na jednej z amerykańskich uczelni jednak z czasem projekt ten przeobraził się w dosyć dużą maszynę, którą można już porównywać do takiego programu jakim jest Adobe Photoshop. Dlaczego Paint.NET możemy przyrównać do komercyjnego giganta firmy Adobe? Składa się na to parę czynników. Najważniejszym z nich jest duże podobieństwo w funkcjonalności programu. Co prawda nie znajdziemy tam mnóstwa brushy, filtrów czy podobnych bo do tego trzeba czasu. W Paint.NET znajdziemy jednak to co potrzebne. Mianowicie: • warstwy - jest to chyba jeden z najważniejszych atutów programu Paint.NET. Dzięki warstwom granica między w/w programem, a produktem Adobe maleje i to znacząco. Warstwy nie tylko pomagają nam w początkowej fazie rysowania lecz także w późniejszej edycji. Możliwość taka jak nazywanie dowolnie warstw, umożliwia nam szybkie znalezienie tej właściwej. filtry - co prawda nie jest ich zbyt wiele w podstawowej, oficjalnej wersji, jednak program ma ten plus iż można go rozbudowywać o kolejne filtry i pluginy. Oficjalne forum projektu poświęciło dział na autorskie pluginy użytkowników programu. Instalacja również jest trywialnie prosta. Wystarczy wgrać pliki .dll do folderu pluggins. narzędzia wspomagające takie jak historia zmian, dzięki której możemy szybko cofnąć się do pożądanego momentu; przybornik kolorów– to jest podstawą ale w Paint.NET jest dosyć rozbudowany i spełnia wymagania użytkowników

ny na wersję .NET nie zniechęca. Wiele zaczynających grafików sprawdza kolejne nowe programy i skutek jest taki, że najczęściej wybierają (często pirackiego) Photoshopa. Dlaczego? Jest on w miarę intuicyjny. Duża ilość grafików używa niestety wersji pirackich programu Adobe z powodu jego ceny. Nie jest wielu ludzi, którzy chcą płacić duże pieniądze, żeby nauczyć się czegoś dla własnej satysfakcji. Dlatego też hobbystom gorąco polecam Paint.NET. Jest darmowy, łatwy w użyciu. Idealny na początek ale nie tylko. Faktem jest, że dzięki temu programowi można uzyskać bardzo dobre efekty, za czym przemawiają prace publikowane na oficjalnym forum. Warto też dodać iż nowe wersje pojawiają się w dosyć małych odstępach czasowych. Co prawda często program sam nas informuje o nowych betach ale jak długo pracuję z Paint.NET, nigdy nie narzekałem na właśnie te wersje. Duży plus także należy się za automatyczną detekcję nowych dostępnych uaktualnień. Nie musimy się martwić o ściąganie następnych wersji. Program to zrobi za nas. Myślę, że dużo osób zainteresuje się tym programem bo na prawdę warto. Nie tylko z powodu braku kosztów zakupu lecz także za samą satysfakcję i zadowolenie płynące z użytkowania Paint.NET.
Patryk Szlagowski

Może i tych argumentów przemawiających za podobieństwem Paint.NET do Photoshopa lub innych, dojrzałych już programów jest mało ale trzeba przyznać, że darmowy program stworzo.psd 06/2008 » www.psdmag.org

63

testy

Acer AS4920G-3A2G16N

Toshiba Satellite Pro A200-1SS

Dlaczego wybrał Pan właśnie ten model?
Do zakupu Acera przekonał mnie dwurdzeniowy procesor. Jestem grafikiem i często pracuję równolegle w takich aplikacjach jak Adobe Photoshop, AftereEffects, Premiere (dwa ostatnie wykorzystują wielordzeniowość).

Dlaczego wybrał Pan właśnie ten model?
Przy wyborze laptopa kierowałem się m.in. matrycą. Zależało mi na tym, żeby była to matryca lustrzana; lepsze kolory, kontrast, kąty widzenia, nasycenie barw. Toshiba Satellite Pro A200–1SS nie dość, że posiada taką matrycę to jeszcze jej cena nie jest zbyt wygórowana.

Czy używany przez Pana model spełnia wszelkie oczekiwania?
Jestem zadowolony z możliwości jakie daje ten model laptopa

Czy używany przez Pana model spełnia wszelkie oczekiwania?
Wszystkie to może zbyt dużo powiedziane, ale nie narzekam. Trochę przeszkadzaja refleksy.

Jakie są jego główne zalety?
Przede wszystkim stosunkowo niska cena jak na taki sprzęt; 2Gb ramu, karta graficzna ATI Radeon X2500 256MB, dwurdzeniowy procesor Intel Core Duo T5450, 1,67ghz., matryca o rozdzielczości 1280x800.

Jakie są jego główne zalety?
Do zalet tego modelu można zaliczyć zintegrowaną kartę graficzną Mobility Radeon HD2600 256MB, matrycę lustrzaną TruBrite 1280x800, oraz w miarę niską cenę.

Jakie są główne wady?
Jedyną wadą, ale za to zasadniczą jest przekątna matrycy 14.1 cala, więc zdecydowanie mało. Nie mniej przy takiej rozdzielczości jest to do przeżycia.

Jakie są główne wady?
Ma zdecydowanie za mało pamieci RAM (tylko 1024 MB), procesor też nie jest rewelacyjny (1gb ddr2 667mhz ), ale da się na nim pracować. Niektórym może również przeszkadzać zbyt krótki czas pracy na bateriach.

Ogólna ocena w skali 1-10
8

Ogólna ocena w skali 1-10
8

Krótkie podsumowanie
Wspomniany przeze mnie laptop jest całkiem niezłym narzędziem do pracy nad grafiką. Jest tani, a to juz dużo, w końcu nie każdego stać na mega wypasione laptopy. Dzięki dwurdzeniowemu procesorowi spokojnie można pracować w kilku programach jednocześnie. Z czystym sumieniem moge polecic ten model. Arkadiusz Komorowski

Krótkie podsumowanie
Toshiba to bardzo dobra marka. Laptopy tej firmy posiadają bardzo dobre matryce (przeważnie, ponieważ to akurat zależy od konkretnego modelu). Posiadają dobre podzespoły oraz solidne wykonanie. Poza tym są ciche i można je zakupić po przyzwoitych cenach. Darek Michalak

64

.psd 06/2008 » www.psdmag.org

laptopów dla grafików

Benq Joybook P52

Alienware Area-51 m15x

Dlaczego wybrał Pan właśnie ten model?
Szukałem laptopa, który nie tylko będzie mi slużył jako narzędzie pracy, ale też na którym będę mógł oglądać telewizję. Oprócz dobrej jakosci grafiki, zależało mi również na dzwięku.

Dlaczego wybrał Pan właśnie ten model?
To co może zainteresować profesjonalnego grafika to: ekran o rozdzielczości 1920x1200, karta graficzna 512MB , procesor Intel, możliwość zamontowania dodatkowego dysku (do 320GB)

Czy używany przez Pana model spełnia wszelkie oczekiwania?
Tak, Joybook P52 ma wbudowany odbiornik cyfrowy TV oraz system dźwięku SRS 360 stopni TruSurround Technology, wyposażony jest w procesor AMD Turion™ 64 X2, wyświetlacz LCD z czasem reakcji 16ms. Dla mnie to wystarczy.

Czy używany przez Pana model spełnia wszelkie oczekiwania?
Nie mam go w posiadaniu (jeszcze ) ale jestem pewny że spełniałby wszystkie oczekiwania.

Jakie są jego główne zalety?
Przede wszystkim jest to niesamowicie szybki laptop

Jakie są jego główne zalety?
Przede wszystkim ostry i pozbawiony smużeń obraz, karta grafiki to ATI Mobility Radeon X1600 z portem DVI–D.

Jakie są główne wady?
Myślę, że jedyną wadą to cena, laptop w podanej na początku konfiguracji kosztuje ponad 2800 funtów, ale wiadomo, za najnowsze technologie trzeba płacić

Jakie są główne wady?
Zdecydowanie za mało pamięci RAM, system operacyjny Linux (dla grafików jest to jednak mało wygodne), procesor też nie jest rewelacyjny.

Ogólna ocena w skali od 1-10
10

Ogólna ocena w skali 1-10
6

Krótkie podsumowanie
Alienware uważam za najlepszy laptop dla grafika, zresztą jest już okrzyknięty najlepszym laptopem do gier, szczerze mówiąc nie spotkałem się jeszcze z równie mocną konfiguracją w żadnym innym laptopie. Przemysław Zadwórny

Krótkie podsumowanie
Oprócz tego, że Joybook P52 jest dobrym laptopem dla grafików to dodatkowo jest on idealnym komputerem przenośnym do oglądania cyfrowej TV. Zachowuje doskonałą wydajność i jakośći wizji. Jakub Wawrzyński

.psd 06/2008 » www.psdmag.org

65

komiks
Kapitan Pixel

66

.psd 06/2008 » www.psdmag.org

www.empro.pl

komiks
Kapitan Pixel

www.empro.pl
.psd 06/2008 » www.psdmag.org 67

Klub PRO
warsztaty

wizytówki firm prenumerujących .psd kontakt do nas:
psd@psdmag.org tel.: 022 427 35 30 fax: 022 244 24 59

70

.psd Extra 01/2008 » www.psdmag.org

Klub PRO
Agencja Reklamowa Nylon Coffee
Inspirujące wyzwania, energetyzująca atmosfera, nie siedź w domu – dołącz do nas! Nylonowcy

morning drink
grafika z jednego elementu
EURO INFO GROUP paweł pomorski Zakres o.o. Sp. z naszej działalności obejmuje:

Istnieje na rynku usług i edukacji informaty• opiekę serwisową techniczną firm oraz cznej od 1999 r. Prowadzimy profesjonalne wydawnictw szkolenia z zakresu grafiki komputerowej, • doradztwo w zakresie doboru sprzętu dla projektowania stron www (HTML i CSS, PHP, DTP (MAC/PC) tworzenie aplikacji internetowych).

http://www.nc.com.pl/praca

bezpieczeństwo sieci i danych klienta

http://www.kursykomputerowe.pl e-mail: pawel@pomorski.net

G-media Autoryzowany Instruktor Adobe

AGENCJA TEMATY
• • • • • • • najwyższej jakości druk wielkoformatowy kompleksowe usługi reklamowe litery przestrzenne grafika ploterowa grawerowanie kasetony pomysł projekt realizacja montaż

Tworzenie stron WWW i prezentacji multimedialnych

G-media Paweł Zakrzewski http://www.g-media.pl

http://www.tematy.com.pl

BROSTUDIO CFSTUDIO.PL
Specjalizujemy się w projektowaniu stron Internetowych, począwszy od niewielkich wizytówek przeznaczonych dla małych firm poprzez portale, kończąc na zaawansowanych rozwiązaniach e-commerce. Zapraszamy do współpracy.

Projekty i aplikacje internetowe; Grafika komputerowa; Projektowanie ikonek i GUI; Korekcja i retusz zdjęć; Corporate Identity... i wiele innych.

http://www.brostudio.pl

http://www.cfstudio.pl

CopyMAX System

Istnieje na rynku od 2001 roku. Oferta Firmy obejmuje: druk solventowy wielkoformatowy na papierze, folii, banerze, siatce mesh i innych mediach do druku z roli, produkcję reklam zewnętrznych, druk UV bezpośrednio na materiałach płaskich takich jak: PCV, Plexi, Aluminium, blacha, drewno inne. Firma posiada 6 własnych ploterów renomowanych firm: Durst, Yeti, Oce, Rolad oraz Seiko.

CEDRYK GRAPHICS

Skład, łamanie, ulotki, broszury, książki, kalendarze, foldery, katalogi; opracowywanie projektów graficznych, logo, papierów firmowych, szyldów; obsługa firm i klientów indywidualnych. Tel. 0-501-792-583

e-mail: kahuna1@wp.pl

http://www.copymax.pl

WARSZAWSKA SZKOŁA FOTOGRAFII

eduZETO

Jedna z najstarszych i największych prywatnych szkół fotograficznych w Polsce. Proponujemy: • 2 letnie studium fotografii • 1 roczne studium fotoreportażu • 4 miesięczne intensywne kursy fotografii • wieczorowe i weekendowe warsztaty z komputerowej obróbki obrazu (Photoshop CS2)

al. Kraśnicka 35 20-718 Lublin Tel. +48 81 718 4217 Fax. +48 81 525 5052

http://www.eduzeto.lublin.pl e-mail: szkolenia@zeto.lublin.pl

http://www.wsfoto.art.pl

MEDIA FORM

• Sesje fotograficzne - również wyjazdowe. • Plansze reklamowe, wystawowe (full kolor/ zdjęcie naklejane i laminowane maszynowo) • Systemy prezentacyjne typu roll-up Rzetelnie, Terminowo i Kompetentnie Obsługujemy cały kraj Rok założenia 1995

GRAFIKA IDENTYFIKACJA WIZUALNA POLIGRAFIA

Budujemy i realizujemy pojedyncze lub zintegrowane produkcje marketingowe, umacniając ich pozycje na rynku i kształtując silny, pozytywny obraz.

http://www.sagana.com.pl

http://www.mediaform.pl

.psd Extra 01/2008 » www.psdmag.org

71

Roczna prenumerata

199,Kontakt
1. Telefon +48 22 427 36 79 +48 22 427 36 53 2. Fax +48 22 244 24 59

tylko

Magazyn .psd jest jedynym polskim magazynem poświęconym grafice 2D, który pokazuje krok po kroku jak w praktyczny sposób wykorzystać możliwości programu Adobe Photoshop, uzyskać ciekawy efekt, wyretuszować fotografię, czy zaprojektować stronę internetową. Do każdego numeru są dodawane płyty CD z filmami instruktażowymi oraz zdjęciami Royalty Free.

3 +48 22 427 36 5
lub zamów mailowo!

Zadzwoń

2. Online pren@software.com.pl www.buyitpress.com 3. Adres Bokserska 1 02-682 Warszawa, Polska

Prenumerujesz – zyskujesz
l

Zamówienie prenumeraty
Prosimy wypełniać czytelnie i przesyłać faksem na numer: 00 48 22 244 24 59 lub listownie na adres: Software-Wydawnictwo Sp. z o. o. ul. Bokserska 1 02-682 Warszawa Polska E-Mail: pren@software.com.pl Przyjmujemy też zamównienia telefoniczne: 0048 22 427 36 79 0048 22 427 36 53 Jeżeli chcesz zapłacić kartą kredytową, wejdź na stronę naszego sklepu internetowego www.buyitpress.com.

l l l

oszczędność pieniędzy szybka dostawa prezenty bezpieczna płatność on-line

Imię i nazwisko ............................................................................... Nazwa firmy..................................................................................... Dokładny adres .............................................................................. ......................................................................................................... Telefon ............................................................................................ E–mail ............................................................................................. ID kontrahenta ................................................................................ Numer NIP firmy ............................................................................. Fax (wraz z nr kierunkowym) .........................................................

□ automatyczne przedłużenie prenumeraty

Tytuł
.psd (2 płyty CD) Miesięcznik użytkowników Adobe Photoshop numery specjalne .psd Extra + .psd StarterKit

Ilość numerów

Ilość zamawianych prenumerat

Od numeru pisma lub miesiąca

Cena

11*

199 PLN 140 PLN

6

* w lipcu i sierpniu ukazuje się jeden wakacyjny numer

zajawka
kolejny numer .psd 7-8/2008 (30)
już za miesiąc, a w nim jak zawsze mnóstwo ciekawych porad i tutoriali:
To już wszystko, co przygotowałyśmy dla Was na ten miesiąc. Mamy nadzieję, że wskazówki i porady zamieszczone w tym numerze przydadzą Wam się przy pracach nad indetyfikacją wizualną własnej firmy. Następne wydania .psd będą równie użyteczne i interesujące. Już za miesiąc w Wasze ręce trafi wakacyjny numer poświęcony zmysłowym grafikom, natomiast w sierpniu otrzymacie dawkę artykułów i tutoriali poświęconych Colour Management. Zachęcamy również do sięgnięcia po najnowsze .psd Extra, którego tematem przewodnim jest fotografia cyfrowa. W numerze tym znajdziecie wszystkie niezbędne informacje, począwszy od tego jaki aparat kupić poprzez porady jak robić zdjęcia, na obróbce kończąc. Serdecznie zapraszamy do salonów prasowych, naszego sklepu internetowego oraz działu prenumeraty.

www.pdsmag.org

74

.psd 06/2008 » www.psdmag.org

Sign up to vote on this title
UsefulNot useful