{"id":615,"date":"2010-06-26T22:19:57","date_gmt":"2010-06-26T22:19:57","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=615"},"modified":"2014-01-16T23:41:44","modified_gmt":"2014-01-16T23:41:44","slug":"expression-design-katmanlar-layer","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=615","title":{"rendered":"Expression Design &#8211; Katmanlar (Layer)"},"content":{"rendered":"<p>20\/2\/2008<br \/>\nMerhaba bu makalede Expression Design&#8217;da layer (katman) kavram\u0131n\u0131 inceleyece\u011fiz.<\/p>\n<p><!--more--><br \/>\nBir \u00f6nceki makalemde layer\u0131 ilk bulan ki\u015fiye te\u015fekk\u00fcrlerimi iletmi\u015ftim. Bu makaleyi ayn\u0131 ki\u015fiye te\u015fekk\u00fcr ederek a\u00e7\u0131yorum. Layer kavram\u0131na yabanc\u0131 olanlara k\u0131saca ne oldu\u011funu anlatmaya \u00e7al\u0131\u015fay\u0131m. Akl\u0131n\u0131zda daha iyi canlanmas\u0131 i\u00e7in altta \u00fc\u00e7 boyutlu bir katman modeli haz\u0131rlad\u0131m. Alttaki \u015fekil asl\u0131nda layer mant\u0131\u011f\u0131n\u0131n \u00fc\u00e7 boyutlu g\u00f6r\u00fcn\u00fcm\u00fcnden ba\u015fka bir \u015fey de\u011fil.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_01.jpg\" width=\"329\" height=\"306\" \/><\/p>\n<p>Ama iki boyutlu \u00e7al\u0131\u015fmalarda ayn\u0131 layer lara \u00fcstten bakt\u0131\u011f\u0131n\u0131z\u0131 d\u00fc\u015f\u00fcnebilirsiniz. Alttaki \u015fekil \u00fc\u00e7 boyutlu \u00e7al\u0131\u015fman\u0131n \u00fcstten g\u00f6r\u00fcn\u00fc\u015f\u00fcd\u00fcr. Peki layer neden \u00f6nemli ve g\u00fcc\u00fc nedir? Bunu bir \u00f6rnekle anlatmaya \u00e7al\u0131\u015fay\u0131m. M\u00fc\u015fteri sizden bir insan surat\u0131 haz\u0131rlaman\u0131z\u0131 isterse, layer mant\u0131\u011f\u0131ndan yararlanmak i\u015finizi olduk\u00e7a rahatlat\u0131r. \u0130nsan surat\u0131n\u0131 olu\u015fturan elemanlar nedir? Surat taban\u0131, dudaklar, burun, g\u00f6zler, ka\u015flar ve belki sakal, b\u0131y\u0131k surat\u0131 olu\u015fturan ana elemanlard\u0131r. Surat\u0131 haz\u0131rlarken t\u00fcm elemanlar\u0131 ayn\u0131 layerda olu\u015fturmak de\u011fi\u015fiklik yapmak istedi\u011finizde sizi neredeyse t\u00fcm i\u015fi ba\u015ftan yapmaya kadar g\u00f6t\u00fcr\u00fcr. Oysa t\u00fcm elemanlar\u0131 ayr\u0131 layerlarda haz\u0131rlad\u0131ysak ve m\u00fc\u015fteri ka\u015flar\u0131 biraz daha a\u00e7\u0131k renk olsun derse, ayr\u0131 layerda duran ka\u015flar\u0131 de\u011fi\u015ftirmek \u00e7ok basittir. Haz\u0131rlad\u0131\u011f\u0131n\u0131z insan surat\u0131 \u00e7al\u0131\u015fmas\u0131 kabul edildi ama m\u00fc\u015fteri dedi ki ayn\u0131 \u00e7izimin bir g\u00f6zl\u00fckl\u00fc bir g\u00f6zl\u00fcks\u00fcz hali olacak. Hi\u00e7 sorun de\u011fil. G\u00f6zl\u00fc\u011f\u00fc ve surata d\u00fc\u015f\u00fcrece\u011fi g\u00f6lgeyi ayr\u0131 ayr\u0131 layerlara \u00e7izeriz. B\u00f6ylece iki farkl\u0131 g\u00f6r\u00fcn\u00fcm elde etmek layer\u0131 a\u00e7mak kapamaktan ibaret olur.<\/p>\n<p>\u015eimdi Expression Design &#8216;da Layer i\u015flemlerine ge\u00e7elim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_02.jpg\" width=\"239\" height=\"243\" \/><br \/>\nT\u00fcm layer i\u015flemlerini y\u00fcr\u00fctece\u011fimiz layer kutusunu alttaki imajda g\u00f6sterdim. Hen\u00fcz bir dosya a\u00e7\u0131k olmad\u0131\u011f\u0131 i\u00e7in kutu bo\u015ftur. Yeni bir dosya,\u00a0 bir bo\u015f layer ile a\u00e7\u0131l\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_03.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_03.jpg\" width=\"480\" height=\"350\" \/><\/a><\/p>\n<p>Yeni bir dosya a\u00e7t\u0131m, karelerden ve dairelerden olu\u015fan iki layer haz\u0131rlad\u0131m.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_04.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_04.jpg\" width=\"403\" height=\"150\" \/><\/a><\/p>\n<p>Hangi layer \u00fcsteyse, \u00e7al\u0131\u015fma alan\u0131nda o layerda di\u011fer layer\u0131n\u00a0 \u00fcst\u00fcndedir. E\u011fer daireleri karelerin \u00fcst\u00fcne s\u00fcr\u00fcklersem bunu g\u00f6r\u00fcr\u00fcz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_05.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_05.jpg\" width=\"407\" height=\"142\" \/><\/a><\/p>\n<p>Her layer i\u00e7inde \u015fekilleri yine katmanlar \u015feklinde bar\u0131nd\u0131r\u0131r. Burada isimlendirme iki sebeple \u00f6nemli bir konudur.Birincisi y\u00fczlerce layer\u0131n bulundu\u011fu bir \u00e7al\u0131\u015fmada arad\u0131\u011f\u0131n\u0131z\u0131 bulmak i\u00e7in. \u0130kincisi ise programc\u0131 arkada\u015flar\u0131n\u0131za \u00e7al\u0131\u015fmay\u0131 XAML olarak teslim ederken onun arad\u0131\u011f\u0131n\u0131 kolayca bulabilmesidir. Bu a\u015famada Expression Design olu\u015fturdu\u011funuz her layer ve \u015fekil i\u00e7in otomatik bir isimlendirme kullan\u0131r. Layer olu\u015fturma s\u0131ras\u0131na g\u00f6re, \u015fekiller ise ka\u00e7 noktadan olu\u015ftu\u011funa g\u00f6re isimlendirilir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_06.jpg\" width=\"319\" height=\"317\" \/><\/p>\n<p>Layerlar\u0131 ve \u015fekil katmanlar\u0131n\u0131 biz istedi\u011fimiz \u015fekilde isimlendirebiliriz. Bunun i\u00e7in de\u011fi\u015ftirmek istedi\u011finiz layer\u0131n isim k\u0131sm\u0131na \u00e7ift t\u0131klaman\u0131z ve ismini yazman\u0131z gerekmektedir. Altta isimleri ve \u015fekil katmalar\u0131n\u0131 isimlendirdim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_07.jpg\" width=\"326\" height=\"322\" \/><\/p>\n<p>Layerlar\u0131n yan\u0131ndaki ikonlar\u0131n \u00fczerine gelirseniz size o layerda neler oldu\u011funu \u00f6n g\u00f6sterecek bir popup a\u00e7\u0131l\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_08.jpg\" width=\"312\" height=\"137\" \/><\/p>\n<p>Layers kutusunun sol alt\u0131ndaki k\u00fc\u00e7\u00fck \u00e7ark ikonuna t\u0131klay\u0131p a\u00e7\u0131lan men\u00fcden Thumbnail Options&gt;Popup Thumbnails ile layerlar\u0131 \u00f6n g\u00f6steren popup&#8217;\u0131 a\u00e7\u0131p kapayabilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_09.jpg\" width=\"320\" height=\"302\" \/><\/p>\n<p>Yine ayn\u0131 men\u00fcde layerlar\u0131n yan\u0131ndaki imajlar\u0131n g\u00f6r\u00fcn\u00fcr olup olmayaca\u011f\u0131na, ya da boyuna karar verebilirsiniz. Alttaki imajda t\u00fcm versiyonlar g\u00f6sterilmektedir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_10.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_10.jpg\" width=\"405\" height=\"335\" \/><\/a><br \/>\nLayerin etraf\u0131ndaki renkli \u00e7er\u00e7eve i\u015flerinizi kolayla\u015ft\u0131rmak i\u00e7in d\u00fc\u015f\u00fcn\u00fclm\u00fc\u015f bir \u00f6zelliktir. Bu \u00e7er\u00e7evenin rengi, ayn\u0131 zamanda o layerdaki \u015fekilleri se\u00e7ti\u011fimizde beliren \u00e7er\u00e7eve rengi ile ayn\u0131d\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_11.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_11.jpg\" width=\"307\" height=\"125\" \/><\/a><\/p>\n<p>Bu renk iste\u011finize g\u00f6re de\u011fi\u015ftirilebilir.Layer kutusunun alt\u0131ndaki k\u00fc\u00e7\u00fck \u00e7ark ikonuna t\u0131kl\u0131yoruz. Layer Options&gt;Layer Color a bas\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_12.jpg\" width=\"339\" height=\"307\" \/><\/p>\n<p>Ve gelen renk se\u00e7me edit\u00f6r\u00fc ile istedi\u011fimiz rengi se\u00e7iyoruz. (Se\u00e7iminizi yap\u0131nca \u00e7al\u0131\u015fma alan\u0131nda bo\u015f bir yere t\u0131klay\u0131n)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_13.jpg\" width=\"339\" height=\"307\" \/><\/p>\n<p>Ben sar\u0131 se\u00e7tim.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_14.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_14.jpg\" width=\"300\" height=\"118\" \/><\/a><\/p>\n<p>Gelelim layer ve \u015fekil katmanlar\u0131ndaki ikonlar\u0131n ne i\u015fe yarad\u0131klar\u0131na. \u0130lk ikon layerlar\u0131n \u00fcst\u00fcnde ki kare. Bu karenin \u00fc\u00e7 durumu vard\u0131r. Birinci durum layer\u0131n i\u00e7indeki \u015fekillerden birinin se\u00e7ili olmamas\u0131 durumu. Bu durumda kare silik olarak g\u00f6z\u00fckecektir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_16.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_16.jpg\" width=\"305\" height=\"85\" \/><\/a><\/p>\n<p>\u0130kinci durum layer\u0131n i\u00e7inde bir veya birden fazla \u015feklin se\u00e7ili oldu\u011fu durum. Bu durumda karenin etraf\u0131nda layer i\u00e7in belirledi\u011fimiz renkte \u00e7er\u00e7eve vard\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_17.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_17.jpg\" width=\"305\" height=\"85\" \/><\/a><\/p>\n<p>\u00dc\u00e7\u00fcnc\u00fc durum ise layerin i\u00e7indeki t\u00fcm \u015fekillerin se\u00e7ili oldu\u011fu durum. Bu durumda kare tamam\u0131yla se\u00e7ili renkle boyanm\u0131\u015ft\u0131r.<\/p>\n<p>Layer\u0131n i\u00e7indeki t\u00fcm \u015fekilleri bir seferde se\u00e7mek i\u00e7in bu kareye t\u0131klaman\u0131z gerekmektedir..<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_15.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_15.jpg\" width=\"302\" height=\"89\" \/><\/a><\/p>\n<p>Layerdaki g\u00f6z ikonu layeri g\u00f6r\u00fcn\u00fcr ve g\u00f6r\u00fcnmez yapmam\u0131z\u0131 sa\u011flamaktad\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_18.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_18.jpg\" width=\"302\" height=\"89\" \/><\/a><\/p>\n<p>Alttaki imajda g\u00f6r\u00fcnmez yap\u0131lm\u0131\u015f bir layer \u00f6rne\u011fi vard\u0131r. \u015eekil katmanlar\u0131 tek tek g\u00f6r\u00fcnmez yap\u0131lamazlar.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_19.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_19.jpg\" width=\"302\" height=\"89\" \/><\/a><\/p>\n<p>Layerda ve \u015fekil katmanlar\u0131ndaki kilit ikonlar\u0131 o layer\u0131 veya \u015fekil katman\u0131n\u0131 kilitlemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_20.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_20.jpg\" width=\"302\" height=\"120\" \/><\/a><\/p>\n<p>Bir Layer\u0131 kilitledi\u011finizde i\u00e7indeki t\u00fcm \u015fekil katmanlar\u0131 da kitlenir<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_21.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_21.jpg\" width=\"302\" height=\"120\" \/><\/a><\/p>\n<p>Bir \u015fekle efekt uygulad\u0131\u011f\u0131n\u0131zda, bu \u015fekle ait katmanda bir &#8220;fx&#8221; ikonu belirir. A\u015fa\u011f\u0131daki imajda, kareye Gaussian Blur uygulanm\u0131\u015ft\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_22.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_22.jpg\" width=\"304\" height=\"236\" \/><\/a><\/p>\n<p>Layer kutusunun sol alt\u0131ndaki k\u00fc\u00e7\u00fck \u00e7arka bas\u0131larak a\u00e7\u0131lan men\u00fcden Layer Options&gt;Layer Render Style&gt;&#8230;\u00a0 ile \u015feklimizin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ayarlayabiliriz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_23.jpg\" width=\"336\" height=\"174\" \/><\/p>\n<p>Buradaki default bu \u00f6rnekte Preview&#8217;dur. View&gt;Display Quality&gt;&#8230; ile \u00e7al\u0131\u015fman\u0131n default g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc belirleyebilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_24.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_24.jpg\" width=\"230\" height=\"236\" \/><\/a><\/p>\n<p>Layer kutusunun sol alt\u0131ndaki k\u00fc\u00e7\u00fck \u00e7arka bas\u0131larak a\u00e7\u0131lan men\u00fcden Layer Options&gt;Layer Frozen&gt; ile layer\u0131 yine kilitliyoruz ve alttaki g\u00f6r\u00fcn\u00fcm\u00fc al\u0131yor. A\u00e7\u0131k\u00e7as\u0131 kilitleme ile ayn\u0131 i\u015flemi yap\u0131yor gibi g\u00f6z\u00fcken Frozen&#8217;\u0131n tam olarak ne i\u015fe yarad\u0131\u011f\u0131n\u0131 anlayamad\u0131m.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_25.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_25.jpg\" width=\"310\" height=\"148\" \/><\/a><\/p>\n<p>New Layer : Yeni layer a\u00e7ar<br \/>\nDuplicate Layer : Se\u00e7ti\u011finiz layer\u0131 \u00e7o\u011falt\u0131r.<br \/>\nDelete Layer : Se\u00e7ti\u011finiz layer\u0131 siler.<\/p>\n<p>Soldaki iki ikon, yeni bir layer olu\u015fturmaya ve layer silmeye yarar.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_26.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001697_26.jpg\" width=\"302\" height=\"145\" \/><\/a><\/p>\n<p>Layerlar\u0131 ve\/veya \u015fekil katmanlar\u0131n\u0131 s\u00fcr\u00fckleyerek, layerlar aras\u0131nda yer de\u011fi\u015ftirebilirsiniz.<\/p>\n<p>Bu makalemizde Expression Design &#8216;da Layer (katman) \u00f6zelliklerini inceledik.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n<p>Te\u015fekk\u00fcrler<\/p>\n","protected":false},"excerpt":{"rendered":"<p>20\/2\/2008 Merhaba bu makalede Expression Design&#8217;da layer (katman) kavram\u0131n\u0131 inceleyece\u011fiz.<\/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-615","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\/615","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=615"}],"version-history":[{"count":4,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/615\/revisions"}],"predecessor-version":[{"id":2506,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/615\/revisions\/2506"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=615"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}