¿Cómo cortar imágenes al crear una página web en Photoshop?

Cómo cortar páginas web en Photoshop:

¿El primer paso? ¿Usar PS para abrir el archivo PSD de las representaciones de la página web y extraer las líneas de referencia de acuerdo con la página web? Al mismo tiempo, para facilitar el corte, puede hacer clic derecho para personalizar el color del panel a un color que contraste.

El segundo paso es encontrar la capa de fondo principal en la capa PS. Si la imagen de fondo es un degradado, solo puede recortar uno o dos píxeles y luego configurar el relleno en el código.

Paso 3: Oculta otras capas y recorta la imagen de fondo. Si la imagen de fondo es grande, considere recortarla en secciones para acelerar la carga de la página web.

Paso 4: Después de recortar el fondo, recorta el LOGO de arriba a abajo. Aquí también necesita ocultar otras capas. Al generar la imagen, seleccione png como tipo de archivo, ya que esto puede hacer que el fondo de la imagen sea transparente.

Paso 5: Para exportar la imagen, puede elegir el archivo y almacenarlo en todos los formatos para web y dispositivo.

Paso 6: Al guardar la imagen recortada, elija guardar el HTML y la imagen, de modo que la página web exportada y la imagen recortada se generen automáticamente.

Paso 5: Al cortar el fondo de la parte de derechos de autor al final de la imagen, encontrará que se trata de una capa de degradado, por lo que puede recortar solo un píxel de longitud. Luego configure el relleno del eje horizontal de repetición-x en el código.