pix:mag 2012/1 július

7/31/2019 PIX:MAG 2012/1 Jlius

1/41

7/31/2019 PIX:MAG 2012/1 Jlius

2/41

2012/01 Jlius

PIX MAG - digitlis webdesign magazin 2

FELHvagy lu?

Adobe Creave Clo

rta: Tth Zsuzsanna

7/31/2019 PIX:MAG 2012/1 Jlius

3/41PIX MAG - digitlis webdesign magazin

2012/01 Jlius

3

d

7/31/2019 PIX:MAG 2012/1 Jlius

4/41

2012/01 Jlius


Nagyon vrtam.Taln ez az oka, hogy kicsit csaldo vagyok.

Persze a legdvsebb a dologban, hogy nem kell egy komple vagyontkizetni egy szovercsomagrt, hanem vgre alternav mdon a kiscgek szmra is elrhetv vlt a brlssel. Mghozz jutnyos ron -hiszen egy ezzel foglalkoz vllalkozsnak ki kell tudnia termelnie a br-le djt, azaz 59 EUR-t havonta, amely mr tartalmazza az adkat, deegsz ves hsggel jr. Azt persze nem kezdem ecsetelni, hogy ez dol-lrban mennyibe kerl, s milyen versenykpes lehetek n egy amerikaidesigner cggel szemben. De i a Creave Cloud, rljnk!

Miezazegsz?

Nzdmega

YouTubeon!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

5

Szerencsre, mint eddig minden szovernl,az Adobe most is biztost egy 30 nap teszt-idszakot, amelyben kiprblhat a szol-gltats. A szoverek teljes funkcijukbanletlthetek. Igen, ez volt az a pont, amikorelszr elkerede a szemem, mert Cloud

szolgltatsknt azt vrtam, hogy online fut,s gyakorlalag erforrst vsrolok tlk,illetve a futshoz szksges trhelyet. Deugyangy a gpre kell tlteni a programokategy menedzsel alkalmazs segtsgvel - ahozz ado trterlet pedig a csomag rsztkpez Muse online jtsztereknt zemeljelenleg. A Muse is a Creave Cloud csomagrsze, amit kdols nlkli weboldal ksz-

tsknt tolnak, az ilyesmit mindig megmo-solyogjuk. Drtvz ksztshez tnyleg j, dearra van az Adobenak specilis szovere - aProto - szintn a csomagban.

Nagyon szles a letlthet alkalmazsok listja- a szmomra megszoko webes programokonkvl a Premier Pro s Aer Eects is meg-tallhat - a mr emlte Muse melle akrhangot is tudok vgni az Audionnal. A tapi-zs iPadra Ideas, s Collage nven kerlt skicc

s moodboard szover is.Akadnak benne bven hinyossgok - nekema zets idszak hnapforduliban akadnakproblmk, hiba egyenltem ki, serial szmotkvetel - ilyenkor az ado alkalmazst eltvo-ltva, s jra letltve zemel jabb 30 napig,s rzkeli, hogy minden ok. Mivel teljesenleszoktam az asztali gp hasznlatrl - Mac-book s iPad kombban dolgozom, gy rzem

teljesen testreszabo megoldst kapok. Mg-is van egy lu rzs benne - akadozik mg arendszer mkdse, a felhben val munkamg fl lbbal a fldn van.

Photoshoptblagpen

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

6

hogy menjen a munka!pp designereknek

esignerknt a feladatok gyakran sszetorldhatnak, a hatridk a nyakunkbanlihegnek, mi meg csak kapkodjuk a fejnket. Mihez is fogjunk hamarjban? Azidegrl stressz pedig egyltaln nem tesz jt a kreav munknak. sszegyjtt-

tem, nekem milyen prakkk vltak be, hogy sszeszedeebben, gyorsabban haladjaka tervezsi feladatokkal:

7

1

Elbb a kedvencet!Szmomra mindig a leginspirlbb feladat a legknnyebben elvgezhet. Amg valamimozgatja az agyamat, egyszeren nem is tudok msra gyelni, gy a munka szinte ma-gtl megy. Minden ms tevkenysgem kzepee is eszembe jutnak tletek (mosoga-ts, vagy teregets kzben kivltkpp), amik elrelendk a folyamatot.Persze a hatridkre gyelni kell!

2Az idpont megvlasztsa2 gyerek s a hztarts melle nem egyszer mindenre idt szaktani, ezrt napkz-ben mr nem is erlkdm azzal, hogy a gp el ljek. Ilyenkor maximum nhny skic-cet vetek fel a bevsrllista sarkra, vagy a gyerek kifestknyvbe. :)Mivel letritmusuk mg vletlenl sincs sszhangban, rdemi munkt csak jjel tudokvgezni. Igaz nem tudom, hanyadik vadot nyomjk a Valvillban, vagy a Rzsa biszt-rban, de ez szerencsre soha nem is rdekelt.

1. rsz

D

rta: Rzsahegyi Mayer Gabriella

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

7

3Nemet mondanirisi a ksrts (fleg kezdknt), hogy brmilyen munkt elvllaljunk. Elbb-utbbmindannyian r kell, hogy jjjnk: vannak gyfelek, akik csak az idnket raboljk. Nemadnak kell informcit, visszajelzst s semmi nem felel meg a nem ltez elkpzel-seiknek. Ilyenkor kell NEM-et mondani!

4 Olyan feladatot kaptl, aminek egyes rszeihez nem rtesz annyira? Szervezd ki amunkt! Nem szeretsz pl. logt tervezni? Bzz meg vele valaki mst, aki viszont imdja,te pedig hagyj ki neki helyet a layoutban, ahova majd beillesztheted. Ugyangy bzha-tod msra a kdolst, vagy egyb feladatot, amiben nem rzed magad elg magabiz-tosnak. Foglalkozz azzal, amiben a legjobb vagy!

Csinlja ms!

5 Egyre tbb billentykombincival keveredek szorosabb bartsgba a grakai progra-mokban. Valban nem hlyesg, hogy kitalltk ket! Mostanban a Photoshopaconk a kedvenceim, amiket felvve s alkalmazva ksz mozilmny, ahogy szintenmkdv vlik a gyri mel.

Shortcut

6 Kszts! Ilyen egyszer. Tnyleg nagyon hasznos s idsprol lehet, ha valdi tervalapjn s nem csak a gridek kz sszevissza csapkodva kreavkodsz.

Drtvz

7 Mg a nnikmnek beksznk a facebookon, mg megnzem, lementem, elteszemezeket a fontokat, ecseteket, tutorialokat, vektorokat, kpeket...Nna ezt fejezd be! rkat tltem el mindenfle okossg nzegetsvel, knyvjelz-be ciblsval, amiket aztn rendre mind elfelejteem mg egyszer elvenni, megta-

nulni. A munka (amirt zetnek ugye) meg persze nem haladt. Erre jellj ki egy laztsestt, amikor tltdhetsz, fejldhetsz, tanulhatsz!

Bngsz kikapcs

7/31/2019 PIX:MAG 2012/1 Jlius

8/41

2012/01 Jlius


Vannak akik azt hiszik, hogy mr a lnyomat isaz Apple rajongsom okn neveztem el Alm-nak. Pedig akkor, mikor errl kelle dnteni,a msik tbort ersteem egy kis SamsungGalaxy Minivel.

Megtrsem nem plforduls, tervezknt

mindkt plaormra dolgozom, de az Appletermkek elkezdtem szaporodni a hzban, sezt nemrgiben egy sajt iPhone-al is megko-ronztam.

Szerencsre maradt a kis csapatunkban olyan,akiben Android szv dobog, Szijrt Jzsef, akiletet lehell a munkimba a mindennapok-

ban. Kt pus felhasznl, kt egymst kie-gszt munka, kt plaorm.

A mrkaharc kztnk pusztn csipkelds tr-gya, de a magaslabdt sosem hagyjuk ki :)

Apple VS

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

9

AndroidMegkrtem Jzsit, hogy az ltala hasznlt 90Android alkalmazsbl szedje ssze azokat,amelyeket a napi munkja sorn megkedvelt,bszke Motorola Razr tulajdonosknt. n isgy teszek, br kzel sem fuatok ennyi IOSappot a hfehr 4G-n - s bven akadnakedsek.

A harc most sem dl el termszetesen, to-vbb robog a markeng gpezet!Akrmelyik is szimpi neked, ezeket az appo-kat javasoljuk legalbb egy prba erejig!

Az alkalmazsok tbbsge egybknt mindkt

rendszeren elrhet, a lista a mi szemlyes ked-venceinket tartalmazza!

7/31/2019 PIX:MAG 2012/1 Jlius

10/41

2012/01 Jlius


Inspired Magn bulvr s polika helye designhreket olvasok. Az Inspired Mag az egyik kedvenc oldalam,az appot azonban fknt akkor hasznlom, ha utazom, vrok, vagy unatkozom - utbbi mond-juk nem tl sr. Az app nem csak a sajt j posztjaikrl ad hrt, hanem egy Design News hrfo-lyam is tallhat benne a legnpszerbb design blogokkal.

Flipboardnmagban az iPhone alaprtelmeze News appja is tkletesen megfelel az jsg, vagyknyv olvasshoz, de ha magazinos letrzst is akarok a virtulis lapozs mell, akkor bizonya Flipboard a megfelel vlaszts. Az UI valban nagyon ergonmikus, a hagyomnyos olvasslmnyt biztostja. Rengeteg tartalmat biztost, de termszetesen teljesen szemlyre szabhat -iPadot is hasznlok, s imdom, hogy amit az egyik eszkzn leteem, a msikon folytathatom.n telefonon nem szeretek hosszabb anyagokat se rni, se olvasni, de i ez kevsb zavar.

Az AppStoreban minden van!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

11

AldikoAz Aldiko egy ignyes e-knyv olvas app. Mltn rdemelte ki a legjobbcmet, tableten s telefonon is egyarnt j vlaszts. Kezeli a legtbb ismert

e-knyv formtumot, tbbek kzt brmilyen PDF dokumentumot vagy ePubformtum knyvet is importlhatunk bele. Nem mellkes ezen kvl, hogy

magyar nyelv lokalizcit is kapo. Kt verzi ltezik belle: az ingyenes s a reklm-mentes prmium verzi.

Minimlisan Android 2.2verzi szksges a hasznla-thoz. Tallunk benne bep-te boltot is, ahol tbb szak-

mai knyvet is vsrolhatunk(pl.: OReilly).

Magyar nyelv knyveketegyelre ne keressnk ben-ne.

WunderlistEgy igazn szp felleel rendelkez feladatkezel alkalmazs.Amirt szeretjk, az a mulplaorm s az egyszersg. Androidon kvl el-rhet az sszes ltez s nagyobb szmban hasznlt opercis rendszerre,st, mg bngszbl is. Ha te is tbb plaormon dolgozol egyszerre, akkor

ez szmodra a legjobb vlaszts, hogy mindig szinkronban tartsd a feladatokat.

Ltrehozhatsz benne listkat,

a listkhoz pedig feladatokatrendelhetsz - jegyzetekkel,hatridvel. Ez a legtbbignyt ltalban kiszolgl-ja. A listkat ezen kvl msWunderlist felhasznlval ismegoszthatod, hogy kzsenkezeljtek a feladatokat.Az alkalmazs teljesen ingye-

nes, s reklmmentes.

Irny a Google Play!

7/31/2019 PIX:MAG 2012/1 Jlius

12/41

2012/01 Jlius


What the fontRgen hajlamos voltam brmit beszkennelni,ami tetsze. Ma mr inkbb lefnykpezem.

Jrtamban-keltemben gyakran tallkozom olyanfeliratokkal, csomagolsokon, reklmokon, ame-lyek betpusait egy-egy munkban n is szve-sen alkalmaznm.De ki az rdg tudja milyen font?

A webes betkszlet azonost, a What the fontimmron iPhone alkalmazsknt is elrhet.Csodt ne vrjunk, hasonlan pontos, mint bn-

gszs trsa, de hasonl kszletek keresshezjl jhet.

The Font GameKezdknt minden betpus egyforma. Egyik kicsit kvrebb,vagy cirdsabb, de alapveten nem rteni mi is ez a pogradolog. Nos, valban kicsit betegnek tnik elsre, hogy valaki

Angry Birds helye fontkszleteket nzeget jtk gyannt, smg lvezi is. De a betkszletekkel val j kapcsolat kipts-hez j edzs egy ilyen felismers, azonosts jtk mint aThe Font Game. Egyetlen htrnya, hogy 2 dollrt kstl, de haigazn elvetemlt pogrfus hajlam vagy, 500 Ft krli ssze-get megr.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

13

Evernote s SkitchAz Evernote taln a vilg legjobb jegyzemb alkalmazsa. Mint ltalban,az Evernote esetben is az egyszersge a kulcs. Mulplaorm, teht a leg-

tbb opercis rendszeren elrhet, gy a plaormnomd letmdhoz ismegfelel trs. Az mr csak hab a tortn, hogy bngszn keresztl is elr-heted a jegyzeteid.

Az Evernote kszte egykiegszt alkalmazst, melyaz Evernote esetben hiny-ptlnak bizonyult.

Ez a Skitch.

A Skitch egy egyszer rajzol alkalmazs. Lehetsged van alapvet formk, nyi-

lak s szvegek elhelyezsre. Ezt megteheted szimpln egy fotra, egy trkp-rszletre, vagy csak gy nmagban is. Az elkszlt mveket ezek utn az Ever-note-ba mentheted el egy jegyzetknt, st, el is kldheted ismersdnek, vagy

megoszthatod brkivel. Az Evernote s a Skitch alkalmazs is teljesen ingyenes.

Kattakpre,

sirnyaYouTube!

7/31/2019 PIX:MAG 2012/1 Jlius

14/41

2012/01 Jlius


PinterestA Facebook utn a msodik, ltalam legtbbet ltogato oldal a Pinterest. De mg a Facebookra

dolgozni jrok fel, a Pinteresten kikapcsoldok. Szabadjra engedem a szemem, a szellemi svizulis tpllkfelvtelem egyik fontos forrsa.Mivel ez egy teljesen ms kzssg - a staszkk szerint elssorban a nk kedvence, i isjabb szakmai, vagy bar kapcsolatokra tehetsz szert!

Nvelheted a weboldalad, blogod ltogatosgt is - i azonban a kpen van a hangsly, tehtha van egy j kped, s egy ahhoz tartoz bejegyzsed, a kp al linkelve tovbbi olvaskhozjuthatsz! Mobilon sem szeretek elszakadni a csodlatos fotktl, egy-egy PIn erejig fel-fel n-zek r, mik a friss tartalmak. Az alkalmazs kielg ezt az ignyt, tlthat a fellete, szeretem

hasznlni!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

15

Logo Quiz

Egy kis kikapcsolds. Mrkarzkeny vagy? Akkor ez a te appod. A Logo Quiz nemmsrl szl, mint hogy fel kell ismerned a logkat, majd berni a hozz tartoz mr-

kaneveket. m ez nem mindig egyszer, mivel a logk tbbsgnek csak egy rszle-tt lthatod. Az alkalmazs kt vltozatban rhet el. Az ingyenes vltozatban 152

logt, mg a zetsben 250 logt ismerhetsz fel. Az alkalmazs bizonyos idkznknt jabblogkkal bvl.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

16

LTZZ PIXELBE!

14,95 $ Megveszm

36 EUR Megveszm

Mi a PIX:MAG-nlimdjuk a pixeleket!Nem hiban dolgozunk aPixelgyrban!

Brmilyen sznben, br-milyen felleten! ssze-gyjtk azokat, amikmi is szvesen felven-

nnk, vagy hasznlnnk!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

17

Megveszm89 $

A legjobb fotk forrsa a

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

18

Kategrinknteltr slus bejegyzsA WordPressben az egyik legnagyobb tletnek a bejegyzs-kategrikkal val varilst tar-tom. Ha klnbz tmkban rendszeresen jabb s jabb tartalmat szeretnl megosztani,pl. van egy porli oldalad, ahol a referenciid oldala s a blogod is rendszeresen frissl-nek,de mindket ms mdon szeretnl megjelenteni (pldul legyen ms a bejegyzs cme,betpusa, vagy a kpek mrete, elhelyezkedse), akkor jn jl az emlte lehetsg.

Ltezik j pr plugin ennek megoldsra, de akr bvtmny nlkl is megoldhat, ha egy picitmegvltoztatjuk, kiegsztjk a WordPress sablonunk kdjait. Aki mg nem te ilyet, nem kellmegijedjen, csak az a fontos, hogy miel belekezd, ksztsen egy msolatot a sablonjrl atrhelyre, hogyha brmilyen baleset trtnik kdturkszs kzben, az erede llomny vissza-tltsvel visszallthassuk a kiindulsi helyzetet, gy szabadon garzdlkodhatunk.

1.) Szval els lpsknt a trhelynkn az aktulis sablonunk mappjban meg kell keres-nnk a single.php le-t, amelybl rgtn kt msolatot. Az egyiket nevezzk el single1.php-nak, a msikat pedig single2.php-nak.

2.) Majd a WordPress admin felletn a sablon szerkesztjben nyissuk meg az eredesingle.php-t. Trljnk ki mindent, amit o tallunk s msoljuk be a helyre az albbi kdot:

A 9-es helyre a kvnt kategria azo-nostjt helyeestsd! Amely kd aztfogja eredmnyezni, hogy amennyibenegy ado bejegyzs a 9-es kategriba

tartozik, akkor a single2.php fjlbanfoglaltak fognak rvnyeslni, mindenms esetben viszont a single1.php-bentallhat utastsok valsulnak meg.

St, ilyen alapon, ha tovbbmegynk, akr tbb klnbz bejegyzs-nzetet is bellthatunk,amennyiben fen kdot mg nhny sorral kiegsztjk:

rta: Szige Annamria

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

19

4.) Mivel a megfelel sluslapokat a fejlcben kapcsoljuk be, ez szmunkra azt jelen, hogyksztennk kell egy j header fjlt is (pl. header-9.php), amely az elz lpsben elksztestyle-9.css fjlt hvja meg. Ebben az j header le-ban a megfelel sort az albbira kell cse-rlni:

/style-9.css type=text/css media=screen />

5.) Ha eljutounk idig s mg mindig brjuk idegekkel, akkor mr csak egy utols lpst kellmegtennnk: a megfelel single1.php fjlban a kdot azalbbival kell fellrnunk:

Ez a kd be fogja hvni neknk azt a fejlcet, amelyben az j sluslapunk linkjt elhelyeztk.

A fen lpseket aztn minden kategrira, melyet az eredetl eltr slusban akarunkmegjelentetni, meg kell ismteljk.

Forrs: http://wpgarage.com/tips/displaying-single-post-pages-dierently-in-specifc-categories/

3.) Ha mindezzel megvagyunk, el kellksztennk az egyes kategrianze-tek sajt sluslapjt, a fen pldtfolytatva pl. a style-9.css fjlt (amelya 9-es kategrira vonatkozik.)

7/31/2019 PIX:MAG 2012/1 Jlius

20/41

2012/01 Jlius


TBLAGPET M

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

21

NDENKINEK!

I a NEXUS 7Nehz gy rni valamirl, hogy mg sosemlam. De lam mr tabletet, s gyantomez is olyan lesz. St szinte mg senki sem lt-ta, mert igazbl csak jliustl lesz kaphat,

most csak elrerendelhet, ha a vilg sze-rencssebb feln szleem.

rta: Tth Zsuzsanna

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

22

Tulajdonkppen a napok tatart zsongs egy j olcs tb-lagpnek szl, a Nexus 7-nek,amit a Google a tmegnekszn - 199 dollr, azaz nagyj-bl 45 e Ft rtkben. Van mrilyen, az Amazon Kindle Fireelnevezs gpe kvnta ed-dig olcs tabletknt meghd-tani a vilgot. Engem is meg-

hdto volna, ha lehetne iderendelni, de nem lehet, a vas-fggny o van mg mindig,csak virtulis.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

23

Remnykedem benne, hogy a Google piacnak tekin ezt albztatt - pr hnapos csszssal minket is odaenged afazkhoz. Mondjuk szlltssal, vmmal, s fval mr nemlesz olcs tblagp - az Amazon ebben glns volt sokig, stvllalta a Kindle ebook olvask ilyesfle kltsgeit, aztn

gondolom mr kevsb volt buli.

A vas egybknt ASUS, a lelket meg Android adja, zselset- azaz a legjabb 4.1 Jelly Bean verzival zemel. A Googlelltlag ellltsi ron adja a kis ktyt. Az alacsony r, saz Android melle azrt ne nzzk a Googlet Mikulsnak - a

frccsntsbe te risi kiads a reklmfelleteken fog meg-trlni. Persze knny annak, aki eleve gy indul, nem kelllepkehlval sszefogdosni a hirdetket. Valamint az ingye-nes alkalmazsok melle a Google Play igazi felfutst vrjkaz 1-2 dollros, Androidon is zetkpes kznsgtl. Vr-

juk!

Mirej?

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

24

markeng

facebook.com/pinteresng

Kattintsscsatlakoz

z!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

25

Responsive

WebdesignAzmilyen?

Annyi fle megjelent eszkzn interne-teznk, hogy elj az id, amikor nincs szten-derd fejlesztsi mret, nincs opmlis kper-nyfelbonts, nincs tlagfelhasznl sem.Mindenfle bngszre, mretre s szover-krnyezetre nem lehet felkszlni a mg min-

dig msolt XP-t, s IE6-ot fuat gpektl alegjabb cscsmodell okostelefonokig.Mennyivel is egyszerbb lenne a dolguk, havalban lennnek szabvnyok mretben, kd-ban - de a gyrtk diktlnak, a tartalomfejlesz-tk meg mennek utnuk - egyszeri tervezneknem maradt ms, mint a gumidesign, azaz:Fogtok i szrakozni velem, ezentl rugalmas

lesz a design az ado eszkzhz igazodva!

Dihjban ez a responsive webdesign,amely felismeri az ado eszkz param-tereit, s a megfelel sluslappal szolgljaki, gy hogy az alapvet funkcik mindenktyn elrhetek.Szp, j vilg - rta Huxley. Valami hasonl

krvonalazdik, amikor ilyen megoldsokkerlnek eltrbe, de persze tudjuk, hogyutpia. Az biztos, hogy a mobilos onlinetartalomfogyaszts, mint a rakta, olyan se-bessggel nvekszik. Mg ihon is, nhnyltalam menedzselt weboldal akr 400%szzalkos emelkedst mutat a tavaly ilyen-korhoz kpest.Ideje rugalmasabbaknak lennnk!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

26

Az OWT Facebook oldalnteem fel a krdst,melyik szalagos doboztszeretntek tudni, hogyankszl a gyakorlatban?Az i lthat pusra, azazaz A jelzsre j tbb

krs, gy el a Fireworksprogrammal, s lssatokneki a szalagos, brnyosboxnak!

MASLIS BARIS BOX :)A grakhoz a Fireworks CS6nev programot fogomhasznlni.A mirtekre a konzerv vlaszom az, hogy a Photoshop fo-tszerkeszt, a Fireworks meg webtervezsre van kitall-va, s n vek ta ebben tervezem a web rm es rszt.

Az egyik nagy elnye, hogy az elkszl graka vektoros

lesz, gy knnyebb, gyorsabb mozgatni, mint egy sok MB-os .psd-t, s a vgtermk is jobb minsg, kisebb fjlm-ret kp lesz. s mert szeretem...

Ha nincs Fireworksd, innen tudod letlteni a 30 napos prbaverzijt, amelyben minden funk-ci teljes rtken mkdik.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

27

1. lpsKinyitom az Fireworks CS6 programot, s a File / New Documents menponal egy 800x600pixeles alapot ksztek, erre rajzolom meg a dobozt. Az alap szne fehr, vagyis a White vanbepiplva.

2. lpsA tervezshez hasznos, ha bekapcsolom a rcsot, megknny a mretezst - i tallod -View / Grid / Show Grid

n az alaprtelmeze 36x36 mretnl kisebbet 10x10-es kockkat szeretnk hasznlni, ezrtugyano az Edit Grid rszben tudom ezt tlltani. Ugyani felee a Rulers, azaz vonalz funk-ci is ezt szolglja - ha mr o jrsz kapcsold be azt is.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

28

3. lpsEgy 300x400 px mret tglalapot hzok - az eszkztron lv Rectagle Tool eszkzzel -

Alul tudom pontosan meghatrozni a kvnt mretet - 300x400 px, illetve kitlt sznt - fehr#FFFFFF - lltok be, s egy krvonal sznt is - vilgos szrkt - #CCCCCC, 1 px vastagsgban.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

29

4. lpsHa az alap box megvan, jhet a masli.Kicsit belenagytok (nagyt ikon az eszkztron), gy knnyebb a mretezs - 4 kiskocka, azaz40px magas tglalapot hzok, ami az alapboxhoz kpest mindkt oldalon 2-2 kis kockt kilg,

azaz 340 px.Van egy 40x340 px mret cskom, amit a mr hasznlt kitltsi mdon zldre festek -#85B200, a krvonalt pedig megszntetem - ha a krvonal dobozkjt lenyitod, egy pirossalthzo kpet keress (ugyangy lehet a kitltst is megszntetni, ha csak krvonalra lenne szk-sged)

A maslitl ez mg messze van, ezrt a kt vgre rajzolok egy-egy szpen bevgo flet.

Ehhez az eszkztron lv Pen Toolt hasznlom - a Vector cmke ala tallod.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

30

A szalagvg megrajzolsa 5 egyszer lpsbl megvan:

1. Nyomj egy pyt valahov, egy kiskocka sarkba, majd a Shiet kzben nyomva - ebblkiindulva hzz 5 kiskocka hossz vonalat2. Felfel 6 kiskocka hossz vonalat3. Majdjobbra is 5 kiskocknyi vonalat4. I jn az apr trkk - a felig kell most hzni a vonalat, s kevel beljebb, tlsan5. Majd ugyanez visszafel, ennek a vonalnak bele kell futnia a kezdpontba.

Ha sszevissza megy a vonalad, akkor nem nyomod a Shiet. Nyomd! Elsre nem fog menni,nekem sem mindig megy, prblkozz, mg nem kapsz egy ilyen alakzatot, ez lesz a masni vge.Sznezni a mr ismert mdon tudod.

Hogy a szalagnak msik vge is legyen, egy sima CTRL+C, CTRL+V-vel meg tudod duplzni. Amsolat rajta lesz az ereden, csak le kell hzni.Majd rkanva jelld ki, hogy a kis kk keret megjelenjen rajta s egyjobb klikket neki! gymegjelenik a Transform opci, amiben a Flip Horizontal lesz a bartunk, ez megfordtja.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

31

Ha ezzel megvagyunk, illesszk ket a helykre - 2 rnyalaal sttebbre szneztem ket, hogyltszdjon hov teem - a doboz szlhez illeszteem ket, egy kockval feljebb van, mint az

alap csk.

De gy mg nem az igazi. Kldjk ket htra, ahov valk. Ehhez megint ki kell ket jellni, demost a jobb klikkel az Arrange / Send to Back opcit kell vlasztanunk.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

32

Mr majdnem kszen is van! Az els s hts szalagokat kssk ssze, hogy szpen rilleszked-jenek a dobozra. Ismt a Pen Tool eszkzt hasznlom, a mr ismert mdon, a Shi lenyoms-val egy-egy hromszget ksztek - kt kiskocka hossz s egy magas mretben. Ha nem akarszktszer rajzolni, a duplzs s tkrzs i is j megolds.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

33

A szalag gyakorlalag ksz. A fl siker is siker mr! De haladjunk tovbb! Egy kis szntmenet-tel teszem szebb ezt a libazld sznt. Az tmenetet ugyano kell kszteni, ahol a sznnel ki-ntst. Jelld ki melyik elemet akarod sznezni, s o ahol a kints van, a Gradient Fill ikontnyomd meg (1) -- utna a (2) kitlts sznt - i mr van egy alap tmenet - i gy tudod meg-vltoztatni a szneket, hogy a kis ngyzetekre kantasz (3)Az tmenet irnya, s arnya ezzel a csszkval vltoztathat, akr el is forgathat (4)

Ezzel a mdszerrel a szalag szleit is tsznezem, hogy valban egy fnyes szalag hatst keltse agraka. A T, vagyis felirat eszkzzel (1) pedig egy tetszleges feliratot helyezek el -lent a belltsok rszen ilyenkor ne csak a sznek, hanem betpusok s mretek jelennekmeg. A Segoe Print (2) betcsald 30 px mret, fehr szn (3) feliratn most az ll: Friss

posztok. Mert ez egy olyan doboznak kszlt, ami valamely weboldalon a legfrisebb tartalomkijelzsre hivato. A Fireworks segtkszen egy vonallal jelzi, hogy kzpen van-e a feliratod.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

34

5. lpsJhet a doboz tartalma. A rcs segtsgvel bele tervezek egy kp helyet is - fent s kt oldalt is2-2 kiskocka, azaz 20 px helyet hagyok eltarts gyannt. A kp helynek kijellshez ismt a

Rectagle Tool eszkzt hasznlom. A mret vgl 260x150 px lesz.

Egy ilyen dobozban nem csak egy kpes cikkajnlt lehet elhelyezni, hanem akr hrmat is - azthogy mennyi van benne egy apr lapozval tudjuk jelezni - a 3 vltakoz cikk opmlis. A la-pozs lehet automakus, vagy kzi is. A lapoz vltskor az egyik kis krkcske mindig akvan

jelzi a cikkek helyzett ebben a krforgsban.Ahol a Rectagle Tool, azaz a tglalap rejle, o tallhat a kr is, azaz Ellipse Tool - a sarkbanlv lefel mutat nyilacskt kell hatrozoan megnyomni.

Ezzel 3 darab kis krt helyeznk el a kpnek sznt hely ala - kszts el egyet, s msold (CTR-L+C, CTRL+V)Nem kell nagy legyen - 10x10 px-es elegend, amelyik az akvat jelzi, abba egy kisebb iskerl 6x6 px mretben. Sznezni tetszs szerint lehet - n csak a krvonalukat szneztem most- #638400 - azaz libazld sznnel. A helyzetjelz kisebb kr pedig egy #4F5800 kitltst kapo.

Ha nem tudod hogyan kell krvonalat sznezni, menj vissza az 1. lpsig.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

35

Ha a rcs s a szemmrtk segtsgvel nem tudod ket gy sszeigaztgatni, hogy egyenl t-volsgra legyenek, akkorjelld ki mind a hrmat - Shi nyomsa kzben kangass rjuk, mindmindhrom kr nem lesz kk kiemelssel krlvve.

Ezutn a Window menpont (fent) Align pontjt vlaszd ki, ekkor egy kis tblnak kell valaholmegjelennie, klnfle igazgat jelekkel - a Distribute horizontal Center lesz az, ami egyenltvolsgra helyezi el ket egymstl - ha egrrel rmsz, egy kis felbukkan sorban jelzi me-lyiknek mi a neve.

Ti:

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

36

Ismt jhet a szvegezs. Egy cmsort s egy un. leadet fogunk beszerkeszteni - ezek ltalbanvltoz tartalmak - de az ilyen dobozokban ado karakterszmmal jelennek meg a cikkek kivo-nataiknt. rdemes arra is felkszlni, hogy kt soros cmek is jhetnek - ez mondjuk szerkesztis nem designeri dnts.Konkrt cikk helye vakszveggel dolgozunk - de a sztenderd Lorem Ipsumot mr nagyon

unom, ezrt a sokkal viccesebb Cupcake Ipsum szveggenertorral ksztek egy cmsort, s egyrvid szveget.A szveget a rcs segtsgvel pozicionlom, gy hogy illeszkedjen a kp szleihez is. A cmsoregy 16 px Candara, a foly szveg pedig egy 12 px Arial , sttszrke #333333 - ez kevsb ke-mny, mint a fekete szveg szn, nem frasztja a szemet olvasskor.

Kt apr simts mg Egy markns rnyk, hogy kiemelkedjen a skbl. Nem igazi rnyk,amolyan l-rnyk ez. Az alapnak hasznlt fehr dobozt duplzom meg egy CTRL+C/CTRL+Vmozdulaal, krvonal helye az egszet szrkre sznezem, majd jobb klikk Arrange / Send toiBack-el htraparancsolom az egsz cucc mg. Tetszlegesen oda hzglhatom, ahov csakszeretnm.

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

37

n behzom a box al, hogy egy

kiskocka sornyit lgjon ki, majdlent ahol a mrete ltszik, 300-rl280-ra rom t a szlessgt, gy10-10 pixel, vagyis egy-egy kiskoc-ka behzs szlek.

A kp helynek kihagyo dobozbapedig egy 260x150-es kpet vgvaelkszlt a szalagos dobozunk.Ezeket a cuki brnyokata Pinterestrl tereltem be ide,nmi fazonrozs utn.

Kapcsold ki rla a Gridet (1. lps-ben, ahol bekapcsoltad) - s nzdmeg mit hoztl ssze:egy brnyos, szalagos dobozt.

Ugye nem is volt nehz?

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

38

Mindennapi kreativitsunk add meg neknk ma!

facebook.com/napikreav

Kattintsscsatlakoz

z!

7/31/2019 PIX:MAG 2012/1 Jlius


2012/01 Jlius

39

gyors s egyszer

konverzi

nvelvltoztats10

HatridA dntst elsegtve hasznlj olyan sztnz szvegezst, amely srge a vsrlst!Kihagyhatatlan ajnlatok - ez lehet visszafel prg szmll, vagy aznapi klnlegesakci, a lnyeg, hogy a vev ne akarjon lemaradni!

Vezesd sznekkelA gyelem felkeltsre alkalmas a piros, narancs - szintn srget sznek, de egy hosz-szabb rendelsi folyamat esetn is szpen vgig vezethet a felhasznl, ha csaknyomnia kell a piros gombot (tudod, ami los, s mindenki meg akarja nyomni)

EgyszerstsHa mr a termkoldalon, vagy kosr oldalon tartzkodik a ltogat, s egyetlen clrakellene sszpontostani, a megrendelsre, ne tereled el a gyelmt ugrl, piyegbannerekkel, vagy nem relevns oldalak linkjeivel, amelyeken keresztl akr el is ve-

sztheted t.

Mi van a gombon?Legyl egyrtelm! Mi az amire feliratkoznak, letltenek, regisztrlnak, megrendelnek,mi trtnik kantanak? Kansd ide! helye Kants s nzd meg! vagy Kants stltsd le!

Ne krj sokat!

Nem pnzt, adatot. Brmilyen j is az ajnlatod, ha felesleges regisztrcis folyama-tokba kergeted a vsrld, knnyen feladja. A szmlzsi, szlltsi adatokat akkor isrrsz elkrni, ha mr a pnztrnl van.

Nylcsorgats kpekNem csak a topmodellek foti lehetnek ellenllhatatlanok. Egy tvefrt is lehet esz-tkusan fnykpezni, s akr tbb, kivl minsg fott is feltenni rla. Tgy egyprbt - nhny termket bzz igazi fotsra, s teszteld, jobbak-e a szmaid, mint apixeles, mtyr kpek esetn. Az agyonvzjeleze kpek szintn nem sztnzk!

7/31/2019 PIX:MAG 2012/1 Jlius

40/41

2012/01 Jlius


Valdi kpekHa olyan jelleg a termked, amit a vsrlk nagy szzalka akarna kiprblni rende-ls el, kszts werkfotkat, werklmet a hasznlatrl, valdi tesztekben bemutatvaa tudst.

Vsrli vlemnyekErsk a bizalmat, elsegk a dntst - de valdi, lenyomozhat, akr megkrdez-het gyfl kommenteket tegyl ki - a stock fotkon lv lkliensek, s az tltszmrmkds visszacsaphat.

Elhagyo kosarak

Vidd a vsrl utn! Ha regisztrlt tagod, kldj neki emlkeztett, hogy mit felejte akosarban, s mell egy specilis kedvezmnyt - lesz aki tnyleg csak oelejtee!

Tesztelj!Ksztsd el az ajnlatod tbb fle clcsoport szmra, rd el ket klnbz csatorn-kon - egszen eltr tapasztalatokat hozhat ugyanarra a termkre pte kampny,amit tovbbfejleszthetsz egy kvetkezben! I prblkozni kell, nincs tkos recept!

7/31/2019 PIX:MAG 2012/1 Jlius

41/41

2012/01 Jlius