Featured Posts
-
Blog FullStyleBienvenido a los tutoriales FullStyle
-
POST TITLEPOST DESCRIPTION
-
POST TITLEPOST DESCRIPTION
sábado, 28 de agosto de 2010
miércoles, 25 de agosto de 2010
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
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
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
Facíl no ¡práctica!
lunes, 16 de agosto de 2010

¡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.
Suscribirse a:
Entradas (Atom)



