Sayfamızın arka plan rengini değiştirmek için sayfa özellikleri penceresi kullanılır.Bunun için Değiştir> Sayfa Özellikleri seçeneği seçilir.Karşımıza aşağıdaki gibi bir pencere çıkacaktır.

Açılan iletişim kutusunda arka plan rengi kısmı kendi sayfamıza özgü olarak değiştirilebilir.Burada seçilen renk dreamweaver tarafından otomatik olarak CSS'de tanımlanacaktır.

Yine bu pencereden sayfa içerisindeki metinlerin aynı fontta olmasını sağlayabiliriz.Burada en üstte bulunan sayfa fontu istenen bir biçimde seçilebilir. Yine bu seçim CSS'de otomatik olarak tanımlanacaktır.

Örnek olarak bir seçim yaptım ve kod penceresine geldim. Sizin renk ve font seçiminiz farklı olabileceğinden aynı kodu göremeyebilirsiniz.

Sayfa içerisinde tanımlanan ve kullanılan stiller dahili stil penceresinde görünür.Bu stiller tek bir sayfaya aittir. Başka bir sayfada kullanılamaz.Başka bir sayfada kullanmak istememiz durumunda harici stil dosyaları tanımlamamız gerekmektedir. Bu harici stil dosyaları her sayfaya yüklenebilir. Dahili stillerin başka bir sayfada kullanılması için aynı kodun tekrar tekrar yazılması gerekmektedir.Bu da dosya boyutunu büyütür. Ayrıca güncelleme yapmamız durumunda tek dosya üzerinde çalışmamız bize büyük bir avantaj sağlar.

Sayfada kullanılan CSS komutları
Bu pencerenin görünmemesi durumunda Pencere > CSS Stilleri seçeneği seçilir. Pencerenin altında bulunan yeni pencere kuralu butonuna basarak yeni bir stil oluşturma penceresini açalım.


Burada temel olarak oluşturabileceğimiz bir kaç stil vardır.
Sınıf: Bu seçimle belirli bir elemana bağlı olmayan sınıflar yaratabiliriz.Sınıfların başlarına nokta işareti koyulur.
Etiket: HTML etiketinin görsel özelliklerini değiştirmemizi sağlar.Etiketin varsayılan görünümü stil tarafından değiştirilir.
Advanced: ID oluşturmamızı sağlar. IDler sınıflara benzer.Sınıflardan farkı ise sayfa başlarında sadece bir kez kullanılabilmeleridir. ID başlarında # işareti bulunur. IDler genellikle script yazmak için kullanılırlar.

Eğer dahili bir stil dosyası oluşturulacaksa en altta bulunan sadece bu belge seçeneği seçilir.Tamam seçeneğinden sonra karşımıza bu stil ile ilgili özellikler çıkacaktır.


Dahili stilleri harici stilleri dönüştürme işlemi yapılabilir. Bu işlemle bir stil dosyası birden fazla sayfaya bağlanabilir.Harici stil dosyaları aynı dahili stil dosyaları gibi kodlar içerir. Dahili stilleri harici olarak taşımak için ilgili stil üzerine sağ tıklanarak CSS Kuralını Taşı seçeneği seçilir.

Buradan sonra karşımıza bir pencere çıkacaktır.Bu pencerede stil dosyasının adını yazacağız. Ve bize kayıt yerini soracaktır.Bu kayıt yeri bizim web sitemizin CSS klasörü olmalıdır.

Sayfa İçinde Link Verme: Web sitesi içerisinde yazacağımız bir yazı çok uzun ise kullanıcının belge içerisinde belirlenen yerlere hızlı erişimi için bağlantılar oluşturmamız gerekebilir.Bu yöntem kullanıcıyı yazılan uzun yazının sonuna gitmesi için uzun süre kaydırma işlemi yapmasından kurtarır. Sayfa içi bağlantıyı sağlamak için Adlı Bağlantı (named anchor) sayfada bulunan belli bağlantıların atlanacak yerini işaretler.

Bu bağlantıyı eklemek için Ekle>Adlı Bağlantı seçeneği seçilir. Karşımıza bir pencere çıkacaktır.Bu pencerede adlı bağlantıya bir isim verilir.

İsimde boşluk veya özel karakter bulunmamalıdır. Aynı sayfa içerisinde aynı isme sahip birden fazla yer imi kullanılmamalıdır.Ok tuşuna bastığımızda sayfada turuncu bir simge görünür.Bu tarayıcı aktifken görünmez. Eklememize rağmen düzenleme kısmında adlı bağlantıyı göremiyorsak Görünüm > Görsel Yardımcılar>Görünmez Ögeler seçeneği seçilerek görebiliriz. Sayfa içerisinde bu yer imi oluşturulduğuna göre artık yazılan herhangi bir yazıyı seçerek bağ kısmından başına '#' işareti koyarak adlı bağlantıyı verebiliriz.


Örnek olarak bir yazı yazdım.Eklediğim adlı bağlantıyı sayfanın sonuna çektim. Yukarıdaki resimde göreceğiniz gibi bağ kısmına başına # işareti koyarak adlı bağlantının ismini yazdım. Tarayıcıda görüntüleme işlemi yapıyorum.





Sonucum başarılı. Sayfa sonuna git dediğimde belirttiğim adlı bağlantıya yani sayfa sonuna gidiyor.

E-Posta Bağlantıları Eklemek: Bu işlem genelde iletişim sayfalarında kullanılır. Bunun için belirlenmiş bir kalıp vardır. Bağ kutusuna mailto:eposta@adresiniz.uzantı şeklinde mail adresimizi yazmamız durumunda ilgili bir mail programı veya hizmetiyle karşımıza mail yollama penceresi çıkacaktır.

Hipermetin bağlantıları ziyaretçileri web sitesindeki belgelere ya da başka sayfalara yönlendirmenizi sağlar.Bu bağlantılarla birçok yöntemle faydalanabilirsiniz. Herhangi bir bağlantı oluşturmadan önce belgeleri sabit bir yere kaydetmek önemlidir. Belgenin konumunun değişmesi bağlantıyı çalışmaz hale getirecektir. Bağlantı gösterimlerinden biri olan file:// uzak site bağlantıları üzerinde çalışmaz.Çünkü bu bağlantı sabit diske göre tanımlanmıştır. File:// konumu ile belgenizi dreamweaver içerisine kaydetmeniz durumunda yukarıda belirttiğim konum değişikliği sizi etkilemeyecektir. Dosya konumuna göre bağlantı otomatik olarak güncellenecektir. Ancak bu güncellemeye ne kadar güvenebiliriz onu da düşünmek gerekir.

Site oluştururken bağlantıları gösterme işleminde kullanılacak ifadeler özenle seçilmelidir. El alışkanlığı olsa gerek biz de bu hatalardan birine düşmekteyiz. Buraya Tıklayın , Tıkla İndir gibi ifadelerin kullanılması sesli tarayıcı kullanan görme engelli kişilerin site içerisinde gezinmesini zorlaştıracaktır. Bunun yerine daha dikkat çekici ifadeler kullanılmalıdır. 

İlk yazılarımdan olan Yerel Site Tanımlama işlemini yaparak bir web sitesi ve klasörleri oluşturmuştuk. Yerel site içerisinde dosya bağlantısı oluşturmak için ilgili yazıyı işaretledikten sonra özellikler panelinden bağ metin kutusunun sağındaki klasöre tıklayıp dosyayı göstermemiz durumunda dosya yani File:// bağlantısı oluşturmuş olacağız.

Eğer başka bir site linki vermek istiyorsak başına http:// ekleyerek (http://erensarigul.blogspot.com) site adresini bağ kutusuna yazmalıyız. Bizi ilgilendiren kısımlar işaretlenmiştir.



Burada detaylı olarak düşünülmesi gereken durumlar vardır. Yukarıdaki resme bakarak bu bağlantı eklemeyi görebilirsiniz. Ancak web sitesi yeni pencerede mi açılacak diye düşünmemiz gerekiyor.Bağlantıyı belirttikten sonra target yani hedef kısmında _blank ,new ,_top,_self,_parent gibi seçenekleri seçebiliriz.

Site içerisinde başka bir dosya linki verildiğinde , link dosyalar içinde bulunan bir sayfa ile aynı klasördeyse diğer dosyalarda bağ kısmında görülür. Eğer klasör diğer dosya ve klasörlere göre altta ise doğrudan adres görülür. örneğin CSS/Stil/örnek.html gibi.. Eğer klasör üstte ise .../görüntü.html yazısı görülür.

Her web sitesinin vazgeçilmezleri arasında metin tabanlı bağlantılar yani linkler vardır.Dreamweaver aracılığıyla bağlantıların varsayılan renklerini belirleyebilirsiniz.Bağlantıları web sitesinin gövdesinden bağımsız bir renk seçtiğinizde web sitesini ziyaret eden kullanıcılar bağlantıları ayırt edebileceklerdir.Varsayılan özellikler Page Properties iletişim kutusuyla belirlenebilir.Bu iletişim kutusunda herhangi bir işlem yapılmaması durumunda kullanılan tarayıcının varsayılan özellikleri geçerli olacaktır. Her tarayıcının da varsayılan fontu olduğu gibi varsayılan link rengi vardır.

Site görünümü üzerinde çalışmaya başlandığında sitenin renk düzeninin bir bütün olarak ele alınması görsellik açısından iyi olacaktır. Site renkleri seçilirken bağlantı renkleri de hesaba katılmalıdır.Renk seçiminde bağlantı renkleri arka renklere yakın bir ton olmamalı, ancak diğer renklerle uyumlu olmalıdır.

Sayfa içindeki metin tabanlı bağlantıların ayarları için Değiştir > Sayfa Özellikleri seçeneği seçilir. Ya da CTRL + J kısayol tuşu kullanılır. Buradan Links yani Bağlantılar seçeneği seçilir. Gerekli ayarlar burada vardır.


Bağlantı seçenekleri farklı özelliklere sahiptir. Kullanıcının davranışlarına göre 4 farklı bağlantı durumu için renk tanımlanabilir.

Bağ Rengi (Link Color): Bağlantının üzerine tıklamadan önceki rengidir. Standart web tarayıcısı rengi mavidir.
Ziyaret Edilen Bağlar (Visited Links):Kullanıcı tarafından tıklanan bağlantının aldığı renktir. Varsayılan web tarayıcısı rengi mordur.
Rollover Bağlantılar (Rollover Links):Kullanıcı imleci bir süre bağlantı üzerinde tuttuğunda bağlantının aldığı renktir. Ögenin tıklanabilir olduğunu gösterir. Bu seçenek boş ise rollover kullanılmaz.
Etkin Bağlantılar (Active Links):İmleç üzerindeyken bağlantıya tıklandığı anda bağlantının aldığı renktir.Boş bırakılırsa etkin durumunu göstermek için bir renk kullanılmaz.Günümüzde farklı CSS kodlamaları ile menüler tasarlandığından bu seçenek pek kullanılmamaktadır.

Dreamweaver için yazdığım ilk yazıda da belirttiğim gibi web sitesi oluşturmak için tasarlanmış bir programdır.Web sayfaları web tarayıcıları üzerinde görüntülendiği için site yayınlanmadan önce hataların giderilmesi gerekmektedir. Bunun için Dreamweaver programı içerisinde tarayıcı üzerinden görüntüleme işlemi vardır. Bu işlem klavyedeki F12 tuşuna basılarak yapılır. F12 tuş kombinasyonuyla yaptığımız site varsayılan tarayıcıda açılacaktır.Şu an için varsayılan tarayıcım Chrome'dur .
Eğer varsayılan görüntüleme tarayıcısını değiştirmek ya da alternatif bir tarayıcı eklemek için Dosya >Tarayıcıdan Önizleme>Tarayıcı Listesini düzenle seçimi yapılmalıdır. Buradan ikincil bir tarayıcı ekleyebilir veya varsayılan tarayıcıyı değiştirebilirsiniz..


Örnek olarak varsayılan tarayıcımı (Primary) Firefox yapıp F12 Tuşuna basıyorum..
Gördüğünüz gibi bu sefer de firefox üzerinde görüntüleme işlemi yapılıyor..

Bir önceki yazımda metin işlemleri hakkında bilgi verdim.Bu yazı aslında onun devamı niteliğindedir.
Metni  Hizalama
Metni veya bir paragrafı hizalamak için özellikler panelinde metin hizalama butonu kullanılabilir. Bu buton sağa ,sola hizalı veya ortalanmış şekillerde paragraf düzenlemeye yaramaktadır.


Madde imi oluşturmak için yine özellikler panelinde bulunan madde imi butonlarından herhangi biri kullanılabilir. Oluşturulan HTML dosyasında her paragraf aslında bir madde imidir. Bir alt satıra inme işlemi için CTRL+ Enter kısayol tuşu kullanılabilir. Madde imlerinin farklı çeşitleri vardır. Bunların görünümünü değiştirmek için Metin > Liste > Özellikler seçeneği seçilir.



Özel Karakterler Eklemek
Dreamweaver içinde aşağıdaki özel karakterler vardır.

1. Metni boş sayfa içerisine yazmak
2. Başka bir metin düzenleyici programdan kopyalayıp yapıştırmak
3. TXT dosyalarını dreamweaver içinde açmak.

Paneller:
Dreamweaver'da paneller erişim kolaylığı açısından işlevlerine göre sekmeli halde bulunur. Panellere pencere menüsünden ulaşmak mümkündür.Paneller menüsünün genel işlevi sıkça kullanılan gruplara erişimdir.Paneller üzerinde değişiklik yapılması durumunda programdan çıkış yapıldığında son değişiklik kaydedilir.

Paneller menüsüne yukarıdaki seçeneklerden ulaşabilirsiniz. Sağ seçeneklerde ise seçebileceğiniz paneller vardır.Özelleştirme işlemi buradan yapılmaktadır.

Sayfaya Başlık Atama:
Oluşturulan her html belgesinin bir başlığı olması o belgenin tanınması açsından önemlidir. Ayrıca başlıklar web tarayıcısının başlık çubuğunda görüntülenir.Sık kullanılan veya favorilere eklenen sitelerin isminin görünmesini sağlar.

Oluşturulan her belge Başlıksız Belge olarak görünür. Değiştirme işlemi ise aşağıdaki gibidir.

Web sitelerini daha verimli oluşturabilmek için çoğu programın temeli olan araçlar ve arayüzleri tanımaya başlayacağız. Tasarım ve kodlama işleminin büyük bir kısmı belge penceresinde yapılacağı için bu alanı yakından tanımamızda yarar var. Belge penceresi gövde olarak bilinir ekleme,silme,düzenleme işlemleri temel olarak bu alanda yapılır.Yine bu alanda web sitemizin görüntülenmesi hakkında yaklaşık bilgiler alabiliriz. Yaklaşık dememizin sebebi ise tarayıcıyla tam olarak örtüşmeyen sayfa yorumlama şeklidir ..


Yukarıda da göreceğimiz gibi dosya ismimiz bir çubuk üzerinde belirtilmiştir.Hiç bir değişiklilik yapılmaması durumunda untitled document başlığı alınır.Burada gördüğümüz araç çubuklarını Görünüm>Araç Çubukları seçimi ile görünür veya gizli hale getirmek mümkündür.Ayrıca aşağıdaki resimde işaretlediğim alandan mouse ile sürükleme yaparak araç çubuğu pencere haline getirilebilir..


Dreamweaver programına ait 3 farklı görüntüleme mevcuttur. Tasarım,Kod ,Split yani bölme . Programın yukarısındaki tuşları kullanarak farklı görünüm modlarını elde edebilirsiniz.
Sırasıyla :

1- Kod Penceresi Görünümü

2-Bölme (Split) Görünümü
 3-Tasarım Görünümü
Şu an için bir nesne veya kod eklemediğimiz için tasarım görünümü alanını beyaz görmekteyiz.
İlerleyen yazılarda sık sık ekleme işlemi yapacağımız için Insert (Ekle) menüsünü karıştırarak nesne ekleme işlemi yapabilirsiniz..

Herhangi bir sayfa oluşturmadan önec web sitesinin ilk adımı sitenin hiyerarşik yapısını oluşturmaktır. Önceki yazımda da söylediğim gibi hiyerarşik yapı klasörlerle oluşturulur.Oluşturulan hedef klasör ,yerel kök klasörleri olarak bilinir.(local - root folder) .Bu klasörler sitemizin sınırlarını çizmemize olanak sağlar.Yerel bir site tanımlama işlemi ile sunucuya atılacak dosyaların hiyerarşik yapısı oluşturulur ..

Hiyerarşik yapıyı oluşturmak için bilgisayarınızın uygun bir dizinine (c,d veya e sürücüsü olabilir) bir klasör oluşturun. Örneğin C:\SiteAdi gibi.. Adlandırmada önceki yazımda özet geçtiğim hususlara dikkat edin..

Dreamweaver programımızı açıyoruz karşımıza gelen başlangıç safasında yei oluştur bölümü üzerindendreamweaver sitesini seçin.
Karşımıza çıkan bu pencere üzerinde sitemizin adını ve sitemizin hiyerarşik yapısını oluşturacağımız klasörü seçebiliriz.Sağ tarafta bulunan servers alanına tıklayarak temel ve gelişmiş kısımlardaki alanları doldurmamız gerekmektedir. Temel kısmında çalışacağımız bir sunucu olmadığı için Local /Network yani yerel alanı seçiyoruz.
Örnek olarak aşağıdaki alanları doldurdum..çalışacağım bir sunucu olmadığı için http alanını boş bıraktım.
Versyon kontrol alanında sunucu ile çalışmak istiyorsak subversion alanını seçiyoruz daha sonra alt taraftan sunucumuzun türünü seçip gerekli bilgileri dolduruyoruz. Dediğim gibi şu an sunucular üzerinde çalışmadığımdan none'yi seçiyorum. Sunucuyla çalışacaklar için doldurulması gereken alanlar ..


Gelişmiş ayarlar içerisinde de hiyerarşik yapıyı oluşturacağımız zaman kullanacağımız klasörlerin yerini gösterebiliriz. İçerisinde yerel bilgi,kaynak dosyalar ,tasarım notu ,dosyalar sütunlar ,yazı tipleri , resim klasörleri gibi alanlar bulunuyor.
Örnek olarak klasör içerisine bir kaç dosya yerleştirdim. dosyalarım sağ alt köşede gözüküyor;

Kök dizinimi oluşturduktan sonra içerisine belge eklemek için dosya - yeni komutu ile belge oluşturuyorum karşıma aşağıdaki gibi bir sayfa geliyor.

Boş Sayfa - HTML diyerek oluştur seçeneğine tıklıyorum.Sayfam oluştuktan sonra tekrar dosya > kaydet seçeneğini seçip oluşturduğum boş dosyayı html olarak kaydediyorum.Dosyamı deneme.html adıyla kaydettim.ve sağ tarafta yerel sunucu üzerinde görüntüleniyor..

Burada önemli hususlardan biri dosya adlandırmadır. Yine önceki yazımda dosya adlandırma hakkında bilgi vermiştim. Adlandırma işlemi için önemli hususları yeniden tekrar etmek gerekirse;

• Sunucu üzerinde çalışanlar için işletim sistemi önemlidir.Dosya adlandırma işletim sistemine göre yapılır. Sunucu işletim sistemleri Unix,Linux,Windows ve MacOS 'tur.Örneğin Unix işletim sistemine sahip sunucularda dosya adlandırmada büyük küçük harf duyarlılığı vardır . Yani EREN.HTML ile eren.html farklı dosyalar olarak algılanır.Bu sorunun önüne geçmek için dosya ve klasör adlarını küçük harflerle yazmaya özen göstermekte yarar vardır.
• Dosyalarda adlandırma yaparken A-Z harflerini ve 0-9 arası rakamları kullanmalıyız. 
• Bir dosya adında asla boşluk bulunmamalıdır. Dosya adının ayrılması gerekiyorsa "_" veya "-" kullanılmalıdır.Tarayıcılar boşluk karakterlerini %20 karakteri ile değiştirerek okumaktadır.

• Özel karakter kullanımından kaçınılmalıdır. 
• Dosya isimlerinin başında sayı bulunmamalıdır.
• Hızlı kodlama ve okunma açısından dosya adı olabildiğince kısa olmalıdır.Çünkü klasör ve dosyalar sayfaya erişim için kendi isimleriyle çağrılmaktadır.

Dreamweaver programınıaçtıktan sonra diğer Adobe programlarında olduğu gibi bizi bir ekran karşılamaktadır. Bu sayfada yapılacak işlemler son kullanılanı açma,farklı türlerde yeni belgeler oluşturmak ve şablon oluşturmaktır.Programımızı satın almış isek Dreamweaver Exchange'e bağlanıp bir çok araç indirebiliyoruz.

Sıfırdan başlayacağım Dreamweaver makalelerinde bölüm bölüm gitmemeyi düşünüyorum. Doğrudan başlık atarak konuya giriş yapacağım.Dreamweaver hakkında temel bilgilerle başlayabiliriz..

Bir önceki yazımda Açılır Menü Oluşturma konusunu ele aldım.Açılır menümüzü oluşturduktan sonra bu menüyü görmek isteyebiliriz. Açılır menü vektörel ya da bitmap resimler gibi Fireworks penceresi içerisinde görüntülenmez.bunun için dosyayı tarayıcı üzerinden ön izlemek gerekir.Doğrudan Tarayıcıdan Önizleme  makalesi yazmıştım. İsteyenler oraya da göz atıp bir şeyler öğrenebilir. Burada asıl önemli konu bizim açılır menümüzün dışa aktarılması için ayarların yapılmasıdır. Dosyamız önizleme sırasında bile geçici dosyaları oluşturmak için gerekli HTML oluşturulur. HTML ayarlarına erişmek için ;

Dosya > HTML Ayarları ya da File > HTML Setup seçimini yapıyoruz.Bunu daha önceki yazımda HTML Olarak İhraç Etmek adı altında anlatmıştım. Burada bizi ilgilendiren kısım Belgeye Özgü yani Document Specific kısmıdır.Burada belgeye özgü alanına girdiğimizde Dilim Nesneleri Olmayan Alanları Dahil Et seçeneğinin işaretlenmiş olması gerekir. Bu seçeneğin seçili olmasıyla dilimlere sahip olmayan nesneler dahil ihraç edilir.


Şimdi Dosya> Tarayıcıdan Önizleme seçeneği seçilir.Böylelikle menümüz tarayıcıda görünür. Çift monitörün imkanlarından faydalanarak bu işlemi iki taraflı olarak göstereceğim..

Açılır menüler son dönemlerde web siteleri ve programlar üzerinde yaygınlaşmıştır. Bunlar sayfanın içerisinde gizlenmiş gezinti araçlarıdır.Bu açılır menüler belli komutlarla çağrılır. Gizli olması nedeniyle içerisine bir çok komut sığdırılabilir.Açılır menüler daha çok JavaScript komutlarıyla yazılır. Fireworks'ta bir web sayfası içerisine JavaScript bilgisi olmadan açılır menü eklemek mümkündür. Ekleme işlemi için Düzenle>Açılır Menü >Açılır Menü Ekle seçeneğini seçiyoruz. Web sitemize açılır menü eklemek için elimizde bir buton veya bir dilim olması gerekir.


Açılır menü içerisine ekleme işlemi yaparken Text yani Metin alanını dolduruyoruz. Eğer eklediğimiz metinlerde bir tarayıcı bağlantısı var ise Link yani Bağ kısmına adresimizi yazmamız gerekiyor.Hedef yani Target alanı ise sayfanın açılış işlemleri ile ilgilidir. Sayfamızın yeni bir sekmede yada yeni bir pencerede açılması için bu alanı kullanabilirsiniz.
Örnek olarak doldurduğum bir açılır menü..

Eğer yaptığımız menüde alt menüler olmasını istersek alt menüyü seçip aşağıdaki tuşa basmak gerekiyor ;
İçerik kısmıyla işimiz bittiğinde görünüm yani Appearance kısmına geçebiliriz .Burada bizim menümüzün nasıl görüneceği hakkında bilgiler bulabiliriz.Yazı tipi boyutu rengi vb. buradan değiştirilebilir.

Bir metni maske olarak kullanma işlemi sık kullanılan bir yöntem değildir. Ancak ilginç efektlerin oluşturulması için gereklidir diyebiliriz..
Maskeleme işlemi için herhangi bir resmi içe aktarıyoruz. Aktardığımız resmin üzerine yazacağımız yazımızı yazıyoruz. Daha sonra metni seçip düzenle>kes seçimini yapıyoruz. Buraya kadar olan kısımlar temel bilgiler ile yapılıyor. Öncelikle aktardığım resmi ve yazdığım yazıyı göstereyim..

Yazımı kestikten sonra tekrar Düzenle>Maske olarak yapıştır seçeneğini seçiyorum. Çoğu zaman bu seçenek devre dışı olabiliyor.Bunun yerine CTRL+ALT+V seçimini yapabilirsiniz..

Maskeleme kısaca bir nesnenin dolgu ve şeklini kullanarak başka bir nesneyi kontrol etmektir.

Resmi maskeleme işlemi yapmamız için öncelikle resmi içeri aktarmamız gerekiyor. Bunun için Dosya>İçe Aktar seçeneği kullanılarak ve dosya içe aktarılır. Aktarma işleminden sonra resim üzerine resmimizin üzerine ondan daha küçük herhangi bir şekil çizin.Bu bir dikdörtgen veya daire olabilir.Burada resmin boyut ayarı önemlidir. Eğer resmimiz şekilden küçük olursa tekrar büyütüp kalitesiyle oynamak yerine geri al seçeneğini kullanalım..

Resmimizi içeri aktardık.


Benim şu anki amacım yuvarlak sarı alan altındaki alanı maskelemek..Bunun için SHIFT tuşu ile çizdiğim sarı daireyi ve içeri aktardığım resmi aynı anda seçip Modify>Mask>Group as Mask seçeneğini seçiyorum