Autor: Brother Mouse
Hoy les demostraré el proceso de creación de una página web comercial. Los amigos que conocen las páginas web deben saber la importancia de Photoshop en este proceso, porque es la base para la producción de páginas web. Por lo tanto, el autor ha preparado este conjunto de tutoriales con el objetivo de esperar que los amigos principiantes puedan tener una comprensión más profunda del proceso de producción. En los próximos días prepararé más, en comparación con álbumes promocionales, carteles de bienestar público, etc. ., el proceso de producción. ¡Empecemos ahora!
Primero echemos un vistazo a las representaciones finales:
representaciones
Figura (1) Primero seleccione Archivo>Nuevo (CTRL+N) y establezca los parámetros en el cuadro de diálogo. Como se muestra en la Figura 1.
Establecer parámetros
Figura (2) Cree una nueva capa. Ahora comience con el fondo. Primero establezca el color del degradado (aquí uso rojo y negro como color de fondo. El color se puede ajustar según sus propias preferencias). Mantenga presionada la tecla Mayús+. ratón en la imagen Haga clic izquierdo para estirar hacia abajo en línea recta. Como se muestra en las Figuras 2 y 3. +
Editor de degradado
Diagrama de efecto de degradado
Figura (3) Después de configurar el color de fondo, use las herramientas de grabar y sobreexponer (tecla de acceso directo o) para editarlo y darle una sensación de textura. Como se muestra en las Figuras 4 y 5.
Un poco de sensación de tela.
Herramientas para grabar y esquivar
Figura (4) Después de usar la herramienta Marco (tecla de acceso directo m) para seleccionar el rango correspondiente en la esquina superior derecha, mantenga presionada Ctrl+j para copiar una capa separada. Editando el estilo del mismo. Como se muestra en las Figuras 6 y 7.
Mantenga presionado Ctrl+j para copiar una capa individualmente.
Edición de estilos de capa.
Figura (5) Seleccione la capa 2, use el mismo método que el anterior, seleccione el rango correspondiente y mantenga presionado Ctrl+j para copiar una capa separada. Editando el estilo del mismo. Como se muestra en la Figura 8.
Seleccione el rango apropiado
Figura (6) A continuación, debemos comenzar a oscurecer y esquivar la capa que acaba de seleccionarse y editarse en el cuadro. Primero seleccione la capa 3, como se muestra en la Figura 9, y luego seleccione la capa 4 después de editar, como se muestra en la Figura 10.
Realizar procesos de oscurecimiento y aclarado.
Figura (7) Cree una nueva Figura 5. Ahora modifique la imagen y use la herramienta Marco para seleccionar el rango apropiado, como se muestra en la Figura (11) Rellene R:255 G:2 B:252. Haga doble clic en la capa 5 para editar. el estilo. Como se muestra en la Figura (12). Ajusta la transparencia de esta capa al 40%. Como se muestra en la Figura (13)
Utilice la herramienta de marco para seleccionar un rango apropiado
Edición de estilo de capa
Transparencia de la capa
(8) Cree una nueva capa, seleccione el rango y rellénelo con R:255 G:2 B:252 Edite el estilo como se muestra en (14) y ajuste la transparencia de esta capa a 0.
Edición de estilo de capa
Figura (9) Ahora ingresamos el texto (también puede pensar en un nombre que le guste). Llamaré a la página web Heitongdiba e ingresaré algunas fuentes en consecuencia. Como se muestra en la Figura (15).
Escribe texto
Imagen (10) Ok, ahora necesitamos procesar la fuente, modificar el tema pupila negra, hacer doble clic en la capa para editarla en el estilo, como se muestra en (16), ajustar la transparencia de esta capa a 0.
Fuentes de proceso
Figura (11) Busque algunas imágenes relacionadas y colóquelas (pero deben coincidir con el tema que proporcionó, no busque solo algunas imágenes), y luego coloque las imágenes en el estilo para editarlas. Como se muestra en la figura (17)
Si la
imagende estilo de capa
(12) no es suficiente, agregue algunas pequeñas modificaciones (imagen 18) pero no demasiadas y ajuste la transparencia adecuadamente.
Agregue algunas modificaciones menores
¡Hecho! Veamos el resultado final.
efecto final
Una vez que se completa una página web, en realidad es muy fácil. Los principiantes pueden utilizar estos métodos simples para intentar crear su propia página web. Cualquier diseño no necesariamente tiene que tener muchos efectos para ser bueno. A veces la simplicidad también es un tipo de belleza. Si tienes opiniones diferentes en el tutorial, espero que puedas comunicarte conmigo Contacto QQ: 95512068.