Cómo Crear Tutoriales de Diseño de Photoshop Paso-A-Paso

Escribir un tutorial de Photoshop podría parecer una tarea fastidiosa. Este artículo te ayudará a hacerlo más fácil. Brilla una luz en el proceso de crear un tutorial de diseño de Photoshop paso-a-paso, mientras explica el formato a seguir para la publicación en el sitio de Psdtuts+. Da ejemplos, consejos, y directrices para que sigas, ¡lo que te ayudará a construir el próximo increíble tutorial de Photoshop!

Introducción

Hemos visto un interés creciente en miembros de nuestra comunidad queriendo escribir tutoriales para Psdtuts+. Ofrecemos pagos por tutoriales, y activamente promovemos esto en el sitio. Así que, un interés natural en éste tema ha crecido. Algunos miembros de sitios han pedido directrices sobre escribir tutoriales. Quieren saber más sobre aproximaciones exitosas para escribir tutoriales de diseño paso-a-paso, como también les gustaría que los publiquen en el sitio.

Si estás interesado en escribir tutoriales para Psdtuts+, entonces éste artículo será de ayuda para ti. Si no, entonces todavía valdrá la pena chequearlo para obtener una visión de detrás de escena del proceso. Antes de empezar con escribir un tutorial revisa nuestras directrices de sumisión. Léelas cuidadosamente, ya que hay algunos requerimientos que necesitarán ser cumplidos.

Set Óptimo de Habilidades

Primero que todo, requiere ciertas habilidades escribir un tutorial exitoso para éste sitio. Necesitarás un comando de Photoshop. Otra habilidad que necesitarás es la de desarrollar ideas de diseño interesantes y únicas. Deberías poseer el talento artístico para crear una imagen final excitante y pulida. Mientras que no es requerido que seas un hablante nativo de Inglés, necesitarás escribir en Inglés, o trabajar con tu propio traductor. Sí hacemos chequeos de gramática antes de que se publiquen, pero deberías hacer lo mejor posible con esto antes de enviarlo. Algunos podrían decepcionarse al saber que sí, necesitarás conocer al menos lo básico de html, o trabajar con alguien que lo haga. Esencialmente, necesitarás ser capaz y dispuesto a enviar el tutorial en el formato correcto.

Paso-por-Paso de los Tutoriales PSDTUTS

Tenemos un formato para tutoriales por el cual es conocido Psdtuts+. El estilo de organizar un tutorial es con pasos enumerados. La ventaja de éste formato es que presenta un camino claro desde principio a fin. Enseña cómo construir un diseño y alcanzar un resultado pulido. Es un poco como seguir un mapa desde el punto A a través de curvas y dobleces hasta llegar al punto Z.

Algunos tutoriales van en un camino directo desde el principio hasta el final. El tutorial Super Retro Game Cartridge Design es un ejemplo de seguir un camino recto. Incluso en un tutorial que generalmente siga un formato de camino recto, el diseñador muchas veces da algún contexto en la introducción y algún consejo en la conclusión, aunque en éste tipo de tutorial, existe a veces un poco de desviación desde el camino de instrucción de diseño recto de Photoshop.

Otros tutoriales proporcionan más razonamiento detrás de los pasos del tutorial. Sería como decir por qué te estás parando en el punto E del mapa antes de continuar al punto Z. Así que, los tutoriales ofrecer consejos adicionales mientras persiguen el resultado final. Esto maximiza los conceptos presentados en el tutorial. Para que se ajuste al formato usado en el sitio, éste tipo de consejo podría ser incluido como parte de una explicación de un paso. En algunos casos, podría ser un paso en sí. Collis mezcla las explicaciones a través de este Tutorial de Paso-Por-Paso Composición de Fotos Creativa: Obtén Más de lo Que Tienes. Una explicación adicional es importante para entender las razones por las que ciertas decisiones fueron hechas, ya que éste era un proyecto de cliente actual. Ten en mente sin embargo que una sobre explicación en un tutorial no sirve de ayuda. El camino al resultado final debería todavía dominar las descripciones de tutoriales.

Podrías tener algunas preguntas sobre el formato de los tutoriales aquí. Si la tienes, déjamelo saber en los comentarios, y haré mi mejor esfuerzo para responderlas. He ideado algunas preguntas que podrías tener:

• ¿Los tutoriales de Psdtuts+ siempre seguirán un formato de paso-por-paso enumerado? Siempre es un largo tiempo. Esto podría cambiar en algún punto eventualmente, aunque no tenemos planes de hacerlo en este punto.
• ¿Qué hay del vídeo? Mientras que nuestro enfoque está actualmente en tutoriales escritos, el vídeo es un formato interesante. Sí aceptamos tutoriales que incluyan vídeos, aunque en este punto el vídeo debería mejorar el tutorial escrito, y no apoyarse en el vídeo. Aquí hay un ejemplo Creando Imágenes de Estilo Rayos X de Objetos Mecánicos.
• ¿Puedo escribir una serie de tutoriales? Sí, publicamos series de tutoriales. Aunque requerimos que la serie completa sea escrita para revisión por completo, ya que no hay nada peor que esperar por la parte II y se atrasa. También tenemos opciones de publicación cruzada con NETTUTS. No hemos explorado está posibilidad por completo todavía, pero estamos abiertos a las sugerencias.

Describe Cada Paso Detalladamente

Los detalles son importantes. En vez de saltarse los pasos en la construcción de un diseño, cubre todo. Describe exactamente cómo quieres crear cada paso. Por supuesto, el alcance del tutorial podría dictar de otra manera en algunos casos. Usa tu mejor juicio, pero generalmente mientras más detalladas sean las instrucciones entonces será mejor.

Tono y Estilo de Escritura

Un tono amigable profesional es usualmente el más efectivo. Existen muchas maneras de socavar el profesionalismo de tu escritura. Mantente en la meta con tu escritura. Evita serpentear en tu escritura, mencionando cosas que no pertenecen al tutorial, y detalles sobre tu vida personal. Es mejor mantenerse en el tema, en camino, enfocado, conciso y buscar la claridad. Eso no significa que no tengas una personalidad, pero no dejes que le quite el profesionalismo a tu escritura.

Decide en Tu Concepto

El primer paso en crear un tutorial es idearse algo. El artículo 12 Ways to Tap Into an Endless Well of Creativity apunta algunas maneras de prender la llama creativa. Últimamente, mientras más único e interesante sea el diseño más probabilidad tendrá de que sea un éxito. También, mientras más útil sea tu tutorial para los lectores más probabilidades tenga de ser apreciado. Existen otros numerosos factores que hacen un tutorial increíble de Photoshop, lee algunos de ellos: 5 Criterios Importantes que Hacen Tutoriales de Photoshop Increíbles

Acredita tus Imágenes y Cita Tus Fuentes

Los derechos de autor es un tema importante en los tutoriales que publicamos. De manera que podamos considerar tu tutorial, necesitaremos enlaces a cada imagen y un activo que hayas usado. De ésta manera podemos verificar los derechos de uso de las fotos y materiales. Esto no es aplicable si no estás usando activos, si creaste tus propios activos, o si fotografiaste tus propias imágenes.

En el tutorial Create a 60’s Psychedelic Style Concert Poster Kyle cita la fuente tanto para la cantante mujer en el tutorial y la textura usada también.

Ten en mente que siempre deberías citar tus fuentes. Si tu idea está inspirada por un movimiento de arte, bueno entonces aclara eso. Si tu concepto está inspirado por un artista, dale crédito al artista. Si generaste la idea independientemente, entonces no es un problema aplicable. En el tutorial, Design a Shiny Photorealistic Apple Remote Constantin claramente indica su fuente de inspiración para éste diseño como un producto actual de Apple.

Bosqueja, Experimenta, y Planea Tu Diseño

Como con cualquier proyecto de diseño necesitarás ir a través de éstas fases de crear el diseño por sí mismo. Decidir En Tu Concepto fue mencionado anteriormente, pero para hacerlo podrías querer experimentar primero. El proceso de finalizar tu concepto puede diferir enormemente, ya que existen numerosos tipos de proyectos de diseño.

Bosqueja algunos conceptos. Si estás creando un diseño que requiera cualquier nivel de dibujo detallado entonces éste es claramente un paso necesario. Ve el artículo The Role of Sketching in the Design Process para más información. Un ejemplo de un dibujo de Photoshop detallado es el trabajo de Sergio Ordoñez Suánez. O podrías componer un bosquejo digital. Usa Photoshop en sí para crear un bosquejo burdo del diseño. Experimenta con el posicionamiento hasta que obtengas bien el posicionamiento, el color y el diseño. Eso fue lo que hice en el tutorial de Create a Constructivist Inspired Poster. El paso 1 del tutorial explica ésta técnica.

Experimenta con diferentes efectos y herramientas de Photoshop. Ya que estamos escribiendo tutoriales de Photoshop, puede hacer que tu tutorial resalte por usar una combinación única de efectos. O por demostrar un uso creativo de una técnica de Photoshop. Los tutoriales completos pueden ser basados alrededor de un solo uso interesante de la herramienta de Photoshop. Ten en mente que el diseño final necesitará ser un ejemplo estelar de ésta técnica en acción para la comunidad para que aprecie la técnica. El tutorial Create Rainbow Logos with Warped Grids demuestra el uso versátil y creativo de la herramienta Warp.

Una vez que hayas resumido tu concepto, bosquejado y experimentado, entonces finalizas tu plan para el diseño. En muchos casos, puedes hacer que el plan quepa dentro de tu casa, pero podrías querer escribir algunos puntos claves que cubrirás en tu tutorial.

Acorta Tu Aproximación

Existen dos aproximaciones básicas que podrías escoger cuando creas tu tutorial. Una aproximación es crear tu diseño pulido primero. Entonces vuelves y lo diseñas una segunda vez, mientras grabas tu proceso de diseño ésta segunda vez. La otra aproximación es diseñar y grabar tus pasos mientras lo haces.

Una ventaja de la primera aproximación es que te puedes enfocar en el diseño la primera vez. Es difícil capturar cada paso y construir un buen diseño congruentemente. También puedes tener la ventaja de que puedes enviar tu resultado final pulido para revisión antes de escribir el tutorial. También usarías el Formulario de Revisión de Sumisiones para ésto. Ten en mente sin embargo que podrías querer tomar algunas notas. O capturar capturas de pantalla importantes. No hay nada peor que no recordar cómo conseguiste un increíble efecto, y después intentar recordarlo todo desde cero de nuevo.

Una ventaja de crear tu diseño y grabar tus pasos juntos es que puede ahorrar tiempo. Si tienes un plan claro, y un diseño relativamente simple, entonces ésta podría ser la mejor solución. También, si tienes un gran tutorial para escribir, uno que sea razonable de hacer dos veces, como el tutorial de Fiery Photoshop Space Explosion Tutorial, entonces ésta aproximación podría ser necesaria, incluso si se arrastra en el proceso de diseño. También, mientras más hagas tutoriales más atrayente se verá hacerlo todo junto.

Ten en mente que éstas fueron aproximaciones. No tienen ningún soporte en cómo la audiencia percibe el tutorial final. Simplemente son distintas aproximaciones para crearlos.

Captura Capturas de Pantalla y Graba Tu Proceso

La manera más básica de capturar las capturas de pantalla es usar herramientas, y atajos, construidos dentro de la computadora. Después límpialos en Photoshop si es necesario. Existen numerosas herramientas disponibles que podrían racionalizar el proceso de capturar capturas de pantalla. Siéntete libre de mencionar cualquiera de tus programas favoritos para esto en los comentarios. Ten en mente que las imágenes no deberían ser mayores a 600px de amplitud. Permitimos la visualización al enlazar a una imagen más grande.

Existen algunas directrices de formateo para tener en mente con las capturas de pantalla. Es decir, cada paso debería tener una imagen. Puede haber cualquier cantidad de capturas de pantalla o imágenes usadas para el Paso, pero últimamente combínalas para hacer una gran imagen en Photoshop, y nombra la imagen con el mismo número como el paso (por ejemplo, Paso 1 sería 1.jpg). Esto hace que sea fácil tener un control. Un ejemplo común de múltiples imágenes combinadas usadas en el sitio a continuación. En el tutorial Mix Cool Retro Curves Into Your Photographs Fabio nos muestra estilos de capas específicos para usar en el Paso 5, la imagen también muestra los resultados de éstos estilos.

Existe una plétora de opciones de opciones de diseño disponibles cuando se combinan múltiples imágenes, o texto e imagen. Existe una cantidad razonable de libertad en cómo muestras el diseño tomando forma. Abajo hay algunos ejemplos que dan un pequeño vistazo a la variedad de opciones. Algunos varían basados en el posicionamiento de la imagen, combinación de texto, imagen y flechas en el diseño, y el uso de llamadas. Seguidas están unas cuantas opciones de diseño de imágenes potenciales.

En el tutorial, Create a Sleek, High-End Web Design from Scratch Collis da casi tanta cantidad de consejos como lo hace en tu instrucción de paso por paso. En la imagen a continuación, él exitosamente unificó tanto el texto como la imagen para ilustrar uno de los puntos que hace en el tutorial.

En el tutorial, How to Put Smokin' Bullet Holes and a Wanted Sign into a Piece of Wood Collis usa un llamado y un texto para indicar un posicionamiento propio e impropio de los elementos de diseño del hueco del punto.

Abajo puedes ver múltiples imágenes que son combinadas para mostrar dónde y cómo fue aplicada la herramienta de pincel. Ésto es del paso 17 del tutorial Use a 3D Model to Create a Dramatic Scene in Photoshop. Mientras que la imagen podría ser limpiada un poco, te da una buena vista de la versatilidad dentro del formato.

Grabar tu proceso es una tarea laboriosa, pero es esencial para el éxito de un tutorial de Photoshop. Describe en detalle cada paso necesitado para completar el diseño final. Describe cada elemento de diseño que necesite ser creado, y exactamente cuáles acciones el usuario necesita hacer. Incluye capturas de pantalla que lo acompañen e ilustren más el proceso. Si las capturas de pantalla muestran una información esencial entonces siéntete libre de referirlas. No necesitas escribir todos los estilos de capas usadas en una detallada descripción, si has tomado las capturas de pantalla que los muestre. El texto escrito y las imágenes sirven en conjunto.

Algunas directrices de formateo están incluidas en el archivo de plantilla html. También hemos estado usando éstas directrices, las cuales debes tener en mente que son un trabajo en progreso.

Por supuesto, podrías hacer cosas como referirte a otro tutorial en el sitio para más información sobre el fondo de ésta técnica avanzada. Podrías saltarte describir algunos detalles como los de la Máscara, ya que se cubren en tantos tutoriales aquí en el sitio. El sentido común debería prevalecer. Sé detallado sobre todo lo que los usuarios necesitarían saber.

Revisa Tu Tutorial A Través de los Ojos del Usuario

Ten en mente la audiencia del tutorial. Para ellos es que está escrito el tutorial. La mayoría de los tutoriales en el sitio se dirigen tanto a los usuarios novatos como a los avanzados. Así que, cuando revises tu tutorial ten en mente cómo un usuario, que podría tener menos experiencia que tú, seguirá el tutorial. ¿Cuáles preguntas podrían tener? ¿Existe una sección que les podría parecer difícil? Trabaja para mejorar el tutorial basado en éste tipo de problemas.

Edita, Refina, y después Ingresa el Tutorial

Edita tu tutorial por los errores gramaticales y lógicos. Asegúrate que el tutorial sea equilibrado, secuencial y entendible. Trabaja para hacer tu escritura tan concisa y clara como sea posible. Haz un chequeo de vocabulario. Asegúrate que el formateo HTML esté correcto. Después ingresa el tutorial final para su aprobación. Usa el Formulario de Sumisión de Tutoriales. ¡ Buena suerte!

Conclusión

Los dos diseñadores que han escrito la mayoría de los tutoriales en el sitio son Fabio y Collis. Fabio escribe regularmente y por lo tanto tiende a escribir directo al punto de los tutoriales de diseño. Estudiar su escritura es un gran modelo para seguir para los escritores de tutoriales, especialmente para aquellos scritores que están comenzando. Escribe tutoriales limpios, concisos y exitosos. Collis tiende a escribir tutoriales comprensivos que cubran tanto los pasos de diseño involucrados y los principios de diseño gráfico que están por debajo de las decisiones. Por supuesto, existe una sobreposición, ya que ambos escriben cada tipo de tutorial también.

Ten en mente que estás construyendo tu reputación cuando creas tutoriales para el sitio. También estás construyendo una relación con nuestro equipo y los miembros del sitio con cada comunicación que envíes, cualquier comentario que hagas y cada tutorial que crees. Si tienes un interés en escribir más de un tutorial, entonces considera el primer tutorial que escribas para nosotros como una introducción, ya que tenemos muchas oportunidades disponibles.

Recuerda que cuando envíes un concepto de tutorial para que lo revisemos estás vendiendo una idea. Esto significa que estás tratando de vender el concepto, la imagen final pulida, y a ti mismo como escritor. Siéntete libre de incluir enlaces a otros tutoriales que hayas escrito, y tu portafolio de diseño cuando envíes los conceptos, ya que ayuda a establecer tu nivel de profesionalismo en el campo. Déjame saber si tienes alguna pregunta en los comentarios.