sábado, 28 de agosto de 2010

Crear efecto o estilo gótico en una fotografía.





Esta vez les dejo un rapido video para editar una imagen y crear un estilo gótico, proximamente pondre los pasos pero por mientras puedes ver el video ;)

Aqui esta la comparacion del la fotografia inicial y el diseño terminado.



miércoles, 25 de agosto de 2010

Texto ardededor de un circulo en illustrator.


Esta vez les traigo un tutorial que se usa mucho en diseños de logotipos , es un texto formando un circulo o semi-circuloen illustrator,  ya ahi una función en las propiedades del texto que hace esto se llama "Opciones de deformacion", pero no queda bien el resultado final, ya que deforma la letra y entre más grande sea el texto más dificil es de trabajar con el, esta es una comparacion entre la herramienta y el recurso que les voy a enseñar.

Clikea para agrandar

se ve mejor la segunda ¿no?. Entonces lo primero que ahí que hacer es abrir un archivo nuevo, ya estando ahí escribimos con nuestra herramienta de texto (al lado izq con una A).

Clikea para agrandar

Despues creamos una capa nueva en la cual vamos a hacer dos elipses (presionando L) esta capa debe estar con el candado para que no se muevan los circulos.

Clikea para agrandar

¿De que tamaño deben ser los circulos? mira esta imagen y date una idea. (fijate que el espacio que queda entre los circulos es del tamaño de las letras)

Clikea para agrandar

Damos click derecho en el texto y seleccionamos la opcion de "crear contornos" esto lo que hace es que el programo ya no ve las letras como texto, sino como imagen de vector.
De nuevo damos clik derecho y ahora en la opcion de desagrupar ve la siguiente imagen.
Clikea para agrandar
Ahora cada letra la podras mover independientemente con la herramienta de Seleccion directa (A). Lo que vamos hacer a continuación es girar cada letra tomando como referencia los dos circulos, para girarla presiona la letra Ctrl para que te aparezcan las esquinas de cada objeto (letra) y asi poder rotarla y moverla de posición.

Clikea para agrandar

Repetimos estos pasos (1 y 2) con cada elemento de nuesto texto. Recuerda que deben de quedar dentro de los circulos de referencia.


Clikea para agrandar

Al tener todo dentro del circulo puede quedarte un poco movido para esto seleccionamos todas las letras despues Objeto>>Agrupar o Ctrl + G y como hicimos con las letras una por una ahora podremos rotar todo el texto junto.

Clikea para agrandar

¡Esto es todo!, si queremos podemos poner nuestro logo =)




lunes, 23 de agosto de 2010

Crear texto 3D con photoshop




Primer tutorial para simular letras 3D en photoshop.

Estando en photoshop, creamos un archivo nuevo (Archivo>>Nuevo..) con estas propiedades (si tu gustas o necesitas puedes hacer el lienzo más pequeño o más grande depende de ti).

clikea en las imagenes para agrandar
Ya teniendo nuestro lienzo al lado izquierdo de nuestra pantalla seleccionamos la herramienta de texto. Ahora seleccionamos un tipo de letra que nos guste y escribimos nuestro texto como muestra la siguiente imagen: 





clikea en las imagenes para agrandar
Si nos fijamos al lado derecho en "Capas" ya tenemos 2 una que es la capa del texto y otra que es la capa del fondo. Lo que tenemos que hacer es duplicar la capa de texto, para esto debe estar seleccionada e ir a Capa>>Duplicar Capa.. y aceptamos, despues de esto la capa copia aparece arriba solo tenemos que seleecionarla y arrastrarla para abajo entre la capa de texto y la de fondo como muestra en la imagen.

clikea en las imagenes para agrandar



El texto de esta capa se tiene que aclar un poco para hacerlo de color gris, ya teniendo esto vamos a transformar esta capa  (Ctrl + t ó Edición>> Transformación libre) de esta forma agarrando por las esquinas podremos modificar el texto para hacerlo mas grande que el texto original y sobresalga de este, lo que te queda por hacer es rasterizar la capa (click derecho a la capa, luego Rasterizar texto)  y obtendras algo como esto:

clikea en las imagenes para agrandar

ahora lo que tenemos que hacer es unir o pintar esos epacios en blanco que quedan entre la capa original y la copia, esto se hace con la pluma se encuentra de lado derecho con nuestras barra herramientas.




tenemos que unir los puntos para formar el triangulo y rellenarlo del mismo color que las letras de copia, enseguida de esto eliminamos el trazado como muestra en la siguiente imagen:

clikea en las imagenes para agrandar
Esto se hara con cada espacio de las letras.
Al haber terminado con cada uno tendremos algo así:

clikea en las imagenes para agrandar

¿Queda bien no? pero le falta algo se ve muy triste ahora le daremos un poco de luz y sombras para que le de el efecto 3D que es lo que buscamos. Esto es una técnica que se hace con las herramientas de "sobreexponer" y con "subexponer" ¿que es lo que hacen? la herramienta de sobreexponer aclara el color y la de subexponer hace lo contrario, lo obscurece, puedes aumentar o disminuir la intensidad en las propiedades de cada herramienta.

¿Ahora donde aplicamos la luz y la sombra? debemos tener un punto como referencia del cual provenga la luz y en que partes debe haber sombras, yo pondre la luz de arriba, entonces para la luz será la herramienta de sobreexponer y para obscurecer la de subexponer.  Para obtener un acabado mejor utiliza un pincel de difuminación. Mira estas imagenes.



Ahora si damos luz a la Capa rasterizada (la de letras grises) la herramienta de subeexponer va de menos a mas entre mas veces pases el pincel por esa area veras que se intensifica el efecto.
 Comienza con los lugares donde debe ir luz y acontinuación en las sombras

clikea en las imagenes para agrandar

¿Mucho mejor no? ok entonces ahora aplicaremos la herramienta subexponer para hacer las sombras y tendras terminada tus letras (podras cambiar el color facilmente).
Facíl no ¡práctica!




lunes, 16 de agosto de 2010

Diseña con estilo. "FullStyle"

¡Hola bienvenidos a FullStyle!

¿Quien soy?
Mi nombre es Aarón Quezada de Durango Mexíco, de 22 años de edad, aún estudiante y soy freenlacer hace ya aproximadamente dos años pero me metí de lleno hace uno.


¿De que trata este Blog?
Tratare de redactar tutoriales lo mas comprendibles, para las personas que aún sean nuevas o no tengan nada de conocimiento en el diseño, incluso si lo tienes nunca esta de más tomar consejos o inspiracion de otros diseñadores.
De momento con un dominio gratuito pero es cuestion de tiempo para hacerme de uno.