HOLA CHICOS, YA TENIA TIEMPO DE NO POSTEAR, ENCONTRE ESTE ARTICULO POR AHI NAVENGANDO EN Y RECORDE QUE UNO DE USTEDES ME PIDIO QUE POR FAVOR SUBIERA UN TUTORIAL PARA RALIZAR TARJETAS DE PRESENTACION, BUENO YA LO HE TRADUCIDO TODO Y LO SUBO . ESPERO QUE LES SIRVA..
Realización de Business Card utilizando sólo Photoshop
[ ]
Detalles del tutorial
Programa: Photoshop
Dificultad: Intermedio
En este tutorial, vamos a diseñar una simple tarjeta de presentación en Photoshop y dejarlo listo para la impresión con marcas de corte y sangrado. Lo normal sería hacer algo de esto con una herramienta como InDesign, pero en realidad es posible vivir sólo con nuestra buena vieja Photoshop.
Paso 1
Ok, así que lo primero que tenemos que hacer es crear un nuevo documento. Dependiendo de donde usted está pensando en conseguir sus tarjetas impresas, puede necesitar diferentes dimensiones. La impresora que utilizo aquí en tiene un tamaño de la tarjeta por defecto de 90mm x 55mm.
Cuando tengas que imprimir fuera sin embargo, es necesario añadir una especie de frontera alrededor de la imagen llamado sangrado. Un sangrado es básicamente el espacio en los bordes de su diseño en el que la imagen sigue pasando en la impresora y hasta donde se va a cortar el papel ¿Cuánto espacio deja de sangrar también depende de la impresora. En términos generales 3 mm - 5 mm es una buena cantidad de sangrado.
Debido a un capricho de Photoshop (que veremos más adelante) vamos a utilizar un valor de 3 mm. Así que al crear la imagen, en lugar de lo que es de 90 mm de alto que estamos haciendo es de 90 mm + 3 mm de sangría a la izquierda + 3mm de sangrado a la derecha = 96mm. Lo mismo ocurre con la anchura, estamos haciendo 55 +3 +3 = 61 mm.
Tenga en cuenta también que debido a que estamos haciendo algo para impresión debe configurar la resolución a 300 ppp y el modo de color se debe establecer en CMYK. Vamos a hablar más sobre el modo de color más adelante, pero con la resolución debe tener en cuenta que 300 ppp básicamente significa que hay más información de la imagen disponible para que pueda obtener una impresión de excelente calidad.
Si alguna vez tiene que hacer un enorme cartel, a veces puede salirse con la tuya tan sólo 120dpi, pero realmente depende qué tan lejos buscas llegar con tu trabajo. Si vas a imprimir 120dpi, la calidad de cerca será bastante mala. Si se trata de un cartel gigante (piensa en metros en vez de centímetros), entonces usted puedes salirte con la tuya. De todos modos, como se trata de una tarjeta de presentación, utilizaremos 300dpi obviamente por su belleza, en la alta calidad de impresión.
Paso 2
Una vez que se crea el documento, lo primero que tenemos que añadir algunas guías para mostrarnos donde los bordes de la tarjeta de visita y donde empieza el sangrado. Así que en primer lugar, pulse Ctrl-R para activar las Reglas. Ahora a añadir las guías, puede hacer clic en la regla y arrastrar las guías sobre el documento, o por un método más preciso, vaya a Ver> Guía nueva y luego le dan una posición horizontal de 3 mm. Repita de nuevo con una posición vertical de 3 mm. A continuación, repita dos veces más con Vertical / Horizontal y 58 mm / 93 mm.
Paso 3
Ahora debes tener un lienzo en blanco similar a la de abajo con cuatro guías, cada 3 mm de distancia de la orilla.
Paso 4
Elegimos esta agradable textura de hormigón, ya que se ve bien y urbano. Tú puedes utilizar la que más te plazca. O una similar.
Paso 5
Así que después de pegar la textura, presiona Ctrl-T para transformarla en aproximadamente el tamaño adecuado. Ahora bien, aunque quiero que la textura sea sucia y rugosa, en este momento es solo un poco sucia y ruidosa. Así editare la imagen, y me desharé de las dos líneas gigantescas a lo largo de izquierda a derecha. Podemos hacer esto con el Tampón de clonar (S) de Microsoft, presionar Alt para seleccionar el área que desea clonar (en este caso que acabo de utilizar la zona directamente encima) y luego paso por el área que desea clonar más. Cabe aclara que probablemente su diseño no necesite de esto. Asi que bueno..
Paso 6
Así que ahora tenemos un look en bruto y urbano, pero aun no es lo que buscamos.
En este punto, decidí que quería oscurecer la textura, así que añado una capa por encima con un relleno de color # 797c82 y lo puso en Multiplicar. Sin embargo, el aspecto era un poco extraño y tiene una especie de tono azulado (ver más abajo), mientras que yo quiero más oscuro y gris. Esto tiene que ver con el modo de color que estamos en - CMYK. Así que el tiempo para hablar un poco acerca de los modos de color ... (al menos como yo las entiendo)
Básicamente CMYK son los cuatro colores de proceso que la mayoría de las impresoras utiliza. Éstas hacen uso de estos cuatro colores (Cian, Magenta, Amarillo y Negro / Key),
Ahora en la pantalla, sin embargo, se utiliza RGB que como ustedes saben significa rojo, verde y azul. La diferencia viene porque en una pantalla que está viendo la luz de mezclada, si se suman todos los colores juntos obtienes el blanco - es por eso que en RGB el código de color para el blanco es R: 255, G: 255, B: 255 - es decir, completo rojo, azul, verde, lleno, lleno.
Sobre el papel, por el contrario, estás viendo el resultado de la luz que interactúa con un objeto. Desde mi recuerdo nebuloso de la clase de ciencias de la escuela cuando la luz incide sobre un objeto - por ejemplo una pared de color rojo - el objeto, de hecho, absorbe la luz y la refleja de vuelta a los que no pueden absorber, por lo que la pared roja refleja el rojo, pero de hecho se come el resto, dándole la apariencia de ser de color rojo. Así que, básicamente, en el papel es el opuesto * * de la pantalla donde se proyecta la luz. Sobre el papel que tiene Cian, Magenta, Amarillo y Negro / Key de hecho produce el color negro porque absorbe toda la luz (que es lo contrario de RGB en el que produce el blanco).
Ahora todo eso era sólo una información útil que explica por qué hay diferentes espacios de color. El punto clave a destacar es que la gama de colores que puedes hacer con CMYK es menor que lo que usted puede hacer con RGB. Así que cuando se cambia a CMYK, usted encontrará que algunas cosas no funcionan tan bien - cosas como superposiciones, o conseguir súper brillantes colores para mostrar. Una vez que se impriman, a menudo se verá bastante bien, pero a veces para hacer las cosas que estás acostumbrado hacer en Photoshop, debes de cambiar entre los modos de color. Recuerda sin embargo que si se cambia a RGB, debe volver a CMYK antes de enviarlos a imprimir. A fin de preservar los efectos, vamos a aplanar todo, en ese punto (verás lo que me refiero más adelante).
Cambio del modo de color
Ok, espero que estés todavía conmigo, básicamente lo que sucedió en este paso es que decidí que necesitaba volver a RGB para obtener el de gris oscuro correcto, y lo más importante en el paso siguiente, cuando quiero poner bloques amarillos superpuestos, También tendrá que ser en RGB.
Así que haremos esto de ir a Imagen> Modo> Color RGB. Se te preguntará si deseas acoplar la imagen, decimos que no!!! Ya debes notar un cambio inmediato en la coloración del efecto de oscurecimiento.
Y, sí, podría haber hecho este paso mucho más corto y diciendo solo que era en RGB, pero es útil aprender sobre los espacios de color
Paso 7
Ya estamos en el modo RGB. Ahora vamos a dibujar algunos bloques en diagonal. Así que coge la herramienta Lazo Poligonal (L) y luego crear una nueva capa.
Ahora vamos a dibujar la forma que se muestra a continuación. Para hacer esto bien, debe mantener pulsada la tecla Mayús para que las fuerzas de los ángulos de ser múltiplos de 45 "y le dará incluso una agradable forma.
Paso 8
Una vez que tenga la forma, llenarla de color: # c4b10f, que es un feo color amarillo, y luego establecer el modo de fusión a Color Dodge. Ahora usted debería tener un color amarillo brillante que se parece a la de abajo. Tenga en cuenta que si se cambia de nuevo a CMYK, verá cómo este efecto no funciona en absoluto y por eso tuvimos que cambiar a RGB antes.
Duplicamos esta capa un par de veces hasta que tengamos seis barras amarillas .
Paso 9
Ahora en lugar de tratar con el espacio a simple vista o pulsando la tecla de flecha el mismo número de veces (que me da vergüenza decir que lo hago a menudo), vamos a utilizar la herramientas de alineación. Así que primero mantenga pulsada la tecla Mayús y seleccione todas las capas con barras amarillas en ellos. A continuación, haga clic en la parte superior de la herramienta de alineación marcada abajo. Esto automáticamente el espacio con precisión!
(Tenga en cuenta que creo que en las versiones de Photoshop CS2 antes de lo que, es necesario enlazar las capas con los clips de papel poco porque Selección Shift-capas sólo apareció en CS2 - la versión que yo uso los usuarios CS3 espero que son similares a CS2..)
Paso 10
Bien, ahora tenemos un bien espaciada poco marcado tenemos un acabado industrial!
Paso 11
A continuación he creado una nueva capa por encima y con un gran pincel negro suave con pasamos con sutileza a lo largo de los bordes. Recuerde, que cualquier cosa fuera de las guías probablemente no salga en la tarjeta final (a menos que la imprenta olvide su corte), por lo que el negro debería extenderse un poco más de la línea si se trata de que sea visible en el producto final.
Paso 12
Hablando de sangrías otra vez, como ya he dicho todo lo que esté fuera de esas guías es material extra para la impresora al cortar. Así que es importante que en ningún momento pongas las cosas importantes, como un texto en cualquier lugar cerca de los bordes, a menos que no te importe que potencialmente se está cortando. En mi experiencia la mayoría de impresoras en la práctica no se alejan mucho de la línea de corte, sin embargo, puede suceder, especialmente si se utiliza una impresora barata.
Paso 13
Uno de los problemas haciendo estas cosas en Photoshop es que no hay manera de ocultar automáticamente el área de sangrado, lo que significa que a veces cuando se mira en el diseño no termina de verse bien. En InDesign puede cambiar a un modo de vista previa especial que oculta la sangre, pero en Photoshop tenemos que hacerlo manualmente. Muy a menudo voy a creo una capa por encima de todos los demás y llenar las áreas de la sangría con blanco. Entonces puede cambiar esta capa dentro o fuera para que yo pueda ver de una forma más precisa las proporciones y el área que realmente tendrían la impresión final. Sólo asegúrese de cambiar estos antes de enviar a la impresora!
Paso 14
A continuación he puesto un poco de texto bonito en la tarjeta. Esto es en realidad es la parte de atrás de la tarjeta (haremos el frente en un segundo). He utilizado un tipo de letra súper fresco llamado DIN, que es muy mínima y como veremos en un segundo tiene un impresionante carácter '@'.
He establecido el tipo en 8pt. Si mal no recuerdo nunca se debe ir a menos de 6 pt, si quieres que algo sea legible. Al igual que con todas estas cosas depende de quién es su audiencia. Al hacer tarjetas de presentación la finalidad es que una persona podrá leerla de un vistazo cuando hojea un montón papeles. Cuando se hace algo personal, puedo a menudo utilizar tipografía pequeña, y aun así podrías salirte con la tuya!
También establecemos a capa en modo Linear Light para que interactúe un poco con el fondo. Una vez hecho esto, podemos guardar este documento como Back.psd luego de esto ir a Archivo> Guardar como y esta vez guardar como Front.psd, esencialmente duplicando el archivo para la parte delantera.
Paso 15
En la parte frontal he añadido un poco de texto con mi dirección web y la dirección de correo electrónico y nombre. Y para los amantes de la tipografía como nosotros, echemos un vistazo al carácter '@' -¿no es bonita? DIN es un tipo de letra industrial originaria de Alemania que se puede leer en .
Paso 16
Ahora la siguiente cosa que vamos hacer es desactivar algunas de las capas que tienen las barras amarillas, por lo que son sólo tres las que necesitamos para este caso. Quiero un look, como si las barras amarillas iniciaran en el frente y continuaran hacia la parte trasera.
A continuación con la herramienta Lazo Poligonal (L), extraemos una forma triangular, como se muestra.
Paso 17
A continuación, creamos una nueva capa justo por encima de la textura de hormigón y rellenamos con un color gris oscuro y establecer el modo de fusión de capa en Multiply. Esto por desgracia hace que las barras amarillas tengan un aspecto apagado, así que vamos a arreglar eso .
Paso 18
Así Ctrl + clic en la primera de las capas de la barra amarilla, luego presionas la tecla shift, vamos con la siguiente capa y de nuevo la siguiente, de modo que usted tiene los píxeles seleccionados para los tres. A continuación, pulse Ctrl + Shift + I para invertir la selección, como se muestra. Mientras que está seleccionada, haga clic sobre la capa de triángulo y haga clic en el icono Agregar una máscara de capa en la paleta de capas. Esto enmascarar las áreas de las barras amarillas para que brille.
Paso 19
Y ahí lo tenemos! ¡Y ya está ...
Ahora tenemos que ir a Capa> Acoplar imagen y luego a Imagen> Modo> CMYK para volver a CMYK y estar listo para imprimir. Nótese cómo, estamos de vuelta en CMYK. Así que básicamente nos hemos aprovechado de RGB para lograr un efecto y luego lo acoplamos todo y cambiamos de nuevo a CMYK para poder imprimir.
Paso 20
Ahora ve a Archivo> Imprimir con vista previa y deberías ver algo como se muestra a continuación. Si no tienes todas las opciones, haga clic en Más opciones y que aparecerá. Marque la casilla que dice Corner Crop Marks (marcar esquinas), a continuación, haga clic en el botón que dice de Bleed (Sangría) y ponle a 3 mm. Tenga en cuenta que por alguna razón, Photoshop no le permite ir mucho más arriba de 3 mm de sangría. Realmente no sé por qué han puesto un límite artificial en él, pero a lo mejor hay alguna razón sorprendente que no entiendo.
Una vez que ya está todo hecho, deberías ser capaz de imprimir a un archivo PDF, y entregarlo a la impresora. Ten en cuenta que para imprimir en PDF, necesitas tener una copia de Acrobat instalado (no sólo el programa gratuito Acrobat Reader, sino la versión completa). Si tienes esto, entonces ya está todo terminado!