{"id":705,"date":"2010-06-28T11:04:12","date_gmt":"2010-06-28T11:04:12","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=705"},"modified":"2014-01-16T23:30:10","modified_gmt":"2014-01-16T23:30:10","slug":"expression-blend-2-obje-gorunum-islemleri","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=705","title":{"rendered":"Expression Blend 2 &#8211; Obje G\u00f6r\u00fcn\u00fcm \u0130\u015flemleri"},"content":{"rendered":"<p><em>4\/11\/2008<\/em><br \/>\nMerhaba bu makalede Expression Blend 2 de objelerin rengini, gradientli\u011fini, efektlerini, transparanl\u0131\u011f\u0131n\u0131 d\u00fczenlemeyi inceleceyiz.<\/p>\n<p><!--more--><br \/>\nBlend ile tasar\u0131mlar\u0131n\u0131z\u0131 haz\u0131rlarken \u00e7izdi\u011finiz \u015fekillerin rengini, transparanl\u0131\u011f\u0131n\u0131, efektlerini ve buna benzer g\u00f6rsel \u00f6\u011felerini ayarlamal\u0131s\u0131n\u0131z. Akl\u0131n\u0131zdaki tasar\u0131ma ula\u015fabilmek i\u00e7inse Blend&#8217;in size sundu\u011fu toolar\u0131 kontrol etmeyi bilmelisiniz.<\/p>\n<p>Blend&#8217;de bir obje \u00e7izdi\u011finizde onun rengine, g\u00f6r\u00fcn\u00fcm\u00fcne karar vermelisiniz. Altta \u00e7izdi\u011fim bir kare var ve &#8220;No Brush&#8221; ile karenin sadece borderlardan ibaret olmas\u0131n\u0131 sa\u011flad\u0131m. Karenin i\u00e7 rengi yoktur.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_01.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_01.jpg\" width=\"349\" height=\"124\" \/><\/a><\/p>\n<p>Brushes&#8217;\u0131n ikinci tab\u0131 &#8220;Solid color brush&#8221; ile objeniz i\u00e7in tek bir renk belirleyebilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_02.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_02.jpg\" width=\"322\" height=\"202\" \/><\/a><\/p>\n<p>Objeniz i\u00e7in gradient ge\u00e7i\u015fi &#8220;Gradient brush&#8221; ile yapabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_03.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_03.jpg\" width=\"313\" height=\"219\" \/><\/a><\/p>\n<p>&#8220;Tile brush&#8221; ile objenizin i\u00e7ine ba\u015fka objeler d\u00f6\u015feyebilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_04.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_04.jpg\" width=\"319\" height=\"144\" \/><\/a><\/p>\n<p>&#8220;Brush resources&#8221; ile daha \u00f6nce tan\u0131mlanm\u0131\u015f ya da tan\u0131mlad\u0131\u011f\u0131n\u0131z f\u0131r\u00e7alar\u0131 kullanabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_05.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_05.jpg\" width=\"323\" height=\"126\" \/><\/a><\/p>\n<p>Altta bir kare i\u00e7in &#8220;Solid color brush&#8221; \u00f6zellikleri g\u00f6z\u00fckmektedir.<br \/>\nFill : Objenizin renginin g\u00f6z\u00fckt\u00fc\u011f\u00fc aland\u0131r.<br \/>\nStroke : Objenin \u00e7er\u00e7evesinin rengidir.<br \/>\nOpacityMask : Transparan bir objenin \u00fcst\u00fcndeki maskedir. (Bunu makalenin ilerisinde daha detayl\u0131 g\u00f6rece\u011fiz.)<br \/>\nColor resource : \u00d6nceden belirlenmi\u015f renkler deposudur.<br \/>\nRGB : Belirledi\u011finiz rengin RGB de\u011ferleri alan\u0131d\u0131r.<br \/>\nA : Sadece dolgu rengi i\u00e7in transparanl\u0131k de\u011feri<br \/>\nRenk belirleme \u00e7ubu\u011fu ve \u00e7emberi : S\u00fcr\u00fckleyerek renk se\u00e7ebilece\u011finiz ara\u00e7lard\u0131r.<br \/>\nHexadecimal kutusu : Hex de\u011ferini girerek renk se\u00e7imi yapabilece\u011finiz kutudur.<br \/>\nKaynak rengi butonu : Bu butonu <a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/1000002009.ygpx\">\u015fu makalemde anlatm\u0131\u015ft\u0131m.<\/a><br \/>\nRenk se\u00e7im damlal\u0131\u011f\u0131 : T\u00fcm ekran\u0131n\u0131zdan renk se\u00e7ebilece\u011finiz ara\u00e7t\u0131r.<br \/>\nOpacity : T\u00fcm objenin transparal\u0131k de\u011feri<br \/>\nVisibility : Objenin g\u00f6r\u00fcn\u00fcr ya da gizli olmas\u0131n\u0131 belirleyebilece\u011finiz se\u00e7enekler<br \/>\nRadiusX &#8211; RadiusY : Dikd\u00f6rtgen i\u00e7in kenar yuvarlama de\u011ferleridir<br \/>\nStrokeThickness : \u00c7er\u00e7eve kal\u0131nl\u0131\u011f\u0131<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_06.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_06.jpg\" width=\"440\" height=\"295\" \/><\/a><\/p>\n<p>\u00d6zelliklerin yanlar\u0131ndaki k\u00fc\u00e7\u00fck beyaz kareler fix bir men\u00fc a\u00e7ar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_07.jpg\" width=\"88\" height=\"25\" \/><\/p>\n<p>\u00d6rne\u011fin doldurma rengini s\u0131f\u0131rlamak i\u00e7in &#8220;reset&#8221; bu men\u00fcdedir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_08.jpg\" width=\"225\" height=\"297\" \/><\/p>\n<p>Objenizi gradient olarak doldurabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_09.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_09.jpg\" width=\"395\" height=\"211\" \/><\/a><\/p>\n<p>Gradient&#8217;inizin rengini de\u011fi\u015ftirmek i\u00e7in, gradienti olu\u015fturan renk ge\u00e7i\u015f \u00e7ubu\u011fundaki renk kutucu\u011funu se\u00e7ip \u00fcstten istedi\u011finiz rengi se\u00e7ebilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_10.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_10.jpg\" width=\"388\" height=\"201\" \/><\/a><\/p>\n<p>Renk ge\u00e7i\u015f \u00e7ubu\u011funa t\u0131klayarak daha fazla renk kutusu ekleyebilirsiniz. Renk kutular\u0131n\u0131 sa\u011fa sola hareket ettirerek, renk ge\u00e7i\u015flerinde oynama yapabilirsiniz. Renk kutusunu istemedi\u011finizde tutup a\u015fa\u011f\u0131ya s\u00fcr\u00fcklemeniz yeterlidir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_11.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_11.jpg\" width=\"394\" height=\"207\" \/><\/a><\/p>\n<p>Gradientinizin boyunu, a\u00e7\u0131s\u0131n\u0131 de\u011fi\u015ftirmek i\u00e7in kullanaca\u011f\u0131n\u0131z &#8220;Brush Transform&#8221; tooludur.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_12.jpg\" width=\"140\" height=\"61\" \/><\/p>\n<p>Bu tool&#8217;a bast\u0131\u011f\u0131n\u0131zda objenizin \u00fczerinde ok belirir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_13.jpg\" width=\"248\" height=\"232\" \/><\/p>\n<p>Bu oku kullanarak, gradientin a\u00e7\u0131s\u0131n\u0131 boyunu de\u011fi\u015ftirebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_14.jpg\" width=\"232\" height=\"229\" \/><\/p>\n<p>Gradient i\u00e7in farkl\u0131 durum opsiyonlar\u0131 vard\u0131r. Options butonuna t\u0131klayarak bu durumlara ula\u015fabilirsiniz. Altta Gradientin &#8220;Pad&#8221; hali vard\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_15.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_15.jpg\" width=\"325\" height=\"188\" \/><\/a><\/p>\n<p>Gradient &#8220;Reflect&#8221; durumu.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_16.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_16.jpg\" width=\"320\" height=\"191\" \/><\/a><\/p>\n<p>Gradient &#8220;Repeat&#8221; durumu.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_17.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_17.jpg\" width=\"318\" height=\"185\" \/><\/a><\/p>\n<p>\u015eimdi objelerimize ekleyebilece\u011fimiz efektleri inceleyelim. \u00d6nce objenizin &#8220;Appearance&#8221; kutusunun alt\u0131ndaki oka t\u0131klayarak kutuyu geni\u015fletin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_18.jpg\" width=\"278\" height=\"180\" \/><\/p>\n<p>Efekt kutusu a\u00e7\u0131lm\u0131\u015ft\u0131r. Objenize uygulayabilece\u011finiz BitmapEffectleri alttaki men\u00fcdedir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_19.jpg\" width=\"292\" height=\"458\" \/><\/p>\n<p>Altta &#8220;Bevel&#8221; uygulanm\u0131\u015f bir kare bulunmakta. Objeye herhangi bir efekt uygulad\u0131\u011f\u0131n\u0131zda o efektin \u00f6zellikleri belirir. Bevel verdi\u011finiz kareye, birde Drop Shadow vermek istedi\u011finizde, Bevel&#8217;\u0131n kalkt\u0131\u011f\u0131n\u0131 ve Drop Shadow&#8217;un uyguland\u0131\u011f\u0131n\u0131 g\u00f6receksiniz. Bir objeye birden fazla efekt uygulaman\u0131n yolu \u015fudur.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_20.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_20.jpg\" width=\"375\" height=\"357\" \/><\/a><\/p>\n<p>Objenize yeni efekt olarak &#8220;BitmapEffectGroup&#8221; uygulay\u0131n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_21.jpg\" width=\"289\" height=\"96\" \/><\/p>\n<p>Children (Collection) \u0131n yan\u0131ndaki butona bas\u0131n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_22.jpg\" width=\"284\" height=\"81\" \/><\/p>\n<p>Objenize birden fazla efekt ekleyebilece\u011finiz edit\u00f6r penceresi a\u00e7\u0131lm\u0131\u015ft\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_23.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_23.jpg\" width=\"476\" height=\"322\" \/><\/a><\/p>\n<p>&#8220;Add another item&#8221; butonunun yan\u0131ndaki oka t\u0131klay\u0131n ve a\u00e7\u0131lan men\u00fcden istedi\u011finiz efekti se\u00e7in.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_24.jpg\" width=\"295\" height=\"174\" \/><\/p>\n<p>Kareye Bevel eklenmi\u015ftir. Efekt solda, \u00f6zellikleri ise sa\u011fda listelenmi\u015ftir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_25.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_25.jpg\" width=\"454\" height=\"312\" \/><\/a><\/p>\n<p>Kareye Bevel, Drop Shadow ve Blur uygulanm\u0131\u015ft\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_26.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_26.jpg\" width=\"478\" height=\"329\" \/><\/a><\/p>\n<p>\u015eimdi objelerin transparanl\u0131\u011f\u0131n\u0131 inceleyelim.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_27.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_27.jpg\" width=\"460\" height=\"234\" \/><\/a><\/p>\n<p>Alttaki \u00f6rnekte karenin renk edit\u00f6r\u00fcndeki Alpha de\u011feri d\u00fc\u015f\u00fcr\u00fclerek transparanl\u0131k sa\u011flanm\u0131\u015ft\u0131r. Fark edece\u011finiz gibi bu sadece doldurma rengini etkilemktedir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_28.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_28.jpg\" width=\"461\" height=\"256\" \/><\/a><\/p>\n<p>Ayn\u0131 durum \u00e7er\u00e7eve i\u00e7inde ge\u00e7erlidir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_29.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_29.jpg\" width=\"479\" height=\"260\" \/><\/a><\/p>\n<p>T\u00fcm objenin transparanl\u0131\u011f\u0131n\u0131 &#8220;Appearance&#8221; alt\u0131ndaki &#8220;Opacity&#8221; ile ayarlayabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_30.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_30.jpg\" width=\"467\" height=\"259\" \/><\/a><\/p>\n<p>&#8220;OpacityMask&#8221; ile olduk\u00e7a kullan\u0131\u015fl\u0131 transparan ge\u00e7i\u015fler yalakayabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_31.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002018_31.jpg\" width=\"466\" height=\"257\" \/><\/a><\/p>\n<p>Bu makalede Expression Blend 2 ile tasar\u0131m haz\u0131rlarken fazlas\u0131yla i\u015finize yarayacak renk, gradient, transparanl\u0131k ve efekt konular\u0131n\u0131 inceledik<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n<p>Te\u015fekk\u00fcrler.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>4\/11\/2008 Merhaba bu makalede Expression Blend 2 de objelerin rengini, gradientli\u011fini, efektlerini, transparanl\u0131\u011f\u0131n\u0131 d\u00fczenlemeyi inceleceyiz.<\/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":[41],"class_list":["post-705","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-blend"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/705","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=705"}],"version-history":[{"count":4,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/705\/revisions"}],"predecessor-version":[{"id":2491,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/705\/revisions\/2491"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=705"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}