You are on page 1of 76

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

Tym razem przy-


gotowaliśmy wydanie poświęcone identyfikacji wizualnej.
Zasady identyfikacji wizualnej mają na celu tworzenie pozytywnych wyobrażeń o firmie, bądź jej produkcie i utrwa-
lanie 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 Ro-
dar pokazuje jak powstaje blister Mennicy, zaś NEO ART przedstawia teorię tworzenia prezentacji multimedialnej. Łu-
kasz 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óre-
go dowiecie się jak przygotować logotyp, jak ważna jest kolorystyka, oraz jak stworzyć w pełni profesjonalny wizeru-
nek 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 fotografia cyfrowa pozycje stałe


tworzenie tożsamości wizualnej uwaga wyboje! autorzy 06
Franz Kirchner 18 Andrzej Petelski (Petel) 52
opis CD1 07
identyfikacja wizualna od A do Z personalizacja fotografii
Agnieszka Kamńska 21 Jan Biłyk 54 opis CD2 07
abstrakcja na wizytówce
Wojciech Błaszczak 24 protechnika felieton
Marcin Wardęga 13
blister dla Mennicy
tożsamość wizualna Małgorzata Rodek 56 informacje z branży 14
Caléis 28
cała prawda o krzywych komiks
kampania reklamowa Google Damian Sepczuk 60 Maciej Empro 66
AdWords
30 galeria Digart.pl 68
Michał Kowalski
recenzje/testy
trochę teorii o prezentacji cinitiq 12WX klub PRO 70
multimedialnej Tomasz Biniek 27
Paweł Polisiak 32 prenumerata 72
Adobe Dreamwawer CS3/CS3 PL
Elżbieta Szejgis 35 zajawka 74
fotomontaż
photoshopowy kosmos Paint.Net – komercyjny gigant
Łukasz Koszela 36 Adobe?
Patryk Szlagowski 63
roll the rock
Marcin Kowalczyk 40 test laptopów dla grafika 64

filatelistyka Photoshopa
Tomasz Gądek 46
.psd 06/2008 » www.psdmag.org 5
autorzy
PHOTOSHOP
jest wydawany przez Software-Wydawnictwo Sp. z o.o.
Jan Biłyk
Właściciel firmy infrared group, która od lat specjalizuje się w perso-
nalizowanej komunikacji marketingowej. www.roffo.pl
Redaktor Naczelny:
Anna Adamczyk
Tomasz Biniek anna.adamczyk@software.com.pl
Grafik, ilustrator, rysownik. Obecnie prowadzi działalność gospo- Opracowanie CD:
darczą i wykonuje usługi z zakresu DTP, grafika, ilustracje i rysunki. Michał Kowalski, Krzysztof Wołowski, Krzysztof Kopciowski
E-mail: kaligraf@wp.pl Dyrektor wydawniczy:
Sylwia Pogroszewska
Wojciech Błaszczak
Ukończył PWSiA. Pracuje jako informatyk w jednej z firm telekomu- Kierownik Produktu:
nikacyjnych. Pasjonat grafiki komputerowej oraz fotografii cyfrowej, Joanna Sabat
zajmuje się również tworzeniem stron WWW. joanna.sabat@psdmag.org
Młodszy Kierownik Produktu:
Tomasz Gądek Patrycja Rosłoniec
Konstruktor w branży mechanicznej, od ok. 2 lat zafascynowany patrycja.rosloniec@psdmag.org
Photoshopem ponieważ jego nieograniczone możliwości pozwalają
Kierownik Produkcji:
na swobodne wyrażanie własnych emocji.
Marta Kurpiewska
Marcin Wardęga marta.kurpiewska@software.com.pl
Powszechnie znany jako deflection. Administrator i współzałożyciel Skład:
portalu internetowego dla miłośników Photoshopa. Tomasz Kostro
www.helPS.pl tomasz.kostro@software.com.pl
Grafika na okładce:
Agnieszka Kamińska Wojciech Błaszczak
Ilustratorka i projektantka WWW. Zaczynała od tradycyjnej grafiki, te-
raz wiele wolnych chwil poświęca projektowaniu za pomocą tabletu Projekt graficzny okładki:
i kilku programów. Portfolio: www.artaka.pl Agnieszka Marchocka
Wyróżnieni betatesterzy:
Franz Kirchner Szymon Kret
Fascynat filmu, grafiki, także tej trójwymiarowej. Rozpoczął swoją Dział reklamy:
edukację od komunikacji wizualnej, a następnie zajął się ilustracją adv@software.com.pl,
i animacją. Portfolio: www.hikitech.new.fr
tel.: (22) 427 35 30
Marcin Kowalczyk Prenumerata i archiwa:
Student dziennikarstwa, razem ze swoim aparatem i komputerem Marzena Dmowska, marzena.dmowska@software.com.pl
mieszka w Sanoku. Od 2 lat na poważnie zajmuje się grafiką kompu- www.buyitpress.com, tel.: (22) 427 36 79, (22) 427 36 53
terową i fotografią, szczególnie makrofotografią. Sklep internetowy:
Kontakt: kowalczyk.mp@gmail.com www.buyitpress.com
Wydawca:
Michał Kowalski Software-Wydawnictwo Sp. z o. o.,
Student International Business Studies, współzałożyciel firmy
EXPROMO (www.expromo.pl), grafik i webdesigner. Właściciel serwi- 02-682 Warszawa, ul. Bokserska 1
su e-Grafik (www.e-grafik.pl). Od zawsze miłość do grafiki kompute- e-mail: psd@psdmag.org,
rowej starał się łączyć ze światem e-biznesu. www.psdmag.org
Portfolio: www.expromo.pl/portfolio.html tel. (22) 427 36 85
fax (22) 244 24 59
Andrzej Petelski (Petel)
Pokolenie ’65, aktor, dziennikarz telewizyjny, ale przede wszystkim
Wyprodukowano w Polsce
wyznawca i czciciel Photoshopa. Zafascynowany fotografią cyfrową
i możliwościami jakie ze sobą niesie. Obecnie kieruje Sekcją Mediów Druk: Art Druk
Elektronicznych białostockiego Oddziału TVP. Zakład Poligraficzny, Kobyłka
www.artdruk.com
Paweł Polisiak tel. +48 604 979 357
Agencja NEO ART STUDIO pierwszą prezentację multimedialną wyko-
nała w roku 1997. Jest to mała agencja o charakterze wybitnie kre- Nakład: 8000 egz.
atywnym, podejmująca się skomplikowanych produkcji elektronicz-
nych i poligraficznych.
.psd ukazuje się w językach:
Redakcja dokłada wszelkich starań, by publikowane w piśmie i na towarzyszących mu nośni-
Małgorzata Rodek, Studio ArtRodar kach informacje i programy były poprawne, jednakże nie bierze odpowiedzialności za efek-
Studio Art Rodar to firma z 15-letnim doświadczeniem. Zajmuje się ty wykorzystania ich; nie gwarantuje także poprawnego działania programów shareware,
głównie szeroko pojętą poligrafią, począwszy od wizytówek, przez freeware i public domain. Uszkodzone podczas wysyłki płyty wymienia redakcja. Wszyst-
skład czasopism aż po banery wielkoformatowe. Nie obce są im rów- kie znaki firmowe zawarte w piśmie są własnością odpowiednich firm i zostały użyte
nież projekty multimedialne. Portfolio: www.artrodar.pl wyłącznie w celach informacyjnych. Deklarowana wysokość nakładu obejmuje również
dodruki. Redakcja nie udziela pomocy technicznej w instalowaniu i użytkowaniu progra-
mów zamieszczonych na płycie CD dostarczonej z pismem.
Damian Sepczuk
Równolegle studiuję matematykę o specjalności informatycznej Płyty CD dołączone do magazynu przetestowano programem AntiVirenKit firmy
oraz informatykę na KULu. W wolnych chwilach oddaje się swej pasji G DATA Software Sp. z o.o.
Redakcja używa systemu automatycznego składu
– fotografii. Portfolio: www.szopen.ovh.org, E-mail: dsfoto@o2.pl
Sprzedaż aktualnych lub archiwalnych numerów pisma po innej cenie niż wydrukowana na
Caléis okładce — bez zgody wydawcy — jest działaniem na jego szkodę i skutkuje odpowiedzial-
Agencja projektowania graficznego zajmująca się kompleksowymi pro- nością sądową.
jektami 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 bu-
dowania logotypu oraz doborze kolorów. Całość kursu została po-
dzielona 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 Zdjęcia Royalty Free


od agencji Digitouch od agencji Diazone
www.digitouch.pl www.diazone.pl

.psd 06/2008 » www.psdmag.org 7


opis CD

Zdjęcia Royalty Free Zdjęcia Royalty Free


od agencji Indigo od agencji Skorpions
www.indigo.net.pl www.zdjecia.skorpions.pl

Zdjęcia Royalty Free Zdjęcia Royalty Free


od agencji W&O od Włodzimierza Gajdy
www.wando.pl 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 redak-
cja 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 gra-
czy, 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 ja-
ko 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

Ekstrasy
• Uwaga: Pliki zamieszczone na CD słu-
żą tylko do uzyskania efektów z tutoria-
li, każde inne użycie jest niedozwolone!
• zdjęcia Royality Free do komercyjne-
CD2 go 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 03 dobór zdjęć i grafik


Rozpoczynając pracę nad projektem reklamy, powinniśmy za- Grafika powinna być dobra jakościowo. Użycie zdjęcia zrobionego
stanowić się jaki format nas interesuje. Najlepszym rozwiąza- aparatem fotograficznym wbudowanym w telefon komórkowy
niem jest rozeznanie się w usługach drukarni i wybranie najbardziej lub grafiki ściagniętej ze strony internetowej o wymiarach 3x3cm
odpowiadajacej opcji. Przy kontakcie z drukarnią należy również do- nie jest zbyt dobrym pomysłem. Najambitniej byłoby taką grafikę
wiedzieć się o wielkość spadów (dodatkowe miejsce na brzegach lub zdjęcie stworzyć samemu, jednak często okazuje się, że nie ma-
pracy, które pozostanie odcięte przez maszyny drukarskie, najczę- my do tego warunków ani czasu, pozostaje więc zasięgniecie pomo-
ściej ok. 3-6mm na każdym brzegu). Należy również pamiętać, aby cy w bankach zdjęć. Grafika powinna być przejrzysta, najlepiej aby
praca została zapisana w trybie CMYK i miała 300dpi. przyciągała uwagę.

02 koncepcja projektu 04 rozmieszczenie i kompozycja grafik


Tworząc reklamę powinniśmy zastanowić się nad jej przekazem. Po przeszukaniu swoich archiwów, wszelkich banków zdjęć przy-
Dobrym rozwiązaniem jest postawienie sobie głównych celów ja- chodzi czas na zastanowienie się nad układem i kompozycją re-
kie ma ona spełniać. Często najlepszym wyjściem jest przedstawie- klamy. Przede wszystkim grafiki muszą być dobrane kolorystycz-
nie bezpośrednio produktu, gorzej jednak, gdy mamy zareklamować nie. Należy też zastanowić się co ma przyciągać uwagę i budzić
usługi firmy. Możemy bazować na skojarzeniach, przedstawiając coś emocje odbiorcy. Ważnym elementem jest też tło, może być białe,
nawet niebezpośrednio związanego z firmą, a wiążącego hasłem re- jednak bardziej efektowne jest tło, przedstawiające produkt, postać
klamowym. Może to również być piękna dziewczyna przyciągająca bądź przynajmniej mające jakąś fakturę. Uwaga! Tło nie powinno za-
głębokim spojrzeniem potencjalnego klienta. burzać estetyki pracy, rozpraszać uwagi oraz powinno pozwalać od-
czytać hasła umieszczone na reklamie.

.psd 06/2008 » www.psdmag.org 11


grafika z okładki

05 hasło reklamowe 08 rozmieszczenie tekstów i logo


Tworząc hasło reklamowe mamy pełną dowolność. Możemy W przedstawionej reklamie wykorzystałem dwa teksty i logo fir-
stworzyć proste hasło, które przedstawi produkt lub takie, które my. Hasło reklamowe umieszczone zostało niemalże w central-
zaintryguje i zaciekawi klienta. Może to być również hasło zabawne, nym punkcie tak, aby było widoczne. Umieściłem również adres
pozytywnie nastawiające odbiorcę. W przedstawionym artykule pre- strony WWW gdyz jest to element informacyjny. Dodatkowo kolory-
zentuję reklamę firmy zajmującej się drukowaniem wizytówek, legi- styka napisów i elementów integralnych z nimi, pozwala na optycz-
tymacji, certyfikatów, dyplomów, nadrukami na materiałach promo- ne połączenie i przesuwanie wzroku z hasla na logo i adres WWW.
cyjnych. Wybrałem więc hasło Czy widać Cię na ryku?, aby zacieka- Nalezy pamiętać, aby wszelkie elementy nie zakrywaly istotnych
wić klienta, który docelowo wejdzie na stronę internetową i zaintere- elementów tla.
suje się usługami firmy GRAFMAX.

0 6 typografia 09 kolorystyka
Dobór czcionek jest bardzo ważnym etapem tworzenia reklamy. W kazdym projekcie istotna jest też kolorystyka. Każdy kolor
Należy pamiętać, aby nie była to czcionka efektownie wygląda- oddziałuje inaczej na emocje. Jeżeli naszym zadaniem jest zro-
jąca, ale niestety nieczytelna. Możemy wykorzystać w naszej pra- bienie ulotki np. biura rachunkowego, najlepszym wyjściem będzie
cy kilka rodzajów czcionek, jednak zalecane jest używanie nie wie- użycie kolorów stonowanych. W mojej pracy reklamuję firmę, która
cej niz trzech, aby nie zaburzyć czytelności i estetyki. Pamietajmy zajmuje się zapleczem graficznym firm. Hasło reklamowe nie jest
o wyróżnieniu najważniejszego tekstu. Powinien on być większy, jednoznaczne, a więc za cel postawiłem sobie stworzenie reklamy,
czytelniejszy i rzucający się w oczy. W przypadku gdy mamy tyl- która będzie przyciągała wzrok. Użycie dwóch intensywnych, gry-
ko jeden tekst możemy nadać mu kolor współgrający z elementem zących się ze sobą kolorów pozwoliło mi na osiągnięcie tego celu.
grafiki.

07 logo 10 cyfrowy makijaż


Ważnym elementem reklamy jest umieszczenie w widocznym Aby praca stała się bardziej atrakcyjna, możemy nanieść lekkie
i przejrzystym miejscu logo firmy, gdyż wlaśnie ono jest wizy- poprawki na dzieło natury i poprawić lub dodać makijaż. W oma-
tówką firmy. Jeżeli posiadamy udostepnione przez daną firmę lo- wianym projekcie, za pomocą programu Photoshop, dodałem cienie
go, pamiętajmy, aby zwrócić uwagę na jego jakość. Najlepiej, aby by- na powiekach modeki oraz trochę różu na policzkach. Aby spojrzenie
ła to wektorowa grafika, dzieki czemu przy skalowaniu nie zaskoczą modelki było bardziej intrygujące, wzmocniłem kolor jej oczu, zazna-
nas okrutne spikselowane brzegi. Jeżeli firma logo nie posiada staje- czając tęczówki i za pomocą opcji Hue&Saturation wzmocniłem ko-
my przed poważnym zadaniem stworzenia go samemu. Logo powin- lor. Dobrym rozwiązaniem jest rowznież wygładzenie skóry twarzy
no być prostym symbolem lub nazwą firmy. 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 trwała do dziś. Tylko że oprócz tych wspaniałości wywodzących się
nie bałem się wszystkiego dotknąć i pogrzebałem w brudach. z Azji przetrwały również, a nawet powiedziałbym, są nadal rozwi-
Nie zakładając nawet rękawiczek sięgnąłem do najgłębszych jane przez tak wielkie korporacje, jak np. Coca–Cola. Co prawda po-
zakamarków czeluści zwanej grafiką komputerową. Jej początki się- wstała pod koniec XIX wieku i obecnie w swoich reklamach sięga do
gają lat 80-tych, gdzie ceny komputerów osobistych i urządzeń dru- swoich źródeł? Może stąd czerpie inspirację? Może tworzy coś no-
karskich były na tyle niskie, by mogły pozwolić sobie na ich zakup wego, nowy trend, a być może tylko odtwarza coś co już było, z tą
firmy prywatne, a nie tylko instytucje rządowe. Dominowała wów- różnicą, iż narzędziem pracy jest komputer i świetne programy gra-
czas grafika wektorowa. Wraz z rozwojem oprogramowania i kompu- ficzne?
terów zaczęto wykorzystywać w reklamie grafikę rastrową i fotogra- No więc czym jest to, czym karmi nas telewizja, czym jest to,
fię. Tym co obecnie coraz częściej przewija się w mediach jest po- co możemy podziwiać na billboardach, w gazetach, na stronach in-
łączenie obydwu tych grafik. Tego typu wytwory ludzkiej wyobraź- ternetowych? Czy tworząc tego typu prace wzoruje się na plakatach
ni pozwalają osiągnąć zaskakujące efekty i wywołać duże wraże- i obrazach z ubiegłych lat, czy mamy do czynienia z nowym tren-
nie wśród odbiorców. Początkowo wszystko wydaje się miłe dla oka. dem graficznym? Ocenę pozostawiam Wam, a ja tymczasem idę na-
Nawet spodobały mi się ostatnie reklamy telefonów komórkowych, pić się miętowej herbatki.
gdzie w tle na naszych oczach wyrastają obrazy niczym z baj- Marcin Wardęga
ki. Światło i barwa dodatkowo połączone z dźwiękiem potrafią nie-
raz 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 po-
karmowy).
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ą? Przy-
kro 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; kwiat-
ki i motylki we włosach, na różnych twarzach różnych kobiet, pięk-
nie 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 bie-
gają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 nie-
strawnoś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 gra-
fiki komputerowej. Wystarczy chociażby spojrzeć na prace A. Mu-
chy, a w jednej sekundzie uchwyci się wszelkie podobieństwa. Ko-
bieta 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ą two-
rzenia takich obrazów była kultura dalekiego wschodu, która prze-

.psd 06/2008 » www.psdmag.org 13


informacje z branży
01 panoramiczny gigant od LG podczas generowania obrazów w aplikacjach Microsoft DirectX
W marcu 2008 firma LG wprowadziła na polski rynek 26 calo- 10.1/OpenGL 2.1, a także podczas wyświetlania filmów Blu-ray
wy monitor W2600HP z funkcjami ARC 4:3 w panoramie, ezZO- w pełnej rozdzielczości Hi-Def (1080p). S3 Graphics Chrome 430
OMING, Wide Color Gamut 115%, f-ENGINE oraz złączami USB. Ca- GT to doskonale zrównoważona wydajność w aplikacjach trójwy-
łość monitora została zbudowana na matrycy S-IPS o szerokim miarowych DirectX 10.1, wysokiej jakości odtwarzanie filmów
kącie widzenia 178x178º. Monitor posiada funkcję f-ENGINE czyli wysokiej rozdzielczości oraz zaawansowana szyna danych, ob-
innowacyjny układ scalony doskonalący jakość kolorów, obrazu sługa różnych typów ekranów i współpraca z pamięciami DDR2.
i pola widzenia. Zastosowana w monitorze technologia DAFI (Di- Karta umożliwia podłączenie dwóch wyświetlaczy DVI (DVI-
gital Adaptive Fine Image) potęguje żywotność barw, optymali- D/DVI-I), VGA, oraz panoramicznych telewizorów HDTV 1080p.
zuje jasności, kontrast oraz zwiększa dynamikę ruchomego ob- Chrome 430 GT posiada również skalowany silnik graficzny
razu filmów, gier i animacji. Zastosowana funkcja ARC 4:3 umoż- ChromotionHD 2.0, zapewniający płynne dekodowanie forma-
liwia szybką zmianę formatu z panoramicznego na format 4:3, tów MPEG-4/AVC (H.264), MPEG-2, VC-1, WMV-HD i AVS, co umoż-
co docenią to szczególnie wytrawni gracze komputerowi. Mo- liwia oglądanie filmów Blu-ray i innych treści HD w standardzie
nitor W2600HP wyróżnia się krótkim czasem reakcji, który za- zbliżonym do kinowego. Z myślą o zastosowaniu w zestawach
stosowano w nowej serii FLATRON LCD, dzięki czemu, obraz ru- kina domowego, wymagających cichej pracy i niskich tempera-
chu na ekranie jest zawsze wyraźny i czysty, bez najmniejszych tur, Chrome 430 GT wyposażono w technologię PowerWise, która
smug i zakłóceń. Monitor W2600HP wyróżnia się także wyso- inteligentnie zarządza energią, minimalizując wydzielanie ciepła
ką rozdzielczością 1920x1200 i kontrastem na poziomie 5000: bez ograniczania wydajności czy funkcjonalności.
1. Obudowa monitora jest płaska i cienka w kolorystyce czar-
no-srebrnej z błękitnym przyciskiem menu. Monitor wyposażo-
ny 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)

03 WD odkrywa ekologiczny, wysokowydajny


dysk, przeznaczony dla profesjonalistów
i użytkowników MAC
W kwietniu 2008 roku firma WD (NYSE: WDC) przedstawiła My Bo-
ok Studio Edition II – wysokowydajny 2-napędowy system prze-
chowywania 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 Stu-
dio Edition II zastosowano ekologiczne dyski twarde WD GreenPo-
wer, które obniżają poziom zużycia energii, a co za tym idzie – zre-
dukowana jest temperatura pracy dysku i poziom hałasu. Napęd
2-dyskowy, konfiguracja macierzy RAID 0 i szybkie interfejsy spra-
wiają, że My Book Studio Edition jest świetnym rozwiązaniem do
przechowywania danych dla biur projektowych, agencji reklamo-
wych, profesjonalnych grafików i fotografików, małych biur oraz
każdego, kto potrzebuje szybkiego transferu danych.
Przystosowany do komputerów Mac, nowy system przecho-
wywania danych dostarcza szereg unikalnych udogodnień:
02 S3 Graphics wprowadza
Chrome 430 GT na rynek amerykański • cztery interfejsy (FireWire® 400/800, eSATA, USB 2.0);
S3 Graphics wprowadziła do sprzedaży karty graficzne S3 Gra- • fabrycznie skonfigurowaną macierz RAID 0 (Striped) [konfi-
phics Chrome 430 GT do komputerów stacjonarnych, dostęp- gurowalna macierz RAID 1 (Mirrored)];
ne w sklepie internetowym GStore. Chrome 430 GT to pierwsza • energooszczędną, zieloną wydajność napędów WD GreenPo-
karta S3 Graphics z serii Chrome 400 dostępna na rynku. Nowa wer, które pobierają około 1/3 energii mniej niż standardowe
karta łączy zaawansowaną obsługę grafiki 3D i multimediów HD 2-napędowe dyski zewnętrzne;
z energooszczędnością i niską temperaturą pracy, ustanawiając • efektywne chłodzenie;
nową jakość na konkurencyjnym rynku kart graficznych. Kar- • tryb oszczędzania energii, zaprojektowany bez wentylatora
ty Chrome 430 GT oparte są na niskoprofilowej specyfikacji PCI tak, aby pracował chicho;
Express drugiej generacji i doskonale nadają się do miniaturo- • 5 letnią gwarancję;
wych komputerów PC. Docenią ją także użytkownicy zwracają- • oprogramowanie do automatycznego i ciągłego tworzenia
cy uwagę na zużycie energii, pragnący wyposażyć swój kompu- kopii zapasowych;
ter w obsługę HD i najnowszy silnik graficzny DirectX 10.1. Kar- • miernik pojemności, który pozwoli jednym rzutem oka
ty Chrome 430 GT powstają w sprawdzonym, energooszczęd- sprawdzić ilość wolnego miejsca na dysku;
nym procesie produkcyjnym 65nm Fujitsu, dzięki czemu wyróż- • funkcje inteligentnego zarządzania napędem: bezpieczne
niają się wydajnością energetyczną i niską temperaturą pracy wyłączanie, automatyczne uruchamianie o wskazanej go-

14 .psd 06/2008 » www.psdmag.org


informacje z branży

specjalnych; zapis ogromnych bloków danych w rekordowo krót-


kim czasie. Dzięki macierzy RAID 0, użytkownicy mogą korzystać
z pojemności 2TB zamkniętej w eleganckiej obudowie o rozmia-
rach 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


w polskiej wersji językowej
Firma Corel Corporation poinformowała o zlokalizowanej wersji
programu Corel Paint Shop Pro Photo X2 w językach polskim, ro-
syjskim 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 prze-
kształ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 na-
rzędzia umożliwiające zaawansowaną edycję.
Wspomniany program pozwala na szybsze niż dotychczas prze-
glądanie, sortowanie i przetwarzanie pobranych zdjęć dzięki no-
wemu modułowi pracownia ekspresowa. Początkujący użyt-
dzinie oraz wskaźnik statusu pracy (dioda LED) i światełka kownicy mogą skorzystać z szerokiego zakresu automatycz-
aktywności; nych narzędzi pozwalających na wprowadzenie zmian za pomo-
• możliwość dokonywania napraw przez użytkownika umożli- cą jednego kliknięcia, a użytkownicy zaawansowani mają możli-
wiająca otwieranie obudowy i samodzielną wymianę napędu. wość ręcznej edycji, zapewniającej większą kontrolę nad proce-
sem obróbki. Dzięki zwiększeniu prędkości działania programu
Nie sposób nie podkreślić dbałości o zewnętrzny wygląd dysku i centrum edukacyjnemu amatorzy fotografii mogą szybko osią-
My Book Studio Edition. Elegancka, srebrno-metaliczna obudowa, gać pożądane rezultaty, ucząc się w trakcie pracy.
perfekcyjnie wykończona świetnie pasuje do produktów z serii
Mac. Połączenie interfejsu eSATA lub FireWire 800 z macierzą RA- 05 nowy aparat Lumix – fotografuj dotykiem
ID 0 (Striped) oferuje wszystko to, czego potrzebują wymagają- Panasonic wprowadził na rynek najwyższy model aparatu
cy użytkownicy: szybkie oraz płynne edytowanie plików wideo, Lumix ze stylowej serii FX. 10,1-megapikselowy aparat DMC-
renderowanie złożonych obiektów trójwymiarowych lub efektów FX500 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 pro-
stego interfejsu.

0 6 nowe oprogramowanie Adobe Flash Media


Rights Management Server
Firma Adobe wprowadziła na rynek oprogramowanie Adobe
Flash Media Rights Management Server – nowego rozwiąza-
nie, które zabezpiecza materiały wideo odtwarzane w technolo-
gii Adobe Flash przed użyciem w niewłaściwy sposób. Produkt
ten przeznaczony jest dla rozgłośni telewizyjnych oraz przed-
siębiorstw medialnych, które chcą chronić materiały wideo udo-
stępniane przez siebie w trybie online i offline. Można go zinte-
grować z dotychczas używanymi i nowymi rozwiązaniami ob-
sługującymi przepływ materiałów medialnych, takimi jak Adobe
Media Player, oraz aplikacjami wideo współpracującymi z opro-
gramowaniem Adobe AIR.
Oprogramowanie Adobe Flash Media Rights Management Se-
obiektyw Leica DC z 5-krotnym powiększeniem optycznym. Wy- rver można zintegrować rozwiązaniem Adobe AIR, umożliwiają-
godny, 3-calowy ekran dotykowy, po raz pierwszy zastosowany cym korzystanie z multimedialnych aplikacji internetowych na
w serii FX znacznie ułatwia obsługę aparatu. Satysfakcję użytko- komputerach osobistych, oraz z programem Adobe Media Play-
wania zwiększają również zaawansowane funkcje, takie jak: in- er, pierwszą popularną aplikacją firmy Adobe dla klientów indy-
teligentny tryb automatyczny, nagrywanie filmów HD, wyjście widualnych, która współpracuje z oprogramowaniem Adobe AIR.
komponentowe HD, a także możliwość tworzenia pokazu slajdów Adobe Media Player jest odtwarzaczem multimedialnym prze-
z podkładem muzycznym. Aparat Lumix DMC-FX500 ma wbudo- znaczonym do komputerów osobistych, który można dosto-
wany obiektyw Leica DC z 5-krotnym powiększeniem optycz- sowywać do indywidualnych potrzeb użytkownika. Umożliwia
nym, który zapewnia ultraszerokokątny kąt widzenia i niemal oglądanie w dowolnym miejscu i czasie materiałów wideo pobra-
podwaja szerokość widzenia rejestrowanego obrazu w porów- nych lub transmitowanych strumieniowo. Ochrona treści multi-
naniu z konwencjonalnym obiektywem 35mm. Ten zaawanso- medialnych jest bardzo ważna dla rozwoju modeli biznesowych
wany obiektyw zawiera 4 soczewki z 6 powierzchniami asfe- telewizji nowej generacji niezależnie od tego, czy przedsiębior-
rycznymi oraz nowo opracowaną, wklęsłą soczewkę o nierów- stwo medialne chce ograniczyć dostęp do bezpośrednich trans-
nej grubości i bardzo wysokim współczynniku załamania światła misji internetowych czy umożliwić przeglądanie w trybie na żą-
(Extra High Refractive Index Aspherical, EA), która mimo niewiel- danie programów płatnych, bezpłatnych lub wspieranych przez
kich rozmiarów aparatu zapewnia znakomitą jakość zdjęć i mini- reklamy. Właściciele treści mogą wykorzystać oprogramowanie
mum zniekształceń nawet przy ogniskowej 25mm. Aby obsługa Adobe Flash Media Rights Management Server do szyfrowania
aparatu była bardziej intuicyjna, DMC-FX500 wyposażony jest w plików audio i wideo FLV i F4V, które są pobierane i odtwarzane
hybrydowy system sterowania, który łączy joystick i ekran do- lokalnie, oraz wprowadzać reguły dostępu do nich. Precyzyjne
tykowy. Podstawowe ustawienia można zmieniać bezpośrednio funkcje kontroli umożliwiają usługodawcom zdefiniowanie para-
za pomocą joysticka, a te bardziej zaawansowane dokładnie re- metrów dostępu użytkowników do materiałów multimedialnych
gulować dotknięciem palca albo dołączonego rysika. Nowością oraz terminu wygaśnięcia praw do ich przeglądania, a dynamicz-
w aparacie Lumix DMC-FX500 jest autofocus z funkcją śledze- ne zarządzanie prawami pozwala na zmianę praw użytkowania
nia. Fotografowany obiekt jest śledzony nawet wtedy, gdy po- pliku nawet po jego opublikowaniu. Ponadto funkcje zabezpie-
ruszy się już po ustawieniu ostrości, co jest szczególnie przy- czeń dostępne w rozwiązaniu Adobe Media Player gwarantują,
datne podczas fotografowania dynamicznych scen np. z udzia- że materiał nie będzie ponownie wykorzystywany lub modyfiko-
łem bawiących się dzieci. DMC-FX500 posiada także tryb iA (in- wany bez zgody właściciela.
teligentny automatyczny), dzięki któremu aparat może wybrać
wszystkie ustawienia za użytkownika. Wykorzystując pełen po- 07 CorelDRAW Graphics Suite X4 w polskiej
tencjał tego trybu, można automatycznie ustawić ostrość oraz wersji językowej
ekspozycję na wybranym obiekcie przez dotknięcie go na ekra- W połowie kwietnia Firma Corel Corporation wprowadziła na ry-
nie aparatu. Taka intuicyjność obsługi możliwa jest dzięki inter- nek pakiet graficzny CorelDRAW Graphics Suite X4 w wersji pol-
fejsowi dotykowemu. Dołączone oprogramowanie PHOTOfunSTU- skiej, rosyjskiej, czeskiej i węgierskiej. Ponad 50 nowych i ulep-
DIO-viewer-2.0 oferuje użytkownikom większy komfort pracy, szonych funkcji pakietu CorelDRAW zapewnia użytkownikom na-
wykorzystując funkcje dostępne w aparatach LUMIX. Można wy- rzędzia i zasoby do realizacji różnorodnych projektów – od logo
szukiwać zdjęcia nie tylko według daty, ale również według try- i grafik internetowych, po wielostronicowe broszury oraz efek-
bu tematycznego albo imienia dziecka wprowadzonego za po- tywne prezentacje informacji.
mocą aparatu. PHOTOfunSTUDIO-viewer-2.0 pozwala łatwo orga- Wszechstronny pakiet CorelDRAW Graphics Suite zawiera intu-
icyjne 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ądza-
nie projektem i optymalizują proces projektowania graficznego.

08 przełom w systemach druku cyfrowego


poprzez nowatorskie rozwiązania i aplikacje
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 eksploatacyj-
ne do drukarek Infoprint dystrybuowane są przez firmę Awek.
Usługi serwisu gwarancyjnego i pogwarancyjnego realizowane

16 .psd 06/2008 » www.psdmag.org


informacje z branży

są przez IBM Polska. Portfel produktów firmy – drukarek, sys-


temów drukujących, oprogramowania i usług profesjonalnych
ukierunkowana jest na dostarczanie klientom rozwiązań w na-
stępujących obszarach:
TransPromo – druki transakcyjne jako powtarzalna forma
komunikacji z klientem moga być potężnym narzędziem mar-
ketingu bezpośredniego z jednego prostego powodu, otóż do-
kumenty te są regularnie otwierane i czytane. Przy zastosowa-
niu koncepcji TransPromo każdy etap zintegrowanych kampa-
nii marketingowych może stać się szansą wzmocnienia i roz-
winię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ą klarow-
ność rachunków i zmniejszają ruch w telefonicznym centrum
obsługi klienta, obejmują oferty specjalne na pokrewne produk-
ty wyższej kategorii, na sprzedaż wiązana i poprawiają wyni-
ki działalności, generują dochód poprzez sprzedaż powierzchni
reklamowej, wykorzystują przesyłanie spersonalizowanych wia-
domości, aby zbudować lojalność względem marki oraz wzmac-
niają i rozszerzają marketing wielokanałowy.
Automated Document Factory (ADF) – zautomatyzowany sys-
tem kontroli dokumentów cyfrowych przez cały proces ich tworze-
nia, od opracowania treści, poprzez obróbkę graficzną, druk cyfro-
wy, aż na wysyłce kończąc. Procesy kontroli są zautomatyzowa-
ne i pozwalają na wychwycenie błędów i opóźnień. Rozwiązanie
to współpracuje z innymi systemami biurowymi, takimi jak sys-
tem sortowania korespondencji czy bazą teleadresową.
Direct Mail – rozwiązania Infoprint wspierają rozwój bezpośred-
niego malingu i kontaktu z klientami poprzez personifikację doku-
mentów i łatwość ich obsługi, a także wysoką wydajność systemu.
Optymalizacja procesów druku i redukcja jego kosztów po-
przez konsolidację różnego rodzaju urządzeń, a także efektyw-
ne zarządzanie procesem druku, np. w mieszanym środowisku
wydruków kolorowych i monochromatycznych, te same koloro-
we aplikacje i zasoby mogą być wykorzystywane przez drukar-
ki różnych typów – pozwala to na wysyłanie prac kolorowych dla
klientów z najwyższych segmentów a wydruku monochroma-
tycznego 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łacal-
na 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, sa-
mym sercu Krzemowej Doliny, odbędzie się NVISION 08 (trzydnio-
we 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 – projek-
tantów, artystów, twórców filmów, projektantów oprogramo-
wania, wynalazców, badaczy i cyfrowych sportowców – NVI-
DIA 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 informa-


cje 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 wizu-
alnej 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 posta-
wić przed rozpoczęciem pracy to: jaka jest funkcja przedsiębior-
stwa, co stanowi o jego ofercie i jaki wizerunek chce ona sobą re- Rysunek 1.
prezentować? 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 pro-
porcji. W przypadku przedsiębiorstwa Ateji, wytyczne postawione
przez prezesa firmy oscylowały wokół kolorystyki: zażądano trzy-
mania się pastelowej tonacji.

logotyp
Logotyp (słowo kojarzone z logo) jest kluczowym punktem
identyfikacji wizualnej. Stanowi on element graficzny, który re-
prezentuje firmę. Zanim położymy nasze dłonie na klawiatu-
rze, myszce czy tablecie graficznym, wskazane jest sięgnięcie
po papier i ołówek oraz wykonanie prostego szkicu idei i pomy-
słów, które przychodzą nam do głowy. Poszukiwanie prostoty
i czytelności jest sprawą pierwszorzędną. Czym bardziej pro-
ste logo tym bardziej znaczące (przykładowo Nike, Adidas, Ap-
ple, Renault). Logo z powodzeniem może mieć charakter typo-
graficzny (Microsoft) jak i czysto graficzny (Nike). W przypadku
Ateji wykorzystane zostały obydwa warianty. Ideą było utworze- Rysunek 2.
nie oryginalnej formy będącej echem trzech zgłosek słowa Ate-
ji (Rysunek 1.).
Znak składa się z trzech okręgów, które tworzą trójkąt równo-
boczny, zaś dwa okręgi połączone są krzywymi. Forma trójkąta jest
synonimem dynamiki, krzywe zaś wprowadzają łagodność kore-
spondują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ę wykorzy-
stać już te istniejące. Można rozpatrzyć kilka przypadków: uprosz-
czenie liter pisma w celu usunięcia szczegółów tak, aby nie za-
szkodzić czytelności formy. Oprócz tego można ponownie zdefi-
niować krzywe liter, przykładowo znaku [I] (duża litera I), w taki
sposób, aby nie być ograniczonym do prostej belki. Tego typu pra- Rysunek 3.
ca wymaga od nas dużo czasu i surowości. Nie chodzi o utworze-

18 .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ę ciemniej-
szych 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 zle-
ceniodawcy, aby uzyskać wstępną opinię (Rysunek 3.). Rzadko
się zdarza, aby pierwsza propozycja została przyjęta z otwarty-
mi rękoma. Przeważnie będziemy modyfikować nasz projekt. W na-
szym przypadku litery wydają się zbyt zdekonstruowane, co może
zaszkodzić ich czytelności. W takim wypadku trzeba szybko wyko-
nać właściwą modyfikację, nawet jeśli czasami nie zgadzamy się
z sugestiami zleceniodawców. Po serii wymian uwag pomiędzy gra-
fikiem i zleceniodawcami projekt zaczyna nabierać kształtu i może-
my przejść do kolejnych etapów pracy.

Rysunek 4.
warsztaty

baza graficzna tytuł lub sprawowana funkcja, a na końcu namiary. Pozostają jesz-
Raz zatwierdzona przez przedsiębiorstwo praca nad wersją logo cze inne kwestie do rozstrzygnięcia. Należy wybrać odpowiedni font
umożliwia określenie konkretnych aspektów związanych z dalszymi dla tekstu umieszczonego na wizytówce. Jego krój musi korespon-
elementami graficznymi, które zostaną użyte w toku projektu. I tak, dować z logotypem firmy. Z braku czasu w naszym przypadku nie-
gama kolorystyczna logo, wysubtelnione krzywe projektu graficzne- możliwym wydaje się utworzenie pozostałych znaków alfabetu dla
go, puste obszary definiujące rozmieszczenie form, te akcenty defi- całego tekstu. Dlatego musimy skorzystać z już istniejącego fonta.
niują dalszą spójność. W przypadku Ateji jest to kwestia tożsamości Typografia opiera się na prostocie i elegancji, dlatego z dużą ostroż-
graficznej, która w swej formie zachowuje prostotę i minimalizm. nością komponujemy kolorystykę znaków w odniesieniu do logoty-
pu. Możemy operować czernią i szarościami. Na końcu ponownie
wizytówka przygotowujemy kilka wersji naszego projektu, aby móc przedsta-
Klasyczna kompozycja tożsamości wizualnej przedsiębiorstwa obej- wić wyniki zleceniodawcy (Rysunek 4.).
muje wizytówki, które są szczególnie interesującym etapem pracy.
Sam obiekt zainteresowania jest mały, format elegancki i trzeba wie- papier firmowy
dzieć, w jaki sposób połączyć jego obydwie strony. Papier firmowy jest wykonany z uwzględnieniem pustej przestrze-
Wizytówka idealnie powiela logotyp przedsiębiorstwa i pozwa- ni zajmującej 90% powierzchni każdej kartki. Musimy jednak za-
la umieścić dane personalne posiadacza wizytówki oraz namiary mieścić na nim niezbędne informacje identyfikujące przedsię-
(adres, telefon, fax, strona internetowa, adres e-mail). W tym kon- biorstwo, podobnie jak w przypadku wizytówki. Niektóre informa-
tekście istotna jest hierarchia informacji: logo firmy i imię posiada- cje umieszczamy na górze, a niektóre na dole kartki, musimy tak-
cza wizytówki muszą być odczytane w pierwszej kolejności, potem że znaleźć miejsca dla naszego logo. Na górze, po obu stronach lo-
go, umieszczamy dane teleadresowe firmy. Formułka language to-
ols fo software productivity jest umieszczona w dolnej części stro-
ny. Informacja prawna, która jej towarzyszy, nie powinna wybijać
się na pierwszy plan tylko miękko komponować się z całością do-
kumentu. Kolorystykę elementów musimy dopasować do projektu.
Informacje na górze są w kolorze niebiesko – zielonym i korespon-
dują z wyglądem logo; podobnie zresztą jak informacje umiesz-
czone 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 ho-
ryzontalnego układu stron pozwala nam spojrzeć na projekt z innego
punktu widzenia. To, co uzyskujemy na wydruku też nie zawsze od-
powiada naszym wrażeniem wynikającym z obserwowania projektu
na ekranie, także staramy się dążyć do zadowalających efektów.

strona internetowa
Niuanse związane z wydrukiem znikają w momencie, w którym
przechodzimy do części pracy związanej z wirtualną reprezenta-
cją firmy.
Strona internetowa wykonana dla Ateji musiała również charak-
teryzować 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 stro-
Rysunek 5. ny 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 kolo-
ry 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 dyna-
mikę. Musimy jeszcze określić obszary, w których będzie pojawiał
się tekst (Rysunek 6.). Generalnie grafik zajmuje się stroną wizu-
alną, zaś programista skupia się na technicznych aspektach por-
talu. System nawigacji wewnątrz informacji związany jest funkcja-
mi, które spełniają w projekcie grafik i programista, dlatego z re-
guły nie odbiega on za bardzo od tego co wyobraził sobie grafik,
a programista zaprogramował.

konkluzja
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 mo-
gą zakłócić konsekwencji wizualnej projektu. Czasami należy pozo-
stać przy prostocie i zaakceptować kompromisy. Nie wolno zapomi-
nać, ż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ę
Rysunek 6. wszystko rozgrywa się wokół komunikacji.
Franz Kirchner

20 .psd 06/2008 » www.psdmag.org


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 po- system identyfikacji wizualnej składa się
zytywnych wyobrażeń o danej firmie bądź jej produkcie i utrwa- z następujących elementów:
lenie ich w opinii klientów, pracowników i na obszarze działalno-
ści firmy. Identyfikacja wizualna to między innymi: wzorce doty- • leksykalnych (marka jako nazwa),
czące logotypu, logo, kolorystyki firmy, współistnienie logo z in- • semantycznych (hasło – tzw. selling line),
nymi elementami graficznymi, itd. Ważnymi elementami identy- • graficznych (logo, kolorystyka, sposób aranżacji przestrzeni),
fikacji wizualnej są symbole/kształty, jednak ważniejszy jest od- • typograficznych (kroje i wielkości czcionek, układ tekstu),
biór, czyli całokształt odbierany przez grupę docelową. Właści- • poligraficznych (rodzaj i gęstość papieru, rodzaj druku),
wie zaprojektowany i umiejętnie wykorzystywany system iden- • architektonicznych (sposób organizacji przestrzeni biurowej,
tyfikacji staje się efektywnym i ekonomicznym narzędziem mar- stoisk targowych, sklepów),
ketingowym. • szablonowych (dokumenty wewnętrzne i zewnętrzne, prezen-
Są one zapisywane w formie CI Book (księgi identyfika- tacje, e-maile, oferty).
cji wizualnej), przyjmującej formę tradycyjną lub elektronicz-
ną. Księgę tą można rozbudowywać o całościowe i komplek- dlaczego identyfikacja wizualna jest ważna?
sowe opracowania układów reklamowych. Często elektronicz-
na wersja CI Book jest udostępniana na stronach korporacyj- • skutecznie wyróżnia spośród konkurencji firmę lub markę,
nych w Internecie, a celem tego jest korzystanie z elektronicz- • zapewnia efektywną komunikację z otoczeniem będąc narzę-
nych wzorców (wizytówek, banerów, układów reklam praso- dziem spójnych działań reklamowych i marketingowych oraz
wych) przez filie. public relations,
Pełna księga identyfikacji wizualnej może przybierać różne • zwiększa percepcję i rozpoznawalność marki zdecydowane uła-
formy, zwykle jednak ma formę książki, która zawiera wszyst- twiając identyfikację wobec dostawców i odbiorców,
kie elementy technik kontaktu wizualnego między firmą, a oto- • dzięki gotowym i zespolonym wzorcom opracowanym w księ-
czeniem. Corporate Identity zawiera nazwę instytucji oraz jej gra- dze identyfikacji wizualnej firma obniża koszty, a także oszczę-
ficzną formę i barwy firmowe, parametry kolorów firmowych, dza czas.
symbole ozdobne, definicję krojów stosowanego pisma i sche-
maty druków papieru firmowego, wzory kopert, notatników, wi-
zytó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. od-
powiadania na telefony, nagrania automatycznych sekretarek.
Pozwala to na przygotowanie systemu spójnego, rozpoznawal-
nego, zgodnego z celem działania, łatwego do zapamiętania i po-
wtórzenia na różnych nośnikach.
Corporate Identity – opracowanie opisu znaków i symbo-
li 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. Rysunek 1.

.psd 06/2008 » www.psdmag.org 21


warsztaty

Rysunek 2. Rysunek 3.

Nowe technologie wytyczają nowe formy identyfikacji wizualnej. • tzw. pole ochronne logo, czyli przestrzeń wokół znaku, na której
Często, dla jak najlepszego ujednolicenia wizerunku firmy, oprócz nie mogą znajdować się żadne inne elementy,
opisu znaku zasady rozszerza się o części przedstawiające zasa- • możliwość stosowania logo na różnych rodzajach tła,
dy zastosowania logo w rożnych technologiach. Wobec tego księga • specjalną czarno-białą wersję logo z przeznaczeniem do fakso-
musi zawierać dodatkowo wszystkie elementy CI w nowoczesnych wania,
technologiach oraz dozwolone i niedozwolone formy korzystania • czasem dodatkowo tzw. Inicjał, czyli uproszczona forma znaku
z logo w tym medium. Zaistnienie firmy w Internecie w wielu przy- firmowego, służąca do umieszczania np. na upominkach rekla-
padkach skłania firmę do zmiany wizerunku i rewitalizację logo, czy- mowych o ograniczonej przestrzeni na znakowanie.
li odmładzanie i unowocześnianie znaku głównego.
Styl graficzny zastosowany przy projektowaniu logo definiuje rów-
podstawowe elementy budowy identyfikacji nież jednoznacznie wszelkie dodatkowe elementy graficzne – takie
wizualnej jak ikonografia produktów, czyli zbiór symboli oznaczających po-
szczególne elementy oferty (Rysunek 2. i 3.).
logo i logotyp
Logo stanowi zasadniczy element w kontakcie z odbiorcą. Jest firmowa czcionka
pierwszym z elementów, które zauważa klient zwracając uwa- Elementem wizualnym bardzo silnie oddziałującym na odbiorcę do-
gę na markę. Kojarzy go z tą, a nie inną firmą, z tym, a nie innym kumentów firmowych (np. ofert) jest stosowana czcionka oraz jej
produktem. Na logo zwykle składa się logotyp – napis stanowią- formatowanie. Najczęściej w firmowym code book definiowane są
cy np. nazwę firmy, często wykonany charakterystycznym i z roz- dwie czcionki – ozdobna, stosowana w tytułach – oraz podstawowa,
mysłem dobranym krojem oraz dodatki graficzne – np. znak firmo- którą pisana ma być większość treści.
wy. Logotyp może zostać przedstawiony za pomocą monogramów Różnica między firmowymi czcionkami, a standardowymi dołą-
– jedna lub kilka powiązanych kompozycyjnie liter, których cechą czanymi do popularnego oprogramowania nie powinna być bardzo du-
są stosunkowo czytelne znaki np. inicjały osoby lub nazwy firmy, ża. Nie jest też uzasadnione stosowanie żadnych przesadnych udziw-
kaligramów zwykle nie umożliwiających jednoznacznej identyfi- nień – np. litery zbudowane z elementów przypominających spinacze
kacji, może je stanowić np. wiersz ułożony w charakterystyczny biurowe. Tekst czytany powinien wyglądać elegancko oraz sugerować,
kształt. Logo w miarę upływu czasu może podlegać ewoluowaniu że firma ma własną tożsamość i nie bazuje na ogranych standardach.
ze względu na trendy rynku, dezaktualizacji (np. często stosowa-
ny dopisek 2000 w latach 80 i 90). Zmiana identyfikującego zna- jakość materiałów marketingowych
ku związana może być z przebranżowieniem firmy, uczynieniem Technika, w której produkowane są firmowe broszury, katalogi, ulot-
go bardziej przyjaznym odbiorcy, unowocześnieniem formy, itd. ki itp. powinna być dostosowana do grupy celowej przedsiębiorstwa
Stosunkowo często – kilkanaście razy od 1899 roku – znak firmo- i współgrać z projektami graficznymi i treścią. Przykładowo: koloro-
wy zmieniał Fiat. we, krzykliwe materiały skierowane do nowoczesnej młodzieży le-
Istnieje wiele szkół projektowania logo, napisano na ten temat piej będą wyglądały na błyszczących papierach z zastosowaniem
wiele książek. Graficy specjalizujący się w tej dziedzinie nie tylko np. lakieru UV. Z kolei w sektorze B2B, gdzie znaczenie ma elegancja,
muszą znać podstawowe teorie, takie jak np. teoria koloru, ale być a przekaz jest raczej stonowany, bardziej odpowiednie są materiały
na bieżąco z aktualnymi trendami. drukowane na grubym papierze, pokryte matowym lakierem.
Ostatnim moim projektem logo jest logo Golden RX – pre-
stiżowej nagrody marketingowej w świecie farmaceutycznym. biuro i samochody
Przed przystąpieniem do projektu poznałam oczekiwania Klien- Wystrój biura, w którym przyjmowani są kontrahenci, również powi-
ta i jego wyobrażenia o logo, które miało powstać. Klient chciał nien pasować do wszystkich innych elementów identyfikacji firmy.
by logo było eleganckie, masywne, by nawiązywało do nowocze- Podobnie stoiska targowe, punkty sprzedaży, czasem nawet pra-
sności i do świata farmaceutycznego. Nie chciałam tworzyć ko- cownicy (uniform firmowy). Recepcja, korytarze, sale konferencyj-
lejnego logo w błękitach czy granatach ponieważ w takich kolo- ne w siedzibie, a nawet kuchnia powinny mieć spójną kolorystykę,
rach jest większość produktów farmaceutycznych. Zapropono- ale – w przeciwieństwie do stoisk – nie zawierać przekazów rekla-
wałam połączenie złota z purpurą i takie kolory zostały zaakcep- mowych i zbyt często powtarzanego motywu logo.
towane (Rysunek 1.). Nieco innymi zasadami rządzi się oznakowanie samochodów
firmowych. Auta handlowców zazwyczaj są jeżdżącymi reklamami,
okolice logo które powinny być spójne z polityką reklamową przedsiębiorstwa.
Graficzna część identyfikacji wizualnej to nie tylko logo, ale również Z kolei samochody kadry kierowniczej, o ile w ogóle powinny być
określenie ram jego stosowania oraz sposób aranżacji przestrzeni. znakowane, mogą zawierać jedynie logo i to w jak najmniej rzucają-
Biblia marki określa między innymi: cej się w oczy wersji.

22 .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 na-
wet 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 (Ry-
sunek 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 03 czcionki


Pierwszym krokiem w tworzeniu wizytówki będzie wybór forma- Nadeszła chwila kiedy burzymy wszelkie wizytówkowe konwe-
tu. Otwieramy program Adobe Illustrator i tworzymy nowy doku- nanse, dobry smak i wyczucie... Po co? By wyrwać się z utartych
ment File>New. Standartowy format wizytówki to 90x50mm, jednak schematów. Proponuję użycie czcionki, która odbiega od norm przy-
nasza będzie nieco większa (musimy uwzględnić 5-cio mm spady z jętych w przeciętnych wizytówkach. Pamiętajmy jednak aby uży-
każdej strony). Na otwarty dokument nanosimy linie pomocnicze i ta przez nas czcionka była (mimo wszystko) choć trochę czytelna,
zaznaczamy obszar spadów oraz marginesu bezpieczenstwa (może zależy nam przecież aby osoba, której ową wizytówkę podarujemy
to być również 5mm na każdy brzeg), aby elementy pracy nie pozo- wiedziała jak właściwie się nazywamy i jak się z nami skontaktować.
stały umieszczone na samym brzegu wizytowki.

02 dane 04 układ
Tworząc wizytówkę zastanówmy się jakie dane chcemy na niej W tradycyjnych wizytówkach wszystkie elementy są równo po-
umieścić. Jeżeli ma to być wizytówka imienna należy umieścić ustawiane. Może my zróbmy inaczej? Dajmy się ponieść fantazji,
imię i nazwisko oraz stanowisko/zawód tej osoby. Klikamy [Ctrl]+[T] obróćmy imię, nazwisko i stanowisko o 20º! Przecież nikt nie powie-
i narzędziem tekstowym tworzymy ramkę, w której umieścimy da- dział, że da się przeczytać tylko poziome teksty. Zaznaczamy tekst
ne. Następnie umieszczamy informacje o kontakcie do danej osoby i klikamy prawym klawiszem myszki, wybieramy Rotate i wpisuje-
(lub firmy). W przedstawionym tutorialu podaje adres WWW, adres my wartość 20º. Ustawiamy tekst tak, aby nie wchodził na margines
E-mail oraz telefon kontaktowy. 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 08 informacje
Na wizytówce umieszczamy logo, jest to symbol charaktery- W odróżnieniu od wizytówki imiennej, na papierze firmowym
styczny dla naszej firmy, więc nie powinno go zabranknąć. Je- umieszczamy dane firmy, a nie pojedynczego pracownika. Istot-
żeli jeszcze nie posiadamy swojego znaku firmowego to zabieramy nym elementem papieru firmowego jest logo. Umieszczamy je w wi-
się za jego stworzenie. Za pomocą kształtów, piórka oraz linii mo- docznym miejscu. Następnie wpisujemy na dole kartki informacje
żemy stworzyć logo, które będzie pasowało do naszej firmy. Tutaj dotyczące firmy. W mojej pracy uwzględniłem nazwę firmy, adres
pozostawiam pole do popisu drogim czytelnikom, ja przedstawiam pocztowy oraz adres strony WWW.
zrobione przeze mnie logo.

0 6 dekoracja 09 dekoracja
Nasza wizytówka przedstawia firmę zajmującą się bajkową Jako dekoracje wykorzystamy bardzo uproszczone elementy,
grafiką oraz kreacją dziecięcą. By wyglądała ciekawiej dodamy których użyliśmy już w projekcie wizytówki. Będzie to elemen-
gwiazdki. Stanowią one w tym przypadku element zabawny, wpro- tem spójnym dla obu projektów. Na bokach kartki umieszczamy fio-
wadzający poniekąd atmosferę bajkową. letowe paski, które zamkną nam kompozycję. Na dole wstawiamy
kilka gwiazdek ozdabiających całość. Dzięki tym działaniom tworzy-
my wyróżniający się, niestandartowy papier firmowy.
Wojciech Błaszczak

07 format papieru firmowego


Format papieru firmowego jest oczywiscie dowolny. W przed-
stawionym 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 miej-


scu standardowej podkładki do pisania piórem. Daje to nam nie-
zapomniane 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 ta-
blet. Za pomocą klawisza Display toggle (Przełączanie wyświe-
tlaczy) umieszczonego na tablecie, przełączymy się na obsługę
monitora lub obsługę tabletu. Wszystkie programy, których uży-
wamy, wyświetlają się nam bezpośrednio pod ręką lub naprze-
ciwko 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. cą większości urządzeń obecnych na rynku, takich jak na przy-
Po podłączeniu tabletu musimy skalibrować pióro. Jest to bardzo kład Datacolor, X–Rite i basicolor. Coraz więcej monitorów jest
proste. Program wyświetla nam na rogach dwa krzyżyki, w które produkowanych w Formatach 16:10. Tak też jest w przypadku
musimy wcelować i nacisnąć piórkiem. Matryca LCD ma wielkość Cintiq. Dzięki temu formatowi, możemy tak ustawić obszar pra-
261,1 na 163,2mm i jej najlepszą rozdzielczością do pracy jest cy, aby mieć bardzo dużo miejsca do pracy. Jak wspomniałem
1280x800px. Dużym plusem jest fakt, że matryca posiada aż wcześniej, wrażenia z samej pracy są rewelacyjne. Zawsze mia-
1024 poziomy rysowania i wymazywania, co stawia ją na równi łem problem z narysowaniem prostej, nieregularnej kreski na
z tabletami z serii Intuos 3. Zainstalowano też opcję czułości pió- zwykłym tablecie. Czasem używałem zwykłej linijki, lub robiłem
ra na pochylenie i obracanie. Niestety są one dostępne po zaku- dziwne wygibasy przy tablecie. Tutaj nie ma takiego problemu. Po
pie dwóch dodatkowych piór Airbrush (model ZP–400E) i Art Pen prostu obracasz sobie tablet jak kartkę i rysujesz. Można też go
(model ZP–600). W tablecie zastosowano udogodnienia znane wziąć na kolana i bez problemu używać. Jedyną wadą jest kabel
z serii Indus 3. Są to programowalne klawisze ExpressKeys oraz łączący tablet z konwerterem, ale cóż, nie można mieć wszyst-
pasek Touch Strip. Fabrycznie skonfigurowane jako najczęściej kiego. Ogólnie bardzo polecam tablet Wacoma Cintiq 12WX. Jed-
stosowane [Ctrl], [Alt], [Shift] i [Space] mogą być również uży- nak dla mnie osobiście jest nieco za mały. Wybrał bym większy i
wane do aktywacji funkcji – na przykład Display Toggle. Pasek znacznie droższy – Wacom Cintiq 21UX.
Touch Strip może być wykorzystywany do zmiany powiększenia Tomasz Biniek
obrazu i jego przesuwania w wielu aplikacjach. Jest to bardzo wy-
godne, ponieważ mamy niezwykłą wygodę pracy, bez konieczno-
ści używania klawiszy skrótów. W chwili zakupu monitor jest Trochę danych:
w pełni sprofilowany. Dokładna kalibracja jest możliwa za pomo-
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 charak-
ter. W moim przypadku zdecydowałem się utworzyć indywidu-
alną działalność gospodarczą w stylu Izby Rzemieślniczej, pomi-
mo atrakcyjnego dla osób związanych z grafiką, prowadzenia Do-
mu Artystycznego. Procesy rachunkowe i surowe ramy działalno-
ści wywierały na mnie niekorzystne wrażenie. Tymczasem w rze-
czywistości chciałem kierować swoją twórczość do spraw bar-
dziej globalnych, nie tylko związanych z samą grafiką. Chciałem
sprzedawać swoją twórczość intelektualną, rozwijać portale... ro-
bić 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 wszyst-
ko zaczyna działać. Stajecie się osobą niezależną zawodowo, au-
tonomiczną, ale też osamotnioną. Musicie znaleźć kilku partne-
ró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 wzbo- przedsiębiorstwa, które nie może sobie pozwolić na przestój.
gacający o nowe doświadczenia z wielu dziedzin technicznych, Największe zagrożenia dla przedsiębiorstw leżą w pierwszych
którymi będziecie kierować. Wasza teczka dorobku będzie pęcz- latach jego działalności i związane są głównie z problemami
nieć – tym lepiej! handlowymi. Możecie mówić, że nie skończyliście handlówki,
Przed utworzeniem działalności warto zbadać grunt i stwo- że jesteście twórcami, ba artystami, nie zmienia to faktu, że ko-
rzyć bazę potencjalnych klientów. Strona internetowa jest w mia- niecznie musicie zbadać grunt, sprzedawać, przekonywać, pod-
rę tanim narzędziem prezentowania oferty i komunikacji z klien- glądać konkurencje, dopasowywać ceny. Może na początku wa-
tami, niech będzie wyrazista i skuteczna. Stwórzcie oryginalne szej działalności wyda się to problematyczne, ale dla długotrwa-
portfolio, które będzie stanowiło dla klienta mapę waszych do- łości przedsiębiorstwa potrzebna jest strategia handlowa. Gdy
konań. Niech oferta otworzy przed zleceniodawcą inne możliwo- cel działalności będzie stawał się klarowniejszy, możecie za-
ści, które wprzęgną wasze umiejętności, internetowa animacja, cząć myśleć o kompleksowej reklamie w zależności od środków,
cyfrowa książka... którymi dysponujecie. Trzeba mieć dobre struktury, referencje
Kiedy w końcu uda się wam skompletować ofertę, zaprezen- i plan dotarcia do szerszej grupy odbiorców. Zainwestowany ka-
tować wasze umiejętności, należy poszukać przyszłych klien- pitał szybko się zwróci, zaś wy stopniowo będzie robić sobie
tów. Istnieje kilka sposobów na pozyskanie zleceniodawców: In- miejsce na rynku.
ternet, lokalna i regionalna prasa, znajomi. Kanały komunikacji Pierwsze spotkanie z klientem to prezentowanie swojego
z klientami mogą obejmować także kontakt pośredni (telefon) talentu, ale wkrótce zostaniecie poproszeni o zaprezentowanie
i bezpośredni (pukanie do drzwi). Telefon oddaje nieocenioną wstępnego kosztorysu. Tutaj mogą pojawić się problemy, trud-
korzyść w badaniu gruntu, znacznie przyśpiesza kontakty spo- no mówić o cenach jeśli nie zna się dobrze rynku. Tym bardziej
łeczne. Spotkania twarzą w twarz pozwalają rozpoznać właści- trudniej zaplanować wydatki w procesach, w których występu-
wą osobę i uniknąć częstych problemów wynikających z charak- je wiele zmiennych. Musimy wybrać najodpowiedniejsze narzę-
teru rozmówcy. Należy uzbroić się w cierpliwość i być gotowym dzia, rozwiązania, etc. Warto przygotować dwupoziomowy kosz-
na przyjęcie stosu odmownych decyzji, aż na sto kontaktów doj- torys, realny i przewidywany. Musicie także określić kto jest po-
dzie do dwóch lub trzech spotkań; nie wolno traktować tego jako trzebny do wykonania projektu. Te i inne kwestie warto postawić
przegranej, tylko dalej sprzedawać własną ofertę. przed sobą bardzo szybko jeśli chcemy wywołać poważny wy-
Warto być wyczulonym na powracających klientów, zadbać raz twarzy klienta. Jeśli plan będzie dobry, wszystko pójdzie jak
o to, odpowiadać na ich potrzeby. Ale uwaga, jednocześnie uroz- z płatka, a klient będzie zadowolony. Po roku swojej działalności
maicajcie wasze kontakty z klientami, nie zamykajcie się na jed- warto podsumować dorobek i przyjrzeć się projektom, które wy-
ną konkretną grupę, od tego zależy funkcjonowanie waszego konaliśmy.

28 .psd 06/2008 » www.psdmag.org


tożsamość wizualna

folder dla ZenithOptimedia kach. Starając się zachować dystans wypytywałem się o cha-
Agencja doradztwa i pośrednictwa kupna terenów. rakter fotografii, która nie do końca współgrała z moim wyobra-
W tym projekcie celem było zaproponowanie przedsiębior- żeniem firmy.
stwu ZenithOptimedia narzędzi komunikacji z klientem w ce- Na odprawie wyjaśniono mi jednak celowość takiej ikonogra-
lu określenia strategicznych celów, które obiera firma przy re- fii, która o dziwo uwiodła klienta i umożliwiła szybkie przejście
alizowanych projektach. Pośrednio chodziło o przedstawie- do kolejnych etapów projektu. Wszystko potoczyło się na tyle do-
nie kontekstu i wsparcia jakie firma może zaproponować. Tak- brze, że klient zaproponował wykonanie dla niego strony interne-
że nie chodziło tylko i wyłącznie o prostą kopertę na płytę CD. towej, na której wykorzystano wszystkie fotografie, które znala-
Klient chciał swoistą książeczkę z ofertą, wewnątrz której od- zły się w broszurze.
biorca może znaleźć odpowiednie materiały zapisane na nośni- Przedsiębiorstwo specjalizujące się w europejskich fundu-
ku cyfrowym. Co ważniejsze taka forma pozwala otwartą ofer- szach inwestycyjnych.
tę postawić na biurku. Zawartość produktu miała mieć komercyj- Podczas licznych projektów, możemy spotkać się z realiza-
no handlowy charakter jednocześnie musiała cechować się kre- cją różnych form publikacji: od lokalnego przewodnika po mie-
atywnością. Treść prezentowała filozofię przedsiębiorstwa: bez- ście do dużych dzienników i tygodników regionalnych lub krajo-
pieczeństwo inwestycji, referencje, nagrody. Po konsultacjach wych. Niestety na początku będziemy raczej realizować mniej-
z klientem doszliśmy do porozumienia i wypracowaliśmy osta- sze projekty. Kiedyś klient zaprezentował mi publikację, w której
teczną formułę. chciał zamieścić swoją reklamę.
Niestety harmonogram był napięty i nie miałem komfor- Nie znałem tego magazynu, była to publikacja specjalistycz-
tu dysponowania odległym terminem. Musiałem być szczegól- na, na dodatek anglojęzyczna. Klient był bardzo skupiony na re-
nie wyczulony na pomyłki. Pierwsza dostawa miała objąć tysiąc klamie konkurencji i uświadomiłem sobie, że trzeba poszukać
sztuk folderów. Na początku zaprezentowałem wszystkie szki- czegoś kreatywnego, aby znaleźć przekaz, który trafi w dziesiąt-
ce uwzględniając kilka wariantów. Materiały źródłowe w posta- kę. Aczkolwiek nie mogłem zapomnieć, że byłem w świecie, gdzie
ci zdjęć zostały zakupione. Należało im jednak poświęcić tro- finanse ograniczają często kreatywność. Dyrektor generalny wy-
chę czasu aby dostosować do projektu. Uwzględnienie warun- tłumaczył mi charakter działalności przedsiębiorstwa i po serii
ków wydruku nastręczało trochę problemów, ale współpraca pytań-odpowiedzi zrozumiałem to, co klienci powinni dostrzec
z drukarzem znacznie przyśpieszyła sam proces. Dzień dostawy to: doświadczenie firmy i skuteczność sieci kontaktów są wy-
pierwszej partii materiałów był bardzo emocjonujący. Stres przed jątkowe w skali Europejskiej, XXX jest jedynym partnerem, który
otwarciem kartonów sięgał zenitu. Wydruki były doskonałe, po- wam zapewni optymalny wybór zmiennego europejskiego fun-
dobnie jak nadruki na płytach CD. Jedyny czarny punkt, no po- duszu inwestycyjnego.
wiedzmy szary, związany był z odbiciem światła od powierzch- Natychmiast pokazał mi swoje wyobrażenie oferty, ja tym
ni folderu, na które zwrócił swoją uwagę klient. Wstrzymałem od- czasem skupiałem się na koncepcji. Po krótkim czasie pojawił
dech, nic nie powiedziałem i wszystko potoczyło się ku zadowa- się pomysł – karta europejska pocięta nożyczkami! Skończyli-
lającemu sfinalizowaniu transakcji. ś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,
broszura ECOACT przekonany, że będzie idealny dla klienta. Zleceniodawca podjął
Przedsiębiorstwo wspierania trwałego rozwoju. szybką decyzję zadowolony również z finansowego rozwiązania
Przy tym projekcie pracowałem dla agencji konsultacyjnej. i niezwłocznie opublikował reklamę w najbliższym numerze.
Byłem tutaj podwykonawcą. Także często, podobnie jak kamele- Warto pamiętać, że czas to pieniądz, jednak dobry pomysł
on, musimy dostosować się do środowiska, w którym przebywa- nie ma ceny. Dlatego brnijcie przed siebie, miejcie wiarę w swoje
my. W przypadku tej broszury koncepcja nie była moja. umiejętności i szanujcie markę dla której pracujecie.
Tam gdzie tego wymagała sytuacja korzystaliśmy z foto- Caléis
grafii agencji pośredniczącej, szczególnie przy dużych odbit-

.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 naj- czemu tak się dzieje?
popularniejszej wyszukiwarce internetowej, czyli Google, brzmi Nigdy nie rób tego, co wszyscy. W każdej branży to co oczywiste
bardzo kusząco. Jednak kiedy zaczniemy zgłębiać temat pozy- opłaca się najmniej. Kiedy przeanalizujemy rynek – bez względu na
cjonowania w wyszukiwarkach, szybko zostajemy skonfronto- to, w jakiej branży działamy – okaże się, że konkurowanie na najbar-
wani z okrutną prawdą, jaką jest bardzo długi i kosztowny okres dziej popularne frazy to przegrana sprawa. Szybko zobaczymy, że
pozycjonowania. Co więc zrobić, kiedy mamy produkt lub usługę, firmy znacznie większe od naszej wywindowały cenę za pojedyncze
która musi się pokazać na rynku możliwie jak najszybciej i kil- kliknięcie i konkurowanie z nimi absolutnie nie ma sensu. Z drugiej
kumiesięczny okres oczekiwania nie wchodzi tutaj w grę. Z od- strony ich reklama zawsze znajduje się na górze, więc kiedy zrezy-
powiedzią przychodzi nam Google AdWords, czyli płatna rekla- gnujemy z walki cenowej, mało kto zauważy naszą. Z pomocą przy-
ma kontekstowa. chodzą nam tutaj tak zwane narzędzia Google.
Moje pierwsze poważne spotkanie z Google AdWords było umo-
tywowane właśnie chęcią zaistnienia na rynku przed pierwszymi słowa kluczowe to esencja problemu
efektami pozycjonowania. Po przeczytaniu kilku podstawowych in- Pierwszą rzeczą, z jakiej musimy skorzystać, jest narzędzie propozy-
formacji na temat tej usługi, jej zasady wydały mi się bardzo jasne. cji słów kluczowych. Przykładowo po wpisaniu frazy grafika kompute-
Google wyświetla moje reklamy przy odpowiednich Michał Kowal- rowa dowiemy się, że jest ponad 100 innych połączonych z nią fraz,
ski zapytaniach, a ja płacę tylko za użytkowników, których dana re- które również możemy wykorzystać w naszej reklamie. Każdą z tych
klama przekieruje na moją stronę. Opłaty za jedno kliknięcie w okoli- fraz musimy przeanalizować pod względem ilości konkurencji oraz
cach 50 groszy wydawały się dość rozsądne, tak więc szybko zabra- ilości zapytań. Idealne będą oczywiście sytuacje, gdzie słowo pasu-
łem się za konfigurację mojej pierwszej reklamy. je do naszej branży, ma minimum konkurencji oraz maksymalnie du-
żą ilość zapytań. Po stworzeniu listy słów kluczowych (idealna ilość to
pierwsza konfiguracja około 200-500 słów na jedną grupę reklam) musimy dokonać jej ana-
Zasada konfiguracji reklamy w Google AdWords jest bardzo prosta. lizy. Tutaj z pomocą przyjdzie nam narzędzie prognozy liczby odwie-
Pierwszym krokiem jest ustalenie jej treści, na którą składa się po- dzin, które również znajdziemy w naszym panelu Google.
grubiony tytuł oraz dwie linijki tekstu. Dodatkowym elementem jest
możliwość wpisania wyświetlanego adresu strony w sposób, jaki szybki case-study
odpowiada nam bardziej, niż faktyczny adres, na jaki przekierowu- Kontynuując kwestię przykładowej reklamy dla magazynu .psd doko-
je reklama. Przykładowy projekt może więc wyglądać w sposób na- nujemy szybkiej prognozy. Ustalamy więc jedynie podstawowe ele-
stępujący: menty 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 bar-
.psd Magazyn dla grafików dzo rozsądna stawka bez względu na to, w jakiej branży się obracamy.
Zapraszamy na naszą stronę www Pierwsza diagnoza mówi nam, że w wypadku wykorzystania tylko jed-
Znajdziesz tutaj dużo ciekawostek nego słowa kluczowego – grafika komputerowa – naszą stronę odwie-
www.psdmag.org dzi 4-7 osób dziennie. Druga natomiast mówi nam, że w wypadku wy-
korzystania pierwszych 100 propozycji słów kluczowych powiązanych
Po ustaleniu projektu naszej reklamy określamy, na jaką stronę ma z frazą grafika komputerowa (czyli klientów poszukujących tego same-
on przekierowywać (w tym wypadku będzie to również www.psd- go rodzaju produktów) naszą stronę odwiedzi... uwaga – 4200-5800
mag.org) oraz wybieramy słowa kluczowe, do jakich reklama ma osób dziennie! Ciężko w to uwierzyć, ale wiele osób reklamujących się w
być dopasowana. Oczywistymi słowami dla reklamy magazynu .psd Google AdWords nigdy nie korzysta z możliwości generowania dodatko-
byłyby grafika komputerowa oraz Photoshop. wych słów kluczowych i nigdy nie uzyskuje odpowiedniej skuteczności
Po wprowadzeniu wszystkich ustawień możemy już urucho- reklamy. Co najważniejsze, przy tak dużej ilości słów kluczowych, może-
mić reklamę. my 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ść odwie-
pierwsze poważne błędy dzin. W ten właśnie prosty sposób można zwiększyć potencjalną sku-
Po pierwszym dniu testów, kiedy płacimy za pierwsze kliknięcia w teczność reklamy 828 razy w 7 minut, a to dopiero początek.
podobnej konfiguracji widzimy, że coś jest nie tak. Moja reklama wy-
glądała bardzo podobnie do przykładowej, zaprezentowanej tutaj re- wygląd naszej reklamy
klamy .psd. Przy tego typu ustawieniach reklamy pojawiają się dwa Kiedy mamy już pewność, że nasza reklama będzie pojawiała się
błędy – pierwszy to bardzo mała ilość kliknięć na naszą reklamę, a na wysokich pozycjach przy bardzo wielu zapytaniach, musimy się
drugi to bardzo duża cena za pojedyncze kliknięcie, co sprawia, że upewnić, że użytkownicy będą w nią klikali. Musi ona w pierwszej ko-
reklama staje się nieopłacalna. lejności przykuć oko, po czym zachęcić potencjalnego klienta do klik-

30 .psd 06/2008 » www.psdmag.org


kampania reklamowa Google AdWords

nięcia. Stworzony przez nas wcześniej projekt jest raczej czysto infor-
macyjny 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 elitar-
nym. 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 sprecyzowa-
nie oferty tak, aby w reklamę klikały osoby, które są faktycznie zain-
teresowane magazynem dotyczącym Photoshopa. Dodatkowym ele-
mentem, który sprawia, że reklama jest dużo bardziej atrakcyjna wi-
zualnie, 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 reklamo-
wego 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, naj-
większym i najpopularniejszym błędem jest przekierowywanie klien-
ta 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 do-
brzy w tym, co robimy. Musimy założyć, że klient zawsze szuka kon-
kretnych 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 naj- skuteczność naszych reklam będzie znacznie wyższa – nawet do
lepsze kursy i poradniki do programu Photoshop. Kliknij tu, zapisz 50%. W takim wypadku słowa kluczowe, które generują tak wysoką
się na nasz Newsletter i bądź na bieżąco informowany o wszystkich skuteczność, powinniśmy oddzielić do osobnych grup reklamowych.
ciekawostkach z branży. Powodem, dla którego ten zabieg jest niezwykle istotny, jest fakt, że
Jak widać tekst nawiązuje bezpośrednio do reklamy, w którą klik- Google nagradza reklamy o bardzo wysokiej skuteczności przypisu-
nął klient. Mamy więc pewność, że osoba, która była zaintrygowana jąc im wyższe pozycje za niższe ceny. Patrząc na drugą stronę me-
naszą reklamą, będzie również zaciekawiona przedstawionym tek- dalu, powinniśmy więc usuwać słowa kluczowe, które nie generują
stem reklamowym. Drugim elementem jest bezpośrednie zaprosze- żadnych kliknięć lub nie wyświetlają się w wypadku progu cenowe-
nie do zapisania się na Newsletter, co daje nam możliwość nawiązania go, który nas interesuje. Praktykując te zabiegi codziennie, a zajmie
stałego kontaktu z potencjalnym klientem i znacznie zwiększa szan- nam to około 15 minut, docelowo stworzymy wyjątkowo skuteczną
se, że uda nam się zachęcić go do zakupu naszego produktu lub na- i, co najważniejsze, tanią kampanie reklamową.
wiązania współpracy. Idąc tym tropem, drugim, bardzo poważnym
błędem popełnianym przez reklamodawców, jest korzystanie z tego podsumowanie
samego tekstu reklamowego dla wielu produktów. Przykładowo – w wy- Przy odpowiedniej konfiguracji kampania reklamowa Google Ad-
padku magazynu .psd zupełnie inny tekst reklamy powinien być przy- Words okazuje się być skuteczna nie tylko na krótki okres w czasie
gotowany dla kupujących, których chcemy bezpośrednio zachęcić do oczekiwania na efekty pozycjonowania. Jest to świetna metoda na
zakupu prenumeraty, niż dla kupujących, których chcemy tylko za- uzyskanie wysokich pozycji na bardzo wiele fraz, w przypadku któ-
chęcić do zapisania się na Newsletter. W tym wypadku reklama w Go- rych przy odpowiedniej konfiguracji możemy pozyskiwać klientów
ogle Adwords powinna więc prowadzić do oddzielnej strony reklamo- za bardzo niskie stawki od pojedynczego kliknięcia. Zawsze warto
wej z odpowiednio przygotowanym tekstem. dokonać analizy, do której dane z Google AdWords są bardzo przy-
datne, gdyż do każdej frazy na jaką się reklamujemy otrzymujemy
codzienna analiza miesięczną ilość zapytań. Biorąc pod uwagę fakt, że pierwsza pozy-
Kiedy mamy już skonfigurowaną reklamę, przygotowaną stronę cja w Google gwarantuje nam około 25% wszystkich kliknięć, może-
z tekstem reklamowym, a całość jest odpalona i generuje już pierw- my przeliczyć czy np. przy hasłach gdzie miesięcznie pozyskamy
sze zyski, ostatnim ale ciągłym elementem naszej pracy powinna 500 odwiedzających, bardziej opłaca się zainwestować 0,50 PLN za
być analiza. Pierwszym i najważniejszym czynnikiem jest skutecz- kliknięcie w Google Adwords czy np. 400 PLN za miesięcznie pozy-
ność reklamy, czyli ilość kliknięć w stosunku do ilości wyświetleń. cjonowanie tej frazy. Wyniki tego typu przeliczeń mogą być często
Przykładowo, jeśli na 100 wyświetleń mamy jedno kliknięcie, to sku- bardzo zaskakujące, tak więc zachęcam do ich wykonania.
teczność naszej reklamy wynosi 1%. Czasami zdarzy się jednak, że Michał Kowalski

.psd 06/2008 » www.psdmag.org 31


warsztaty

trochę
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.

Zaprezentowaliśmy wykonane po godzinach demo dla MTV. Podczas a teraz trochę od kuchni...
prezentacji zaznaczyliśmy, że ilość efektów 3D bedzie taka jak trze- Z uwagi na małe budżety i bardzo krótkie terminy, wszystkim mu-
ba, bez ustalania limitów. Ponad to, zgodziliśmy się by część obiek- szę zajmować się sam. Jestem redaktorem, robię filmy w plenerze
tów została wmontowana pod koniec pracy nad projektem, gdy bedą do prezentacji, wymyślam scenariusz, szukam materiałów itp. No i
już miały aprobatę NBP (przedmiotem prezentacji dla w/w agencji oczywiście prowadzę 6 osobową agencje reklamową, w której kre-
miały być monety). Do dzisiaj jest to kluczowy wymóg, często zda- acja jest podstawowym, oczekiwanym produktem, a prezentacje
rza się, że w prezentacji mają być pokazane monety, które jeszcze elektroniczne nie są głównym zajęciem. Najważniejsi są ludzie.
nie istnieją. Są w ostatnim momencie wkładane do filmu. Przy realizacji pierwszej prezentacji, zresztą przy innych też,
W większości firm wszelkie realizacje graficzne wykonują tzw. pracował malarz, który w wojsku nauczył sie animacji 3D. Czło-
graficy komputerowi, którzy po obejrzeniu kilkunastu katalogów od wiek ten przyjechał do Warszawy i mieszkając na dworcu dzwonił
agencji sprzedających zdjęcia myślą, że wiedzą co to jest projekto-
wanie. W NEO ART przy prezentacjach pracuje dwóch artystów mala-
rzy 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, otrzy-
mujemy zapytanie ofertowe. Oczywiście ma się to nijak do rzeczy-
wistej włożonej pracy, jeśli weźmiemy pod uwagę ilość zmian, na ty-
dzień przed oddaniem pracy.
Ogólnie prezentacja przygotowywana przez NEO ART dla Menni-
cy 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 kolekcjo-
nerskie przedstawiane jako obiekty 3D, w otoczeniu bogatej animacji,
• element graficzny, w tym roku był to pędzel, który malując zna-
ki zodiaku na niebie, uderzał w kolejne wirujące monety urucha-
miając ich pokaz,
• koniec prezentacji, zwykle jest to tzw. parada monet, czyli po-
kaz 20-30 minutowy.

Ż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 sa-
molotu, nie jest dla klienta czymś niemożliwym. Pojęcie czasochłon-
nego renderingu też dla niego nie istnieje. Na szczęście zwykle uda-
je 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ól-
ny 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 tra-
dycyjnego projektowania.
Naszą grupą docelową jest tak naprawdę dyrektor finansowy,
który jest w stanie zmienić zawartość prezentacji na 3 dni przed wy-
lotem na pokaz. Na uwadze należy mieć też fakt, że oglądać ten po-
kaz 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 gwiazd-


ki 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 mone-
ta uwielbiają następujacy efekt: Moneta jako obiekt 3D obraca się
dookoła osi, czasami powieksza się lub oddala. Nagle, z tej wiruja-
cej monety oddzielają się, np. zdobienie cyrkonią. Następnie cyrko-
nia obraca się i z powrotem wpada na swoje miejsce przy akompa-
niamencie blików, flar i/lub sypiących się świetlistych iskier. To do-
syć 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 na-
szym pierwszym, niewielkim biurze. Dlatego następne pomieszcze-
nie 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 zie-
mię, tłumacząc, że pewnych rzeczy nie da się zrobić w danym cza-
sie, ja mam niestety ustalony, nieżyciowy i mało profesjonalny spo-
sób pracy. Niestety przy kliencie mało zawodowo zwierzam się z po-
mysłó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ę ja-
ko 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 za-
leży od kreatywności. Czasami dodanie filmu skręconego do góry
nogami, przebarwionego, zmontowanego z dwóch planów jest lep-
szym pomysłem, niż żmudne produkowanie efektów specjalnych.
Ważną sprawą jest przypadek. Czasami przypadkowa praca z fil-
trami 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 ja-
ko animacje 3D realizowane w programie 3DS Max. Całość jest mon-
towana 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, bli-
ki 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 ob-
racają się i składają na koniec w monetę trójkolorową. Istotą i celem
prezentacj jest przecież pokazanie prezesom innych Mennic, że pro-
dukty Polskiej Mennicy są skomplikowane, bogate, mają dopracowa-
ną rzeźbę i rzeczywiście są obiektami sztuki.
Nasi aktorzy pokazywani są naturalnie, w dużych powiększe-
niach tak, aby docenić artystyczne walory metalu i zdobień. Wyma-
ga to dopracowania wielu tekstur. Nakładania się skanów, podkręca-
nia kolorów itp.
W tle pokazywanych monet mamy wygenerowaną bogatą ak-
cję, która ilustruje temat przedstawiony na monecie. Zwykle są to
zmiksowane filmy, które nagrywam w różnych sytuacjach. W dal-
szych planach mamy efekty graficzne, światło oraz przeniki kolo-
rów. Ale czasami potrzeba bardzo konkretnego materiału, np. z Par-
lamentu 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 zo-
stały zmiksowane filmy z programu rolniczego, a motyw cudownego
łanu falującego zboża wzieliśmy z filmu Potop. Realizacja była wy-
konywana 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, ry-
sowanych i malowanych. Ale co zrobić, gdy musimy nakręcić wy-
stęp monety wybitej dla upamiętnienia życia podróznika, gdy jedy-
nym dostępnym materiałem jest czarno biała fotka wielkości znacz-
ka 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 mo-
mencie, na etapie komponowania muzyki, dodać pokaz dwóch mo-
net. 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 pro-
dukt – stoisko, grafika reklamowa i prezentacja, czyli film, dzięki te-
mu 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 Ofi-
cjalny 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ą- zamieszczonym w załączonych materiałach. Dzięki tej książ-
cy znajomości języka HTML. Prowadzi nas on przez wszyst- ce będziemy mogli poznać podstawowe oraz zaawansowane
kie etapy tworzenia witryny internetowej. Książka podzielona narzędzia Dreamwevera poprzez ich praktyczne zastosowa-
jest na dwanaście lekcji do samodzielnego wykonania. Na po- nie. Czytając podręcznik dowiemy się również, jak formato-
czątku każdej z nich określone są umiejętności, które zdobę- wać tekst i tabele, a także jak wstawiać hiperłącza i projekto-
dziemy, czas potrzebny na wykonanie ćwiczenia i materiały wać formularze. Zobaczymy, jak łatwe jest tworzenie kaska-
do jego wykonania. Wszystkie niezbędne pliki zawarte są na dowych arkuszy stylów CSS przy użyciu narzędzi usprawnia-
dołączonej do książki płycie. Kolejne etapy poznawania taj- jących, czyli miarek i linii pomocniczych. Dzięki poszerzo-
ników programu prowadzą od podstaw obsługi i konfiguracji nej integracji z programem Photoshop CS3 wkleimy dowolny
przestrzeni roboczej przez arkusze stylów, pracę z tekstem fragment wielowarstwowego obrazu bezpośrednio na stronę.
i grafiką, wstawianie hiperłączy, projektowanie makiet, for- Wykorzystamy narzędzia Adobe Spry do tworzenia serwisów
mularzy i stron interaktywnych do zaawansowanej technolo- internetowych w technologii Web 2.0. Przekonamy się, jak
gii AJAX oraz umieszczania na stronie filmów i animacji flash. prosta jest konfiguracja połączenia ftp oraz przesyłanie ca-
Ostatnim etapem jest sprawdzenie zgodności z przeglądar- łych serwisów na serwer przy użyciu tego najnowszej wer-
kami, walidacja i publikowanie strony w Internecie. Podczas sji programu Adobe Dreamweaver. Podręcznik napisany jest z
każdej lekcji tworząc nowy element strony zgłębiamy ogrom- myślą o początkującym użytkowniku, ale nawet doświadczo-
ne możliwości programu. Zdobytą wiedzę smożemy spraw- ny projektant stron znajdzie tu opisy zaawansowanych funk-
dzić odpowiadając na pytania zawarte w podsumowaniu. Wy- cji programu oraz wiele wskazówek usprawniających pracę.
niki naszej pracy możemy porównać z efektem końcowym 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 04 formowanie gwiazdy


Tworzymy nowy dokument o wymiarach np. 800×600px. Na- Tworzymy nową warstwę [Shift]+[Ctrl]+[N], nadajemy jej na-
stępnie tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nadajemy zwę gwiazda, a następnie wklejamy obraz ziemia.jpg (może to
jej nazwę pyl1. Wybieramy Filtr>Rendering>Chmury (Filter>Rende- być dowolny obraz powierzchni z dużymi pęknięciami). Używając
r>Clouds), a następnie Filtr>Rendering>Chmury różnicowe (Filte- Zaznaczenia eliptycznego (Eliptical Marquee Tool) [M], zaznacza-
r>Render>Difference Clouds). Jeżeli efekt się nam nie spodoba, po- my obszar przyszłej gwiazdy, przy jednoczesnym naciśnięciu klawi-
wtarzamy ostatnią czynność [Ctrl]+[F], aż do uzyskania satysfak- sza [Shift]. Po zaznaczeniu obszaru naciskamy [Shift]+[Ctrl]+[I], a
cjonującego efektu. następnie [Del]. Teraz należy ponownie użyć kombinacji [Shift]+[C-
trl]+[I].

02 kolorowanie pyłu i łączenie 05 nadawanie głębi gwieździe


Aby dodać kolor, wybieramy [Ctrl]+[U], zaznaczamy opcję Ko- Skrótem klawiaturowym [Ctrl]+[I] tworzymy negatyw, co pozwo-
loruj (Colorize) i ustawiamy: Barwa 205, Nasycenie 75 Ja- li nam uzyskać efekt końcowy. Kolejnym krokiem jest Filtr>Znie-
sność 0.. Teraz tworzymy nową warstwę [Shift]+[Ctrl]+[N], o na- kształcenie>Sferyzacja (Filter>Distort>Spherize) i ustawienie war-
zwie pyl2 oraz ustawiamy tryb mieszania na Mnożenie odwrotności tości na 100% i tryb Zwykły (Normal). Operację powtarzamy używa-
(Multiply). Następnie powtarzamy poprzednią procedurę i ustawia- jąc [Ctrl]+[F], by wzmocnić efekt.
my: Barwa 43, Nasycenie 100, Jasność 0.

03 pole gwiezdne 0 6 efekt wybuchu


Tworzymy nową warstwę [Shift]+[Ctrl]+[N], nadajemy jej na- Usuwamy zaznaczenie [Ctrl]+[D], a następnie wybieramy Fil-
zwę pole, ustawiamy tryb mieszania na Mnożenie odwrotno- tr>Zniekształcenie>Współrzędne biegunowe (Filter>Distort>Po-
ści (Screen), a następnie wypełniamy kolorem czarnym. Dalej Fil- lar coordinates) i wybieramy opcję Biegunowe na kartezjańskie (Po-
tr>Szum>Dodaj szum (Filter>Noise>Add noise). Ustawiamy war- lar to rectangular). Obracamy obszar roboczy poprzez Obrazek>O-
tości na takie, jakie zostały pokazane na ilustracji. Dla poprawienia bróć obszar roboczy>90° w prawo (Image>Rotate Canvas>90° CW).
efektu wybieramy Obrazek>Dopasuj>Jasność/Kontrast (Image>Ad Następnie wybieramy Filtr>Stylizacja>Wiatr (Filter>Stylize>Wind),
justments>Brightness/Contrast), a następnie ustawiamy wartości: metoda Wiatr (Wind) i kierunek Z prawej (From the Right) i powta-
Jasność (Brightness): -50 oraz Kontrast (Contrast): +50. rzamy czynność [Ctrl]+[F] kilka razy, w zależności od mocy efektu,
jaki chcemy uzyskać.

.psd 06/2008 » www.psdmag.org 37


fotomontaż

07 końcowa forma gwiazdy 10 głębia i ostrość planety


Obracamy obszar roboczy Obrazek>Obróć obszar roboczy>90° Wybieramy Filtr>Zniekształcenie>Sferyzacja (Filter>Distor-
w lewo (Image>Rotate Canvas>90° CCW), następnie Filtr>Znie- t>Spherize) i ustawiamy wartość 100% przy trybie zwykłym; na-
kształcenie>Współrzędne biegunowe (Filter>Distort>Polar coordi- stępnie powtarzamy czynność, zmieniając wartość na 60%. Później
nates) i wybieramy opcję Kartezjańskie na biegunowe (Rectangular wybieramy Filtr>Wyostrzenie>Maska wyostrzająca (Filter>Sharpe-
to polar). Skrótem [Ctrl]+[U] zmieniamy koloryt, używając parame- n>Unsharp mask) i ustalamy wartości takie jak na ilustracji, co wy-
trów podanych na ilustracji, a następnie poprzez [Ctrl]+[B] zmienia- ostrzy powierzchnię planety.
my wartości dla cieni, półcieni i świateł, podobnie jak to zostało po-
kazane na ilustracji.

08 lekki retusz i lśnienie 11 kolor i światłocień planety


Wybieramy Obrazek>Dostosuj>Jasność/Kontrast (Image>Adj Dodajemy kolor wybierając [Ctrl]+[U] – zostało to przedstawio-
ustments>Brightness/Contrast) i ustawiamy Jasność (Bright- ne na ilustracji; następnie Obrazek>Dopasuj>Jasność/Kontrast
ness): +30 i Kontrast (Contrast): +40. Do zakończenia brakuje jedy- (Image>Adjustments>Brightness/Contrast), ustawiając odpowied-
nie lśnienia gwiazdy, co osiągamy wybierając opcje stylów warstwy i nie wartości. Cień tworzymy poprzez Gradient (Gradient Tool) [G],
dodając Fazę zewnętrzną (Outer glow) z parametrami jak na ilustra- a następnie zmieniamy ustawienie gradientu na Kolor narzędzia do
cji. Wykorzystany kolor to #FF9E06. przeźroczystości, upewniając się, że kolorem narzędzia jest kolor
czarny i że planeta jest nadal zaznaczona. Następnie używamy gra-
dientu, przeciągając nim od najbardziej odległego od gwiazdy krań-
ca planety w kierunku gwiazdy.

09 formowanie planety 12 poświata I


Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją pla- Na koniec efekt poświaty. Osiągamy go, wybierając opcje sty-
neta_mala. Wybieramy Zaznaczenie eliptyczne (Eliptical Marqu- lów warstwy i dodając Fazę zewnętrzną (Outer glow) i Blask we-
ee Tool) [M] i przyciskając [Shift] zaznaczamy obszar, jaki będzie wnętrzny (Inner glow) z parametrami jak na ilustracji. Kolor wyko-
zajmowała przyszła planeta. Wybieramy Filtr>Rendering>Chmury rzystany do efektów to #2B8FFF.
(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 efek-
tu (wręcz dobrze powtórzyć jest czynność klika razy).

38 .psd 06/2008 » www.psdmag.org


photoshopowy kosmos

13 druga planeta 16 tworzenie planety wodnej


Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją plane- Wybieramy Zaznaczenie eliptyczne (Eliptcal Marquee Tool)
ta_srednia. Następnie powtarzamy cztery poprzednie kroki, z tą róż- [M] i zaznaczamy dużą powierzchnię, przytrzymując przy tym
nicą, że zaznaczamy większy obszar w kroku formowanie planety, a [Shift]. Następnie wybieramy narzędzie Gradient (Gradient Tool)
także zmieniamy nieco postępowanie kroku kolor i światłocień planety. [G] i pociągamy skośną linię (odchyloną o około 30° od pionu) na
Wybieramy Obrazek>Dopasuj>Jasność/Kontrast (Image>Adjustment- zaznaczonym obszarze, upewniając się, że gradient wypełnił rów-
s>Brightness/Contrast) i ustawiamy Jasność (Brightness) na +60%, a nomiernie całe zaznaczenie. Następnie Filtr>Zniekształcenie>Mor-
następnie [Ctrl]+[B] i ustawiamy wartości, tak jak zostało to pokazane skie fale (Filter>Distort>Ocean ripple) i ustawiamy wartości tak jak
na ilustracji. Na koniec ponownie Obrazek>Dopasuj>Jasność/Kontrast na rysunku.
(Image>Adjustments>Brightness/Contrast) z wartościami Jasność (Bri-

14 poświata II 17 kończenie planety wodnej


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

15 przygotowanie gradientu 18 więcej gwiazd


Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją pla- Tworzymy nową warstwę [Shift]+[Ctrl]+[N] i nazywamy ją
neta_duza. Następnie wybieramy narzędzie Gradient (Gradient gwiazdy, wypełniając warstwę kolorem szarym z trybem mie-
Tool) [G] i zmieniamy ustawienia gradientu tak, jak zostało to poka- szania Ostre światło (Hard light). Umieszczamy ją pod warstwą
zane na ilustracji. Następnie wybieramy Rozmieść losowo (Rando- gwiazda, a następnie wybieramy Filtr>Rendering>Flara Obiektywu
mize), aż do uzyskania widocznych linii. (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


warsztaty

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.

01 nowy dokument 03 ścieżka


Zaczniemy od stworzenia nowego dokument formatu A3 o roz- Do wycinania elementów używać będziemy ścieżek, dlatego
dzielczości 200dpi, tryb koloru RGB, przezroczyste tło. Importu- warto przypomnieć sobie ich działanie. Z palety narzędzi wy-
jemy plik rock.jpg po czym uaktywniamy narzędzie do przekształ- bieramy Pen Tool [P]. Ustawiamy w opcjach narzędzia metodę pra-
cania [Ctrl]+[T] i z palety podręcznej wywołanej prawym przyci- cy Paths i zaznaczmy Auto Add/Delete. Tworzymy pierwszy punkt
skiem myszy wybieramy Flip Horizontal, a następnie Flip Vertical. ścieżki klikając i przeciągając kursorem myszy, aby określić zakrzy-
Nie przejmujemy się pozycją obrazka, gdyż posłuży on nam jedy- wienie segmentu, który powstanie po utworzeniu kolejnego punktu.
nie do przygotowania głównego motywu, który dopasujemy póź- Analogicznie tworzymy kolejne punkty uzyskując pożądany kształt
niej. Wymazujemy z grubsza miękką gumką elementy nad skałą, by ścieżki, którą ostatecznie domykamy klikając jej pierwszy punkt.
umieścić zamek.

02 zamek 04 wycinanka
Otwieramy castle.jpg, kopiujemy interesujący nas fragment Powstałe punkty możemy przesuwać zaznaczając je pojedyn-
i wklejamy do głównego dokumentu pod warstwą ze skałą. Mo- czo, bądź grupami klikając z przytrzymanym [Alt]. Możemy też
żemy teraz dokładniej wymazać pozostałe elementy wody nad skałą dodawać punkty do ścieżki klikając w dowolnym jej miejscu (obok
używając gumki o twardości około 85%. Importujemy do dokumen- kursora pojawi się znak plus), bądź odejmować klikając na punk-
tu plik rock_2.jpg i umieszczamy jako najwyższa warstwę. Warto już ty (znak minus). Krzywizny ścieżki dopasowujemy operując dźwi-
teraz zacząć podpisywać warstwy, dzięki czemu utrzymamy porzą- gniami danego punktu. Przekształcamy ścieżkę w zaznaczenie
dek w palecie warstw i unikniemy zbędnego bałaganu, kiedy nagro- [Ctrl]+[Enter], odwracamy zaznaczenie [Ctrl]+[Shift]+[I] i wciska-
madzi nam się plików. my [Delete] pozbywając się zbędnych elementów i przekształcamy
zasłaniając betonową barierkę zamku.

.psd 06/2008 » www.psdmag.org 41


warsztaty

05 schody 08 schody III


Zajmujemy się teraz wykuwaniem schodów w skale. Importuje- Jeszcze raz powielamy warstwę schodów i umieszczamy ją na
my plik stairs.jpg i umieszczamy w dokumencie jako warstwę na samym dole skały. Tak jak w poprzednim kroku dopasowujemy
samej górze. Techniką poznaną w kroku 3 i 4 obrysowujemy ścież- do reszty narzędziem transformacji. Każdą z warstw schodów do-
kę, wczytujemy zaznaczenie, po czym je odwracamy i usuwamy pieszczamy teraz zasłaniając i odsłaniając maską piksele warstwy
to, co niepotrzebne. Dopasowujemy schody do skały nieznacznie skały pamiętając o żelaznej zasadzie, że kluczem do sukcesu jest
zmniejszając przy pomocy narzędzia Transform [Ctrl]+[T]. Przy- dbałość o szczegóły. Wracamy jeszcze do warstwy rock_2 której dol-
trzymując klawisz [Shift] sprawimy, że element będzie dopasowy- ną część także za pomocą maski dopasowujemy do warstwy skały.
wał się proporcjonalnie. Zaznaczamy wszystkie warstwy schodów i spłaszczamy je ze sobą
skrótem [Ctrl]+[E].

0 6 schody I 09 korekta barwna I


Dodajemy do warstwy stairs maskę klikając w palecie warstw Powielamy warstwę rock i ustawiamy jej Blending mode na
przycisk Add Layer Mask. Maska w przeciwieństwie np. do gumki Multiply. Wywołujemy okno dialogowe Hue/Saturation [Ctrl]+[U],
daje nam możliwość korygowania ruchów w późniejszej pracy. Ma- ustalamy wartość Hue - 165, Saturation - 57. Tworzymy nową war-
lując czarnym pędzlem po masce odkrywamy warstwę poniżej, na- stwę [Ctrl]+[Shift]+[Alt]+[N], którą wypełniamy [Shift]+[Backspa-
tomiast malując pędzlem białym zakrywamy piksele poniższej war- ce] wybierając z listy Use 50% gray. Tryb mieszania ustawiamy na
stwy. Możemy łatwo przełączać się między kolorami pędzla za po- Soft Light, dzięki czemu warstwa staje się neutralna i nie wprowa-
mocą klawisza [X]. Miękkim czarnym pędzlem o miękkiej końców- dza zmian, ale posłuży do przyciemniania/rozjaśniania warstwy po-
ce maskujemy warstwę operując wielkością pędzla między 70 niżej.
a 200px.

07 schody II 10 korekta barwna II


Powielamy warstwę stairs [Ctrl]+[J] i umieszczamy ją niżej aby Tak jak przy maskach malujemy po warstwie 50% gray białym
stworzyć dalszą część kręconych wokół skały schodów. Aby i czarnym pędzlem odpowiednio rozjaśniając i przyciemnia-
uniknąć wrażenia tendencyjności narzędziem transformacji obra- jąc partie między schodami. Pośrednie odcienie szarości wprowa-
camy warstwę nieco w prawo, zniekształcamy i zmniejszamy, a tak- dzą subtelniejsze zmiany. Przechodzimy do warstwy castle, którą
że maskujemy część schodów jak na zrzutce. Brakujący element także powielamy, ustawiamy jej tryb na Color Dodge i ustawiamy w
uzupełniamy narzędziem Smudge Tool ustawiając jego Strenght na oknie Barwa/Nasycenie przy zaznaczonej opcji Colorize Barwa: 28,
50%. Łapiemy w miejscu zaznaczonym na zrzutce czerwoną krop- Nasycenie: 21, Jasność: 14. W najjaśniejszych partiach pojawią się
ką i kilkakrotnie wykonujemy ruch wg. strzałki aż uzyskamy pożą- przepalenia, wymazujemy je miękką gumką. Spłaszczamy warstwy
dany efekt. schodów i zakładamy maskę.

42 .psd 06/2008 » www.psdmag.org


roll the rock

11 cienie i światła 14 niebo


Nad warstwą schodów także tworzymy warstwę 50% gray ana- Importujemy plik sky.jpg na najniższa warstwę i ustawiamy tak,
logicznie do kroku poprzedniego. Zwiększamy nieznacznie kon- by jej dolna ciemna część pokrywała się z horyzontem. Fragmen-
trast warstwy schodów i przechodzimy do ustalenia świateł i cieni. ty nieba warstwy z morzem usuniemy Różdżką [W]. W opcjach na-
Mamy teraz nad warstwą schodów i skały warstwy 50% gray, któ- rzędzia ustalamy tolerancję 50% i zaznaczamy Anti-alias, aby uzy-
rych używamy do przyciemnienia i rozjaśniania elementów obrazu. skać względnie gładkie krawędzie zaznaczenia. Jeśli nie zostaną za-
Pomocne także będzie narzędzie Burn Tool [O]. Światło padać bę- znaczone wszystkie elementy usuwanego nieba dodajemy zazna-
dzie od księżyca który umieścimy w prawym górnym rogu, więc kąt czenie z wciśniętym klawiszem [Shitf]. Wciskamy [Delete] i usuwa-
padania cieni będzie w lewym dolny rogu. Pamiętajmy że każde na- my niebo. Tak samo usuwamy niebo z warstwy zamku. Zachęcam do
rzędzie ma opcje nacisku, krycia itp. eksperymentu z tolerancją różdżki.

12 wycinanka 15 wygładzanie krawędzi I


Obrysowujemy nasz obiekt za pomocą ścieżki. Pamiętamy Elementy naszej pracy wyglądają nieco na przyklejone do obra-
o szczegółach, których im więcej, tym lepszy efekt. Obrys zam- zu, musimy je więc wygładzić. Klikając z wciśniętym [Ctrl] minia-
ku byłby dość skomplikowany, dlatego obrysujemy go tak jak na turkę warstwy sea wczytujemy jej zaznaczenie, wciskamy [Q] prze-
zrzutce, później usuniemy niebo w inny sposób. Moglibyśmy spłasz- łączając się w tryb szybkiej maski. Wywołujemy Filter>Blur>Gaus-
czyć dokument, ale później zmian możemy dokonywać jedynie cało- sian Blur wpisujemy wartość 5, akceptujemy. Wywołujemy okno Le-
ściowo, dlatego zajmiemy się każdą warstwą z osobna. Wczytujemy vels [Ctrl]+[L] i ustalamy Input Levels na 99; 1,00; 226. Ponownie
zaznaczenie ścieżki, odwracamy je i przechodząc kolejno do każdej wciskamy [Q], by przełączyć się w tryb normalny, odwracamy za-
warstwy wciskamy [Delete]. Zaznaczamy wszystkie warstwy i łą- znaczenie i wciskamy [Delete].
czymy je w jedną grupę.

13 morze 16 wygładzanie krawędzi II


Otwieramy pliki sea.jpg, sea_2.jpg, sea_3.jpg. Importujemy Upewniamy się, że elementy zamku i skały, na której się znaj-
wszystkie do naszego dokumentu i umieszczamy pod grupą duje są prawidłowo oświetlone i zacienione. Nanosimy ostatecz-
warstw z zamkiem. Znamy już narzędzie służące do skalowania ne poprawki i spłaszczamy grupę castle zaznaczając ją i wciskając
warstw, więc dopasowujemy do całości. Ostre krawędzie usuwamy kombinację klawiszy [Ctrl]+[E]. W ten sam sposób jak w poprzed-
za pomocą maski, ewentualnie gumki z miękką krawędzią. Zwróć- nim kroku wygładzamy krawędzie, dobierając ustawienie optymal-
my tylko uwagę, by widoczne były rozbryzgujące się o skały fale ne dla wygładzanego elementu. Przyciemniamy także partie obrazu
i inne szczegóły. Przyciemnimy także skałę po lewej stronie usta- z morzem, pamiętając że cień padał będzie od księżyca w prawym
wiając jej Lightness na ok. - 30. Kiedy uznamy że wszystko jest jak górnym rogu. Zmniejszamy także nieco nasycenie warstwy, by ko-
należy spłaszczamy warstwy z morzem. lory nie były intensywne.

.psd 06/2008 » www.psdmag.org 43


warsztaty

17 kręcenie niebem I 20 księżyc i drzewa


Wyłączamy widoczność warstwy z zamkiem aby mieć lepszy Do zrobienia tych elementów użyjemy pędzli. Z katalogu z pli-
podgląd. Powielamy warstwę sky, wybieramy Filter>Distort>Twirl kami źródłowymi kolejno wczytujemy moon.abr, tress.abr
i wpisujemy wartość około 45. Ponownie powielamy niebo i tym ra- i birds.abr. Na nowej najwyższej warstwie malujemy białym pędzlem
zem wybieramy Filter>Liquify i narzędziem Twirl Clockise [C] z usta- o wielkości 800px księżyc, wybierając z listy pędzli pędzel nr 525.
wieniami jak na zrzutce zakręcamy niebem tuż za górą po lewej W palecie View>Brushes [F5], możemy modyfikować kształt pędzla,
stronie. Powielamy niebo tym razem z warstwy sky copy, przeno- jego kąt itp., co czynimy by ustawić pędzel jak na głównym obraz-
simy pod warstwę sea, wymazujemy zrobiony wcześniej wirek i za- ku. W ten sam sposób czarnym pędzel malujemy drzewa obok zam-
kręcamy filtrem Twirl. ku, wybierając pędzle nr 488 i 663 i umieszczając je na warstwach
nad i pod zamkiem.

18 kręcenie niebem II 21 ptaki


Zniekształcamy jak na zrzutce przy wykorzystaniu opcji Switch Z namalowaniem ptaków sytuacja wygląda podobnie, jednak bę-
between free transform narzędzia do transformacji [Ctrl]+[T]. dzie to nieco bardziej skomplikowane. By nie malować każdego
Możemy zmniejszać krycie poszczególnych warstw skręcone- ptaka z osobna zautomatyzujemy pracę, ale musimy wprowadzić
go nieba, powielać je, przekształcać, przemieszczać, rozjaśniać itp. kilka drobnych ustawień. Wybieramy pędzel nr 712 i w palecie pędz-
- wszystko według uznania, aż uzyskamy zadowalający nas efekt. li ustalamy w sekcji Shape dynamics; Size Jittler 53%, Minimum Dia-
Jeśli niebo wygląda tak jak chcemy, spłaszczamy warstwy nieba meter 4%, natomiast w sekcji Scatering; Scatter 121%, Count 1%. Ja
w jedną warstwę. użyłem takich ustawień, jednak zachęcam do testowania własnych
ustawień.

19 zamek zza światów 22 cień zamku


Zmniejszamy warstwę z zamkiem o ok. 10% przekręcając ją jed- Pozostało nam stworzyć cień zamku i skały. W tym celu wczy-
nocześnie nieznacznie w prawo. Zaznaczeniem prostokątnym tujemy zaznaczenie warstwy castle i na nowej warstwie wypeł-
zaznaczamy dolną część ze skałą i zamkiem od dołu pod 2 rząd niamy je kolorem czarnym. Odwracamy pionowo i ustawiamy w le-
schodów, kopiujemy i wklejamy jako wyższą warstwę. Narzędziem wym dolnym rogu przekształcając odpowiednio. Następnie rozmy-
transformacji przekształcamy tak, by koniec zmierzał ku środko- wamy gaussowsko Filter>Blur>Gaussian Blur wpisując w oknie dia-
wi wiru w niebie. Resztę smugi na końcu dorabiamy narzędziem logowym tego narzędzia wartość 43 i zmniejszamy krycie do 80%.
Smużenie tak jak przy schodach w kroku 7, balansując wytrzymało- Zakładamy maskę warstwy i czarno-białym gradientem tworzmy na
ścią narzędzia między 30 a 70%.Na rozmazane elementy nanosimy masce zanikanie cienia.
fakturę skały narzędziem Clone [S].

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 pomo-
cą Edge Highlighter z ustawieniami ze zrzutki, po czym wypełnia-
my 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ę przeko-
naliście wykonanie takiej grafiki nie jest bardzo trudne, wyma-
ga jedynie wprawy i niewielkiego nakładu pracy. Mam nadzieję, że
tutorial jest zachęcający do jeszcze większej inwencji twórczej, po-
nieważ do takiej grafiki można dodawać szczegóły w nieskończo-
ność, 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 03 linie pod kątem – ostatni filtr


Otwieramy zdjęcie studnia.jpg i robimy trzy kopie, używając Trzeci i ostatni filtr stosujemy na Warstwie 1. Z menu główne-
skrótu klawiaturowego [Ctrl]+[J]. Możemy wyłączyć podgląd go wybieramy Filtr>Pociągnięcie pędzla>Linie pod kątem (Fil-
warstwy Tło. Na Warstwie 1 kopia 2 zastosujemy pierwszy filtr: Fil- ter>Brush Strokes>Angled Strokes) i ustawiamy następujące para-
tr>Artystyczne>Wycinanka (Filtr>Artistic>Cutout) i ustawiamy metry: Balans kierunku (Direction Balans): 22, Długość kreski (Stro-
następujące parametry: Liczba poziomów (Number of Levels): 6, ke Lenght): 8, Ostrość (Sharpness): 3, zatwierdzamy OK. Teraz mo-
Uproszczenie ścieżki (Edge Simplicity): 1 oraz Dokładność krawę- żemy złączyć ze sobą wszystkie 3 warstwy, na których używaliśmy
dzi (Edge Fidelity): 3, zatwierdzamy OK. Zmieniamy Tryb mieszania filtrów, z menu górnego wybieramy Warstwa>Złącz widoczne (Lay-
(Blend Mode) na Mnożenie odwrotności (Screen) oraz ustawiamy ers>Merge Visible).
Krycie (Opacity) na 73%.

02 suchy pędzel 04 efekt sepii


Drugi rodzaj filtru stosujemy na Warstwie 1 kopia. Wybiera- Korzystając z menu Obrazek>Dopasuj>Krzywe (Image>Adju-
my Filtr>Artystyczne>Suchy pędzel (Filtr>Artistic>Dry Brush) stments>Curves) przyciemnimy delikatnie zdjęcie, ustawiając
i wpisujemy następujące parametry: Rozmiar pędzla (Brush Size): parametry, jak na rysunku. Ponownie powielamy naszą warstwę,
2, Szczegół pędzla (Brush Detail): 8, Tekstura (Texture): 1, zatwier- używając skrótu klawiaturowego [Ctrl]+[J]. By nasz znaczek wy-
dzamy OK. Zmieniamy Tryb mieszania (Blend Mode) na Nakładka glądał ciekawiej, użyjemy efektu sepii. Mając aktywną kopię war-
(Overlay) oraz ustawiamy Krycie (Opacity) na 60%. stwy, 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 08 przygotowanie narzędzi pod wycięcie


Mając czarny kolor pędzla, tworzymy maskę warstwy. Przytrzy- znaczka
mując klawisz [Ctrl] Klikamy myszką na ikonę Utwórz maskę Wybieramy narzędzie Gumka (Eraser Tool) i klikamy na pale-
warstwy (Add a Layer Mask), znajdującą się w dolnym menu palety tę Pędzle (Brushes) znajdującą się w górnym prawym rogu Photo-
Warstwy (Layers). Teraz używając białej końcówki pędzla o Twardo- shopa. Wybieramy zakładkę Kształt pędzla (Brush Tip Shape) i wpi-
ści (Hardness): 0%, zamalowujemy studnię, odkrywając efekt sepii. sujemy następujące wielkości: Średnica (Diameter): 90px, Odstępy
Zmieniamy Wielkość pędzla (Brush Size) oraz Krycie (Opacity) w ce- (Spacing): 200%. Przytrzymując [Ctrl] klikamy myszką na białą war-
lu precyzyjnego zamalowania obszarów pomiędzy liśćmi. Na koniec stwę – na projekcie powinno pojawić się obramowanie warstwy.
zmniejszając Krycie (Opacity) pędzla do około 50%, zamalowujemy
obszar znajdujący się wokół studni.

0 6 detale malarskie studni 09 wycięcie znaczka


Z palety z narzędziami wybieramy Ściemnianie (Burn Tool), usta- Przechodzimy do palety Ścieżki (Path) i wybieramy z dolne-
wiamy suwak Ekspozycja (Exposure) na wartość 50% i manipu- go menu Utwórz ścieżkę roboczą z zaznaczenia (Make Work
lując wielkością pędzla zamalowujemy elementy studni, znajdują- Path From Selection). Wybieramy teraz narzędzie Pióro (Pen Tool)
ce się na drugim jej planie. Uzyskamy w ten sposób efekt głębi zdję- i klikamy prawym przyciskiem myszki na naszym projekcie. W
cia studni. Korzystając z menu Obrazek>Dopasuj>Krzywe (Image> oknie, które się pojawiło, wybieramy Obrysuj ścieżkę (Stroke Path),
Adjustments>Curves) ustawiamy parametry, jak na rysunku. Wywołu- wybieramy narzędzie Gumka (Eraser Tool) i zatwierdzamy OK. Poja-
jąc okno dialogowe skrótem [Ctrl]+[U] ustawiamy następujące para- wiły się wycięcia wokół znaczka, ale pozostała również ramka; w ce-
metry: Barwa (Hue): 0, Nasycenie (Saturation): 10, Jasność (Bright- lu pozbycia się jej wystarczy kliknąć myszką na palecie Ścieżki (Pa-
ness): -21. Za pomocą skrótu [Ctrl]+[E] łączymy ze sobą warstwy. ths) poniżej ścieżki roboczej.

07 przygotowanie tła 10 cień wokół znaczka


W celu wycięcia obrzeży znaczka należy stworzyć nowa warstwę. Dodamy teraz cień wokół naszego znaczka. W tym celu na po-
Z palety Warstwy (Layer) wybieramy Utwórz warstwę (Create czątek zmienimy kolor warstwy czarnej na biały, używając do
Layer) i przenosimy ją na sam dół. Wybieramy Obrazek>Wielkość ob- tego celu Wiadra z farbą (Paint Bucket Tool). Przechodzimy na war-
szaru roboczego (Image>Canvas Size) w obu rubrykach wpisujemy stwę z wyciętym obramowaniem znaczka i z menu palety Warstwy
wartość 85mm. Używając Wiadra z farbą (Paint Bucket Tool), wypeł- (Layers) wybieramy Dodaj styl warstwy (Add a Layer Style), a w za-
niamy warstwę kolorem białym. W taki sam sposób postępujemy two- kładce Cień (Shadow) ustawiamy Odległość (Distance): 0px, Zasięg
rząc kolejną warstwę, lecz zamiast wartości 85 wpisujemy 100mm (Spread): 14% i Wielkość (Size): 46px. Po uzyskaniu satysfakcjonu-
i malujemy ją kolorem czarnym, dzięki czemu będziemy widzieli wy- jącego efektu łączymy zdjęcie z obramowaniem, klikając na war-
cięcia na znaczku. Później zamienimy ją na kolor biały stwę zdjęcia i naciskając klawisze [Ctrl]+[E].

48 .psd 06/2008 » www.psdmag.org


filatelistyka Photoshopa

11 pieczątka I 14 pieczątka II cd.


Teraz utworzymy pieczątkę na znaczku. Otwieramy wycięty frag- Robimy cztery kopie warstwy z falką za pomocą skrótu [Ctrl]+[J]
ment zdjęcia Indigo_10.jpg, które zostało zamieszczone w nume- i każdą z warstw przesuwamy w dół, używając narzędzia Przesuń
rze 06/2007 (23) magazynu .psd i usuwamy z niego kolor poprzez (Move Tool) z wciśniętym klawiszem [Shift], co pozwoli na precyzyjne
Obrazek>Dopasuj>Usuń kolor (Image>Adjustment>Desaturate). przemieszczanie falek w pionie. Falki rozmieszczamy w taki sposób,
Następnie wybieramy z menu Obrazek>Dopasuj>Poziomy (Image> aby odstępy między nimi były jednakowe. Teraz pozostało nam po-
Adjustment>Levels) i wpisujemy kolejno w Poziomy wejścia (Input łączenie ze sobą falek, naciskając czterokrotnie skrót [Ctrl]+[E], za-
Levels) wartości: 75; 0,45; 198, a w rubryce Poziomy wyjścia (Out- czynając oczywiście od najwyższej warstwy. Przesuwamy pieczątkę
put Levels) wartości: 255; 0. 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. 15 napis POLSKA 2008


Teraz korzystając z narzędzia Przesuń (Move Tool), przytrzy- Stworzymy teraz na znaczku napis Polska 2008. Z palety narzę-
mując lewy przycisk myszki na zdjęciu z monetą, przesuwamy dziowej wybieramy Tekst (Text), a z górnego menu aktywujemy
je do naszego projektu. Z menu głównego wybieramy Edycja>Prze- paletę Typografia & Akapit (Character and Paragraphs) i wpisuje-
kształć>Skaluj (Edit>Transform>Scale) i przytrzymując [Shift], my następujące wartości: Kolor (Color): #000000, Czcionka (Font):
zmniejszamy zdjęcie, dopasowując je do własnych potrzeb. Teraz Swis721 Cn Bt, Rozmiar (Size): 50mm. Klikamy ikonkę Pogrubienie
zmieniamy Tryb mieszania (Blend Mode) na Mnożenie odwrotności (Bold), wybieramy Skalowanie pionowe (Vertical Scale): 110%, zaś
(Multiply) oraz zmniejszamy wartość Krycia (Opacity) do 65%. Uży- Skalowanie poziome (Horizontal Scale) ustawiamy na 120%. Teraz
wając narzędzia Gumka (Eraser Tool) usuwamy niepotrzebne i wy- możemy już wpisać: Polska 2008.
stające poza znaczek fragmenty pieczątki.

13 pieczątka II 16 cień pod napisem


Mając już gotową pieczątkę z orzełkiem, przystąpimy do stwo- Kolejnym krokiem tworzenia znaczka będzie dodanie cienia
rzenia pieczątki tzw. falującej. Tworzymy nową warstwę, jak w napisie, który uprzednio stworzyliśmy. W tym celu w rozwija-
w punkcie przygotowanie tła, wybieramy pędzel o rozmiarze 8px i nym menu w palecie Warstwy (Layers) klikamy Dodaj styl warstwy
Twardości (Hardness): 100%. Narzędziem Pióro (Pen Tool) rysujemy (Add a Layer Style), wybieramy Cień (Shadow) i wpisujemy Odle-
falę, jak na rysunku. Następnie zatwierdzając prawym przyciskiem głość (Distance): 0px, Zasięg (Spread): 20% i Wielkość (Size): 13px,
myszki wybieramy opcje Obrysuj ścieżkę (Stroke Path), z okna opcji natomiast Kolor (Color) zmieniamy na #A2A2A2.
narzędzia wybieramy Pędzel (Brush) i zatwierdzamy klikając OK.
W celu pozbycia się ścieżki klikamy myszką na palecie Ścieżki (Pa-
ths) poniżej ścieżki roboczej.

.psd 06/2008 » www.psdmag.org 49


fotomontaż

17 tworzenie ceny I 20 wywinięcie znaczka II


Stworzymy teraz cenę 150zł na znaczku. Każdą opisana poniżej By wygięcie wyglądało naturalnie, konieczne jest dodanie cienia
część napisu (w dwóch kolejnych punktach tutoriala) tworzymy na znaczku pod wywinięciem. Wybieramy narzędzie Lasso wie-
na osobnej warstwie, by móc je swobodnie rozmieścić w projekcie. Z lokątne (Polygonal Lasso Tool) i obrysowujemy fragment uprzed-
palety narzędziowej wybieramy Tekst (Text), a z górnego menu opcji nio wywiniętego znaczka, jak na rysunku. Teraz korzystając ze skró-
aktywujemy paletę Typografia & Akapit (Character and Paragraphs) tu klawiaturowego [Ctrl]+[J], kopiujemy zaznaczenie, tworząc nową
i wpisujemy następujące wartości: Kolor (Color): #2D1A1A, Czcion- warstwę. Ponieważ pojawił się cień wokół naszego wycięcia, klikamy
ka (Font): Swiss721 BlkCn BT, Rozmiar czcionki (Font Size): 70mm prawym przyciskiem myszy na warstwie z wycięciem i wybieramy
Klikamy ikonkę Pogrubiony (Bold), wybieramy Skalowanie pionowe opcję Wyczyść styl warstwy (Clear Layer Style).
(Vertical Scale): 160%, zaś Skalowanie Poziome (Horizontal Scale):
100% i wpisujemy: 1.

18 tworzenie ceny II 21 wywinięcie znaczka III


W celu stworzenia (na osobnej warstwie) napisu 50 w palecie Ty- Ponieważ nasze wycięcie nie było dokładne, z palety z narzę-
pografia & Akapit (Character and Paragraphs) zmieniamy Rozmiar dziami wybieramy narzędzie Różdżka (Magic Wand) i klikamy
czcionki (Font Size): 60mm, klikamy dodatkowo ikonkę Podkreślenie na białym obszarze wyciętego fragmentu wywinięcia znaczka, a na-
(Underline), zmieniamy Skalowanie pionowe (Vertical Scale) na 75%, zaś stępnie z menu głównego wybieramy Zaznacz>Odwrotność (Select>
Skalowanie poziome (Horizontal Scale) na 90%. Napis zł tworzymy iden- Inverse). Został w ten sposób zaznaczony precyzyjnie fragment ob-
tycznie jak napis 50 zmieniając jedynie Skalowanie poziome (Horizontal szaru, który chcemy usunąć. Naciskamy [Delete] i pozbywamy się
Scale) na 120% i wyłączając ikonkę Podkreślenie (Underline). Po wyko- zaznaczenia, wybierając z menu Zaznacz>Usuń zaznaczenie (Se-
naniu poszczególnych elementów napisu, za pomocą narzędzia Przesuń leckt>Deselect) lub używając skrótu [Ctrl]+[D].
(Move Tool) ustawiamy je tak, jak na rysunku tworząc napis 1,50.

19 wywinięcie znaczka I 22 ostatnie poprawki


Wykonamy teraz efekt wywinięcia znaczka. W tym celu przechodzi- Tworzymy nową warstwę i przenosimy ją pod warstwę z wycię-
my na warstwę ze znaczkiem i z menu głównego wybieramy Edycja- ciem. Czarnym pędzlem z miękką końcówką o średnicy 45px
>Przekształć>Wypaczenie (Edit>Transform>Warp). Na naszym zdjęciu malujemy wokół zaznaczenia. Następnie wybieramy Filtr>Rozmy-
pojawi się kratka – przytrzymujemy myszką prawy dolny róg i przecią- cie>Rozmycie gaussowskie (Filter>Blur>Gaussian Blur) i ustawia-
gamy go delikatnie do środka. Ponieważ przy tej operacji wyginają się my suwak w pozycji 27%. Na palecie Warstwy (Layers) zmniejsza-
również krawędzie znaczka i tło znaczka, należy wyrównać je, przytrzy- my Krycie (Opacity) do 80%,a na warstwie z wyciętym fragmentem
mując myszką miejsca najbardziej wygięte i przesuwać tak, by krawędź znaczka ustawiamy Krycie (Opacity) do ok. 70%.
znaczka była jak najprostsza. Ponieważ czynność ta nie jest łatwa, po- Tomasz Gądek
wtarzamy ją aż do uzyskania zadowalającego efektu.

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, zdjęć o rozdzielczości mniejszej niż 300ppi zmniejszamy ten pa-
gdyż może okazać się, że nasze poczucie humoru jest zgoła in- rametr do 1-2). Wciskamy OK. Następnie zapisujemy otrzymane
ne niż Szanownej Edukatorki i całość w najlepszym przypadku zdjęcie jako tzw. mapę używając polecenia File>Save As. Zapisu-
może zakończyć się na dywaniku u Pana Dyrektora. Pamiętajcie jemy z rozszerzeniem .psd (np. na Pulpicie) nadając nazwę ma-
też, że wszelkie działania na czyimś wizerunku muszą być pod- pa_blue. Po tym wszystkim zamykamy zdjęcie.
parte zgodą danej osoby. Ja zakładam, że moja córka zgodę wy- Wracamy teraz do naszej pierwotnej wczytanej fotografii
raziła, więc przystępujemy do pracy. i przywracamy ponownie wyświetlanie kanału zespolonego RGB
Cóż takiego będziemy robili? Otóż do zdjęcia naszej model- – możemy to zrobić wciskając [Ctrl]+[~] (tylda) lub kliknąć
ki dołożymy element obcy – czyli w tym przypadku emblemat w kanał RGB, a następnie klikamy w zakładkę Layers.
w postaci zwykłej przyprasowanki na koszulce. Co będziemy po- Kolejny krok to otwarcie drugiego, przygotowanego na po-
trzebowali do przyrządzenia tego smakowitego dania? Poza do- czątku zdjęcia (emblemat), które naniesiemy jako logo na ko-
brymi chęciami zaopatrujemy się w zdjęcie modela, zdjęcie em- szulkę. Ja wybrałem znak drogowy, który nasuwa pewne skoja-
blematu oraz którąś z nowszych wersji Photoshopa. Ja użyję an- rzenia z anatomiczną budową modelki (Rysunek 4).
gielskiej wersji PS CS3.

zaczynamy pracę...
Wczytujemy do Photoshopa zdjęcie, na którym mamy mode-
la 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 polece-
nie 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 dia-
logowym promień rozmycia ustawiamy na 3-4px (w przypadku
Rysunek 2.

Rysunek 1. Rysunek 3.

52 .psd 06/2008 » www.psdmag.org


uwaga wyboje!

Rysunek 7.

Rysunek 4.

Rysunek 8.

Za pomocą dowolnego narzędzia do zaznaczania (ja wy-


brał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 em-
blemat (Rysunek 5).
Następnie wybieramy narzędzie Move i przesuwamy nasz
zaznaczony znak nad zdjęcie z modelką (Rysunek 6). Naciska-
my [Ctrl]+[T], [Ctrl]+[0] i dopasowujemy wielkość naszego lo-
go 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.
Rysunek 5. 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 jak-
by się dopasował do faktury materiału. Ale nie jest to jeszcze efekt
ostateczny. Jeżeli uznamy, że pofałdowanie jest zbyt małe dupli-
kujemy 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 cof-
nąć 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łasz-
czyć obrazek. Nasz nadruk jest gotowy (Rysunku 8).
Rysunek 6. Andrzej Petelski (Petel)

.psd 06/2008 » www.psdmag.org 53


fotografia cyfrowa

personalizacja
fotografii
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.

diagnoza pierwsza:
Jesteśmy wzrokowcami. Wszyscy, bez wyjątku. Obrazy oddziału-
ją na nas o wiele mocniej niż słowa; to one mają moc przekazywa-
nia emocji. Wystarczy spojrzeć na encyklopedie emocji, czyli tablo-
idy. 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 lubia-
nych. 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 na-
zwisko i kieruje naszą uwagę w stronę tej rozmowy. Nie koncentru-
jemy 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 przynajm-
niej 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ś przytom-
nie 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 per-
sonalizacja fotografii – technologia umożliwiająca nadawanie zdjęciom
indywidualnego charakteru. Osiągnęliśmy mistrzostwo w personalizo-
waniu naszych telefonów komórkowych (ustawiając coraz bardziej fan-
tazyjne 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. Rysunek 2. Motyw z galerii roffo.pl
Jak jednak spersonalizować zdjęcie, w dodatku takie, które zo-
stało zrobione kilka miesięcy temu przez nieznanego nam człowie-
ka, gdzieś w odległym zakątku świata? Jak spersonalizować zdjęcie

Rysunek 1. Fragment serwisu www.roffo.pl, wystarczy wybrać


jedno z ponad 100 zdjęć i wpisać swój osobisty tekst Rysunek 3. Motyw z galerii roffo.pl

54 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 swo-
im rodzaju – tylko nasze?
Personalizacja fotografii realizowana przy pomocy technolo-
gii 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, zo-
staje umieszczony w miejsce oryginalnego napisu, zachowując jed-
nak wrażenie autentyczności stylu czcionki napisu.
Zastosowanie zaawansowanych technik modelowania graficz-
nego 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 emocjo-
nalny. W końcu kto by nie chciał mieć ulicy własnego imienia...
Roffo.pl to jedyny w Polsce serwis internetowy, który umożli-
wia automatyczną personalizację fotografii. Możecie w kilka sekund Rysunek 6. Motyw z galerii roffo.pl
stworzyć niepowtarzalne – bo z własnym tekstem – zdjęcia. Do wy-
boru jest ponad 110 motywów, każdy znajdzie coś ciekawego dla
siebie. Stworzone przez siebie personalizowane zdjęcie można na-
stę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 wie-
le przydanych funkcji tak, aby nie ograniczał w żaden sposób pomy-
sł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, sa-
mi wybieracie miesiąc i rok początkowy, jak również kolor oraz ro-
dzaj 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 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 obiego-
we i kolekcjonerskie Jan Paweł II wydane z okazji rocznicy pontyfi-
katu. 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 projek-
tu, opartej na otrzymanych założeniach, przeprowadzamy długie kon-
sultacje z projektantami Mennicy Polskiej i wspólnie wypracowujemy Rysunek 2.Przekrój przez bok blistra
docelowy wygląd blistra. Tak opracowany projekt jest w pełni zgodny
z jego koncepcją merytoryczną, jak i funkcjonalną. Wielokrotne kon- wać sposób składania całości, rozmieszczenie zakładek na sklejkę,
sultacje z projektantami mennicy na każdym etapie tworzenia nowego czy sposób zamykania. Taka wizualizacja, szczególnie kiedy wycina-
produktu pozwalają dopracować projekt w każdym szczególe. my makietę z kartonu, pozwala także określić właściwości zginania
Blister de facto jest to folia, w której zamknięte są monety, jed- danego materiału (o ile nie są nam znane), co pomaga w wyznaczeniu
nak potocznie przyjęło się nazywać blistrem całość produktu. Na marginesu niezbędnego przy bigowaniu czy sztancowaniu.
potrzeby tego artykułu przyjmiemy, że blister to cały produkt, na Pozostaje jeszcze etui. Pamiętając o wymiarach, jakie ma ksią-
który składa się folia, książeczka z opisem oraz etui. żeczka, rozrysowujemy pudełko (oczywiście większe o milimetr czy
Choć wydawałoby się, że na początku projektuje się najbardziej dwa, żeby książeczka bez problemu wchodziła do środka). W na-
zewnętrzną część, to jednak nie jest to prawdą. Ze względu na to, że szym przypadku zaprojektowaliśmy opakowanie w formie koszul-
rozmiar etui jest wypadkową narzuconą nam przez grubość tektury, ki, w które książeczka będzie wsuwana. Nie możemy zapomnieć o
grubość folii oraz grubości i ilości samych monet, jest ono projektowa- wygodnym wyjmowaniu książeczki z opakowania. Tę funkcję zała-
ne na końcu. Musimy jednak pamiętać, że pudełko, nazywane w men- twi półokrągłe wycięcie (Rysunek 4).
nicy zabawnie pochewką, nie tylko ma być funkcjonalne, ale także Całość rozrysowanego przez nas blistra, książeczki oraz etui
wygodne dla użytkownika. Z uwagi na pracowników drukarni sklejają- przenosimy na wektory. Zaznaczamy wszelkie niezbędne wymiary
cych całość ważne jest również, by było niezbyt skomplikowane. Po- – odległości, średnicę monet, grubości monet, miejsca sztancowania
zwala to zaoszczędzić mnóstwo czasu na etapie introligatorni. Ponie- i bigowania, tworząc w ten sposób wzór wykrojnika. Będzie on dla nas
waż etui projektuje się ostatnie, pierwszą kwestią jest forma, w jakiej podstawą dalszego projektowania. Gotowy plik wysyłamy do firmy
będzie zamknięta całość. Jest to o tyle istotne, iż monety możemy produkującej wykrojniki. Nasz model wygląda tak: (Rysunek 5).
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 etap II – grafika i treść
okolicznościowe, zatem jest to 11 monet różnej wielkości, których po- Kiedy mamy już przygotowany wektorowo wykrojnik, możemy zacząć
łożenie należy zgrabnie rozplanować. Wstępnym założono, że format projektować grafikę. Nie zapominając o spadach i potrzebnych margi-
książeczki będzie kwadratem, zatem zgrabne ułożenie wszystkich nesach, przygotowujemy layout. W tym przypadku pomysłem było
monet wcale nie jest takie proste. Biorąc pod uwagę odległości tech- zdjęcie monet z wizerunkiem Jana Pawła II pokryte miejscowo złotym
nologiczne krawędzi monet od krawędzi kartki oraz fakt, że przy każ- nadrukiem. Całość kompozycji musi być oczywiście spójna w formie
dej monecie znajduje się opis techniczny, postanowiliśmy rozmieścić i w kolorze. Ponieważ założyliśmy, że monety użyte na pierwszej stro-
monety następująco (Rysunek 1). nie będą większe od oryginałów, były nam potrzebne zdjęcia znakomi-
Sam środek blistra to odpowiednia folia podlegająca tłoczeniu tej jakości. Profesjonalne zdjęcia otrzymujemy z mennicy, która korzy-
termicznemu. Jej grubość dobiera się do grubości najcieńszej pre- sta z fotografów wyspecjalizowanych w fotografowaniu monet i numi-
zentowanej monety. Oczywiście to, jak będzie zamykany blister w zmatów. Monety fotografuje się bardzo trudno. Głównie dlatego, że są
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 kie-
szonkę 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ą prze-
biegał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ą in-
formacyjną. Przy jej projektowaniu bierzemy pod uwagę grubość pa-
pieru lub kartonu, z jakiego będzie wykonywana. W tym przypadku Rysunek 3.Wizualizacja książeczki z blistrem
jest to karton o gramaturze 300 g/m². Bardzo przydatne przy projek-
towaniu wszelkich opakowań są po prostu makiety rozrysowywane
na zwykłej kartce, wycięte i poskładane. Pozwalają one przeanalizo-

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 nie- Rysunek 7.Kolor + nałożenie efektu + wypaczanie
zbędne stają się linie pomocnice

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ć ko-
lor 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ł
Rysunek 6.Plamkowanie + dołożenie krawędzi + [Ctrl]+[U] + to InDesign. Tutaj znów pomocna okazuje się złożona makieta, przygo-
[Ctrl]+[L] towana 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ć
one płaskorzeźbą i zachowują się jak lusterko. Ponieważ nie można o to, że coś pomylimy. Zakładamy pracę o odpowiednich wymiarach,
ustawić obiektywu pionowo nad monetą (powstaje płaski wizerunek), nie zapominając o marginesach i spadach. Na osobnej warstwie (któ-
monety nigdy nie są idealnym kołem. Czasami trzeba połączyć ze sobą ra powinna być na wierzchu) wczytujemy zarys wykrojnika. Będzie on
dwa zdjęcia jednej monety, żeby uzyskać efektowną całość. Obie mo- potrzebny przy kompozycji tekstów. Na kolejną warstwę wczytujemy
nety z kolei należało odplamkować oraz zmienić ich kształt z elips na grafikę przygotowaną w Photoshopie. Jeżeli prawidłowo ustawiliśmy
koło. Tutaj oczywiście niezastąpiony jest Photoshop, gdzie przy pomo- rozmiar dokumentu, spady i marginesy, to wszystko wpasuje się co do
cy kilku prostych narzędzi uzyskujemy oczekiwany efekt (Rysunek 6). milimetra. Należy pamiętać, że w InDesignie spady są dodawane poza
Bardzo pomocne, a nawet niezbędne, jest wczytanie na osobną obszarem pracy, w przeciwieństwie do Photoshopa, gdzie należy doli-
warstwę rozrysu wykrojnika. Pozwala to uniknąć przeróbek, związa- czyć wielkość spadów do rozmiaru arkusza.
nych na przykład ze złym dopasowaniem marginesów. Teksty polskie i angielskie (na szczęście otrzymujemy od klien-
Ostatecznym wykończeniem zdjęcia monet było dodanie cienia ta) rozmieszczamy w InDesignie tak, żeby tworzyły ładną całość. Dla
i odbicia (bliku). Prócz standardowego efektu dodaliśmy cień rozry- ubarwienia projektu zastosowaliśmy inicjały oraz zróżnicowaliśmy
sowany na krzywych, żeby uzyskać realistyczny cień. Po wczytaniu krój liter. Oczywiście pomijamy tu całą kwestię licznych korekt i popra-
zaznaczenia i zmianie parametrów wtapiania, wlany został czarny ko- wek nanoszonych przez projektantów Mennicy i Dział Marketingu.
lor i zmniejszona została jego przezroczystość. Rzucane przez jedną Zarówno blistry, jak i pojedyncze monety czy medale muszą posia-
z monet podświetlenie wykonane jest analogiczne, tyle że z kolorem dać certyfikat. Projekt certyfikatu, w całości wymyślony i opracowany
białym. Końcówki w bliku dopracowaliśmy miękkim półprzezroczy- przez nasze studio, jest modyfikowany w zależności od specyfiki monet,
stym pędzelkiem, tworząc efekt zanikania. jednakże pozostaje spójny z innymi certyfikatami tworzonymi dla Men-
Zdarza się, że wymyślony projekt napotyka na barierę w postaci bra- nicy Polskiej SA, która przekazała nam treść i założenia do certyfikatu.
ku odpowiedniej grafiki. Przykładem na to, jak za pomocą Photoshopa Tym sposobem mamy przygotowaną pracę. Pozostaje jeszcze
poradzić sobie z taką kwestią, była flaga w naszym projekcie. Można spę- kwestia jak uzyskać zamierzoną kolorystykę. Wymyśliliśmy kilka wa-

58 .psd 06/2008 » www.psdmag.org


Rysunek 9.Nałożone paski taśmy
Rysunek 10.Gotowy blister, fot. Mennica Polska S.A.
riantów nakładania koloru złotego na okładkę i książeczkę. Między in-
nymi, zastąpienie w całym projekcie koloru żółtego kolorem złotym, kie paski taśmy dwustronnie klejącej po obwodzie oraz pomiędzy
nadrukowanie osłabionego koloru złotego na CMYK, nadrukowanie monetami (stanowi to dodatkowe zabezpieczenie przed porusza-
wzmocnionego koloru złotego na CMYK z osłabionym żółtym kolorem, niem się monet) (Rysunek 9).
czy poddrukowanie pod kolor żółty koloru srebrnego, co także w rezul- Konfekcjonowanie monet i umieszczanie ich w blistrach, skleja-
tacie daje odcień złotego. Aby klient mógł zobaczyć, jak to będzie wy- nie samych blistrów oraz składanie i sklejanie całej książeczki odby-
glądało w druku, wykorzystaliśmy cromaliny z użyciem dwóch kolo- wa się w mennicy. Każda moneta umieszczana jest z ogromną do-
rów Pantone. Pomimo, że uzyskaliśmy bardzo ładne efekty na croma- kładnością w kieszonkach tak, by była widoczna pod odpowiednim
linach, klient, kierując się aspektami finansowymi finalnego produktu kątem. Co ciekawe, Mennica Polska, dbając o wzorową jakość swo-
(kolor złoty jako kolor pantonowy jest drukowany jako piąty – dodat- ich produktów, dodatkowo przeprowadziła testy na wypadek gdyby
kowy), wybrał opcję druku z samego CMYK (Rysunek 8). klej zawarty w taśmie dwustronnie klejącej reagował niewłaściwie
ze stopami metali, z których wykonane zostały monety. Tak przygo-
etap III – produkcja towany blister jest gotowy do sprzedaży. (Rysunek 10).
Pliki w formacie PDF (etui + książeczka) powędrowały do drukarni. Trzeba przyznać, że nakład pracy włożonej w przygotowanie ca-
Wydrukowane arkusze zostały uszlachetnione przez nałożenie folii łości i czas temu poświęcony, jest faktycznie imponujący. Jednak-
błyszczącej i wysztancowane – dodatkowo etui zostało złożone i skle- że zobaczenie na żywo tego, co cały czas istniało tylko w wyobraźni
jone. Aby umożliwić sprawne sklejenie książeczki w drukarni, zostały projektanta jest zawsze wielkim przeżyciem, które prócz wynagro-
naklejone w odpowiednie miejsce taśmy dwustronnie klejące. dzenia finansowego jest nagrodą samo w sobie.
Plastikowe blistry zostały wytłoczone przez firmę, specjalizują- Projekt blistra – Witold Krysiak – Studio Art Rodar
cą się w tego typu pracach. Tam również zostały naklejone cieniut- Opracowanie tekstu i grafiki – Małgorzata Rodek – Studio Art Rodar
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 cross-
proces czy niebanalny kontrast.

Jednak nieczęsto mówi się o działaniu odwrotnym – analizowaniu Teraz wiemy już dokładnie, co dzieje się z pikselami naszego ob-
działania efektu na podstawie wykresu krzywych. Posługując się razka. Zamiast używać warstw dopasowania z ustawionymi różnymi
tym relatywnie prostym sposobem, można rozgryźć niejeden photo- trybami mieszania, możemy pokusić się o zastosowanie odpowied-
shopowy filtr i zasymulować jego działanie. nie 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 na- Dodge&Burn – fakty i mity
pisałem prosty program wyświetlający wykres krzywych na podsta- W wielu tutorialach spotkałem się ze stwierdzeniem, że najlepszą, nie-
wie dwóch plików: przed i po zastosowaniu efektu. Aby uzyskać jak destrukcyjną symulacją narzędzi Dodge i Burn jest warstwa w trybie
najwierniejszy obraz przekształcenia postanowiłem jako źródła użyć soft light, na której malujemy czarnym lub białym kolorem, z odpo-
obrazka, na którym znajdują się wszystkie możliwe kolory. Jego wy- wiedni ustawionym kryciem. Testy z wykorzystaniem krzywych bez-
generowanie również nie było trudne. sprzecznie ten fakt potwierdzają. Najpierw obraz testowy został po-
Jako że w trybie 8-bitowym na każdy z trzech kanałów przypa- malowany za pomocą Burn Tool z ustawionym kryciem 100% i za-
da dokładnie 256 różnych wartości, na finalnym obrazie znalazło się kresem: midtones, a następnie zapisany. Druga próbka powstała po-
256^3 = 16777216 kolorów. Dzieląc je na kwadraty, w których jedna przez dodanie nowej warstwy, ustawienie krycia na soft light oraz wy-
składowa jest stała, a pozostałe dwie zmieniają się i rozkładając je rów- pełnienie jej białym kolorem. Wykresy powstałe z obu prób okazały się
nomiernie, otrzymamy obrazek o rozdzielczości 4096x4096 px (Rysu- identyczny. Analogiczny test został przeprowadzony dla narzędzie
nek 1). Można to porównać ze zdjęciem z aparatu o 16 megapikselo- Dodge Tool i zakresów highlights oraz shadows. Warto zwrócić uwagę
wej matrycy. Wygenerowana grafika zajmuje w pamięci około 50Mb, co co dzieje się z informacjami o kolorze przy stosowaniu dwóch ostat-
w dzisiejszych czasach wcale nie jest wartością imponującą. nich zakresów. Jak widać na rysunku, następuje tu zwyczajne, brutal-
Tak przygotowane źródło można wczytać do edytora graficzne- ne obcięcie informacji. Tak samo dzieje się, gdy przesuwamy skrajne
go, wykonać na nim pewne operacje i zapisać, oczywiście w forma- uchwyty w oknie Levels. Z tego powodu, powinniśmy unikać stosowa-
cie bezstratnym, takim jak TIFF. Kolejnym krokiem jest wczytanie nia tych zakresów na rzecz innych rozwiązań.
nowo powstałego obrazka do mojego programu. Po chwili przetwa- Na Rysunku 3 można zaobserwować działanie narzędzi Burn
rzania na ekranie zostaną zaprezentowane wykresy dokładnie obra- Tool (kolor zielony) oraz Dodge Tool (kolor czerwony) we wszystkich
zujące to, co stało się z przetwarzaną grafiką. Wykres generowany trzech trybach shadows (s), midtones (m) oraz highlights (h).
przez program odczytujemy dokładnie w ten sam sposób, jak wy-
kres w oknie Krzywych. Oś pozioma reprezentuje wartości wejścio- nie dotykać, bo zepsuje!
we, pionowa – wyjściowe. Najmniejszej luminacji odpowiada lewy Niektóre opcje i suwaki w powszechnie używanych dialogach powin-
dolny punkt wykresu, największej – prawy górny. ny być oznaczone wyraźnym ostrzeżeniem. Za ich pomocą możemy
Na sam koniec możemy stworzyć plik .AMP, który za pomocą w bardzo prosty sposób zrujnować efekty naszej pracy. Zwłaszcza,
tylko jednego wywołania krzywych (lub tylko jednej warstwy dopa- jeśli nie korzystamy z warstw dopasowania.
sowania) pozwoli nam na odtworzenie efektu. W przypadku filtrów, Na początku przyjrzyjmy się bardzo użytecznemu dialogowi Hue/
których działanie zależy na przykład od koloru sąsiadujących pikse- Saturation. W sekcji Edit: master, zmiany dokonane za pomocą suwa-
li lub zmienia się wraz ze zmianą luminacji, symulacja jego działania ka Lightness są bardzo niekorzystne. Rysunek 4 przedstawia krzywą
za pomocą krzywych może być niemożliwa. dla wartości +50 tego parametru. Identyczny efekt uzyskujemy usta-
wiając w oknie Levels w sekcji Output levels czarny uchwyt na śro-
prawdziwe oblicze trybów mieszania dek zakresu, czyli wartość 127. W taki właśnie sposób pozbywamy się
Wydawałoby się, że o trybach mieszania napisano już wszytko. W prasie z obrazka wszystkich odcieni kolorów ciemniejszych od 50-procento-
oraz Internecie można znaleźć mnóstwo tekstów opisujących ich działa- wej szarości. Ustawiając za pomocą tego suwaka wartość ujemną, po-
nie. Są to zazwyczaj mniej lub bardziej skomplikowane wywody, kończą- zbywamy się świateł, co skutkuje poszarzeniem obrazka. Gdy edytu-
ce się stwierdzeniem, że aby naprawdę poznać temat, trzeba samodziel- jemy tylko fragmenty widma (czerwienie, żółcie, itd.) efekty są du-
nie 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 doda-
jąc warstwę dopasowania Levels i zmieniając jej tryb mieszania.
Dla niektórych trybów (lista_trybów) nie zaobserwujemy żad-
nych zmian. Okazuje się, że efekty działania pozostałych da się
przedstawić za pomocą krzywych (Rysunek 2). Rysunek 1. Obraz zawierający wszystkie możliwe kolory (8-bit)

60 .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ść stop- jednak nie zawsze jest to najlepsze rozwiązanie. Jeśli wszystkie te
niowego zmniejszania stopnia zmian wraz ze zmianą koloru. Jednak modyfikacje da się wykonać za pomocą tylko jednej warstwy krzy-
w dalszym ciągu, działanie filtra jest takie samo – proste odcięcie wych, czemuż by tego nie zrobić?
ciemniejszych bądź jaśniejszych odcieni. Powinniśmy zatem bez- Na dowolnym obrazku dodajmy kolejno kilka warstw dopasowa-
względnie unikać stosowania suwaka Lightness w trybie edycji ma- nia: Levels [Input: 7, 232] | Curves [point list: (0, 0), (53, 45), (179,
ster, i nie nadużywać go przy edytowaniu zakresów barw. 225), (255, 255)] | Curves [point list: RED: (0, 0), (55, 52), (172,
Przejdźmy teraz do dialogu Brightness/Contrast. W trybie lega- 205), (255, 255); GREEN: (0, 0), (62, 81), (157, 152), (255, 255); BLUE:
cy lub w wersjach photoshopa wcześniejszych niż CS3 (czy CS2? (0, 21), (96, 84), (187, 191), (255, 255) | Color Balance [Shadow Le-
Kiedy wprowadzono nowy algorytm?) jego działanie było, delikatnie
mówiąc, kiepskie. Suwak odpowiadający za jasność działa identycz-
nie jak wcześniej opisywany Lightness powodując obcięcie świa-
teł bądź cieni. Kontrast uzyskiwany jest poprzez symetryczne roz-
szerzanie partii świateł i cieni, tak jakbyśmy przesuwali ku środko-
wi 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 algoryt-
mu. 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.

jeden zamiast wszystkich


Pracując na warstwach dopasowania, możemy szybko dojść do sta-
nu, gdzie za pomocą kilku krzywych, poziomów oraz warstw Color
Balance otrzymaliśmy upragniony efekt. Kłopoty zaczynają się wte-
dy, gdy zdecydujemy się dokonać pewnych modyfikacji. W takim sto-
sie warstw jest całkiem prawdopodobne, że dany kolor modyfikowany
jest kilkukrotnie, poprzez przyciemnianie czy rozjaśnianie jego odcie-
ni. Rzecz jasna korekcji można dokonywać tworząc kolejną warstwę, Rysunek 3. Dodge&burn

.psd 06/2008 » www.psdmag.org 61


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)]. War-
stwy 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 pew-
ną odmianę efektu cross-process. Oczywiście parametry możemy do-
stosować dowolnie, wedle własnego uznania. Gdy osiągnęliśmy już
zamierzony efekt, otwórzmy obrazek testowy i przeciągnijmy do nie- Rysunek 6. Wykresy generowane przez Analizator krzywych
go utworzone warstwy dopasowania. Połączmy wszystkie warstwy
[Ctrl]+[Shift]+[E]. Zapiszmy nowo powstały obrazek pod dowolną na-
zwą, w formacie TIFF, następnie wczytajmy go do mojego programu. Po
krótkiej chwili zobaczymy co tak naprawdę dzieje sie z naszym obraz-
kiem (Rysunek 6). Kliknijmy teraz przycisk Generate AMP file i wskaż-
my gdzie plik ten ma być zapisany. Spowoduje to wygenerowanie ma-
py przekształcenia, którą możemy użyć w oknie Krzywych.
Wróćmy zatem do Photoshopa. Jeśli jeszcze nie zamknęliśmy te-
stowego obrazka, możemy zrobić to teraz. Otwarty powinien być je-
dynie obrazek (zdjęcie) na którym dostrajaliśmy ustawienia. Wyłącz-
my widoczność grupy z warstwami dopasowań. Poza grupą dodajmy
warstwę Curves, z menu panelu wybierzmy Load Preset... (Rysu-
nek 7.), następnie zmieńmy typ pliku na Map Settings (*.AMP), wskaż-

Rysunek 7. Jedna warstwa zamiast wielu

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 na-
rzędzie rysowania punktów. Przekształćmy punkty na wygodne krzy-
we, klikając ikonę Edit points to modify the curve (patrz rysunek).
Aby zmieniony tryb edycji został zachowane musimy ruszyć (czy-
li kliknąć, przytrzymać lewy przycisk myszy, przesunąć w na pozy-
cję, wrócić do pozycji wyjściowej, zwolnić przycisk myszy) dowolny
punkt krzywej. Najłatwiej jest to zrobić z którymś ze skrajnych punk-
tów głównego kanału RGB. Równie dobrze możemy dodać jakiś punkt
Rysunek 4. Hue/Saturation, Lightness: +50 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 znajdu-
jącą się w opcjach palety historii. Następnie wyłączamy widoczność
nowej warstwy z krzywymi, włączamy widoczność grupy z warstwa-
mi 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órym-
kolwiek z kanałów. Zyskaliśmy możliwość zarządzania zmianami
kolorystycznymi za pomocą tylko jednego okna!

co dalej?
Na zakończenie, chciałem zachęcić wszystkich czytelników do od-
krywania prawdziwego funkcjonowania filtrów i efektów. Co praw-
da 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 artyku-
Rysunek 5. Efekt zamiany kontrastu za pomocą Brightness/ le. Udanych eksperymentów!
Contrast (legacy) Damian Sepczuk

62 .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 grafi-
ki, którą później możemy sprzedawać bez ograniczeń.
Jednym z takich programów jest Paint.NET, który jest obiek-
tem tej krótkiej recenzji. Paint.NET jak sama nazwa wskazu-
je jest programem napisanym na platformę .NET w C# a co za
tym idzie, większość czytających pomyśli, że to program jedy-
nie dla Windowsa. Tak pomyśleli zapewne Ci, którzy nie znają te-
go programu albowiem powstała wersja na Linuxa, ale nie teraz
o tym mowa.
Paint.NET był na początku programem napisanym na zali-
czenie na jednej z amerykańskich uczelni jednak z czasem pro-
jekt 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 pro- ny na wersję .NET nie zniechęca. Wiele zaczynających grafików
gramu. Co prawda nie znajdziemy tam mnóstwa brushy, filtrów sprawdza kolejne nowe programy i skutek jest taki, że najczę-
czy podobnych bo do tego trzeba czasu. W Paint.NET znajdziemy ściej wybierają (często pirackiego) Photoshopa. Dlaczego? Jest
jednak to co potrzebne. Mianowicie: on w miarę intuicyjny. Duża ilość grafików używa niestety wer-
sji pirackich programu Adobe z powodu jego ceny. Nie jest wielu
• warstwy - jest to chyba jeden z najważniejszych atutów pro- ludzi, którzy chcą płacić duże pieniądze, żeby nauczyć się cze-
gramu Paint.NET. Dzięki warstwom granica między w/w pro- goś dla własnej satysfakcji. Dlatego też hobbystom gorąco pole-
gramem, a produktem Adobe maleje i to znacząco. Warstwy cam Paint.NET. Jest darmowy, łatwy w użyciu. Idealny na począ-
nie tylko pomagają nam w początkowej fazie rysowania tek ale nie tylko. Faktem jest, że dzięki temu programowi można
lecz także w późniejszej edycji. Możliwość taka jak nazywa- uzyskać bardzo dobre efekty, za czym przemawiają prace publi-
nie dowolnie warstw, umożliwia nam szybkie znalezienie tej kowane na oficjalnym forum.
właściwej. Warto też dodać iż nowe wersje pojawiają się w dosyć ma-
• filtry - co prawda nie jest ich zbyt wiele w podstawowej, ofi- łych odstępach czasowych. Co prawda często program sam nas
cjalnej wersji, jednak program ma ten plus iż można go roz- informuje o nowych betach ale jak długo pracuję z Paint.NET, nig-
budowywać o kolejne filtry i pluginy. Oficjalne forum projek- dy nie narzekałem na właśnie te wersje. Duży plus także należy
tu poświęciło dział na autorskie pluginy użytkowników pro- się za automatyczną detekcję nowych dostępnych uaktualnień.
gramu. Instalacja również jest trywialnie prosta. Wystarczy Nie musimy się martwić o ściąganie następnych wersji. Program
wgrać pliki .dll do folderu pluggins. to zrobi za nas.
• narzędzia wspomagające takie jak historia zmian, dzięki Myślę, że dużo osób zainteresuje się tym programem bo na
której możemy szybko cofnąć się do pożądanego momentu; prawdę warto. Nie tylko z powodu braku kosztów zakupu lecz
przybornik kolorów– to jest podstawą ale w Paint.NET jest także za samą satysfakcję i zadowolenie płynące z użytkowa-
dosyć rozbudowany i spełnia wymagania użytkowników nia Paint.NET.

Może i tych argumentów przemawiających za podobieństwem Patryk Szlagowski


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? Dlaczego wybrał Pan właśnie ten model?
Do zakupu Acera przekonał mnie dwurdzeniowy procesor. Jestem grafi- Przy wyborze laptopa kierowałem się m.in. matrycą. Zależało mi na
kiem i często pracuję równolegle w takich aplikacjach jak Adobe Photoshop, tym, żeby była to matryca lustrzana; lepsze kolory, kontrast, kąty wi-
AftereEffects, Premiere (dwa ostatnie wykorzystują wielordzeniowość). dzenia, 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? Czy używany przez Pana model spełnia
Jestem zadowolony z możliwości jakie daje ten model laptopa wszelkie oczekiwania?
Wszystkie to może zbyt dużo powiedziane, ale nie narzekam. Trochę
Jakie są jego główne zalety? przeszkadzaja refleksy.

Przede wszystkim stosunkowo niska cena jak na taki sprzęt; 2Gb ra- Jakie są jego główne zalety?
mu, karta graficzna ATI Radeon X2500 256MB, dwurdzeniowy procesor
Intel Core Duo T5450, 1,67ghz., matryca o rozdzielczości 1280x800. Do zalet tego modelu można zaliczyć zintegrowaną kartę graficz-
ną Mobility Radeon HD2600 256MB, matrycę lustrzaną TruBrite
Jakie są główne wady? 1280x800, oraz w miarę niską cenę.

Jedyną wadą, ale za to zasadniczą jest przekątna matrycy 14.1 ca- Jakie są główne wady?
la, więc zdecydowanie mało. Nie mniej przy takiej rozdzielczości jest
to do przeżycia. 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ó-
Ogólna ocena w skali 1-10 rym może również przeszkadzać zbyt krótki czas pracy na bateriach.

8 Ogólna ocena w skali 1-10


Krótkie podsumowanie 8

Wspomniany przeze mnie laptop jest całkiem niezłym narzędziem Krótkie podsumowanie
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 proceso- Toshiba to bardzo dobra marka. Laptopy tej firmy posiadają bardzo do-
rowi spokojnie można pracować w kilku programach jednocześnie. bre matryce (przeważnie, ponieważ to akurat zależy od konkretnego
Z czystym sumieniem moge polecic ten model. modelu). Posiadają dobre podzespoły oraz solidne wykonanie. Poza
tym są ciche i można je zakupić po przyzwoitych cenach.
Arkadiusz Komorowski 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? Dlaczego wybrał Pan właśnie ten model?
Szukałem laptopa, który nie tylko będzie mi slużył jako narzędzie To co może zainteresować profesjonalnego grafika to: ekran o roz-
pracy, ale też na którym będę mógł oglądać telewizję. Oprócz dobrej dzielczości 1920x1200, karta graficzna 512MB , procesor Intel, moż-
jakosci grafiki, zależało mi również na dzwięku. liwość zamontowania dodatkowego dysku (do 320GB)

Czy używany przez Pana model spełnia Czy używany przez Pana model spełnia
wszelkie oczekiwania? wszelkie oczekiwania?
Tak, Joybook P52 ma wbudowany odbiornik cyfrowy TV oraz system Nie mam go w posiadaniu (jeszcze ) ale jestem pewny że spełniałby
dźwięku SRS 360 stopni TruSurround Technology, wyposażony jest wszystkie oczekiwania.
w procesor AMD Turion™ 64 X2, wyświetlacz LCD z czasem reakcji
16ms. Dla mnie to wystarczy. Jakie są jego główne zalety?
Jakie są jego główne zalety? Przede wszystkim jest to niesamowicie szybki laptop

Przede wszystkim ostry i pozbawiony smużeń obraz, karta grafiki to Jakie są główne wady?
ATI Mobility Radeon X1600 z portem DVI–D.
Myślę, że jedyną wadą to cena, laptop w podanej na początku kon-
Jakie są główne wady? figuracji kosztuje ponad 2800 funtów, ale wiadomo, za najnowsze
technologie trzeba płacić
Zdecydowanie za mało pamięci RAM, system operacyjny Linux (dla
grafików jest to jednak mało wygodne), procesor też nie jest rewe- Ogólna ocena w skali od 1-10
lacyjny.
10
Ogólna ocena w skali 1-10
6
Krótkie podsumowanie
Alienware uważam za najlepszy laptop dla grafika, zresztą jest już
Krótkie podsumowanie okrzyknięty najlepszym laptopem do gier, szczerze mówiąc nie spo-
tkałem się jeszcze z równie mocną konfiguracją w żadnym innym
Oprócz tego, że Joybook P52 jest dobrym laptopem dla grafików to laptopie.
dodatkowo jest on idealnym komputerem przenośnym do oglądania
cyfrowej TV. Zachowuje doskonałą wydajność i jakośći wizji. Przemysław Zadwórny

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


morning drink
Klub PRO grafika z jednego elementu

Agencja Reklamowa EURO


pawełINFO GROUP
pomorski
Nylon Coffee Sp. z naszej
Zakres o.o. działalności obejmuje:
Inspirujące wyzwania, Istnieje na rynku
• opiekę usług i edukacji
serwisową informaty-
techniczną firm oraz
energetyzująca atmosfera, cznej od 1999 r. Prowadzimy profesjonalne
wydawnictw
nie siedź w domu – dołącz do nas! szkolenia z zakresu
• doradztwo grafikidoboru
w zakresie komputerowej,
sprzętu dla
projektowania stron www (HTML i CSS, PHP,
DTP (MAC/PC)
Nylonowcy tworzenie aplikacji internetowych).
• bezpieczeństwo sieci i danych klienta
http://www.nc.com.pl/praca http://www.kursykomputerowe.pl
e-mail: pawel@pomorski.net

AGENCJA TEMATY
G-media
• najwyższej jakości druk wielkoformatowy
Autoryzowany Instruktor • kompleksowe usługi reklamowe
Adobe • litery przestrzenne
Tworzenie stron WWW i prezentacji multi- • grafika ploterowa
medialnych
• grawerowanie
• kasetony
G-media Paweł Zakrzewski
• pomysł projekt realizacja montaż
http://www.g-media.pl
http://www.tematy.com.pl

BROSTUDIO
Projekty i aplikacje internetowe; Grafika
CFSTUDIO.PL komputerowa; Projektowanie ikonek i GUI;
Specjalizujemy się w projektowaniu stron Korekcja i retusz zdjęć; Corporate Identity...
Internetowych, począwszy od niewielkich i wiele innych.
wizytówek przeznaczonych dla małych firm
poprzez portale, kończąc na zaawansowanych
http://www.brostudio.pl
rozwiązaniach e-commerce. Zapraszamy do
współpracy.
http://www.cfstudio.pl

CopyMAX System CEDRYK GRAPHICS


Istnieje na rynku od 2001 roku. Oferta Firmy Skład, łamanie, ulotki, broszury, książki, ka-
obejmuje: druk solventowy wielkoformatowy lendarze, foldery, katalogi;
na papierze, folii, banerze, siatce mesh opracowywanie projektów graficznych, logo,
i innych mediach do druku z roli, produkcję papierów firmowych, szyldów;
reklam zewnętrznych, druk UV bezpośrednio obsługa firm i klientów indywidualnych.
na materiałach płaskich takich jak: PCV, Plexi, Tel. 0-501-792-583
Aluminium, blacha, drewno inne. Firma posi-
ada 6 własnych ploterów renomowanych firm: e-mail: kahuna1@wp.pl
Durst, Yeti, Oce, Rolad oraz Seiko.
http://www.copymax.pl

WARSZAWSKA SZKOŁA eduZETO


al. Kraśnicka 35
FOTOGRAFII 20-718 Lublin
Jedna z najstarszych i największych pry- Tel. +48 81 718 4217
watnych szkół fotograficznych w Polsce. Fax. +48 81 525 5052
Proponujemy:
• 2 letnie studium fotografii http://www.eduzeto.lublin.pl
• 1 roczne studium fotoreportażu
e-mail: szkolenia@zeto.lublin.pl
• 4 miesięczne intensywne kursy fotografii
• wieczorowe i weekendowe warsztaty
z komputerowej obróbki obrazu
(Photoshop CS2)
http://www.wsfoto.art.pl

GRAFIKA IDENTYFIKACJA
MEDIA FORM WIZUALNA POLIGRAFIA
• Sesje fotograficzne - również wyjazdowe. Budujemy i realizujemy pojedyncze lub zinte-
• Plansze reklamowe, wystawowe (full kolor/ growane produkcje marketingowe,
zdjęcie naklejane i laminowane maszynowo) umacniając ich pozycje na rynku i kształtując
• Systemy prezentacyjne typu roll-up silny, pozytywny obraz.
Rzetelnie, Terminowo i Kompetentnie
http://www.sagana.com.pl
Obsługujemy cały kraj
Rok założenia 1995 http://www.mediaform.pl

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


Roczna prenumerata

tylko
199,-
Magazyn .psd jest jedynym polskim magazynem

Zadzwoń
poświęconym grafice 2D, który pokazuje krok po
kroku jak w praktyczny sposób wykorzystać moż-
3
liwości programu Adobe Photoshop, uzyskać cie-
kawy efekt, wyretuszować fotografię, czy zapro-
+48 22 427 36 5
jektować stronę internetową. Do każdego numeru
lub
są dodawane płyty CD z filmami instruktażowymi zamów
oraz zdjęciami Royalty Free.
mailowo!

Kontakt
1. Telefon 2. Online
+48 22 427 36 79 pren@software.com.pl
+48 22 427 36 53 www.buyitpress.com
2. Fax 3. Adres
+48 22 244 24 59 Bokserska 1
02-682 Warszawa, Polska
Zamówienie prenumeraty
Prenumerujesz
– zyskujesz Prosimy wypełniać czytelnie i przesyłać faksem na numer:

oszczędność
00 48 22 244 24 59
l lub listownie na adres:

pieniędzy
Software-Wydawnictwo Sp. z o. o.
ul. Bokserska 1

szybka dostawa
02-682 Warszawa
l Polska

prezenty
E-Mail: pren@software.com.pl
l Przyjmujemy też zamównienia telefoniczne:

bezpieczna płatność
0048 22 427 36 79
l 0048 22 427 36 53

on-line Jeżeli chcesz zapłacić kartą kredytową,


wejdź na stronę naszego sklepu internetowego www.buyitpress.com.

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

Od
Ilość
Ilość numeru
Tytuł nume-
rów
zamawia-
nych pre-
pisma
lub mie-
Cena

numerat
siąca
.psd (2 płyty CD)
Miesięcznik użytkowni- 11* 199
ków Adobe Photoshop PLN
numery specjalne
140
.psd Extra 6
PLN
+ .psd StarterKit

* 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 nu-
merze 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 skle-
pu internetowego oraz działu prenumeraty.

www.pdsmag.org

74 .psd 06/2008 » www.psdmag.org

You might also like