{"id":612,"date":"2010-06-26T22:16:17","date_gmt":"2010-06-26T22:16:17","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=612"},"modified":"2014-01-16T23:41:55","modified_gmt":"2014-01-16T23:41:55","slug":"expression-design-obje-islemleri","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=612","title":{"rendered":"Expression Design – Obje \u0130\u015flemleri"},"content":{"rendered":"

13\/2\/2008<\/em>
\nMerhaba bu makalede Expression Design’daki objelerin, se\u00e7ilmesi, hareket ettirilmesi, \u00e7o\u011falt\u0131lmas\u0131, dizilmesi vs. gibi i\u015flemlerini ele alaca\u011f\u0131m. Ba\u015flayal\u0131m.<\/p>\n


\nExpression Design ‘da ki i\u015flenebilecek t\u00fcm objeler alttaki imajda g\u00f6sterilmi\u015ftir.Haz\u0131r \u015fekiller asl\u0131nda kapal\u0131 path’den ba\u015fka bir \u015fey de\u011fildir. Sadece i\u00e7 alanlar\u0131 renklendirilmi\u015ftir. Bunun yan\u0131nda a\u00e7\u0131k path’de ilk ve son noktas\u0131n\u0131 tamamlayacak \u015fekilde doldurma rengi alabilir. Textler ve bitmapler d\u0131\u015f\u0131ndaki objeler vekt\u00f6reldir. Textleri ve bitmapleride vekt\u00f6re d\u00f6n\u00fc\u015ft\u00fcrmek m\u00fcmk\u00fcnd\u00fcr fakat buradaki \u00f6nemli konu textin dinamik mi statik mi olaca\u011f\u0131d\u0131r. E\u011fer tasar\u0131m\u0131n\u0131zdaki text programc\u0131 taraf\u0131ndan dinamik olarak kodlanacaksa bu texti vekt\u00f6re d\u00f6n\u00fc\u015ft\u00fcrmemelisiniz.<\/p>\n

\"\"<\/a><\/p>\n

Tool bardaki “Selection” ikonu se\u00e7ili iken se\u00e7me i\u015flemini ger\u00e7ekle\u015ftirebilirsiniz. Shift’e bas\u0131l\u0131 tutarak veya mouse’u s\u00fcr\u00fckleyerek \u00e7oklu se\u00e7me yapabilirsiniz.<\/p>\n

\"\"<\/p>\n

Se\u00e7ti\u011finiz objenin etraf\u0131nda s\u0131n\u0131r \u00e7er\u00e7evesi belirecektir.<\/p>\n

\"\"
\nE\u011fer \u00e7oklu se\u00e7im yaparsan\u0131z s\u0131n\u0131r \u00e7er\u00e7evesi t\u00fcm objeleri kapsayacak \u015fekilde kendini ayarlayacakt\u0131r.<\/p>\n

\"\"<\/a><\/p>\n

Bir objeyi se\u00e7mek i\u00e7in “Layers” kutusunu da kullanabilirsiniz. Layer1’in solundaki k\u00fc\u00e7\u00fck oka t\u0131klayarak i\u00e7inde bar\u0131nd\u0131rd\u0131\u011f\u0131 objeleri g\u00f6r\u00fcn\u00fcr yapabilir ve buradan istedi\u011finiz objenin katman\u0131na t\u0131klayarak se\u00e7ebilirsiniz.<\/p>\n

\"\"<\/p>\n

\"\"<\/a><\/p>\n

\u00c7al\u0131\u015fmalar\u0131n\u0131zda objelerinizi gruplaman\u0131z gerekebilir. Bu guruplardaki objeleri normal yolla se\u00e7meniz m\u00fcmk\u00fcn de\u011fildir. Bir gruba dahil bir objeye “Selection” ikonu ile t\u0131klad\u0131\u011f\u0131n\u0131zda t\u00fcm gurup se\u00e7ilecektir.<\/p>\n

\"\"<\/p>\n

Oysa “Group Select” i kullanarak guruba dahil bir objeyi, gurubu bozmadan, guruptan ba\u011f\u0131ms\u0131z se\u00e7ebilir d\u00fczenleme yapabilirsiniz.<\/p>\n

\"\"<\/p>\n

Elbette ayn\u0131 i\u015flemi yine “Layers” \u0131 kullanarak da yapabilirsiniz.<\/p>\n

\"\"<\/p>\n

“Direct Selection” ve “Lasso Selection” kullanarak objeleri olu\u015fturan noktalar\u0131 se\u00e7ebilirsiniz.<\/p>\n

\"\"<\/p>\n

“Direct Selection” \u0131 s\u00fcr\u00fckleyerek veya “Lasso Selection”\u00a0 serbest alan \u00e7izerek \u00e7oklu nokta se\u00e7imi yapabilirsiniz. Bu iki ara\u00e7 gurup i\u00e7i objelerin noktalar\u0131n\u0131 se\u00e7ebilir.
\n\"\"<\/p>\n

Objeleri \u00e7al\u0131\u015fma alan\u0131nda s\u00fcr\u00fckleyip b\u0131rakarak hareket ettirebilirsiniz. Se\u00e7ti\u011finiz objeyi y\u00f6n tu\u015flar\u0131 ile de hareket ettirebilirsiniz. Y\u00f6n tu\u015flar\u0131na her bas\u0131\u015fta, objenin ne kadar hareket edece\u011fini Edit>Options>Units and Grids de “Nude increment” ile ayarlayabilirsiniz. Buradaki birim, \u00e7al\u0131\u015fman\u0131n “Document Units” ine g\u00f6re ayarlanacakt\u0131r. “Shift” ile birlikte y\u00f6n tu\u015flar\u0131na basarsan\u0131z, obje, belirlenmi\u015f rakam\u0131n on kat\u0131 bir uzunlukta hareket edecektir.<\/p>\n

\"\"<\/a><\/p>\n

\u015eimdide biraz objelerin s\u0131ralan\u0131\u015f\u0131ndan bahsedelim. Alttaki \u00f6rnekte, \u00fc\u00e7 adet temel \u015fekil, bir layerda olu\u015fturulmu\u015ftur. Layer (katman) olay\u0131n\u0131 bir ba\u015fka makalede anlataca\u011f\u0131m. Burada layer olay\u0131n\u0131 ilk kez bulana te\u015fekk\u00fcrlerimizi iletiyoruz :). Bilmeniz gereken en \u00f6nemli \u015fey kim \u00fcsteyse o \u00fcstedir. Alttaki \u00f6rnekte, ye\u015fil \u00fc\u00e7gen en \u00fcstte, sonra mavi elips, en altta ise turuncu dikd\u00f6rtgen \u015feklinde dizilmi\u015fler. Yani e\u011fer \u015fekiller \u00e7al\u0131\u015fma alan\u0131nda \u00fcst \u00fcste duruyor olsalar, bu s\u0131ralamay\u0131 g\u00f6sterecekler.<\/p>\n

\"\"<\/a><\/p>\n

\u00c7al\u0131\u015fma alan\u0131nda \u015fekillere \u00fcst \u00fcste getirdi\u011fimizde layer \u0131n i\u00e7indeki s\u0131ralama neyse \u00e7al\u0131\u015fma alan\u0131nda g\u00f6z\u00fckende o.<\/p>\n

\"\"<\/a><\/p>\n

S\u0131ralamas\u0131n\u0131 de\u011fi\u015ftirmek istedi\u011fimiz \u015fekli se\u00e7ip Arrange>Order>…. ile istedi\u011fimiz s\u0131ralamaya getiriyoruz. “Bring to Front” t\u00fcm \u015fekillerin \u00fcst\u00fcne, “Bring Forward” bir seviye \u00fcste, “Send Backward” bir seviye alta, “Send to Back” t\u00fcm \u015fekillerin en alt\u0131na demek.<\/p>\n

\"\"
\nYe\u015fil \u00fc\u00e7geni se\u00e7ip, “Send Backward” a bas\u0131nca onu bir seviye alta yollam\u0131\u015f oluyoruz. Bunun sonucunu Layers dizili\u015finde de g\u00f6rebilirsiniz. Ye\u015fil \u00fc\u00e7gen, mavi elipsin alt\u0131na inmi\u015ftir. Evet, Layers kutusunu kullanarak ta s\u0131ralamada d\u00fczenleme yapabiliriz. Yapman\u0131z gereken tek \u015fey katmana t\u0131klay\u0131p s\u00fcr\u00fcklemek.<\/p>\n

\"\"<\/a><\/p>\n

\u00d6nemli: Arrange>Order komutlar\u0131 sadece ayn\u0131 layerdaki \u015fekiller i\u00e7in ge\u00e7erlidir. Farkl\u0131 layerdaki \u015fekillerin s\u0131ralamas\u0131 i\u00e7inde bulundu\u011fu layera ba\u011fl\u0131d\u0131r. K\u0131sacas\u0131 alttaki sar\u0131 yedigen (niye yedigen \u00e7izdiysem) layer\u0131n\u0131n s\u0131ralamas\u0131n\u0131 (Layer2) Layer1’in alt\u0131na almad\u0131\u011f\u0131n\u0131z s\u00fcrece sar\u0131 yedigeni di\u011fer \u015fekillerin alt\u0131na getiremezsiniz.<\/p>\n

\"\"<\/a><\/p>\n

Sar\u0131 yedigeni alt s\u0131raya almak ancak alttaki imajdaki gibi m\u00fcmk\u00fcn olabilir.<\/p>\n

\"\"<\/a><\/p>\n

Bir proje s\u0131ras\u0131nda, y\u00fczlerce \u015fekliniz ve layeriniz olabilir ve bunlarla \u00e7al\u0131\u015f\u0131rken bazen yanl\u0131\u015fl\u0131kla hi\u00e7 istemedi\u011finiz bir \u015fekli silebilir, rengini, formunu de\u011fi\u015ftirebilirsiniz. Bunu engellemenin en kolay yolu kayer’\u0131 veya \u015fekli kilitlemektir. Asl\u0131nda bunun i\u00e7in Arrange>Lock komutunu kullanabiliriniz.<\/p>\n

\"\"
\nAma benim tavsiyem bu i\u015f i\u00e7inde Layer lar\u0131 kullanman\u0131z.Veya (Ctrl+2)’yi. Alttaki \u00f6rnekte mavi elipsi kilitledim. Fark\u0131ndaysan\u0131z kilit ikonu ger\u00e7ektende kapal\u0131. Art\u0131k o kilit a\u00e7\u0131lana kadar mavi elips dokunulmazd\u0131r.<\/p>\n

\"\"<\/p>\n

\u015eekle sa\u011f t\u0131klayarak \u00e7\u0131kan men\u00fcde ile de \u015fekli kilitleyebilirsiniz.
\n\"\"<\/p>\n

T\u00fcm kilitli \u015fekilleri ayn\u0131 anda a\u00e7mak i\u00e7inse Arrange>Unlock All g\u00fczel bir komut.<\/p>\n

\"\"<\/p>\n

Objeleri k\u0131saca (Ctrl+C) ile kopyalayabilir, (Ctrl+V) ile yap\u0131\u015ft\u0131r\u0131p \u00e7o\u011faltabilirsiniz. Fakat bu durumda kopyalanan obje \u00e7al\u0131\u015fma alan\u0131n\u0131n merkezinde \u00e7\u0131kacakt\u0131r. Oysa, Edit>Paste in Front\u00a0 veya Edit>Paste in Back ile objeyi \u00e7o\u011falt\u0131rsan\u0131z, ikinci kopya asl\u0131 ile ayn\u0131 koordinatlarda, sadece s\u0131ralama olarak alt\u0131nda veya \u00fcst\u00fcnde ortaya \u00e7\u0131k\u0131yor.<\/p>\n

\"\"<\/p>\n

\u0130pucu : E\u011fer bir objeyi s\u00fcr\u00fcklerken “Alt” tu\u015funu basarsan\u0131z o objenin, kopyas\u0131n\u0131 \u00e7\u0131kar\u0131rs\u0131n\u0131z. Ayn\u0131 y\u00f6ntem objeyi d\u00f6nd\u00fcr\u00fcrken de ge\u00e7erlidir.<\/p>\n

Bir objeyi kopyalayarak \u00e7o\u011faltmak ile “Clone” layarak \u00e7o\u011faltmak aras\u0131nda fark vard\u0131r. Alttaki imajda sa\u011fdaki mavi elips soldakinin klonudur. Fark edece\u011finiz \u00fczere klonlanm\u0131\u015f \u015feklin sadece bir adet noktas\u0131 var. Bunun anlam\u0131 \u015fudur. Bir obje kopyalanarak \u00e7o\u011faltt\u0131\u011f\u0131nda ( duplicate) \u00e7o\u011falt\u0131ld\u0131\u011f\u0131 obje ile ayn\u0131 \u00f6zellikleri ta\u015f\u0131yan(renk, \u00e7er\u00e7eve, efekt)\u00a0 ba\u011f\u0131ms\u0131z yeni bir obje olu\u015fmu\u015ftur. Ama klon tamamen, master objeye ba\u011fl\u0131d\u0131r.
\n\"\"<\/a>
\nAlttaki \u00f6rnekte sadece master objede de\u011fi\u015fiklik yapt\u0131m. Klonu bu yeni d\u00fczenlemeyi taklit etti.
\n\"\"<\/a><\/p>\n

Objeleri gruplamak i\u00e7in ilk \u00f6nce se\u00e7melisiniz. Ard\u0131ndan Arrange>Group ile guruplayabilirsiniz.<\/p>\n

\"\"
\nSe\u00e7ti\u011finiz objeler \u00fczerinde sa\u011f klik ile de gruplama yapabilirsiniz.
\n\"\"<\/a>
\nGruplanm\u0131\u015f objelerin gurubunu ayn\u0131 yollar\u0131 kullanarak bozabilirsiniz. (Ungroup)<\/p>\n

\u015eimdi de obje maskelemeyi inceleyelim. Bu i\u015flemde gruplamaya benzemektedir. Fark\u0131 ise bir objenin di\u011ferini maskelemesidir. Altta maskelemeyi d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcm\u00fcz iki \u015fekil bulunmaktad\u0131r.<\/p>\n

\"\"
\nE\u011fer bu iki \u015fekle Object>Clipping Path>Make with Top Path uygularsak,<\/p>\n

\"\"<\/a>
\nAlttaki \u015fekli elde ederiz.<\/p>\n

\"\"<\/p>\n

Object>Clipping Path>Make with Bottom Path uygulam\u0131\u015f olsayd\u0131k elde edece\u011fimiz \u015fekil alttaki gibi olacakt\u0131.<\/p>\n

\"\"
\nAyn\u0131 i\u015flemleri sa\u011f klik ile de yapabiliriz.<\/p>\n

\"\"
\nMaskelenmi\u015f objelerin maskesini\u00a0 Object>Clipping Path>Release ile kald\u0131rabilirsiniz.<\/p>\n

\"\"<\/a><\/p>\n

\u00c7al\u0131\u015fma alan\u0131n\u0131n alt\u0131ndaki Action Bar se\u00e7ilen objelere g\u00f6re dinamik olarak belirmektedir.<\/p>\n

\"\"<\/a><\/p>\n

\u00c7oklu se\u00e7im yap\u0131ld\u0131\u011f\u0131nda Action Barda beliren ara\u00e7lara dikkat edin.<\/p>\n

\"\"<\/a><\/p>\n

\u015eimdi bu ara\u00e7lardan “Align”(hizalama)\u00a0 i inceleyelim. Asl\u0131nda “Align” se\u00e7eneklerine\u00a0 Arrange>Align>… ile de ula\u015fabilirsiniz ama ben action bardakini kullanmay\u0131 tercih edece\u011fim.<\/p>\n

\"\"<\/p>\n

Align t\u00fcrleri ve sonu\u00e7lar\u0131 alttaki imajdad\u0131r<\/p>\n

\"\"<\/a><\/p>\n

Distribute de bir s\u0131ralama arac\u0131d\u0131r. Se\u00e7ili objelerin, se\u00e7ili oldu\u011fu alan i\u00e7inde, belirlenen y\u00f6ntem ile e\u015fit aral\u0131kl\u0131 da\u011f\u0131lmas\u0131n\u0131 sa\u011flar. \u00d6rne\u011fin “Left Edges” da\u011f\u0131tma i\u015flemini sol kenarlar\u0131 referans alarak yapar.
\n\"\"<\/a><\/p>\n

Alttaki \u015fekillere Distribute Horizontal Centers uygulanm\u0131\u015ft\u0131r. Yani \u015fekillere bulundu\u011funuz alanda yatay olarak merkezlerinizi e\u015fit aral\u0131kl\u0131 k\u0131lacak \u015fekilde da\u011f\u0131l\u0131n komutu verilmi\u015ftir.
\n\"\"<\/a>
\nStack ise \u015fekillerin belirlenmi\u015f y\u00f6ntemle e\u015fit aral\u0131kl\u0131 da\u011f\u0131lmas\u0131n\u0131 sa\u011flar.<\/p>\n

\"\"<\/a><\/p>\n

Alttaki \u015fekillere 5px aral\u0131kla “To the Right” Stack uygulanm\u0131\u015ft\u0131r.<\/p>\n

\"\"
\nStack boyunu\u00a0 Edit>Options>Units and Grids “Stack gap size” ile ayarlayabilirsiniz.<\/p>\n

\"\"<\/a><\/p>\n

Bu makalemizde genel obje davran\u0131\u015flar\u0131n\u0131 ve onlar\u0131 kontrol etmeyi inceledik.<\/p>\n

\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n

Te\u015fekk\u00fcrler<\/p>\n","protected":false},"excerpt":{"rendered":"

13\/2\/2008 Merhaba bu makalede Expression Design’daki objelerin, se\u00e7ilmesi, hareket ettirilmesi, \u00e7o\u011falt\u0131lmas\u0131, dizilmesi vs. gibi i\u015flemlerini ele alaca\u011f\u0131m. Ba\u015flayal\u0131m.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[30],"class_list":["post-612","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-design"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=612"}],"version-history":[{"count":2,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/612\/revisions"}],"predecessor-version":[{"id":2507,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/612\/revisions\/2507"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=612"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}