Cómo diseñar un blog de WordPress en Photoshop

Adobe Photoshop es un paquete de software de edición de imágenes profesional que está diseñado para ayudar a todos, desde principiantes hasta expertos, crear y modificar imágenes. Adobe Photoshop se puede instalar en una amplia gama de plataformas, desde UNIX a Windows, por lo que es ideal para la creación de gráficos de sitios web. Debido a su interfaz intuitiva y potente conjunto de herramientas, los usuarios pueden diseñar su blog de WordPress desde cero usando solamente Photoshop.

Instrucciones

1 Abra Adobe Photoshop. Ir a "Archivo" y seleccionar "Nuevo" para crear una nueva imagen. Introduzca "1000" para "Ancho" y "1300" por "Altura". Esto asegura que tiene un amplio espacio para el diseño de su blog de WordPress. No se preocupe, puede cambiar el tamaño cuando se codifican el blog.

2 Cambiar el color de fondo de la nueva imagen. Elegir el color con cuidado, ya que será difícil de cambiar más adelante.

3 Ir a "Filtro" y experimentar con los efectos en la categoría de "Brush Strokes". Añadir algunos efectos a su fondo para darle a su blog en el futuro un aspecto fresco.

4 Utilice la herramienta "Rectángulo" para crear un rectángulo con un ancho de "1000" y una altura de "55." Colocarlo en la parte superior de la imagen. Aplicar una "Superposición de degradado" con dos colores, como "# 2c2c2c" y "# 5e5e5e," y cambiar la posición del punto medio de color a 70 por ciento. Este bar estará barra de navegación de su blog.

5 Seleccione la "herramienta de tipo horizontal" y añadir enlaces importantes a la barra de navegación como campos de texto. Algunos ejemplos de los vínculos más importantes son "Inicio", "About" y "Contacto" y "RSS". Observe que puede personalizar la fuente, tamaño y color del texto.

6 Seleccione la "herramienta de tipo horizontal" y añadir un título a tu blog debajo de la barra de navegación. Utilice una fuente pesado y un tamaño de al menos "36." El color de su título es también muy importante.

7 Crear una nueva capa y utilizar la "herramienta Marco rectangular" para hacer una selección de 1000 por 80 píxeles. Utilice la herramienta de "Cubo de pintura" a llenarlo con blanco. Cambiar la opacidad de la capa a 65 por ciento. Esta capa será la barra de navegación secundaria y contendrá sus categorías.

8 Utilice la opción "herramienta de tipo horizontal" para añadir las categorías para esta segunda barra de navegación. Utilizar cualquier tipo de letra, tamaño y color, siempre y cuando el texto se ajusta dentro de la barra de navegación.

9 Crear una nueva capa y utilizar la "herramienta Marco rectangular" para hacer una selección de 650 por 900 píxeles con el título, en el lado izquierdo de la página. Utilice la herramienta de "Cubo de pintura" de llenar este cuadro con un color claro. También puede agregar un borde a su nueva selección. Este cuadro contendrá el contenido de la página, por lo que ya puede llenarlo de contenido de prueba utilizando la "herramienta de tipo horizontal."

10 Añadir dos campos de texto, "Cargo anterior" y "Siguiente Post," bajo el cuadro de contenido para ayudar a los lectores a navegar a través de su blog.

11 Dibuje dos o cuatro cajas de 145 por 145 píxeles en el lado derecho de la imagen. Cada caja debe tener un borde de dos píxeles para separarlo de los otros. Estas cajas contendrán anuncios y ayudarle a obtener beneficios económicos de su blog.

12 Utilice la herramienta "Rectángulo" para dibujar un rectángulo de 225 x 30 píxeles, en virtud de los anuncios. Debe ser del mismo color que el cuadro de contenido. Utilice la herramienta "Rectángulo redondeado" para dibujar un rectángulo pequeño a la derecha de la nueva caja. Hacer un nuevo campo de texto dentro del rectángulo redondeado y tipo "Buscar". Esta será su cuadro de búsqueda.

13 Añadir tres cajas de 300 por 120 píxeles debajo del cuadro de búsqueda. Crear tres nuevos campos de texto, uno para cada cuadro y escriba "etiquetas", "Entradas Populares" y "Comentarios recientes", respectivamente.

14 Crear una nueva capa y utilizar la "herramienta Marco rectangular" para hacer una selección con un ancho de 1000 por 80 píxeles. Colocarlo en la parte inferior de la imagen, lo rellenamos de negro y cambiar la opacidad de la capa al 15 por ciento. Este será el pie de página y contener la información de derechos de autor.

15 Ir a "Archivo" y seleccione "Guardar como" para guardar la imagen como un archivo PSD. Guardarlo en cualquier lugar de su disco duro y utilizarlo posteriormente para codificar su nuevo blog de WordPress.

Consejos y advertencias

• Puede crear el contenido de prueba para todas las secciones para visualizar cómo el producto final se verá.