Tumblr combina un énfasis en la creatividad visual con una longitud de publicación que se encuentra entre la brevedad de Twitter y la longitud abierta de una entrada de blog tradicional. Cuando utiliza un tema personalizado de Tumblr que amplía el aspecto de su identidad dentro y fuera de línea, un tumblelog se ajusta a una estrategia que incluye otras redes sociales y en línea. Los diseñadores web a menudo comienzan a desarrollar temas personalizados en Adobe Photoshop, utilizando el formato de archivo PSD en capas del programa como su espacio de trabajo visual.
Establecimiento de dimensiones
Guías y capas de reglas de Adobe Photoshop Las capacidades simplifican la tarea de crear la base de un tema de Tumblr, completa con una cuadrícula de diseño que define las dimensiones de las áreas de contenido. Si configura grupos de capas para cada aspecto de su diseño, incluida su área de contenido principal y barra lateral, puede colocar todas las guías para cada elemento en una sola capa dentro de cada grupo. Esta disposición le permite hacer que sus guías sean visibles de forma selectiva, en lugar de simplemente mostrarlas y ocultarlas con un método abreviado de teclado o elemento de menú de Photoshop, y mantiene juntos los elementos de guía relacionados. Nombre sus grupos y capas para identificar la función de cada parte de su diseño. Los momentos en que invierte en tareas de nomenclatura incrementales dan sus frutos en el tiempo que no necesita gastar para activar y desactivar capas para determinar qué contienen. Para encontrar rápidamente las dimensiones de cualquier elemento de diseño, presione "F8" para abrir el panel Información y luego "Ctrl-clic" en la miniatura del panel Capas para cargar una selección basada en los píxeles de esa capa.
Selección de colores
Ya sea que use el Color Picker probado para seleccionar tonos para su tema, cargue opciones de una biblioteca de colores para que coincida con una pieza impresa o logotipo, o confíe en la herramienta Cuentagotas para muestra de sombras de otro archivo o gráfico, Adobe Photoshop ofrece una amplia gama de formas de seleccionar colores de tema. Cuando llena una capa con un color sólido para simular el color de fondo de un tema de Tumblr u otros elementos de su diseño, puede copiar la fórmula del color como texto de la lectura hexadecimal del Selector de color y pegar la identificación del color en el nombre de la capa para una referencia rápida Los seis caracteres alfanuméricos en un color hexadecimal aparecen en el código de Tumblr, así como en los diseños web para blogs y otros formatos en línea.
Creación de gráficos
El encabezado que identifica un tumblelog puede usar un gráfico de mapa de bits como gráfico temático. Puede crear este elemento crítico utilizando una combinación de texto y elementos basados en píxeles o vectores dentro de su archivo PSD. Si el gráfico incluye elementos personalizables que usted escribe en Photoshop, déjelos como texto en vivo dentro de su archivo de tema basado en PSD y rasterícelos solo en copias del archivo que proporcione a otras personas que no tienen una licencia para los archivos de fuentes requeridos en tu tema Cuando utilice herramientas de vectores para dibujar en Photoshop, incluidas las herramientas Pluma y forma, dibuje utilizando reglas de guía que se alineen con la resolución subyacente de su archivo de plantilla. Esta técnica ayuda a mantener su diseño lo más nítido posible cuando guarda o exporta versiones rasterizadas del mismo.
Pasos siguientes
Si sabe codificar HTML y CSS, y comprenda las variables especializadas que Tumblr usa en su estructura de código, puede traducir las dimensiones, especificaciones de color y gráficos que construye en un PSD a un tema de Tumblr personalizado que funcione. Si la codificación web queda fuera de su conjunto de habilidades, puede proporcionar su PSD a un programador para que produzca el tema por usted. Junto con un tratamiento visual, un tema de Tumblr debe incluir variables y bloques. Las variables aceptan valores dinámicos para crear elementos visuales estándar de Tumblr. Los bloques forman fragmentos de código que combinan variables con HTML. Los bloques configuran publicaciones y los enlaces permanentes que los alcanzan, enlaces que se mueven entre fragmentos de material y elementos organizados cronológicamente que se adaptan a las personas que les gusta o siguen un tumblelog individual.
Información de la versión
La información en este artículo se aplica a Adobe Photoshop CC y Adobe Photoshop CS6. Puede diferir leve o significativamente con otras versiones o productos.
[Cómo hacer temas de Tumblr con un diseño PSD] URL: http://www.ordenador.online/computadora/Software/253468.html