Katmanlı görsel düzenleme: elle ya da API ile.

Gerçek bir katman editörü, şablon doldurucu değil

Çoğu afiş üretme API'si, sabit bir tasarımda bir metni ve bir fotoğrafı değiştirir. Nordic Layers size masaüstü görsel editörünün araçlarını sunar ve bunların her biri bir API çağrısıdır.

• Katmanlar ve karışım modları

  Görsel, metin, şekil, düz renk dolgusu, doğrusal veya dairesel degrade ve ayarlama katmanları. Çarpma ve ekrandan yumuşak ışığa, renge ve parlaklığa kadar yirmi karışım modu; ayrıca her katmanda opaklık.

• Yıkıcı olmayan ayarlamalar

  Seviyeler, eğriler, ton/doygunluk, pozlama, parlaklık/kontrast, degrade eşleme, siyah beyaz, renk dengesi, tersine çevirme ve gren. İstediğiniz zaman değiştirin ya da kaldırın: kaynak pikseller asla değişmez.

• Maskeler ve kırpma

  Dikdörtgen, elips, degrade solma veya başka bir görselden katman maskeleri; yumuşatma ve tersine çevirme ile. Bir fotoğrafı, masaüstü editöründeki gibi altındaki şekle göre kırpın.

• Her yazı sisteminde metin

  Sağdan sola Arapça ve Urduca, doğru harf şekilleriyle Hintçe, Bengalce ve Tamilce, ayrıca Çince, Japonca ve Korece. 12 yazı tipi ailesinde kutu genişliği, hizalama, satır aralığı, kalın ve italik.

• Filtreler ve katman efektleri

  Gauss ve hareket bulanıklığı, gürültü, vinyet, keskinleştirme ve piksellendirme. Metin dahil her katmana gölge, kontur, dış parlama ve renk bindirme ekleyin.

• Aynı belge, iki giriş yolu

  Tarayıcı editöründe oluşturduğunuz şey, API'nin açıp değiştirebildiği ve dışa aktarabildiği bir JSON belgesidir; tersi de geçerlidir. Tasarımcılar şablonu çizer, kod doldurur.

Gerçek motorla oluşturulmuş örnekler

Aşağıdaki her görsel, yanındaki JSON'dan Nordic Layers motoruyla üretildi. Fotoğraflar test görselleridir; asset_id, POST /v1/assets'in her yükleme için döndürdüğü kimliktir.

• 

  Tuval 1200×628 · 8 katman

  E-ticaret ürün afişi

  Degrade üzerinde gölgeli bir ürün fotoğrafı, fiyat rozeti ve kampanya metni. Katalogdaki her ürün için görseli ve metni değiştirin, hepsini tek bir betikle dışa aktarın.

  Bunu üreten JSON'u göster

  // POST /v1/projects
  {
    "name": "Serum banner",
    "width": 1200,
    "height": 628,
    "background": "#F4EDE4",
    "steps": [
      {"op": "layer.addFill", "name": "Backdrop", "gradient": {"colors": ["#F7F1E8", "#E6D6C1"], "angle": 0}},
      {"op": "shape.add", "shape": "ellipse", "rect": [700, 64, 500, 500], "color": "#DCC5A6", "name": "Disc"},
      {"op": "layer.addImage", "asset_id": "serum_bottle", "rect": [806, 70, 288, 480], "fit": "contain", "name": "Product"},
      {"op": "effects.set", "layer": "Product", "shadow": {"color": "#3B2A1A", "opacity": 0.35, "angle": 120, "distance": 22, "size": 34}},
      {"op": "text.add", "content": "Vitamin C serum", "fontName": "Georgia", "fontSize": 66, "bold": true, "color": "#2B2118", "origin": [72, 150], "name": "Title"},
      {"op": "text.add", "content": "Brightening daily formula · 30 ml", "fontName": "Segoe UI", "fontSize": 30, "color": "#6B5A4A", "origin": [75, 245], "name": "Subtitle"},
      {"op": "shape.add", "shape": "rectangle", "rect": [72, 340, 300, 84], "cornerRadius": 42, "color": "#1E3A5F", "name": "Badge"},
      {"op": "text.add", "content": "−30% this week", "fontName": "Segoe UI", "fontSize": 34, "bold": true, "color": "#FFFFFF", "alignment": "center", "boxWidth": 300, "origin": [72, 357], "name": "Offer"},
      {"op": "text.add", "content": "Free delivery from €30", "fontName": "Segoe UI", "fontSize": 24, "color": "#6B5A4A", "origin": [75, 460], "name": "Note"}
    ]
  }

• 

  Tuval 1080×1080 · 5 katman

  Kare sosyal medya gönderisi

  Seviye, doygunluk ve vinyet uygulanmış bir fotoğraf; degrade maskeyle yumuşakça beliren koyu bir dolgu sayesinde başlık her görselde okunaklı kalır.

  Bunu üreten JSON'u göster

  // POST /v1/projects
  {
    "name": "Weekend guide post",
    "width": 1080,
    "height": 1080,
    "background": "#0B1F33",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_lake", "fitCanvas": "cover", "name": "Photo"},
      {"op": "adjust.levels", "layer": "Photo", "black": 8, "white": 245, "gamma": 1.05},
      {"op": "adjust.hueSaturation", "layer": "Photo", "saturation": 18},
      {"op": "filter.vignette", "layer": "Photo", "amount": -35, "midpoint": 55, "feather": 60},
      {"op": "layer.addFill", "color": "#0B1F33", "name": "Shade", "opacity": 0.9},
      {"op": "mask.add", "layer": "Shade", "from": [540, 1080], "to": [540, 560]},
      {"op": "text.add", "content": "WEEKEND GUIDE · ISSUE 12", "fontName": "Segoe UI", "fontSize": 28, "bold": true, "color": "#9CC7EC", "origin": [84, 724], "name": "Kicker"},
      {"op": "text.add", "content": "Slow mornings\nby the lake", "fontName": "Georgia", "fontSize": 92, "color": "#FFFFFF", "leading": 1.05, "origin": [80, 770], "name": "Headline"},
      {"op": "shape.add", "shape": "line", "from": [86, 1000], "to": [300, 1000], "color": "#FFFFFF", "lineWidth": 4, "name": "Rule"}
    ]
  }

• 

  Tuval 1080×1920 · 7 katman

  Arapça hikâye

  Sağdan sola doğru şekillendirilmiş Arapça metin, bulanık bir arka plan ve kırpma maskesiyle yuvarlatılmış karta oturtulmuş fotoğraf içeren 9:16 hikâye.

  Bunu üreten JSON'u göster

  // POST /v1/projects
  {
    "name": "Sale story (Arabic)",
    "width": 1080,
    "height": 1920,
    "background": "#120A1E",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_ribbons", "fitCanvas": "cover", "name": "Backdrop"},
      {"op": "filter.gaussianBlur", "layer": "Backdrop", "radius": 28},
      {"op": "adjust.brightnessContrast", "layer": "Backdrop", "brightness": -20, "contrast": -10},
      {"op": "shape.add", "shape": "rectangle", "rect": [90, 230, 900, 1000], "cornerRadius": 48, "color": "#FFFFFF", "name": "Card"},
      {"op": "effects.set", "layer": "Card", "shadow": {"color": "#000000", "opacity": 0.55, "angle": 90, "distance": 24, "size": 60}},
      {"op": "layer.addImage", "asset_id": "photo_ribbons", "rect": [90, 230, 900, 1000], "fit": "cover", "name": "Photo"},
      {"op": "layer.clip", "layer": "Photo"},
      {"op": "text.add", "content": "تخفيضات نهاية الموسم", "fontName": "Segoe UI", "fontSize": 92, "bold": true, "color": "#FFFFFF", "alignment": "right", "boxWidth": 900, "origin": [90, 1310], "name": "Headline"},
      {"op": "text.add", "content": "خصم حتى ٤٠٪ على المجموعة كاملة", "fontName": "Segoe UI", "fontSize": 50, "color": "#E9D8FF", "alignment": "right", "boxWidth": 900, "origin": [90, 1460], "name": "Offer"},
      {"op": "shape.add", "shape": "rectangle", "rect": [610, 1610, 380, 110], "cornerRadius": 55, "color": "#FFFFFF", "name": "Button"},
      {"op": "text.add", "content": "تسوّق الآن", "fontName": "Segoe UI", "fontSize": 46, "bold": true, "color": "#120A1E", "alignment": "center", "boxWidth": 380, "origin": [610, 1628], "name": "Button label"}
    ]
  }

• 

  Tuval 1280×720 · 4 katman

  Video küçük resmi

  Çevrilmiş, ölçeklenmiş ve parlaklığı artırılmış bir fotoğrafın üzerinde konturlu, gölgeli büyük yazı ve döndürülmüş bir etiket. Her hafta yaptığınız türden bir küçük resim.

  Bunu üreten JSON'u göster

  // POST /v1/projects
  {
    "name": "Tutorial thumbnail",
    "width": 1280,
    "height": 720,
    "background": "#0D1117",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_glow", "fitCanvas": "cover", "name": "Photo"},
      {"op": "transform.flip", "layer": "Photo", "axis": "horizontal"},
      {"op": "transform.scale", "layer": "Photo", "factor": 1.4},
      {"op": "transform.move", "layer": "Photo", "dx": 240},
      {"op": "adjust.exposure", "layer": "Photo", "exposure": 0.4},
      {"op": "text.add", "content": "COLOUR\nGRADING", "fontName": "Impact", "fontSize": 168, "leading": 0.98, "color": "#FFFFFF", "origin": [70, 110], "name": "Title"},
      {"op": "effects.set", "layer": "Title", "stroke": {"color": "#0D1117", "size": 10, "position": "outside"}, "shadow": {"color": "#000000", "opacity": 0.7, "angle": 120, "distance": 14, "size": 20}},
      {"op": "shape.add", "shape": "rectangle", "rect": [70, 520, 470, 92], "cornerRadius": 14, "color": "#FFCC00", "name": "Tag"},
      {"op": "transform.rotate", "layer": "Tag", "angle": -3},
      {"op": "text.add", "content": "IN 5 MINUTES", "fontName": "Impact", "fontSize": 66, "color": "#0D1117", "alignment": "center", "boxWidth": 470, "origin": [70, 526], "name": "Tag text"},
      {"op": "transform.rotate", "layer": "Tag text", "angle": -3}
    ]
  }

• 

  Tuval 1200×630 · 7 katman

  Open Graph bağlantı önizlemesi

  Bir blog yazısı için 1200×630 kart: degrade arka plan, degrade maskeyle beliren bir fotoğraf ve her şeyin üstünde bir degrade eşleme ayarlama katmanı.

  Bunu üreten JSON'u göster

  // POST /v1/projects
  {
    "name": "Blog link preview",
    "width": 1200,
    "height": 630,
    "background": "#1E3A5F",
    "steps": [
      {"op": "layer.addFill", "name": "Backdrop", "gradient": {"colors": ["#24476F", "#0F2238"], "angle": 120}},
      {"op": "layer.addImage", "asset_id": "photo_shore", "rect": [560, 0, 640, 630], "fit": "cover", "name": "Photo"},
      {"op": "mask.add", "layer": "Photo", "from": [900, 315], "to": [580, 315]},
      {"op": "adjustmentLayer.add", "kind": "gradientMap", "shadows": "#0F2238", "highlights": "#E8F1FA", "name": "Duotone", "opacity": 0.35},
      {"op": "text.add", "content": "THE NORDIC NOTEBOOK", "fontName": "Segoe UI", "fontSize": 24, "bold": true, "color": "#64B5F6", "origin": [72, 96], "name": "Kicker"},
      {"op": "text.add", "content": "Five quiet lakes for a long weekend", "fontName": "Georgia", "fontSize": 62, "color": "#FFFFFF", "boxWidth": 560, "leading": 1.12, "origin": [70, 150], "name": "Title"},
      {"op": "shape.add", "shape": "ellipse", "rect": [72, 470, 64, 64], "color": "#64B5F6", "name": "Avatar"},
      {"op": "text.add", "content": "A. Writer · 6 min read", "fontName": "Segoe UI", "fontSize": 26, "color": "#D6E2EF", "origin": [156, 484], "name": "Byline"}
    ]
  }

• 

  Tuval 1080×1080 · 5 katman

  Tek şablon, her dil

  Tek proje, dört çıktı. Her dışa aktarma çağrısı iki text.set adımı taşır; böylece İngilizce, İspanyolca, Hintçe ve Japonca, kopya kaydetmeden aynı tasarımdan çıkar.

  Bunu üreten JSON'u göster

  // POST /v1/projects
  {
    "name": "Collection launch",
    "width": 1080,
    "height": 1080,
    "background": "#1E3A5F",
    "steps": [
      {"op": "layer.addImage", "asset_id": "photo_dunes", "fitCanvas": "cover", "name": "Photo"},
      {"op": "adjustmentLayer.add", "kind": "gradientMap", "shadows": "#1E3A5F", "highlights": "#F6E7D8", "name": "Brand tone", "opacity": 0.55},
      {"op": "layer.addFill", "color": "#0F2238", "name": "Shade", "opacity": 0.75},
      {"op": "mask.add", "layer": "Shade", "from": [540, 0], "to": [540, 520]},
      {"op": "text.add", "content": "New collection", "fontName": "Segoe UI", "fontSize": 96, "bold": true, "color": "#FFFFFF", "alignment": "center", "boxWidth": 960, "origin": [60, 120], "name": "Title"},
      {"op": "text.add", "content": "Available from 1 November", "fontName": "Segoe UI", "fontSize": 54, "bold": true, "color": "#D6E2EF", "alignment": "center", "boxWidth": 960, "origin": [60, 250], "name": "Subtitle"}
    ]
  }
  
  // POST /v1/projects/{id}/export  (es)
  {
    "format": "webp",
    "steps": [
      {"op": "text.set", "layer": "Title", "content": "Nueva colección"},
      {"op": "text.set", "layer": "Subtitle", "content": "Disponible desde el 1 de noviembre"}
    ]
  }
  
  // POST /v1/projects/{id}/export  (hi)
  {
    "format": "webp",
    "steps": [
      {"op": "text.set", "layer": "Title", "content": "नया कलेक्शन"},
      {"op": "text.set", "layer": "Subtitle", "content": "1 नवंबर से उपलब्ध"}
    ]
  }
  
  // POST /v1/projects/{id}/export  (ja)
  {
    "format": "webp",
    "steps": [
      {"op": "text.set", "layer": "Title", "content": "新コレクション"},
      {"op": "text.set", "layer": "Subtitle", "content": "11月1日から発売"}
    ]
  }

Ne için kullanabilirsiniz

• Toplu ürün görselleri

  Her ürün için afiş ve katalog görselleri: tek şablon, ürün fotoğrafı ve fiyat bir betikle değiştirilir.

• Sosyal medya gönderileri ve hikâyeler

  Tek tasarımdan her dilde gönderi ve hikâye; Arapça, Hintçe veya Japonca metin doğru şekillendirilir.

• Video küçük resimleri

  Kanal veya dizi başına bir küçük resim şablonu: başlığı ve fotoğrafı değiştirin, stili koruyun.

• Open Graph görselleri

  Sayfa yayımlandığında, üzerinde makalenin başlığı bulunan bağlantı önizleme kartları üretilir.

• Yerel pazara göre pazarlama varyantları

  Aynı kampanya her pazarda: çevrilmiş metin, yerel fiyatlar, başka bir fotoğraf; hepsi tek projeden.

• Ajanlar ve otomasyonlar

  n8n, Make, Zapier, bir cron betiği veya bir yapay zekâ ajanı: JSON ile HTTP isteği gönderebilen her şey görsel düzenleyebilir.

• Tarayıcıda düzenleme

  Gerektiğinde bir fotoğrafı rötuşlayın, bir yerleşim oluşturun veya bir şablonu elle düzeltin; editör kurmanıza gerek yok.

Planlar ve fiyatlar

Kart olmadan ücretsiz başlayın. Önizlemeler her zaman ücretsizdir; yalnızca dışa aktarmalar sayılır. Fiyatlara KDV dahil değildir; Birleşik Krallık'ta sterlin, diğer yerlerde euro ile faturalandırılır.

• Free

  0 € aylık

  Ücretsiz, kart gerekmez

  • Ayda 50 render
  • 4 megapikselye kadar tuval
  • Proje başına en fazla 10 katman
  • 3 kayıtlı proje
  • 250 MB depolama alanı
  • Dışa aktarmalar 3 gün saklanır
  • API anahtarları: 1
  • Eşzamanlı render: 1
  • Dışa aktarmalarda küçük filigran
  Ücretsiz başla

• Starter

  19 € aylık

  £17 UK

  • Ayda 1,000 render
  • 12 megapikselye kadar tuval
  • Proje başına en fazla 30 katman
  • 50 kayıtlı proje
  • 2 GB depolama alanı
  • Dışa aktarmalar 14 gün saklanır
  • API anahtarları: 2
  • Eşzamanlı render: 2
  • Filigran yok
  Starter planını seç

• Pro

  49 € aylık

  £43 UK

  • Ayda 5,000 render
  • 25 megapikselye kadar tuval
  • Proje başına en fazla 100 katman
  • 500 kayıtlı proje
  • 10 GB depolama alanı
  • Dışa aktarmalar 30 gün saklanır
  • API anahtarları: 5
  • Eşzamanlı render: 4
  • Filigran yok
  Pro planını seç

• Business

  129 € aylık

  £112 UK

  • Ayda 20,000 render
  • 50 megapikselye kadar tuval
  • Proje başına en fazla 200 katman
  • 5,000 kayıtlı proje
  • 50 GB depolama alanı
  • Dışa aktarmalar 60 gün saklanır
  • API anahtarları: 20
  • Eşzamanlı render: 8
  • Filigran yok
  • Öncelikli render
  Business planını seç