image-editing について
image-editingは、Xiaohongshu向けコンテンツの写真を整えるスキルです。基本調整、レタッチ、エフェクト、文字やグラフィックの追加を扱い、自然で一貫性のある編集も案内します。
主な機能
- 01露出、コントラスト、色の調整
- 02レタッチとシミの除去
- 03フィルター、プリセット、エフェクト
- 04文字やグラフィックの追加
- 05自然で統一感のある編集
活用シーン
- 01Xiaohongshu投稿用の写真準備
- 02編集前後の比較画像の作成
- 03画像へのタイトルや要点の追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ vivy-yi/ xiaohongshu-skills --skill image-editingインストール後、Claude Code で/image-editingを入力して読み込まれたか確認します。
詳細
画像編集(图片编辑)
概要
画像編集とは、モバイル編集アプリを使って小紅書(Xiaohongshu)向けコンテンツの写真を補正、レタッチ、加工し、目を引いて情報を効果的に伝える、魅力的でプロらしい画像を作成することです。
使用する場面
次の場合に使用します:
- 小紅書の投稿用に写真を準備するとき
- 画質(明るさ、色、シャープネス)を高めるとき
- 編集前後の比較画像を作成するとき
- テキストやグラフィックを重ねるとき
- 写真の問題(光量不足、肌の blemish)を修正するとき
- コンテンツ全体で一貫したビジュアルスタイルを作るとき
次の場合は使用しないでください:
- すでに画質が非常に優れている場合(過度に編集しないでください)
- 誤解を招く編集を作成するとき(偽の編集前後比較)
- 編集によって写真が不自然に見える場合(プリセットが強すぎる)
基本パターン
編集前(未編集の写真):
❌ "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つの要素:
- 基本調整 - 露出、明るさ、コントラスト、彩度
- 色補正 - 色温度、色かぶり補正、鮮やかさ、カラーグレーディング
- レタッチ - 肌荒れの除去、肌のスムージング、体型補正
- クリエイティブ効果 - フィルター、プリセット、ぼかし、周辺光量
- テキストとグラフィック - オーバーレイ、ステッカー、フレーム、透かし
クイックリファレンス
| 編集ツール | 最適な用途 | 習得の難易度 | プラットフォーム |
|---|---|---|---|
| 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
よくある間違い
| 間違い | 起きる理由 | 対処法 |
|---|---|---|
| 過度な編集(フィルターが強すぎる) | 完璧な写真にしたい | 控えめに編集する。やりすぎないことが大切です |
| 投稿ごとにスタイルが一貫しない | 写真を1枚ずつ別々に編集する | 一貫性を保つため、プリセットを作成して使用する |
| 誤解を招く編集前後比較 | 劇的な結果を求める | 同じ照明とアングルで撮影し、編集したことを明記する |
| 肌を過度になめらかにする | 欠点のない肌が最善だと思う | 肌の質感を残し、自然に仕上げる |
| 構図を無視する | 編集だけに集中する | 良い写真を編集する(編集では悪い構図を直せません) |
| すべてのコンテンツに大きな透かしを入れる | 盗用を恐れる | 使用を限定するか、目立たない小さな透かしにする |
| プリセットを保存しない | 毎回同じ編集をやり直す | 効率化のため、うまくいった編集をプリセットとして保存する |
実際の効果
事例:画像品質の向上
- 編集前:スマートフォンで撮影した未加工写真を投稿し、スタイルに一貫性がなく、エンゲージメント率は5%
- 編集後:画像編集を習得し、プリセットを作成して、一貫した美的スタイルを確立
- 結果:エンゲージメントが40%増加し、フォロワーの増加率は2倍に。ブランド提携も増加(プロらしい見た目がブランドを引き付けた)
データに基づく知見:
- 編集済み画像は、未編集の写真よりエンゲージメントを2〜3倍獲得します(被写体が同じ場合)
- 編集スタイルに一貫性のあるアカウントは、一貫性のないアカウントより2倍速く成長します
- 明るく暖色系の写真は、寒色系で暗い写真よりエンゲージメントが20%高くなります(ライフスタイル分野)
- 誠実な編集前後比較の投稿は、ほかの種類のコンテンツより保存数が3倍になります
- 編集しすぎた写真(強いフィルター、肌の過度なスムージング)は信頼を30%低下させます
- プロらしい写真(すっきりとした編集)は、ブランド提携を2倍獲得しやすくなります
- 明るく軽やかなプリセットは、スキンケア・美容分野で最も人気があります(人気アカウントの70%)
関連スキル
必須: cover-design を使用してください(画像編集はカバーデザインを強化します) 必須: image-text-content を使用してください(画像とテキストの投稿向けに画像を磨き上げます)
画像編集に推奨:
- photo-editing-tools(特定の編集アプリを使いこなす)
- content-layout(編集した画像をカルーセルに組み合わせる)
- visual-branding(一貫した編集スタイルを作成する)
- seeding-copywriting(編集した画像が商品コンテンツを支える)
画像編集を併用する対象:
- cover-design(魅力を最大化するためにカバー画像を編集する)
- image-text-content(画像とテキストのコンテンツ向けに画像を磨き上げる)
- carousel-creation(すべてのカルーセル画像を統一感をもって編集する)
コメント
Markdown 対応