精修前后大不同：看这些生图变美图，揭秘修图技巧！

在数字时代，照片已经成为我们记录生活、分享情感的重要方式。而修图，则成为了许多人提升照片视觉效果、美化形象的一种手段。今天，我们就来一起看看一些生图变美图的案例，并揭秘一些实用的修图技巧。

一、修图前的照片

在开始修图之前，我们先来欣赏一下这些原始的照片。这些照片虽然可能存在一些不足，但它们都拥有独特的魅力和故事。

1. 照片一：户外风景

这张照片展现了美丽的户外风景，但画面略显单调，天空颜色不够丰富。

2. 照片二：人物肖像

这是一张人物肖像，模特的表情自然，但肤色不够均匀，背景有些杂乱。

3. 照片三：美食摄影

这是一张美食摄影作品，食物色泽诱人，但画面光线不足，细节不够清晰。

二、修图后的照片

接下来，我们看看经过修图后的照片，看看这些技巧如何让照片焕然一新。

1. 照片一：户外风景

修图后的照片中，天空颜色更加丰富，画面更加生动。

2. 照片二：人物肖像

修图后的照片中，肤色更加均匀，背景更加简洁，整体效果更加美观。

3. 照片三：美食摄影

修图后的照片中，光线更加充足，细节更加清晰，食物色泽更加诱人。

三、揭秘修图技巧

1. 调整曝光与对比度

曝光与对比度是影响照片视觉效果的重要因素。通过调整曝光，可以使画面更加明亮或暗淡；调整对比度，可以使画面更加鲜明或柔和。

// JavaScript示例代码
const img = new Image();
img.src = "https://example.com/1.jpg";

img.onload = () => {
  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);

  // 调整曝光
  ctx.globalAlpha = 0.5;
  ctx.drawImage(img, 0, 0);
  ctx.globalAlpha = 1;

  // 调整对比度
  const data = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
  for (let i = 0; i < data.length; i += 4) {
    data[i] = data[i] * 1.2; // 增加亮度
    data[i + 1] = data[i + 1] * 1.2;
    data[i + 2] = data[i + 2] * 1.2;
  }
  ctx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
};

2. 调整色彩平衡

色彩平衡是调整照片色彩的重要技巧。通过调整色彩平衡，可以使画面更加温暖或冷冽。

// JavaScript示例代码
const img = new Image();
img.src = "https://example.com/2.jpg";

img.onload = () => {
  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);

  // 调整色彩平衡
  const data = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
  for (let i = 0; i < data.length; i += 4) {
    // 调整红色
    data[i] = data[i] * 1.1;
    // 调整绿色
    data[i + 1] = data[i + 1] * 0.9;
    // 调整蓝色
    data[i + 2] = data[i + 2] * 0.9;
  }
  ctx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
};

3. 美颜磨皮

美颜磨皮是修图中最常见的技巧之一。通过磨皮，可以使皮肤更加光滑，减少瑕疵。

// JavaScript示例代码
const img = new Image();
img.src = "https://example.com/3.jpg";

img.onload = () => {
  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);

  // 美颜磨皮
  const data = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
  for (let i = 0; i < data.length; i += 4) {
    // 磨皮效果
    const r = Math.max(data[i], data[i + 4], data[i + 8]);
    const g = Math.max(data[i + 1], data[i + 5], data[i + 9]);
    const b = Math.max(data[i + 2], data[i + 6], data[i + 10]);
    data[i] = r;
    data[i + 1] = g;
    data[i + 2] = b;
  }
  ctx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
};

4. 裁剪与拼接

裁剪与拼接是修图中常用的技巧，可以帮助我们更好地突出主题，或弥补画面不足。

// JavaScript示例代码
const img = new Image();
img.src = "https://example.com/1.jpg";

img.onload = () => {
  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");
  canvas.width = 500;
  canvas.height = 300;
  ctx.drawImage(img, 0, 0, 500, 300);

  // 裁剪
  const裁剪区域 = {
    x: 100,
    y: 100,
    width: 300,
    height: 200
  };
  ctx.drawImage(img, 裁剪区域.x, 裁剪区域.y, 裁剪区域.width, 裁剪区域.height, 0, 0, canvas.width, canvas.height);

  // 拼接
  const img2 = new Image();
  img2.src = "https://example.com/2.jpg";
  img2.onload = () => {
    ctx.drawImage(img2, 0, 0, 300, 200);
  };
};

四、总结

通过以上案例和技巧，相信你已经对修图有了更深入的了解。在今后的生活中，不妨尝试运用这些技巧，让你的照片更加美丽动人。记住，修图并非是改变真实，而是为了更好地展现美。