Cómo crear sitios Web 3D

Los sitios web que son 3D son una ilusión gráfica producida en la fase de diseño gráfico en el desarrollo Web. Mientras más opciones son cada vez es posible con el uso de hojas de estilo en cascada (CSS), estas funciones avanzadas que no son visibles en todos los navegadores Web, por lo tanto, gráficos siguen siendo la forma más común para producir sitios web en 3D. Si desea crear sitios web en 3D, intente implementar estas instrucciones en la fase de diseño gráfico antes de crear el código de su sitio web. Usted debe tener un conocimiento sólido de la cascada de hojas de estilo y desarrollo Web para agregar estos gráficos para su sitio web después de seguir estas instrucciones.

Instrucciones

Instrucciones

1 Abrir Photoshop. Haga clic en "Archivo" y luego "Nuevo". Crear un nuevo lienzo que es de 960 píxeles de ancho, 600 píxeles de altura, y 180 píxeles por pulgada. Haga clic en Aceptar."

2 En la caja de herramientas, haga clic en la herramienta de rectángulo. Izquierda haga clic en el lienzo y arrastre el ratón para crear un rectángulo. Esto actuará la imagen de fondo de la cabecera de la página web como.

Para cambiar el color del rectángulo, haga doble clic en la miniatura de la capa en el panel de capas en la parte inferior derecha. Seleccionar un nuevo color.

3 Crear un efecto 3D de la capa del rectángulo. Haga clic derecho sobre la capa del rectángulo en el panel de capas. Seleccione "Opciones de fusión." Check "Sombra." Haga clic en "Aceptar". Su cuadro aparecerá ahora a flotar sobre el fondo.

Se puede ajustar el efecto de sombra o añadir efectos 3D adicionales en "Opciones de fusión".

4 Crear un título en 3D en la parte superior de la caja. Esto actuará como el título de su sitio web en 3D. Haga clic en la herramienta de texto en la caja de herramientas. Izquierda haga clic en el ratón en la parte superior de la caja de cabecera y arrastre el ratón para crear un cuadro de texto. Escriba un título para su sitio web 3D.

5 Haga clic derecho en el título 3D en el panel de capas. Seleccione "Opciones de fusión." Seleccionar "Sombra" y haga clic en "Aceptar". El título debe aparecer flotar por encima de la caja de cabecera.

6 Repita los pasos 2 y 3 para cualquier área adicional que desea crear, incluyendo la navegación, pie de página o cuadros de contenido cuerpo. Si desea incluir letras 3D en estas secciones, también repetir los pasos 4 y 5 sobre estas nuevas cajas.

7 Haga clic en "capa" en el menú superior. Seleccione "Acoplar imagen". Su diseño de página web en 3D se convertirá en una gráfica plana, apto para el diseño web.

8 El uso de la herramienta de recorte, seleccione la cabecera gráfica manteniendo pulsado el botón izquierdo del ratón y arrastrando el cuadro hasta que abarque todo el gráfico. Clic en "Enter" en el teclado para recortar la imagen. Haga clic en "Archivo" y "Guardar para Web". Seleccione JPG y haga clic en "Aceptar".

Esto creará un archivo JPG separada para la cabecera. Repita este paso para cada gráfico 3D adicional que ha creado.

9 Ha creado los gráficos en 3D a utilizar para su sitio web 3D. Utilice estos gráficos en la fase de desarrollo para hacer que su sitio web aparece en 3 dimensiones.