dikodoksit
Kömür Madencisi
- En iyi cevaplar
- 0
Bir önceki konuda @soDank isimli arkadaşın mesajı üzerine Electron'un varlığından haberdar oldum. Bunu en başta belirtmek istedim. Kendisine tekrardan teşekkür ederim.
Electron'u biraz inceleyip öğrendikten sonra, biraz da işin içine NodeJS katarak programı daha gelişmiş bir halde masaüstü programı haline getirdim. Windows ve Linux için hazır şu an, OS X için hazırlayamadım çünkü elimde OS X bir makine yok :|. Halen eksikleri olabilir, halen çoğu hataya ya da yanlış input'a 'yanlış girdiniz.' gibi bir cevap alamazsınız. Sebep aynı, kullanım belli ve çok kod doluşsun istemedim. Değişiklikleri ve yeni halini paylaşmadan önce, bilmeyen arkadaşlar için kısaca özetleyeyim, önceki konuya bakanlar zaten bildikleri için alttaki paragrafı pas geçebilirler.
Watermark, imaj üzerine logo/yazı vs. eklemek demek. Bir sitede editör olduğum için yaptığım her fotoğraf paylaşımına sitenin logosunu eklemek zorundayım. Bunu da Windows'ta Photoscape gibi bedava birçok program ile hızlı ve basit şekilde halletmek mümkün fakat bir süredir Linux'a tam bir geçiş yapmış durumdaydım ve Linux'ta bu işi toplu halledebilen bir program bulamadım (belki ben bulamamışımdır.). Yine aynı işlemi yapan internet siteleri mevcut fakat bu sitelere de haliyle önce fotoğrafları upload edip sonra yenilerini download etmeniz gerekiyor + premium üyelik almadığınız sürece en fedakar site size tek seferde sadece 5 fotoğraf düzenleme sınırı veriyor. Haliyle çok fotoğraf paylaşmak istediğim için ve işlemin hızlı olması için bu da işime gelmedi. Bu nedenle web geliştirme dillerini kullanarak, basit fakat bu işlemi tam anlamıyla halledebilen bir program yazdım. Başta yazdığım program, web üzerinde ve yeteri kadar fonksiyona sahip şekilde çalışmıyordu (tek tek dosyaları sağ tıklayıp kaydet yapmak zorunda oluyordunuz). Youtube kanalımda eski hali zaten mevcut, inceleyebilirsiniz ama onun yerine bu konudakine bakmanızı tavsiye ederim. Yenisini tanıtan videoyu sanırım 4-5 gün sonra falan anca yükleyebilirim.
Şimdi, programdaki değişikliklerden bahsedeyim,
- Artık klasör değil dilediğimiz kadar fotoğraf seçebiliyoruz.
- Ekstra olarak seçtiğimiz klasörün adını girmeye gerek yok.
- Artık canvas.toDataURL() fonksiyonu sorun çıkarmadığı için sonuçlara tek tek sağ tıklayıp farklı kaydet yapmamıza gerek yok, seçtiğimiz çıktı klasörüne tüm fotoğraflar otomatik olarak editlenip gönderiliyor.
- Program artık İngilizce, çünkü AUR'da paylaşmayı düşünüyorum. Fakat kullanımını yine anlatacağım aşağıda.
- Artık web tarayıcısında değil, direk normal program olarak açılıyor.
- İşlem, ilerleme çubuğunda gözüküyor, yani bittiğine ya da nasıl bir hızla ilerlediğine bakabiliyorsunuz.
- Saniyede 5 fotoğraf edit'liyor. Daha hızlı yapabilirdim fakat fotoğraf atlama olasılığı olurdu, kod içerisinden değiştirip denemeler yapabilirsiniz.
- Rotasyon özelliği eklendi. Derece cinsinden (0 < derece < 360) watermark imajınızı döndürebiliyorsunuz.
Not: Programa henüz bir ikon atamadım, Windows'ta şekil şukul Electron ikonu gibi gözükse de Linux'ta absürt bir ayarlar ikonuna benziyor.
Program kullanımı [resimli]
// Kullanım Windows ve Linux için de aynıdır.
Zip dosyasını dışarı çıkardığınızda, DikodoksitWatermark klasörüne girip eğer Linux kullanıcısıysanız DikodoksitWatermark isimli execute dosyasına, eğer Windows kullanıcısıysanız DikodoksitWatermark isimi exe dosyasına çift tıklayarak uygulamayı açın
Uygulama şekilde gözüktüğü gibi, Learn More kısmında nasıl kullanıldığı İngilizce, sözel bir şekilde mevcut. 'Select the images that are gonna be watermarked' yazan kısma tıklayarak üzerine ekleme yapacağınız dosyaları aşağıdaki gibi seçin.
Dosyaları seçtikten sonra karşınıza aşağıdaki ekran gelecektir ve kaç tane fotoğraf seçtiğinizi görebilirsiniz.
'Select a watermark image' yazısına tıklayarak üste eklenecek imajı (watermark imajını) seçin.
Daha sonra, aşağıdaki bölgeleri watermark imajınızı nasıl şekillendirmek istiyorsanız öyle düzenleyin. Değiştirmek istemediğiniz kısımları boş bırakabilirsiniz. Width = genişlik(px), Height = yükseklik(px), Rotate = döndürmek(derece), Opacity = opaklık(yüzde cinsinden, 100 yazarsanız opak olur), Margin-Left = sol taraftan boşluk(px), Margin-top üst taraftan boşluk(px). Aşağıda test amaçlı tüm boşlukları doldurdum. **width ya da height'a bir değer girdiğinizde, program ötekini otomatik olarak kaliteyi bozmayacak şekilde hesaplar ve kendisi girer, eğer değer girilmezse direk olarak imajı olduğu boyutta üste yazar.
'Select a destination folder' yazısına tıklayıp, çıktıları alacağınız yeri seçin. Düzenlenen dosyalar oraya kaydedilecektir. Aşağıdaki resimde 'output' isimli klasör seçilmiştir.
Klasörü seçtiğinizde aşağıdaki gibi, seçtiğiniz klasörün yolunu göreceksiniz.
Herşeyi ayarladıktan sonra, Merge butonuna basın ve işlemi başlatın. İşlemin ilerleme hızını aşağıdaki gibi takip edebilirsiniz.
İşlem tamamlandığında, aşağıdaki gibi çubuk dolacak ve işlemin tamamlandığına dair yazı ekranda belirecektir. Ekstra işlem yapmak istiyorsanız Go Back butonuna basarak ana menüye tekrar dönebilirsiniz.
Artık dosyalar hazır. Aşağıdaki gibi klasöre gidip kontrol edebilirsiniz.
Son olarak, işlenmiş olan bu resimlerden birinin açılmış halini de göstereyim.
Gördüğünüz üzere, sol üstte tam olarak girdiğimiz değerleri alarak işlenerek eklenmiş bir logo var. Arkadaki resmin ise çözünürlüğü bozulmamış.
Peh, gereksiz fazla açıklayıcı oldu sanırım. Her neyse, yine kaynak kodunu sade halde düzenlemek isteyenler için link vererek bırakıcam. İçerisinde modüller vs. yüklü olduğu için ve tek dosya olmadığı için buraya yazamıyorum, baya karışır ortalık. Programın da Windows ve Linux sürümleri için 2 ayrı link bırakacağım. Dilediğiniz gibi değiştirmekte (para talep etmediğiniz sürece) ve kullanmakta özgürsünüz.
Kaynak kodu:
Windows sürümü:
Linux sürümü:
Electron'u biraz inceleyip öğrendikten sonra, biraz da işin içine NodeJS katarak programı daha gelişmiş bir halde masaüstü programı haline getirdim. Windows ve Linux için hazır şu an, OS X için hazırlayamadım çünkü elimde OS X bir makine yok :|. Halen eksikleri olabilir, halen çoğu hataya ya da yanlış input'a 'yanlış girdiniz.' gibi bir cevap alamazsınız. Sebep aynı, kullanım belli ve çok kod doluşsun istemedim. Değişiklikleri ve yeni halini paylaşmadan önce, bilmeyen arkadaşlar için kısaca özetleyeyim, önceki konuya bakanlar zaten bildikleri için alttaki paragrafı pas geçebilirler.
Watermark, imaj üzerine logo/yazı vs. eklemek demek. Bir sitede editör olduğum için yaptığım her fotoğraf paylaşımına sitenin logosunu eklemek zorundayım. Bunu da Windows'ta Photoscape gibi bedava birçok program ile hızlı ve basit şekilde halletmek mümkün fakat bir süredir Linux'a tam bir geçiş yapmış durumdaydım ve Linux'ta bu işi toplu halledebilen bir program bulamadım (belki ben bulamamışımdır.). Yine aynı işlemi yapan internet siteleri mevcut fakat bu sitelere de haliyle önce fotoğrafları upload edip sonra yenilerini download etmeniz gerekiyor + premium üyelik almadığınız sürece en fedakar site size tek seferde sadece 5 fotoğraf düzenleme sınırı veriyor. Haliyle çok fotoğraf paylaşmak istediğim için ve işlemin hızlı olması için bu da işime gelmedi. Bu nedenle web geliştirme dillerini kullanarak, basit fakat bu işlemi tam anlamıyla halledebilen bir program yazdım. Başta yazdığım program, web üzerinde ve yeteri kadar fonksiyona sahip şekilde çalışmıyordu (tek tek dosyaları sağ tıklayıp kaydet yapmak zorunda oluyordunuz). Youtube kanalımda eski hali zaten mevcut, inceleyebilirsiniz ama onun yerine bu konudakine bakmanızı tavsiye ederim. Yenisini tanıtan videoyu sanırım 4-5 gün sonra falan anca yükleyebilirim.
Şimdi, programdaki değişikliklerden bahsedeyim,
- Artık klasör değil dilediğimiz kadar fotoğraf seçebiliyoruz.
- Ekstra olarak seçtiğimiz klasörün adını girmeye gerek yok.
- Artık canvas.toDataURL() fonksiyonu sorun çıkarmadığı için sonuçlara tek tek sağ tıklayıp farklı kaydet yapmamıza gerek yok, seçtiğimiz çıktı klasörüne tüm fotoğraflar otomatik olarak editlenip gönderiliyor.
- Program artık İngilizce, çünkü AUR'da paylaşmayı düşünüyorum. Fakat kullanımını yine anlatacağım aşağıda.
- Artık web tarayıcısında değil, direk normal program olarak açılıyor.
- İşlem, ilerleme çubuğunda gözüküyor, yani bittiğine ya da nasıl bir hızla ilerlediğine bakabiliyorsunuz.
- Saniyede 5 fotoğraf edit'liyor. Daha hızlı yapabilirdim fakat fotoğraf atlama olasılığı olurdu, kod içerisinden değiştirip denemeler yapabilirsiniz.
- Rotasyon özelliği eklendi. Derece cinsinden (0 < derece < 360) watermark imajınızı döndürebiliyorsunuz.
Not: Programa henüz bir ikon atamadım, Windows'ta şekil şukul Electron ikonu gibi gözükse de Linux'ta absürt bir ayarlar ikonuna benziyor.
Program kullanımı [resimli]
// Kullanım Windows ve Linux için de aynıdır.
Zip dosyasını dışarı çıkardığınızda, DikodoksitWatermark klasörüne girip eğer Linux kullanıcısıysanız DikodoksitWatermark isimli execute dosyasına, eğer Windows kullanıcısıysanız DikodoksitWatermark isimi exe dosyasına çift tıklayarak uygulamayı açın
Uygulama şekilde gözüktüğü gibi, Learn More kısmında nasıl kullanıldığı İngilizce, sözel bir şekilde mevcut. 'Select the images that are gonna be watermarked' yazan kısma tıklayarak üzerine ekleme yapacağınız dosyaları aşağıdaki gibi seçin.
Dosyaları seçtikten sonra karşınıza aşağıdaki ekran gelecektir ve kaç tane fotoğraf seçtiğinizi görebilirsiniz.
'Select a watermark image' yazısına tıklayarak üste eklenecek imajı (watermark imajını) seçin.
Daha sonra, aşağıdaki bölgeleri watermark imajınızı nasıl şekillendirmek istiyorsanız öyle düzenleyin. Değiştirmek istemediğiniz kısımları boş bırakabilirsiniz. Width = genişlik(px), Height = yükseklik(px), Rotate = döndürmek(derece), Opacity = opaklık(yüzde cinsinden, 100 yazarsanız opak olur), Margin-Left = sol taraftan boşluk(px), Margin-top üst taraftan boşluk(px). Aşağıda test amaçlı tüm boşlukları doldurdum. **width ya da height'a bir değer girdiğinizde, program ötekini otomatik olarak kaliteyi bozmayacak şekilde hesaplar ve kendisi girer, eğer değer girilmezse direk olarak imajı olduğu boyutta üste yazar.
'Select a destination folder' yazısına tıklayıp, çıktıları alacağınız yeri seçin. Düzenlenen dosyalar oraya kaydedilecektir. Aşağıdaki resimde 'output' isimli klasör seçilmiştir.
Klasörü seçtiğinizde aşağıdaki gibi, seçtiğiniz klasörün yolunu göreceksiniz.
Herşeyi ayarladıktan sonra, Merge butonuna basın ve işlemi başlatın. İşlemin ilerleme hızını aşağıdaki gibi takip edebilirsiniz.
İşlem tamamlandığında, aşağıdaki gibi çubuk dolacak ve işlemin tamamlandığına dair yazı ekranda belirecektir. Ekstra işlem yapmak istiyorsanız Go Back butonuna basarak ana menüye tekrar dönebilirsiniz.
Artık dosyalar hazır. Aşağıdaki gibi klasöre gidip kontrol edebilirsiniz.
Son olarak, işlenmiş olan bu resimlerden birinin açılmış halini de göstereyim.
Gördüğünüz üzere, sol üstte tam olarak girdiğimiz değerleri alarak işlenerek eklenmiş bir logo var. Arkadaki resmin ise çözünürlüğü bozulmamış.
Peh, gereksiz fazla açıklayıcı oldu sanırım. Her neyse, yine kaynak kodunu sade halde düzenlemek isteyenler için link vererek bırakıcam. İçerisinde modüller vs. yüklü olduğu için ve tek dosya olmadığı için buraya yazamıyorum, baya karışır ortalık. Programın da Windows ve Linux sürümleri için 2 ayrı link bırakacağım. Dilediğiniz gibi değiştirmekte (para talep etmediğiniz sürece) ve kullanmakta özgürsünüz.
Kaynak kodu:
Linki görebilmek için üye olmanız gerekiyor.
Giriş yap veya üye ol.
Windows sürümü:
Linki görebilmek için üye olmanız gerekiyor.
Giriş yap veya üye ol.
Linux sürümü:
Linki görebilmek için üye olmanız gerekiyor.
Giriş yap veya üye ol.
Son düzenleme:
