Hasznos tanácsok kezdő grafikusoknak és haladóknak

Cooltype.dll hiba Adobe InDesign-ban (2009. 03.)

(ModName: cooltype.dll InDesign fault = solution: delete some windows fonts!)
(Gill Sans SSI true type (&other) truetype font check problem in InDesign)
(InDesig CS3 safe folt list here (windows & Indesign CS3 font only) klick >>>)

Nálam a Gill Sans ttf törlése után nem fagy le az InDesign. Sajnos egy jó megoldás van a "megfelelő" betűkészletek telepítésének: megnyitott Indesign-nel kell egyenként, vagy csoportokban kell a betűket behúzni a Windows/Fonts könyvtárba, és a rossz betűkészlet behúzását követően szinte azonnal bezár a program a cooltype.dll hiba miatt. Ahelyett, hogy figyelmen kívül hagyná. Ejnyebejnye.
InDesign CS3-nak "biztonságos" fontok listája letölthető innen >>>

____________________________________________________________

Webdesigner és Online marketing gondolatok (2008. 10)
Mi a Page Rank? Mi a szerepe? Page Rank fontossága, és a
Page Rank megítélése

Miután főoldalamon kiraktam az online Page Rank kijelzőt, elgondolkodtam azon, hogy volt-e valami értelme. De mi is a Page Rank? Értéke megadja az oldalunk keresők szerinti megítélését, azaz sokan linkelnek-e ránk, weboldalunk szövegesen szerepel-e máshol, és még sok más titkos tulajdonságot értékel, melyekről csak sejtésünk lehet. Azaz népszerűek és korrektek vagyunk-e. No de van-e értelme jó Page Rank értékre törekedni (maximum a tízes), vagy inkább a keresőkben kidobott találatokra kívánunk-e összpontosítani? Egyáltalán a kettőnek nem kellene fednie egymást?
A ravasz kérdés. A síléc kifejezést beírtam a Google-ba, és sorra vettem a felhozott oldalakat, hogy mennyi is a Page Rank-juk. Nagyot kellett csalódnom, amikor azt láttam, hogy "1"-es értékű oldal már az elsőn megelőzött egy "4"-est. Egyáltalán egy ilyen alulértékelt oldal hogy kerülhetett az első oldalra?
A probléma abban mutatkozik meg, ha valaki a Page Rank-ot szakmailag komolyan veszi, és arra törekszik, hogy az oldala magas értéket kapjon, ahelyett, hgy a keresőkben előre kerülne.
Mert most egy költői kérdés következik:
Ki az aki Page Rank besorolás szerint keres síléces weboldalt a neten?

Page Rank ellenőrzés itt:
http://www.prchecker.info/check_page_rank.php

___________________________________________________________

Betűkészlet ékezetek rajzolása - idegen betűkarakterek - magyar ékezetek.

Ha magyar programokban és magyar billentyűzettel írva készítesz idegen nyelvű grafikát, az a legpraktikusabb hogy először egy open type betűkészlettel illeszd be a szövegedet a programodba. A felcserélt karaktereket jegyzeteld ki. Most használd szövegedhez az univerzálisnak számító open type helyett azt a betűkészletedet, melyet használni akarsz (pl céges font). Jegyezd fel a hibákat. Egy betűszerkesztő programmal, pl Fontographer-rel, vagy Fontlab-bal ezt az open type betűkészletet és a használni kívánt fontkészletet nyisd meg, és látni fogod, hogy mely karakterhelyről származnak a hibás betűk.

Problémás betűkarakterek

(A karaktertáblába könnyű beleírni az alap ékezetes betűket, csak különböző programok, pl word vagy corel, máshonnan veszik a billentyűleütéshez tartozó betűkaraktert. Én az Ő és Ű betűket minden hasonló karakterhelyre be szoktam írni (paste) a biztonság kedvéért.)

A Fontographerben sokkal jobb ékezetet rajzolni, viszont a Fontographer nem indul el, csak ha a virtuális memóriát pl. 160MB/192MB-ra csökkented. (ha így sem, akkor kapcsold ki átmenetileg a virtuális memóriát) (Fontographer nem fut különben, azt írja ki: "..not enough memory available to run") (Egy másik apróság: nem települ fel a Fontographer, csak ha kikapcsolod a Microsoft AntiSpyware-t)
Fotographerről csak annyit: nyomj szelektall-t, és menüben az unlink reference-t (nem csak hivatkozza az ékezeteket, hanem rá is teszi a betűkre)
((Ha kész vagy, generáld file menüből a fontkészletedet!))
(Ha valamit hiányolsz, kérlek jelezd emailon!)

___________________________________________________________

Adobe Indesign CS3 EPS és PDF export probléma

Ha egy kiadványt szerkesztünk Indesign CS3-ban (pl), szinte megoldhatatlannak látszó problémával találjuk szembe magunkat, előfordul hogy nem tudunk PDF-et vagy levilágítható EPS-t készíteni a nyomdai feldolgozáshoz.

(Distiller: %%[ Error: invalidfont; OffendingCommand: show ]%%)
(font restrictions in distiller- delete all licence informations in font)
(Font korlátozás levilágításnál)
(nem levilágírtható PS file fontkorlátozás miatt)

Ha nem akarjuk újraszerkeszteni a kiadványt másik betűtípussal, akkor a korlátozásokat ki kell törölnünk a fontkészletből. A fontszerkesztő programok pl a Fontlab és a Fontographer erre lehetőséget kínál (utóbbinál a virtuális memóriát ki kell kapcs.), vagyis ezekben a "font info" menüben elérhetőek ezek az adatok. A legszerencsésebb valamennyit kitörölni, majd ugyanazon a néven fontot generálni a betűkészletből. Ne felejtsük el kitörölni a windows-ba beinstallált fontot, vagy azon a helyen felülírni, ahonnan a rendszer linkeli (Type manager).

További képek / Other pics >>


___________________________________________________________

PDF készítés grafikai programokból - Mitől lesz optimális egy pdf?

Ha egy program file menüjében nem található olyan menü, hogy export to PDF, vagy publish to PDF, akkor szükséged lesz egy Adobe Distiller programra. (ne kérd, hogy tegyem elérhetővé) Készíts export-tal egy EPS-t a grafikai anyagodról, de ügyelj, hogy az EPS készítésnél a szövegeket ne görbézze le az exportálás, mert az a kisebb méretű betűvel szerkeztett szöveg olvashatóságának rovására mehet. (corelben jelölőnégyzet) Ezt a file-t nyisd meg a distillerben, és ha a minőségeket is szándékodban áll beállítgatni, ott megteheted.

Ha semmilyen kimenete nincs a programodnak, de te mégis ki akarsz valamit menteni belőle, akkor azt megteheted végsősoron úgy is, ha feltelepíted azadobeps nevű programot, mellyel virtuálisan kinyomtathatsz bármit (file-ba).(post script file)(ppd file lesz a virtuális nyomtató, de ezt a ppd file-t érdemes a C partícióra másolni valami biztonságos helyre) A kinyomtatott .ps file kis szerencsével szerkeszthető is lehet, melyre talán az egyik legalkalmasabb program a Corel12, nekem legalábbis bevált.

Ha Corelt használsz (én maradok a 9-esnél), tudnod kell, hogy a Corel 9 file menüjéből készített PDF sokszor furcsa betűközökkel jön ki, amit a Corel 12-ben már nem tapasztalhatunk, viszont a Corel 12 sem (tehát sem) jól adja vissza a cmyk színeket. Megmérhtjük ha a pdf-et behúzzuk a Photoshopba, és pipettával és összehasonlítjuk a színeket.

Persze csak 1-2 sázalék eltérés mutatkozik, de ez esetleg alacsony kontraszton írt szövegeknél gondot okozhat. Ha a Corelból viszont úgy küldjük ki az eps-t, hogy a PDF beállításokban az advanced fülön nativ color managementet állítunk be, akkor a Corelben százalékosan megadott színeket látjuk viszont a PDF-ben.
A másik megoldás, hogy EPS-t készítünk exporttal, amiből Distiller programmal csinálunk PDF-et, én ezt használom, mert Photoshopban azonnal látszik, ha hibás az anyag, illetve a nyomtatás színéről is helyesebb képet kapok.

(Ha valamit hiányolsz, kérlek jelezd emailon!)
____________________________________________________________

A professzionális tördelés - tördelőszerkesztés

A legfontosabb, hogy a szemednek higgy. A tördelés arról szól, hogy a szövegtömbök közötti távokat helyesen állítod be. Aki a hasábszélességektől és a default sortávoktól nem akar elszakadni, az sosem fog jól tördelni. A leglényegesebb, hogy a szövegrészek távjai mutatják meg az olvasónak, hogy egy rész fogalmilag hová tartozik. Ha tehát egy cím közelebb van az előző cikkhez, mint saját cikkéhez, nyilván szétesőnek látszik majd a tördelés. Ha a cím utolsó sora közelebb van a cikk első sorához, mint a cím előző sorához, szintén kétséges az eredmény.



Ez igaz a lead-re is melynek sortávja kisebb kell legyen, mint az a tér ami a (pl) az előtte lévő címtől és az utána következő szövegtől elválasztja - ekkor látszik önáló tömbnek. Ezeket a távokat midig vizuálisan kell beállítani, és nem kell hallgatni azokra, akik pl azt állítják, hogy a hasábközt tartani kell.
A hasábköz ha pl. pl függőleges vonalat tartalmaz és egy mellete lévő hasáb nem, akkor ettől úgy tűnik, hogy ott "megsűrűsödtek az objektumok", ott indokolttá válik magyobb távot tartani felrúgva a szabványos hasábolást. (hasábtávolság növelése függőleges cikkelválasztásnál)



A távolságok beállítása nyilván sokkal egyszerűbb lenne egy hatalmas üres lap közepén, ott szinte bármelyik tördelőszerkesztőnek gyönyörűen sikerülne, csakhogy alkalmazkodni kell az oldal méretéhez és a feladat ezáltal válik igazán nehézkessé. Úgy kell befittelni a szöveget, hogy beférjen, a tömbök kialakuljanak, a cikkek nagyobb tömböket alkossanak, betartsuk a futtatott szöveg betűméretét, sortávját (egalizálás). Persze ehhez sem kell zseninek lenni, inkább csak használni kell a fejünket, és a megfelelő ídőt kell a tördelésre szánni. (óra/oldal)
A jó tördelőszerkesztőnek szüksége van az előbbieknek megfelelő billentyűparancsokra programjában, ezek: betűméret növelés-csökkentés, betűkernel növelés-csökkentés, jobbra-balra középre igazítás, sortáv változtatás (ez utóbbi pagemakerből kimaradt), allcaps beállítás.

Két példa a tördelésre, mely jól szemlélteti a jellegzetes hibákat (kattintson majd a képre) ›››

Pagemaker billentyűparancsok letöltése (gif kép): (Pagemaker shortcut keys download) 1.  2.  3.!!!  4.  5.  6. (Pagemaker elválasztás egyik különleges formája - a feltételes elválasztás, akkor működik, ha a billentyűzetet angolra váltod (alt+shift), és ctrl+shift+ü -t nyomsz. Érdekes módon összezavarodik a program ha előtte magyar billentyűzettel nyomtad le ezt a kombinációt. Ilyekor néha magyar "ü"-t kel írni, hogy visszatérjen az angol billenytűzeten a feltételes elválasztás.)

___________________________________________________________

A cmyk konvertálás Photoshopban - Helyes színek cmyk-ban

(convert to cmyk, perfect color settings in Photoshop)
(2008-as javítása a korábbi cikknek - 2008. 05. version)

A feladat a következő: beállítjuk a 'color settings' menü színparamétereket úgy, hogy közben a pipettával egy korrekt cmyk tesztképen és a tesztkép RGB változatán ellenőrizzük a várható színeket. (F8 - vagy 'window'/'info')

Az alapértelmezett Photoshop sajnos csúnyábban konvertálja az RGB-t CMYK-ra mint a Corel. (verziók Corel12-ig és Photoshop8-ig) Most itt ne nyomj BACK-ot, ha nem értesz vele egyet, inkább olvasd még egy kicsit tovább. Meglehetősen vehemensen próbáltam jó konverziós beállításokat csinálni a Photoshopban, és rengeteg energiám ment rá arra, hogy az RGB-ben látható színeket, amiket nyilvánvalóan felismertem (pl magenta és cián), a lehető legjobban megközelítve tudjam belekonvertálni a CMYK képbe.

Nézzünk egy példát hogy a Photoshop hogy akar (Euroscale Uncoated módon) nyomdai színeket konvertálni. (első kép az alap RGB kép, a kattintás utáni pedig az Euroscale Uncoated beállítás melletti CMYK-ra konvertálás során jelentkező színváltozást mutatja a korrekt megjelenítésű monitoron)(az egeret húzd a kép fölé)



Ha a Photoshop pipettájával megmérjük, hogy a korábbi tiszta színeket mivé konvertálta, azt fogjuk látni, hogy a sárgába 15% ciánt tett, a magentába 30% sárgát, a tiszta zöldbe pedig 50 helyett 68% ciánt. Meglehetősen siralmas teljesítmény. Szerencsére a program készítői voltak annyira jó iparosok, hogy megadták a lehetőséget arra, hogy mindenki beállíthassa a saját konvertálási módszerét (az első megnyitásnál figyelmeztetnek is rá) Egy jó beállítás tapasztalataim szerint egy egész napot igényel.

A MÓDSZER
Az 'edit' menü / 'color settings'-ben találhatóak azok a beállítások, melyek nekünk kellenek. A 'cmyk' legördülő menü legfelső sorát válasszuk ki, a 'custom cmyk'-t. A görbékkel is érdemes foglalkozni, de csak azután, ha beállítottuk a tiszta színek konverzióját az 'ink colors' 'other' menüje után.
A következők szerint beállítjuk a konvertálási színeket: (convert settings)



Én ezeket a számokat állítottam be, én ezeket a színeket tartom leginkább a nyomdai színeknek - látványban. Ha valakinek mást (jobbat) diktál az ízlése javítsa tovább! Ez a konverzió egy mákszemnyivel magentásabb a kelleténél, de ez általában nem gond, mert a nem professzionális képek inkább ciános vagy sárgás tónusúak.
A GÖRBÉK. Kell velük is foglalkozni, hogy a középtartományokban is helyes tónusban kapjuk meg a cmyk színeket. Én ezt állítottam be, tudom nem valami szimmetrikus, de hát a számok magukért beszélnek - mármint a pipetta által mért színek a tesztábrán. (dot gain curves) klikk ide›››

De a munkának csak a felével vagyunk kész, mert igaz, hogy a pipettás mérések szerint jó konverziós színbeállítást kaptunk, viszont az a megjelenítésben kritikán aluli. A színek vizuálisan kicsit elcsúsztak.
Úgyhogy ugyanezt mégegyszer el kell játsszani, de úgy, hogy a megjelenítést tartjuk szem előtt, azaz beállítjuk a megjelenítést a görbékkel a következőképpen: (curves) klikk›››

Ellenőrizd a konvertálást alapértelmezett Photoshop színek mellett is, és ha biztosra akarsz menni, akkor Corelben is. (Ezeknek a műveleteknek a végrehajtását a Photoshopban csináld 'actions'-szel)

Egy ilyen konvertálás a következőképpen fest a különböző programokban:
(Photoshopban, Corel-ben, Windows gyornézetben, és PDF-ként) >>>>

Az újabb verziójú Photoshopok sajnálatos módon belementik a képbe automatikusan a színprofilt, azaz, ha pl egy actionra lefuttatunk egy színprofil cserét, semmi különbséget nem látunk majd. Ilyenkor a képet save as-sal el kell menteni rámentéssel, éa kozben a színprofil belementését jelző jelölőnégyzetből kivesszük a pipát, majd a képet bezárjuk és újra megnyitjuk.
Amíg nem zárjuk be addig a korábban megnyitott profilnak megfelelő színeket mutatja csak a Photoshop, vagy másképpen mondva: csak színprofil nélkül megnyitott képen láthatjuk a színváltozást a színprofil cseréjekor.

Tesztkép letöltése: (RGB & CMYK test pictures) RGB kép1 CMYK kép 2

(Konvertálás a legbiztosabb, ha (pl idegen helyen) behúzod Corelbe is a képet ellenőrzésre. Ha a Photoshop Coated beállításánál a corelben túl nagy a színkülönbség, akkor addig kell variálni a színekkel, míg mindkettőben elfogadható a látvány, azaz egyik sem feltűnően hibás. Ha fűzöldet akarsz jól konvertálni, mégpedig olyat, ahol sokféle zöldes árnyalat van, akkor tegyél le a photoshopról, könnyebb a corelben rendes zöldeket konvertálni. (ne légy annyira sznob, hogy kipróbálás nélkül elveted) Ha Photoshopban akarod a zöldes kép cmyk konvertálását, akkor a Selectiv Colors-ban a Green-ekből szedjél ki minden ciánt a konvertálás után és húzd bele a sárgát maximumra (photoshop7) és egy kis magentát is hozzáadhatsz, hogy természetesebb színe legyen. (őrültségnek hangzik, de szerintem kötelező eljátszani))

____________________________________________________________

Vektorok Photoshopban - vektor kijelölésből,
fontkészletből, vektorok importálása és szerkesztése
(Photoshop programban)

Leggyakrabban az merül fel hogy lehet egy kijelölést Photoshopból kiexportálni (vektoros formátumban), hogy az más programokban is használható legyen. Ennek módja az, hogy a pl. a kijelölést követően (pl. varázspálca eszköz) a leyers/channels/paths palettán a paths (görbék) fülre kattintunk. A paletta jobb tetején találjuk azt a jobbra mutató nyilacskát, mely egy olyan legördülő menüt hoz elő, melyen megtatálhatjuk a 'make work path' -ot (munkagörbe). Ha rányomunk, akkor a Photoshop megkérdezi milyen "tűréssel" akarjuk a kijelölésünket görbévé alakítani. Általában az "1" megfelelő, de ha ikon méretű képekkel dolgozunk, érdemes a "0,5"-öt választani. A 'path' fülön megjelent a létrehozott görbénk pici nézőképe. Ezt a görbét a 'file' menü /'export' / 'path to illustrator' -ra kattintásal tudjuk kimenteni.

Photoshopban vektor maszk készítése: (Vector Mask) Ha az előbbiek szerint workpath-ot készítünk, utána ezzel a görbével vektorosan kivághatunk layereket, ami pl egy logónál azt jelenti, hogy minőségváltozás nélkül transzformálhatjuk egymás után akárhányszor. Ilyenkor a vektoron kívüli része a layernek nem fog látszani. (Egy kék logónál pl. érdemes a vektoros körbevágás után az egész layert teljes felületében erre a kékre színezni, nehogy a pontatlan vektormaszkba belelógjon a kép néhány nemkívánt pixele) Layer menüből kattintunk az 'Add Layer Mask' / 'Current Path'-ra úgy, hogy a Path fülön kijelöltük a 'Work Path'-unkat.



Custom Shape készítése Photoshopban, ha egy logót gyakran használunk:
Ha a korábbiak szerinti 'Work Path'-t kijelöljük, és az 'Edit' menü 'Define Custom Shape'-re kattintunk, akkor ez a görbe bekerül a görbék listájába.
Innen egy kattintással elővehető ››› ›››. Egy layeren a kijelölését követően lerakjuk, de azt látjuk majd, hogy önálló layer lesz belőle, melyre egy 'stílus'
(photoshop style) adja a színezést, domborítást, árnyékdobást - az utolsó stílust.

___________________________________________________________

Div vagy table? (Div vagy táblázat?)
Pro és kontra a két megoldás között

1. Nem lehet div-ben bottomra rakni belerakott elemeket, viszont a table-ban lehet a table aljára pozicionálni bármit (?).

2. Div mérete helyesen jelenik meg, ha textfield-et rakunk bele (interakívabb elemet), a table-nál a table alatt kiiktathatatlan űr jön létre, ami tolja az alatta lévő tartalmat.

3. Div-et nem lehet méretre kényszeríteni átlátszó vagy más giffel, a table-t lehet.

4. A div szélességét meghatározza a belerakott szöveg, azaz szélesebb lesz, ha több karakter van beleírva (gomboknál pl.), a table szélességének pixelméreténél viszont a szöveg automatikusan új sorba törik. (bár nem biztos..)

5. Div-ből kilóghat a háttér (hiba), table-ból nem (?)(nem tapasztaltam)

6. Div-et nem érdemes pixelpontosan méretezni a rendelkezésre álló helyekre, mert bonyolult html szerkezetek esetén széteshet az oldal. (margin és padding leginkább mellőzendő) - table-t sem ajánlott pontosan méretezni, de azért nem annyira veszélyes.

6. Div-ek nem mindig taszítják egymást, table-k mindig (?)

7. Div esetén az "auto height", a padding és a margin (pixelesen megadva) néha nem hajtódik végre Firefoxon, ezért mértékkel kell használni.
Az "auto height" nagyon jól használható lenne, mert az volna hivatott tolni az alatta lévő tartalmat, de ha nem hajtódik végre, akkor nálam pl. a fölső szöveg megnövekedett sormennyisége a lejjebb lévő kép alá került azaz kitakaródott a képpel. Szóval a Firefox egy szar, aki weboldalakat csinál az tapasztalhatja.
Jó is lett volna, ha a table-t fejlesztgették volna, azzal nem volt ennyi nyűg a háttérkilógásokkal, a taszítások nem végrehajtásával.
___________________________________________________________

GYORSSEGÍTSÉG GARFIKUSOKNAK:

- MSZP betűtípusa: Franklin Gothic betűcsalád.

- FIDESZ betűtípusa: Solex betűcsalád