mcpField
I
image-editing

image-editing

github.com/vivy-yi创意与媒体508436 次安装40 周前更新
代码仓库

关于 image-editing

image-editing 是用于处理小红书内容图片的技能,涵盖基础调整、修饰、特效以及文字和图形叠加。它也提供保持编辑自然、风格统一的指导。

主要功能

  1. 01调整曝光、对比度和色彩
  2. 02修饰照片并去除瑕疵
  3. 03应用滤镜、预设和视觉效果
  4. 04添加文字与图形叠加
  5. 05保持编辑自然且风格统一

适用场景

  1. 01为小红书帖子准备图片
  2. 02制作前后对比图
  3. 03在图片上添加标题或要点

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill image-editing

安装后在 Claude Code 中输入/image-editing确认已加载。

详细介绍

图片编辑

概述

图片编辑是指使用手机编辑应用增强、修饰和转换照片,为小红书内容打造视觉吸引力强、看起来专业的图片,从而吸引关注并有效传达信息。

适用场景

适用于:

  • 为小红书帖子准备照片
  • 提升图片质量(亮度、色彩、清晰度)
  • 制作前后对比图
  • 添加文字叠加和图形
  • 修复照片问题(光线不足、瑕疵)
  • 为各类内容打造统一的视觉风格

不适用于:

  • 图片质量已经非常出色时(不要过度编辑)
  • 制作误导性图片(虚假的前后对比)
  • 编辑后照片看起来不自然时(预设效果太重)

核心模式

编辑前(未经编辑的照片):

❌ "Posted raw photos, dull lighting, poor colors"
❌ "No consistent style, images look amateur"
❌ "Blemishes and imperfections visible"
❌ "Photos don't match aesthetic of account"
❌ "Low engagement on image posts"

编辑后(经过专业编辑):

✅ "Consistent editing style, all photos cohesive"
✅ "Enhanced colors and lighting, photos pop"
✅ "Professional look, higher perceived quality"
✅ "Branded aesthetic, followers recognize my style"
✅ "Before/after edits show transformations clearly"
✅ "Engagement increased 40% after improving image quality"

图片编辑的 5 个要素:

  1. 基本调整 - 曝光、亮度、对比度、饱和度
  2. 色彩校正 - 色温、色调、自然饱和度、色彩分级
  3. 修饰 - 去除瑕疵、平滑肌肤、塑形
  4. 创意效果 - 滤镜、预设、模糊、暗角
  5. 文字和图形 - 叠加元素、贴纸、边框、水印

快速参考

编辑工具最适合学习难度平台
Xingtu (醒图)全能编辑低iOS、Android
Meitu (美图秀秀)美颜修饰低iOS、Android
Snapseed专业调整中iOS、Android
Canva文字和图形低iOS、Android、Web
Lightroom Mobile色彩分级、预设中高iOS、Android

实施

步骤 1:掌握基本调整

照片增强基础:

Basic Adjustments Framework:

1. Exposure and Brightness
   Purpose: Fix lighting issues

   Overexposed (too bright):
   - Decrease exposure: -0.3 to -0.7
   - Decrease highlights: -20 to -50
   - Result: Recover blown-out details

   Underexposed (too dark):
   - Increase exposure: +0.3 to +0.7
   - Increase shadows: +20 to +50
   - Result: Brighten dark areas

   Pro Tip:
   ✅ Use histogram (if available)
   ✅ Aim for balanced distribution (not clipped)
   ✅ Check for blown highlights (red areas in preview)

2. Contrast and Tone
   Purpose: Add depth and dimension

   Low Contrast (flat, dull):
   - Increase contrast: +10 to +30
   - Increase highlights: +10 to +20
   - Decrease shadows: -10 to -20
   - Result: More dynamic range

   High Contrast (harsh):
   - Decrease contrast: -10 to -20
   - Increase shadows: +10 to +20
   - Result: Softer, more balanced

   Rule of Thumb:
   Most photos benefit from: Contrast +15

3. Saturation and Vibrance
   Purpose: Enhance or mute colors

   Boost Colors:
   - Increase vibrance: +15 to +30 (skin-safe)
   - Increase saturation: +10 to +20 (cautiously)
   - Result: Richer, more appealing colors

   Mute Colors (muted aesthetic):
   - Decrease saturation: -10 to -30
   - Increase brightness: +5 to +10
   - Result: Soft, minimal look

   Pro Tip:
   ✅ Use vibrance first (skin-safe)
   ✅ Use saturation sparingly (can oversaturate skin)
   ✅ Match aesthetic to niche (bright for lifestyle, muted for fashion)

4. Sharpness and Clarity
   Purpose: Enhance details and edges

   Soft Photo (lacked focus):
   - Increase sharpness: +20 to +40
   - Increase clarity: +10 to +20
   - Result: Crisper details

   Over-Sharp (harsh edges):
   - Decrease sharpness: -10 to -20
   - Decrease clarity: -10 to -20
   - Result: Softer look

   Pro Tip:
   ✅ Apply sharpening last (after all other edits)
   ✅ Zoom to 100% to check for halos (oversharpening)
   ✅ Less is more (subtle sharpness looks more natural)

Basic Adjustments Recipe (Starting Point):
- Exposure: 0 (adjust based on lighting)
- Brightness: +5 (slight brighten)
- Contrast: +15 (add depth)
- Warmth: +5 (slight warmth, flattering)
- Saturation: +10 (color boost)
- Vibrance: +20 (skin-safe color boost)
- Sharpness: +25 (crisp details)
- Clarity: +10 (subtle definition)
步骤 2:应用色彩分级

打造统一的美学风格:

Color Grading Techniques:

1. Temperature and Tint
   Temperature (Warmth):
   - Cool (blue): -10 to -20 (clinical, modern)
   - Warm (yellow): +10 to +20 (cozy, friendly)

   Best for Skincare/Beauty:
   ✅ Warmth +5 to +15 (flattering skin tones)

   Best for Fashion:
   ⚪ Cool -5 to -15 (editorial look)

   Tint (Green-Magenta):
   - Most photos: 0 (neutral)
   - Correct color cast: -5 to +5
   - Creative: Adjust for mood

2. HSL (Hue, Saturation, Luminance)
   Hue (Color Color):
   - Shift specific colors (red → orange)
   - Creative: Change color palette
   - Example: Shift blue to teal for aesthetic

   Saturation (Color Intensity):
   - Boost specific colors: +10 to +30
   - Mute specific colors: -10 to -30
   - Example: Boost orange (skin flattering), mute green

   Luminance (Color Brightness):
   - Brighten specific colors: +10 to +30
   - Darken specific colors: -10 to -30
   - Example: Darken blue sky for drama

   Common HSL Adjustments:
   ✅ Orange (skin): Saturation +10, Luminance +5
   ✅ Blue (sky): Saturation +20, Luminance +10
   ✅ Green (nature): Saturation -10 (muted look)

3. Curves (Advanced)
   Purpose: Precise tonal control

   S-Curve (Contrast Boost):
   - Shadows: Lower left point slightly down
   - Highlights: Upper right point slightly up
   - Result: More contrast, pop

   Brighten Midtones:
   - Lift middle of curve upward
   - Result: Brighter image without blowing highlights

   Darken Highlights:
   - Lower upper part of curve
   - Result: Recover bright areas

   Pro Tip:
   ✅ Subtle curves adjustments (5-10 points)
   ✅ Avoid extreme curves (unnatural look)
   ✅ Use histogram as guide

4. Color Grading (Split Toning)
   Purpose: Creative color in highlights/shadows

   Warm Highlights, Cool Shadows:
   - Highlights: Yellow/orange, 10-20% saturation
   - Shadows: Blue, 10-20% saturation
   - Result: Cinematic, dimensional look

   Matching Popular Aesthetics:

   Instagram Aesthetic:
   - Highlights: Warm (yellow, 15% sat)
   - Shadows: Cool (blue, 10% sat)

   Minimal Aesthetic:
   - Highlights: Neutral (low saturation)
   - Shadows: Neutral (low saturation)

   Vintage Aesthetic:
   - Highlights: Warm (yellow, 20% sat)
   - Shadows: Warm (red, 15% sat)

5. Create and Save Presets
   Process:
   1. Edit photo to desired look
   2. Save adjustments as preset
   3. Name preset descriptively ("Warm Skincare", "Cool Fashion")
   4. Apply to future photos (one-tap consistency)

   Preset Benefits:
   ✅ Consistent aesthetic across account
   ✅ Faster editing workflow
   ✅ Recognizable brand style

   Preset Strategy:
   - Create 2-3 presets for different content types
   - Example: "Product Shot" (bright, clean), "Lifestyle" (warm, soft)
   - Apply preset, then fine-tune per photo
步骤 3:修饰照片

增强效果,同时避免误导:

Retouching Ethics and Techniques:

1. Skin Retouching
   Blemish Removal:
   - Use: Healing brush or blemish tool
   - Remove: Acne, scars, spots
   - Keep: Skin texture (don't blur completely)

   Skin Smoothing:
   - Light: Reduce pores slightly (natural look)
   - Medium: Smooth skin texture (common in beauty)
   - Heavy: Airbrushed (highly edited)

   Ethical Guideline:
   ✅ Remove temporary blemishes (acne, redness)
   ✅ Keep permanent features (moles, scars)
   ✅ Don't oversmooth (uncanny valley)
   ✅ Disclose significant edits if misleading

2. Body and Face Reshaping
   Tools Available:
   - Slim face, enlarge eyes, smooth jawline
   - Lengthen legs, slim waist

   Ethical Concerns:
   ⚠️ Can create unrealistic expectations
   ⚠️ May promote body image issues
   ⚠️ Followers may feel inadequate

   Recommendation:
   ✅ Use minimally (subtle enhancements)
   ✅ Avoid extreme reshaping (obviously fake)
   ✅ Consider impact on audience (especially younger followers)
   ✅ Disclose edits if promoting body positivity

3. Background Cleanup
   Remove Distractions:
   - Use: Healing brush, clone tool
   - Remove: Trash, people in background, messy areas
   - Keep: Natural environment (don't fake backdrop)

   Background Replacement:
   - ⚠️ Can be misleading (not real location)
   - ✅ Acceptable if disclosed (studio backdrop)
   - ✅ Creative choice (artistic background)

   Ethics:
   ✅ Remove distractions (clutter, random objects)
   ❌ Fake location or setting (misleading)
   ❌ Create false context (not real situation)

4. Before/After Edits
   Purpose: Show transformation

   Ethical Before/After:
   ✅ Same lighting (no manipulation)
   ✅ Same angle (no perspective trick)
   ✅ Honest time gap (realistic timeline)
   ✅ Disclose products used (transparency)

   Misleading Before/After:
   ❌ Different lighting (after is brighter/better)
   ❌ Different angle (more flattering in after)
   ❌ Fake time gap (results not realistic)
   ❌ Heavily edited after photo

   Example (Ethical):
   Before: Acne breakout (real photo)
   After: After using skincare product for 30 days (real photo)
   Edits: Color correction only (no fake skin)

   Example (Misleading):
   Before: Poor lighting, bad angle
   After: Great lighting, better angle, heavy retouching
   Claim: "Product transformed my skin in 1 week" (unrealistic)

5. Transparency and Disclosure
   When to Disclose:
   ✅ Heavily edited photos (obviously retouched)
   ✅ Reshaped body/face significantly
   ✅ Fake background or setting
   ✅ Before/after with manipulated results

   How to Disclose:
   - Caption: "Edited for brightness/color"
   - Hashtag: #edited #notreal
   - Honest: "This took 20 minutes of editing"
   - Educate: Show before/after of edit process

   When Not Required:
   ✅ Basic adjustments (exposure, color)
   ✅ Blemish removal (temporary)
   ✅ Normal retouching (industry standard)

   Ethics Rule of Thumb:
   If edit creates unrealistic expectation → Disclose
   If edit is minor/basic → No disclosure needed
步骤 4:添加创意效果

提升视觉吸引力:

Creative Enhancement Options:

1. Filters and Presets
   Filter Types:
   - Bright/Airy: High exposure, low contrast, warm
   - Moody: Low exposure, high contrast, cool
   - Vintage: Fade, warm tone, slight vignette
   - Black & White: Classic, timeless

   Best Practices:
   ✅ Match filter to content mood
   ✅ Use consistently (build aesthetic)
   ✅ Don't over-filter (subtle is better)
   ✅ Create own presets (unique style)

   Filter Recommendations by Niche:

   Skincare/Beauty:
   - Bright, airy, warm
   - Low contrast, high exposure
   - Clean, fresh look

   Fashion:
   - Moody or minimal
   - Low saturation or black & white
   - Editorial style

   Food:
   - Warm, vibrant
   - High saturation (appetizing)
   - Slight contrast boost

2. Blur and Bokeh
   Purpose: Focus attention, create depth

   Radial Blur (Focus Subject):
   - Center sharp, edges blurred
   - Use for: Product shots, portraits
   - Settings: Blur amount 20-40%

   Tilt-Shift (Miniature Effect):
   - Horizontal blur band
   - Use for: Creative flat lay, scenes
   - Settings: Blur position top/bottom

   Background Blur (Portrait Mode):
   - Subject sharp, background blurred
   - Use for: portraits, product isolation
   - Settings: Blur amount 30-50%

3. Vignette
   Purpose: Draw attention to center

   Subtle Vignette:
   - Dark edges, bright center
   - Use for: Portraits, product shots
   - Settings: Vignette amount 10-20%

   Creative Vignette:
   - Strong dark edges
   - Use for: Dramatic effect
   - Settings: Vignette amount 30-40%

   Pro Tip:
   ✅ Subtle is better (10-15% is usually enough)
   ✅ Don't overuse (every photo doesn't need vignette)

4. Grain and Texture
   Purpose: Add film-like quality

   Film Grain:
   - Adds texture, reduces digital look
   - Use for: Vintage aesthetic, moody photos
   - Settings: Grain amount 15-30%

   Light Leaks:
   - Adds warm, dreamy spots
   - Use for: Creative, artistic photos
   - Settings: Leak opacity 20-40%

   Dust and Scratches:
   - Adds vintage, aged look
   - Use for: Retro aesthetic
   - Settings: Texture amount 10-20%

5. Duotone and Color Effects
   Duotone (Two-Color):
   - Shadows: One color
   - Highlights: Another color
   - Use for: Creative, artistic effect

   Gradient Map:
   - Maps grayscale to color gradient
   - Use for: Unified color scheme

   Color Splash:
   - Selective color (rest is B&W)
   - Use for: Focus attention on color element
步骤 5:添加文字和图形

制作信息丰富的叠加元素:

Text and Graphic Elements:

1. Text Overlays
   When to Add Text:
   ✅ Titles (product name, topic)
   ✅ Key points (summary slides)
   ✅ Call-to-action (follow, link in bio)
   ✅ Quotes (testimonials, tips)

   Text Design Principles:
   - Font: Readable, matches aesthetic (avoid overly decorative)
   - Size: Large enough to read on mobile screen
   - Color: High contrast (dark text on light, or vice versa)
   - Position: Don't cover focal point
   - Background: Semi-transparent box or blur behind text

   Tools:
   - Canva (text templates)
   - Xingtu (text overlays)
   - Phonto (custom fonts)

2. Stickers and Decorations
   Types:
   - Arrows (point to features)
   - Circles/Underlines (highlight text)
   - Icons (checkmarks, hearts, stars)
   - Frames (borders, corners)

   Usage:
   ✅ Highlight key information
   ✅ Add visual interest
   ✅ Guide viewer's eye
   ⚠️ Don't overuse (cluttered)

3. Watermarks
   Purpose: Protect content, brand image

   Placement:
   - Corner (least intrusive)
   - Center (harder to remove)
   - Tiled (repeating across image)

   Design:
   - Logo or username
   - Semi-transparent (30-50% opacity)
   - Small but visible

   Pro/Con:
   ✅ Protects from theft
   ❌ Distracts from image
   ❌ Reduces aesthetic quality

   Recommendation:
   - Use on high-value content (product photography)
   - Skip on personal photos (lifestyle, behind-the-scenes)

4. Frames and Borders
   Types:
   - Simple border (white, black line)
   - Polaroid frame (white bottom, text space)
   - Rounded corners (soft look)
   - Decorative frame (designer border)

   Usage:
   ✅ Separate image from background
   ✅ Add space for text
   ✅ Create cohesive look for carousel

5. Comparison Graphics
   Before/After Layout:
   - Side-by-side (before left, after right)
   - Split screen (vertical or horizontal divider)
   - Labels: "Before" and "After" text

   Design:
   ✅ Consistent lighting (no manipulation)
   ✅ Same size/scale (fair comparison)
   ✅ Clear labels (viewer knows which is which)
   ✅ Arrow or line highlighting difference

   Tools:
   - Before/After maker apps
   - Manual layout in Canva
   - Split screen in editing app

常见错误

错误原因修正方法
过度编辑(滤镜太重)想让照片完美轻微编辑,少即是多
帖子风格不统一每张照片单独编辑创建并使用预设,保持风格统一
误导性的前后对比想要戏剧化的效果使用相同的光线和角度,并说明编辑情况
过度平滑肌肤认为毫无瑕疵才最好保留肌肤纹理,让效果自然
忽略构图只关注编辑编辑构图良好的照片(编辑无法挽救糟糕的构图)
所有内容都加上醒目的水印担心内容被盗用选择性添加,或使用小而不显眼的水印
不保存预设每次都重新制作效果将成功的编辑保存为预设,提高效率

实际效果

案例研究:图片质量提升

  • 之前:发布手机原图,风格不统一,互动率为 5%
  • 之后:学习图片编辑,创建预设,打造统一的美学风格
  • 结果:互动率提升 40%,粉丝增长速度翻倍,品牌合作增加(专业的外观吸引了品牌)

数据支持的洞察:

  • 编辑过的图片获得的互动量是未经编辑照片的 2-3 倍(主题相同)
  • 采用统一编辑风格的账号,增长速度是风格不统一账号的 2 倍
  • 明亮、暖色调的照片比冷色调、暗色调照片的互动量高 20%(生活方式领域)
  • 经过诚实编辑的前后对比帖子,获得的收藏量是其他内容类型的 3 倍
  • 过度编辑的照片(滤镜过重、肌肤过度平滑)会使信任度降低 30%
  • 看起来专业的照片(干净的编辑)吸引的品牌合作是普通照片的 2 倍
  • 清淡通透的预设在护肤和美妆领域最受欢迎(70% 的头部账号使用)

相关技能

必需:使用 cover-design(图片编辑可提升封面设计效果) 必需:使用 image-text-content(为图文帖子润色图片)

推荐用于图片编辑:

  • photo-editing-tools(掌握特定编辑应用)
  • content-layout(将编辑后的图片组合成轮播图)
  • visual-branding(打造统一的编辑风格)
  • seeding-copywriting(编辑后的图片可用于产品内容)

将 image-editing 与以下技能搭配使用:

  • cover-design(编辑封面图片,最大限度提升吸引力)
  • image-text-content(润色图文内容中的图片)
  • carousel-creation(统一编辑所有轮播图图片)

评论

支持 Markdown