Diseñar una tarjeta de credito en inkscape.



 En este tutorial te voy a mostrar como diseñar una  tarjeta de credito realista en inkscape. Trabajaremos agregando reflejos, sombras y perspectiva para hacerla mas realista. Comenzemos.








Crea la forma de la tarjeta de credito con la herramienta rectangulo, usando las siguientes configuriaciones que es el tamaño de una tarjeta de credito. ancho 85.60 mm y alto 50.98mm y redondeado a 3.18 mm.


Ahora aplica la siguiente gradiente para crear la forma de nuestra tarjeta.




Ahora aplica una sombra paralela, ve a filtros, luces y sombras elige sombra paralela y aplica las siguientes opciones.

Descarga el siguiente objeto de aqui

Crea una nueva capa y agrega este objeto, desagrupalo y remueve la parte gris. Seleciona el rectangulo azul, presions inicio o ve a objeto-> traer al frente. Hecho esto seleciona la forma blanca y el rectangulo azul y ve a objeto-> clip aplicar, y ajustalo de forma perfecta con tu tarjeta,  bloquea la capa y baja la opacidad a 60. Debes de tener algo similar.


En la capa una dibuja un rectangulo (f4) que tape la parte naranja de la tarjeta como en el ejemplo, ahora duplica la tarjeta (shit+d).



Selecciona ambos, ve a trazo, despues elige exclusion, sin deseleccionar ahora elige en el mismo menu descombinar, desves tener algo asi, solo elimina las partes sobrantes.

 Ahora  que tenemos nuestra, abre el dialogo editor de color (shit+ctrl+f) y aplica el patron stripes 1:1, como en el ejemplo.

Selecciona la herramienta nodo (f2), y da clic sobre una de las dos partes debe aparecer, unos conmutadores como los de la imagen.

Utiliza los conmutadores para obtener algo similar a los siguirente, hazlo lo mismo con la parte de abajo.
El patron esta girado 45 grados, utiliza ctrl y mueve el circulo 3 veces, si tienes 15 grados para rotacion en las preferencias de inskcape.

O puedes duplicar la parte de arribe (ctrl+d) voterala horizontel (v)y vertical (v) y ajustala. Tambien te puedes convertir tu objeto a guia con shift+g .

Baja la opacidad de ambos a 70 y duplicalos. Agrega la siguiente gradiente a ambos objetos.


Crea una nueva capa y dibuja dos lineas con una grosor de 1px, entre la parte negra y naranja, agregale un color naranja oscuro.



Duplica el cuadrado de la tarjeta, y pegalo en una nueva capa, justo encima del otro cuadrado y aplica la siguiente gradiente, y ajusta la opacidad a 64. Usa el editor de filtros para quitar la sombra paralela anterior.

Duplica de nuevo el rectangulo, asignale un color blanco, ingresa al menu filtros -> luces y sombras -> iner shadow. Despues abre el editor de filtros (filtros ->editor ) y aplica un desviacion estandar de 27.2 y baja la opacidad del objeto a 33.

Crea un nueva capa debajo de la actual, y con la herrmanienta rectangulo dibuja el chip, puedes usar los siguientes ajustes. Agrega un texto sobre el chip.


 Despues agrega la siguiente gradiente al relleno, y otro al contorno, por ultimo duplica el cuadrado y dale un color blanco y mandalo atras con av pag.



Ahora vamos a crear, el circuito del microship con la herramienta de circulo y la pluma.


Ahora agrega el nombre de tu banco en este caso inskcape, el eslogan, y logo, aplica a cada uno una gradiente, y sombra paralela. Para hacer la gradiente verde solo aplica la extencion color-> barril rbg.




Escribe los numero de la tarjeta con este fuente. Agrega la siguiente gradiente.

Agrega  la siguiente sombra paralela.

Y el siguiente brillo paralelo.

Si lo deseas puedes duplicar los numero agregar un poco de  blur bajar la opacidad y obtener algo asi:
 

Pon, tu nombre, y lo que falta, usando las gradientes anteriores. Agrega un fondo cool, y listo ya tienes tu tarjeta de credito.

Espero te guste.


Read more! Read more: http://www.blogdoctor.me/2007/02/expandable-post-summaries.html#ixzz0TOdK5SFN

lo mejor de la web

1. Creando Texto 3D Usando Adobe Illustrator y Adobe Photoshop CS4.

3dtext

Descripción.

Con más de 5000 vistas sin duda el más populares de los tutoriales en Photodesigners.net. Este tutorial es una adaptación de uno visto en 1stwebdesigner.com y ha sido destacado en muchos blogs de diseño como el de Diego Mattei.

2. Creando un Poster desde Cero.

touching

Descripción

Este tutorial es uno de los favoritos, es muy llamativo y de carácter fantástico. Tiene enlaces a las imágenes usadas todas libres de paga para que puedas seguirlo con ellas. Este tutorial ha sido destacado en Lienzo Digital, Puente Cromático y Photoshop Latino.

3. Aumenta el Atractivo de tus Fotografías Usando Photoshop.

cross

Descripción.

El objetivo de este tutorial es mostrarte un método para realzar tus fotografías, cuando comparas la misma fotografía una original y otra procesada por los pasos de este tutorial te das cuenta del efecto y del cambio que se logra.

4. El Famoso Efecto “Sparkling Hot Girl” en Español.

spark

Descripción

Este efecto es muy famoso y quien lo popularizo fue Fabio Sasso dueño de Abduzeedo, nunca he visto un tutorial como este en español así que decidí crearlo yo los pasos no difieren mucho del original. Este tutorial ha sido destacado en Area Photoshop.

5. Efecto Glow #2, Rodeando una Persona.

glow

Descripción.

Este tutorial tiene como base el uso del modo de capa Sobreexponer Color, fue hecho a petición de Yamilaa. A muchos les gusta el efecto pues trata de como rodear con un halo de color a una persona u objeto es la misma técnica.

6. Como Corregir Imperfecciones Faciales.

face

Descripción.

Este es uno de los tutoriales menos vistos por los usuarios, quizá por ser de los primeros y por estar casi al final de la lista de tutoriales no es muy visto. En este tutorial muestro una forma de corregir las imperfecciones faciales con ayuda de Photoshop, es muy fácil y con practica se domina muy bien.

7. Efecto de Texto Cromado.

cromo

Read more! Read more: http://www.blogdoctor.me/2007/02/expandable-post-summaries.html#ixzz0TOdK5SFN

 

©2009 graphic tutorials | by TNB