Cómo Cortar Un Diseño

Tabla de contenido:

Cómo Cortar Un Diseño
Cómo Cortar Un Diseño

Video: Cómo Cortar Un Diseño

Video: Cómo Cortar Un Diseño
Video: Como recortar una imagen en photoshop cs6 2024, Mayo
Anonim

¿Ha compilado un diseño original con elementos gráficos y le gustaría hacer un diseño? Primero, debe aprender a dividir el diseño para que cada uno de los elementos gráficos esté posteriormente en el lugar correcto en el medio, la parte superior o la parte inferior de la página.

Cómo cortar un diseño
Cómo cortar un diseño

Instrucciones

Paso 1

Al elegir técnicas sobre cómo cortar un diseño, recuerde que cada diseñador de diseño utiliza sus propios métodos para cortarlo cuando trabaja con diseños PSD. Por lo tanto, en la primera etapa, elija solo las técnicas más simples, que incluyen cortar el diseño creado con gráficos en pedazos, lo cual es conveniente para los principiantes. Primero, primero imagine en su mente en qué partes dividirá su diseño, piense en cada una de sus partes por separado y solo luego proceda a la parte técnica del proceso en sí. Recuerde que el diseño PSD se divide en "trozos" según su complejidad, dividiéndolo en elementos separados. Además, cada elemento gráfico debe ser independiente de todos los demás detalles.

Paso 2

Al decidir cómo cortar un diseño con un encabezado que consta de botones, una capa de fondo separada y capas de texto, recuerde que en este caso no se puede cortar todo el encabezado como una imagen. En tal situación, es mejor cortar en imágenes por separado todas las capas de texto, cada botón, así como la capa de fondo del encabezado. En segundo lugar, dividir un diseño supone que el diseñador de diseño realiza acciones en la siguiente secuencia. Si el texto es solo una parte de la decoración, utilícelo antes del diseño HTML / CSS.

Paso 3

Primero, abra el diseño en Photoshop para que el panel de capas aparezca a la derecha, que se considera la columna vertebral necesaria para comenzar el diseño. En el caso de que se pueda hacer clic en todas las imágenes, abra la versión de resolución completa de su diseño. A continuación, diseñe todos los elementos gráficos para que tengan el mismo aspecto que en formato HTML, por lo que guarde cada elemento gráfico pronunciado en el formato deseado: GIF,.

Paso 4

Para seleccionar el elemento gráfico requerido, use una herramienta como la herramienta Marco rectangular, que le permite marcar el área seleccionada con una línea de puntos. Después de eso, recorte el resto del diseño hasta el elemento punteado usando el menú Imagen> Recortar. Para deshacerse de las capas de fondo innecesarias, aplique un relleno degradado, desactivando la visibilidad de las capas de fondo. A continuación, recorte las esquinas de la parte seleccionada y luego mantenga transparentes todas las demás capas.

Recomendado: