Cómo crear un trazo pixelado editable

¿Cómo puedo hacer que un trazo se vea pixelado como este en Photoshop CS6?

borde pixelado

Estoy hablando específicamente del borde del letrero (no del texto). Idealmente, no quiero tener que dibujar manualmente los píxeles, por lo que se puede repetir en diferentes tamaños.

Respuestas (2)

Después de una buena cantidad de problemas con pequeños ajustes aquí y allá, pude lograr algo similar, usando 36 Pixels/Inchpara la resolución de la imagen.

Creo que hay un punto óptimo entre 29 - 40 PPIellos que proporcionará los mejores resultados, pero no tengo todo el día para experimentar.

El poco complicado es si desea comenzar como una imagen más grande. Lo creé exactamente con la cantidad de píxeles que podía contar en el objeto real que era 25 x 198, me permitió aplicar un 1px Strokepara que coincida con lo que puedo ver en su ejemplo. Ahora, si quisieras crearlo con tres veces el tamaño, tendrías que triplicar el tamaño del trazo.

Es por eso que recomiendo crearlo con la cantidad exacta de píxeles y escalarlo cuando guarde.

Hay formas repetibles de lograr esto, pero pase lo que pase, si desea exactamente esos resultados en su ejemplo, necesitará algunos ajustes.

Eliminar Anti-Aliasingdonde pueda, en el tipo específico, lo hace mucho más posible. Usé Arial, y después de probar varias transformaciones, estoy bastante seguro de que no es Arial en tu foto. Definitivamente es más fácil usar una fuente pixelada a propósito como sugiere Scott.

Luego puede ampliarlo al guardarlo, asegúrese de usar la Nearest Neighbouropción de calidad, de lo contrario, se aplicará mucho suavizado.

Además, el degradado parece estar hecho a medida.

Imagen pixelada

Según el método en la pregunta muy similar vinculada a esta, usar Drop-Shadowy ajustar Contourlogra un mejor efecto que el trazo, usando la configuración que puede ver en esta captura de pantalla:

Ajustes

Este es el resultado final usando el método de sombra paralela:

Imagen Pixelada - Segundo Método

Si observa detenidamente las esquinas, el método de sombra paralela logra esquinas más estrechas y delgadas con menos alias.

Esto funciona un poco, pero es bastante borroso. Tienes razón en que es difícil de reproducir en tamaños más grandes.

Tendrá que dibujar los bordes de esa manera, o encontrar una fuente de píxeles sin suavizado (para el texto).

Excelentes fuentes de píxeles en http://www.fontsforflash.com/

Por el golpe....

Es realmente una cuestión simple agarrar la Herramienta de forma de rectángulo , marcar la opción Alinear bordes en la barra de control y establecer el Modo de forma en Combinar , luego acercar y dibujar rectángulos. Solo toma unos momentos.....

Forma dibujada

Y una vez hecho esto puedes agrandar todo lo que quieras y conservar los bordes....

bordes

Además, puede usar Edit > Define Custom Shape...para guardar esta forma y reutilizarla más tarde fácilmente. Al igual que todas las formas vectoriales, no hay que preocuparse por los ppi de la imagen, los estilos de capa, el suavizado... ni ninguno de los otros problemas inherentes a los píxeles si utiliza capas vectoriales de esta manera. La capa vectorial funcionará en cualquier imagen independientemente de la resolución, el modo de color, etc.

esto me pone triste
@Dcritelli No estoy seguro de por qué esto te entristece. He agregado un poco más a mi respuesta. Me tomó alrededor de 1 minuto dibujar la forma con la herramienta Forma de rectángulo.
Je, supuse que el sitio web de Flash al que te vinculaste lo entristeció...
Entendí mal lo que querías decir con dibujar. Pensé que te referías a dibujar manualmente las esquinas, lo que sería casi imposible de hacer de manera confiable a cualquier velocidad.
Además, no entiendo cómo se supone que funciona esto. Hacer clic en alinear cuadrícula de píxeles no parece cambiar la forma en que se dibuja el rectángulo.