Share
En el tutorial de consejos rápidos de hoy, le mostraremos cómo crear una tarjeta de crédito de aspecto realista utilizando Photoshop e Illustrator en unos pocos pasos. Empecemos!
Para acelerar el proceso, comenzaremos por juntar algunos gráficos básicos en Illustrator. Haz un rectángulo redondeado de 3.5 pulgadas por 1.9 pulgadas, luego llena el objeto con un color o degradado de tu elección.
Dibuja algunas líneas curvas como se muestra usando la herramienta Pluma. Luego vaya a Objeto> Fusión> Fusión> Opciones de fusión> Pasos específicos, ingrese 30 y haga clic en Aceptar. Haz dos líneas diferentes con diferentes colores..
Seleccione la línea de arte que acaba de crear y aplique una máscara de recorte utilizando la forma de la tarjeta de crédito. Asegúrese de que la forma de la tarjeta de crédito esté colocada en la parte superior de su línea y que también haya duplicado el fondo de su tarjeta de crédito.
Nota: si está utilizando Illustrator CS5, seleccione la tarjeta de crédito y haga clic en la opción Dibujar dentro para Pegar (Cmd / Ctrl + V) dentro de los objetos.
Utilice la herramienta Pluma para dibujar la cinta como se muestra.
Ahora hemos terminado con Illustrator. Comencemos abriendo Photoshop, creando un nuevo lienzo un poco más grande que su documento de Illustrator y luego copiando y pegando cada elemento que creó en Illustrator de forma individual. En esta etapa, ya debe tener algunos logotipos y gráficos que le gustaría colocar en la tarjeta. Si no, sigue adelante y crea algunos. Agregue sus gráficos a la tarjeta, como se muestra. Siéntase libre de usar las siguientes fuentes en su tarjeta también. Descárgalos aquí y aquí..
Ahora es el momento de añadir tu texto. Elija la tipografía oval usando # f1efed. Escriba algunos números al azar y un nombre. A continuación, aplique los siguientes estilos de capa.
Ahora está empezando a parecerse más a una tarjeta de crédito, vamos a agregar algunas sombras para que se vea más realista. Duplique cada capa, cambie el color de la fuente a negro y desactive los estilos de capa, esto nos dará la sombra base. Ahora mueva los números de la sombra unos 3-5 píxeles a la derecha y 3 píxeles hacia abajo (haga lo mismo con el nombre también), ahora vaya a Filtro> Desenfoque> Desenfoque de movimiento, luego escriba Ángulo: -34 y Distancia: 10px; establece la Mezcla de capas en Multiplicar y 50% de opacidad. Para los toques finales de la parte frontal, siga adelante y mire su tarjeta de crédito de referencia y agregue una fecha de vencimiento donde quiera que se coloque y terminará con la parte frontal, cree una nueva carpeta, suelte todas las capas y nombre. FRENTE.
Ahora, trabajemos en el reverso de la tarjeta de crédito. Duplique la base de la tarjeta de crédito, mueva la capa a la carpeta FRONTAL, luego haga clic con el botón derecho en la capa y rasterice, haga una selección y rellénela con un color que usó en la parte frontal (usé el rojo brillante en la parte superior izquierda de la parte frontal de la tarjeta de crédito). Nota: no uses gradientes para la espalda..
Vaya a la carpeta FRONTAL, duplique las capas de texto en las que usó los estilos de capa (números de tarjeta de crédito, nombre y fecha de caducidad en mi caso) y arrástrelos a la carpeta ATRÁS, gírelos horizontalmente y cambie el color del texto a igual que la parte posterior de la tarjeta de crédito.
Ahora necesitamos cambiar los estilos de capa de las capas de texto para que se vean como si estuvieran estampadas y como la tarjeta de crédito de referencia. Haga doble clic en la capa y cambie los valores como se muestra a continuación. Haga lo mismo para las otras capas..
Ahora la tarjeta de crédito se parece a su referencia, siga adelante y organice el resto de los elementos que creó para la parte posterior de la tarjeta de crédito..
Algunos elementos, como el rectángulo de firma, se pueden hacer en Photoshop. Si tiene su propio logotipo, puede girarlo 45 grados y duplicarlo varias veces y hacer un patrón, luego seleccione cada uno y cambie el color con Tono y Saturación ( Cmd / Ctrl + U), luego Combínelos todos, en otra capa haga un rectángulo del tamaño que desee para la firma y rellénelo con blanco, haga una selección de rectángulo> seleccione la capa de patrón y haga clic (Cmd / Ctrl + Mayús + I) para invertir la selección y Borrar, luego fusionar ambas capas.
Para hacer que la firma haga otra capa, seleccione un pincel negro duro y haga una firma aleatoria. Por último, añadir los códigos de seguridad..
Si lo desea, puede terminar el tutorial aquí, pero ahora vamos a agregar algo de perspectiva a la tarjeta. Duplique cada carpeta, luego haga clic derecho en la carpeta del grupo y seleccione Combinar grupo, haga lo mismo para cada carpeta. Ahora tenemos 2 capas, una en la parte delantera y otra en la parte posterior de la tarjeta de crédito, seleccionamos ambas capas y hacemos clic en Cmd / Ctrl + T para transformarlas y hacerlas más pequeñas, luego giramos un poco y hacemos clic con el botón derecho para seleccionar Perspectiva y transformar como deseado.
Seleccione una capa de la tarjeta de crédito (no importa si está en la parte delantera o trasera) y duplique, haga una selección de la misma y rellénela con un gris claro, luego muévala aproximadamente 2px a la derecha. Para crear la sombra de la tarjeta, duplique la tarjeta de crédito y realice una selección y rellénela con negro, luego haga clic en Cmd / Ctrl + T para transformar> haga clic con el botón derecho y seleccione Distorsionar y transformar según lo desee; Vaya a Filtro> Desenfoque> Desenfoque gaussiano> 10 px de radio; establece la Mezcla de capas en Multiplicar a un 30% de Opacidad.
Para hacer la Reflexión, Duplique ambas capas de tarjeta de crédito, seleccione ambas capas y gírelas verticalmente (Cmd + T> Clic derecho> Voltear vertical) y colóquelas en la punta de la tarjeta de crédito; seleccione un pincel de borrador suave con un 30% de opacidad y borre cada capa para hacer el reflejo.
Hagamos algunas luces y sombras, hagamos una selección de la tarjeta de crédito, luego hagamos una nueva capa, seleccionemos un pincel suave blanco, Modo Normal al 20% de Opacidad y en la esquina superior izquierda agregue algo de luz, luego cambie de color a negro y añada Algunas sombras en la esquina inferior derecha.
Hacer un fondo y ya está! Para hacer imágenes de cada lado de la tarjeta de crédito simplemente desactive la capa frontal, recuerde activar o desactivar la capa de reflexión correspondiente también; puedes usar este tutorial para hacer un ícono de tarjeta de crédito; Recuerda que puedes hacer tarjetas de crédito de diferentes colores jugando con Tono y Saturación..
Accentsconagua