تحرير الصور بالطبقات، يدويًا أو عبر API.

محرر طبقات حقيقي، لا مجرد ملء قوالب

معظم واجهات توليد البانرات تستبدل نصًا وصورة في تصميم ثابت. يمنحك Nordic Layers أدوات محرر صور مكتبي، وكل أداة منها استدعاء API.

• الطبقات وأنماط الدمج

  طبقات صور ونصوص وأشكال وتعبئة بلون وتدرج خطي أو شعاعي وطبقات تعديل. عشرون نمط دمج، من الضرب والشاشة إلى الضوء الناعم واللون والإضاءة، مع شفافية لكل طبقة.

• تعديلات غير مدمّرة

  المستويات والمنحنيات والتدرج/التشبع والتعريض والسطوع/التباين وخريطة التدرج والأبيض والأسود وتوازن الألوان والعكس والحبيبات. غيّرها أو احذفها في أي وقت: لا تُمسّ بكسلات الأصل أبدًا.

• الأقنعة والقص

  أقنعة طبقات من مستطيل أو شكل بيضوي أو تلاشٍ متدرج أو صورة أخرى، مع تنعيم للحواف وعكس. اقصص الصورة على الشكل الذي تحتها تمامًا كما في المحرر المكتبي.

• نصوص بكل الكتابات

  العربية والأردية من اليمين إلى اليسار، والهندية والبنغالية والتاميلية بتشكيل صحيح، والصينية واليابانية والكورية. عرض الصندوق والمحاذاة وتباعد الأسطر والخط الغامق والمائل في 12 عائلة خطوط.

• المرشحات وتأثيرات الطبقات

  التمويه الغاوسي وتمويه الحركة والضوضاء والتظليل الحوافي والحدة والبكسلة. ظل ساقط وحد خارجي وتوهج خارجي وتراكب لوني على أي طبقة، بما فيها النص.

• المستند نفسه بطريقتين

  ما تبنيه في محرر المتصفح هو مستند JSON يستطيع الـ API فتحه وتعديله وتصديره، والعكس صحيح. المصممون يرسمون القالب، والكود يملؤه.

أمثلة أنتجها المحرك الحقيقي

كل صورة أدناه خرجت من محرك Nordic Layers انطلاقًا من JSON المجاور لها. الصور للاختبار؛ و asset_id هو المعرّف الذي يعيده POST /v1/assets لكل رفع.

• 

  اللوحة 1200×628 · 8 طبقات

  بانر منتج للتجارة الإلكترونية

  صورة منتج بظل ساقط على تدرج لوني، مع شارة سعر والعرض. بدّل الصورة والنص لكل منتج في الكتالوج وصدّرها كلها بسكربت واحد.

  أظهر JSON الذي أنتجها

  // 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"}
    ]
  }

• 

  اللوحة 1080×1080 · 5 طبقات

  منشور مربع للتواصل الاجتماعي

  صورة بمستويات وتشبع وتظليل حوافي، وتعبئة داكنة تتلاشى بقناع متدرج ليبقى العنوان مقروءًا على أي صورة.

  أظهر JSON الذي أنتجها

  // 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"}
    ]
  }

• 

  اللوحة 1080×1920 · 7 طبقات

  ستوري بالعربية

  ستوري بنسبة 9:16 بنص عربي مشكَّل من اليمين إلى اليسار، وخلفية مموهة، والصورة مقصوصة على بطاقة بزوايا مستديرة بقناع قص.

  أظهر JSON الذي أنتجها

  // 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"}
    ]
  }

• 

  اللوحة 1280×720 · 4 طبقات

  صورة مصغرة لفيديو

  نص كبير بحد وظل ساقط فوق صورة مقلوبة ومكبّرة ومضاءة، وبطاقة مائلة. النوع الذي تصنعه كل أسبوع.

  أظهر JSON الذي أنتجها

  // 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}
    ]
  }

• 

  اللوحة 1200×630 · 7 طبقات

  معاينة رابط Open Graph

  بطاقة 1200×630 لمقال: خلفية متدرجة، وصورة تتلاشى بقناع متدرج، وطبقة تعديل خريطة تدرج فوق الكل.

  أظهر JSON الذي أنتجها

  // 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"}
    ]
  }

• 

  اللوحة 1080×1080 · 5 طبقات

  قالب واحد، كل اللغات

  مشروع واحد وأربع صور مصدَّرة. كل طلب تصدير يحمل خطوتي text.set، فتأتي الإنجليزية والإسبانية والهندية واليابانية من التصميم نفسه دون حفظ نسخ.

  أظهر JSON الذي أنتجها

  // 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日から発売"}
    ]
  }

فيمَ تستخدمه

• صور المنتجات بالجملة

  بانرات وصور كتالوج لكل منتج: قالب واحد، وصورة المنتج وسعره يُبدَّلان بسكربت.

• منشورات وستوريات التواصل

  منشورات وستوريات بكل اللغات من تصميم واحد، مع نصوص مشكَّلة بشكل صحيح بالعربية أو الهندية أو اليابانية.

• صور الفيديو المصغرة

  قالب صورة مصغرة لكل قناة أو سلسلة: غيّر العنوان والصورة وابقَ على الأسلوب.

• صور Open Graph

  بطاقات معاينة الروابط تُولَّد عند نشر الصفحة، وعليها عنوان المقال.

• نسخ تسويقية لكل لغة

  الحملة نفسها في كل سوق: نص مترجم وأسعار محلية وصورة مختلفة، كلها من مشروع واحد.

• الوكلاء والأتمتة

  n8n وMake وZapier وسكربت cron أو وكيل ذكاء اصطناعي: أي شيء يستطيع إرسال طلب HTTP بـ JSON يستطيع تحرير الصور.

• التحرير في المتصفح

  نقّح صورة أو ابنِ تخطيطًا أو أصلح قالبًا يدويًا عند الحاجة دون تثبيت محرر.

الخطط والأسعار

ابدأ مجانًا دون بطاقة. المعاينات مجانية دائمًا؛ التصديرات وحدها تُحتسب. الأسعار لا تشمل ضريبة القيمة المضافة، وتُفوتر بالجنيه في المملكة المتحدة وباليورو في غيرها.

• Free

  0 € في الشهر

  مجاني، دون بطاقة

  • 50 عملية إنتاج شهريًا
  • لوحة حتى 4 ميغابكسل
  • حتى 10 طبقة في المشروع
  • 3 مشروع محفوظ
  • 250 MB من التخزين
  • تُحفظ التصديرات 3 يومًا
  • مفاتيح API: 1
  • عمليات إنتاج متزامنة: 1
  • علامة مائية صغيرة على التصديرات
  ابدأ مجانًا

• Starter

  19 € في الشهر

  £17 UK

  • 1,000 عملية إنتاج شهريًا
  • لوحة حتى 12 ميغابكسل
  • حتى 30 طبقة في المشروع
  • 50 مشروع محفوظ
  • 2 GB من التخزين
  • تُحفظ التصديرات 14 يومًا
  • مفاتيح API: 2
  • عمليات إنتاج متزامنة: 2
  • بلا علامة مائية
  اختر Starter

• Pro

  49 € في الشهر

  £43 UK

  • 5,000 عملية إنتاج شهريًا
  • لوحة حتى 25 ميغابكسل
  • حتى 100 طبقة في المشروع
  • 500 مشروع محفوظ
  • 10 GB من التخزين
  • تُحفظ التصديرات 30 يومًا
  • مفاتيح API: 5
  • عمليات إنتاج متزامنة: 4
  • بلا علامة مائية
  اختر Pro

• Business

  129 € في الشهر

  £112 UK

  • 20,000 عملية إنتاج شهريًا
  • لوحة حتى 50 ميغابكسل
  • حتى 200 طبقة في المشروع
  • 5,000 مشروع محفوظ
  • 50 GB من التخزين
  • تُحفظ التصديرات 60 يومًا
  • مفاتيح API: 20
  • عمليات إنتاج متزامنة: 8
  • بلا علامة مائية
  • إنتاج ذو أولوية
  اختر Business