Insidesign

Asi es, este es el primer tutorial de InsideSign, un tutorial sencillo, pero muy pràctico al cual le puedes dar un buen uso... Este efecto està creado en Illustrator CS5 Empezando Abriendo Illustrator Y despuès creamos un Documento Nuevo Ctrl+N, Tamaño hoja carta Horizontal... (El tamaño no importa, tu eliges dependiendo tu conveniencia) Despuès seleccionamos la Herramienta texto "t" y creamos un texto cualquiera, le aumentamos el tamaño a modo que sea visible, la fuente que Utilizo es Myriad Pro Regular Y le creamos un rectàngulo con la herramienta Rectàngulo "m" que cubra el tamaño de el texto, igual al de la imàgen Cambiamos el color del Rectàngulo recièn creado a un Gris tono Oscuro... Seguido de esto Seleccionamos la Herramienta elipse "l"y creamos un ovoide que cubra el texto, como el de la imàgen El rectangulo anteriormente creado lo incrustamos debajo del texto, mientras que al Ovoide ya hecho, lo seleccionamos y Nos vamos a Efecto-->Estilizar--->Resplandor Exterior No cambiamos los valores predeterminados, Unicamente el color a Blanco El Resplandor exterior nos quedara como èsta imàgen, El texto que creamos la enviamos hasta enfrente, Seleccionando el texto---> Clic Derecho--->Organizar--->Traer al frente ò Ctrl+Shift+8 Por ùltimo, con el texto hasta el frente, el Ovoide "enmedio" y hasta Atràs el Rectangulo lo acomodamos de manera que cubra el texto, Seleccionamos todo Ctrl+A---->Clic derecho---->Màscara de Recorte Y este es el Resultado Final Bueno... Hasta acà del Primer Tutorial de InsideSign Esperando tus comentarios, sugerencias, etc... Si te gustò este Post puedes Seguirnos por Facebook... Aqui el link de nuestra Pàgina

Ahora en este segundo tutorial de InsideSign veremos como se crea ese reflejo de algunos logotipos, fotos, que vemos como estos... Como ves, estos 3 diseños tiene un pequeño reflejo debajo y pues en diseño gràfico le dan un toque sutil, elegante a tu diseño.... Este tutorial consiste en ver como se crea el reflejo, tanto en Illustrator como en Photoshop. Como siempre emezamos abriendo el porgrama, empezaremos con Illustrator... Abrimos un documento nuevo Ctrl+N, con las medidas que tu elijas, yo usare una hoja carta horientacion vertical... Crearemos un circulo con la herramiente Elipse, "L" , en este caso yo le agegue un Degradado Radial, si tambien lo quieres asi solo al crearlo en tu teclado preisona la tecla ".", se crearà un degradado, seleccionas los colores en la paleta de degradado y en estilo de degradado le das Radial Ok, ahora lo que haremos a este circulo es duplicarlo y ponerlo debajo, Seleccionamos el Circulo--->Clic derecho--->Transformar--->Reflejo---->Horizontal a 90º Nos quedarà asi... Con la herramienta rectangulo creamos uno, que cubra a nuestro circulo debajo y le aplicamos de nuevo un degradado "." y este debe venir en escala de grises Moldeamos nuestro degradado con la herramienta Degradado "G"de una manera que quede como esta imàgen.. Ahora Seleccionamos los 2 elementos, tanto el circulo creado apartir del reflejo horizontal como el rectàngulo en degradado En el panel de Transparencia, (Si no lo tienes abierto solo ve a Ventana--->Transparencia) en este panel hay una peqña seccion donde se desplega un menu de opciones como la siguiente imagen: Ahora a ese menu le daremos la opcion de Mascara de opacidad Listo, ya sabemos como crear un efecto de reflejo en Illustrator y con ese efecto podemos crear imàgenes y diseños con calidad un ejemplo es como el que muesto en esta foto Ahora rapido vamonos a ver como se hace el efecto en Photoshop Abrimos nuestro Photoshop y creamos un documento nuevo, Ctrl+N ya sabes el tamaño q necesites a la resolucion q necesites, si es para web 72 ppp y si es para impresion 300 ppp Bien yo aqui tengo una imagen q consta de tipografia con opciones de fusion, si quieres saber como lo hice solo agrega un comentario donde diga q quieras q lo agregue, en este caso lo omito por q el objetivo de este tutorial es reflejo...;D Ahora.. volviendo al tutorial, tenemos nuestra capa, en este caso es de texto, que a fin de cuentas resulta igual... OK..esta capa la duplicaremos, ya sea clic derecho sobre la capa o arrastrar la capa al icono de nueva capa ò mas sencillo en tu teclado presionas la combinaciòn de Ctrl+J Nos quedara de esta manera... Ahora lo que le haremos es un clic derecho sobre la capa recien duplicada, y seleccionaremos la opciòn Crear en objeto Inteligente Nos quedara como la siguiente imagen A esta capa que la convertimos en objeto inteligente le voltearemos verticalmente de la siguiente manera: Ediciòn--->Transformar----> Voltear vertical Obtendremos algo asi... Ahora lo que haremos es dejarla justo debajo de la capa original para conseguir algo como la siguiente imagen... Ahora lo que sigue es sencillo... Unicamente en el panel donde se encuentran nuestras capas seleccionaremos Màscara de Capa, si no lo encuentras esta imàgen te dice donde es... Despuès de haber seleccionado mascara de capa, selecciona la herramienta degradado "G" , recuerda deben estar los colores blancos y negros seleccionados en tu degradado...despues de esto da clic de arriba arrastrando hacia abajo... de esta manera obtendras el efecto, ahi lo dejo a tu percepcion y como lo quieras el reflejo, si lo llegas a notar muy fuerte solo bajale la opacidad en panel de Opacidad... Este es el resultado Final.. Bien este fue el tutorial de reflejo tanto en Illustrator como Photoshop, un efecto muy bien visto, que le da un toque de mucha calidad a tus diseños, tambien es muy facil de crear... Y como siempre te invito a que visites la pàgina de InsideSign, sigas los tutoriales y subas tus diseños a la pagina de Facebook de InsideSign

Que tal hermanos!! Después de mucho tiempo sin postear, regresamos con otro Tutorial que Pidió mi amigo "PituXD" y seguramente, les servirá a muchos mas, comenzamos... Empezamos Abriendo nuestro Ilustrator CS5 Abrimos Nuevo Documento...Ctrl+N Con la Herramienta Texto "T" Creamos un texto..Ojo. Este Efecto puede hacerse con casi cualquier objeto. En este caso solo usare un texto... Ahora, en el icono que señala la flecha, Es decir Modos de dibujo, seleccionaremos en Dibujar en el Interior, Nuestro texto u objeto debe estar seleccionado Seleccionar Dibujo En el Interior Saldran unas marcas como estas que delimitarán nuestro Objeto, Ahora ya podemos dibujar, y todo lo que hagamos se dibujara en el Interior de este Texto. Seleccionamos la Herramienta Eclipse "L" y creamos el ovalo de manera que la parte baja del ovalo se aprecie como un tipo de brillo hacia arriba del Texto Nos quedará algo de esta manera, en caso que no lo veas, no deselecciones, unicamente Cambias el color del ovalo a Blanco y le bajas la Opacidad a 35% si no tienes el panel de Transparencia Abierto, Presiona Mayus+Ctrl+F10 ó en Ventana, Transparencia... Nos quedará algo de esta forma... Está Listo, Pero sólo falta una cosa, En caso, de que lo quieras mandar a imprimir, ó transportar a otras computadoras, para no tener el problema de cambio de fuentes, debes de crear curvas, El problema es que al hacerlo te aparecerá algo como esto: Lo que tienes que hacer es irte a Objeto--->Acoplar Transparencia Saldrá una ventana como ésta pero unicamente hay que darle OK, Sin cambiar la Configuracion Listo!! Ahora ya podemos crear Curvas, Podemos hacerlo mediante la combinacíón en el Teclado Shit+Mayus+Ctrl+O ó tambien podemos irnos al panel de Texto-----> Crear Contornos Este es el resultado Final. Espero les haya Gustado hermanos, Un efecto muy simple que le agregará un toque estético a tus diseños. Si necesitan otros Tutoriales, sólo pídanlos... https://www.facebook.com/fcoeh

Que tal, aqui trayendo un tutorial, esta vez le toco a After Effects, asi es, este programa dedicado a la edicion de videos, Creacion de Efectos Especiales, entre otros... Esta vez veremos como Crear una animaciòn sencilla a tus logotipos, Sencillamente... En este caso usaremos un elemento de After effects, que es CC Light Sweep, esto nos darà la animacion de un haz de luz pasando sobre el logotipo... Asi que, empecèmos..!! Abrimos Nuestro After Effects Ahora Nos vamos a Archivo--->Nuevo Proyecto y a continuaciòn Composiciòn--->Nueva Composiciòn, Los datos de la composiciòn estan en la imàgen, Y estàn Optimizados en calidad media para que el archivo de animacion de tu logotpo no sea muy pesado en cuanto a Mb, el color de fondo depende de tu gusto... A lo siguiente, ya con nuestra composicion creada, sera agregar nuestro logo, en este caso yo usare un texto bastante sencillo para no ser muy largo este tutorial, el resultado es el mismo... Ahora con nuestra capa seleccionada donde contenga el elemento a animar nos iremos a Efecto-->Generate---> CC Light Sweep, esto nos crearà el efecto, y nos daremos cuenta por este pequeño circulo que sale arriba de nuestra capa para animar. Nos saldra un panel arriba de lado izquierdo de nuestro After Effects, este es el Panel de CC Light Sweep Despues de esto lo que haremos es jalar este pequeño circulo hacia la izquierda, y nuestro haz de luz empiece de izquierda a derecha. Nos dirigimos ahora a nuestra linea de tiempo en donde elegimos la capa de CC Light Sweep y le crearemos un fotograma Clave, lo unico que tenemos que hacer para crearlo es dar clic en el pequeño reloj que aparece a la izquierda del titulo de capa.. como puedes ver se crea un pequeño rombo de color dorado, eso nos indica que el fotograma clave esta hecho Una vez hecho esto lo que haremos es mover nuestra linea del tiempo, esto depende el tiempo que quieras que la animacion del haz de luz dure, yo en este caso le ordenare que acabe mi animacion de haz de luz a los 2 segundos Despuès de mover esto en nuestra linea de tiempo regresaremos donde se ubica el pequeño circulo, Apretamos la tecla Shift y arrastramos el mouse a la derecha, es decir, dirigimos el circulo hacia la derecha... Veremos que un fotograma clave se ha creado automaticamente Listo, Nuestra animacion ha sido creada, para comprobar ubica la barra de la linea del tiempo al principio de esta y presiona la Barra espaciadora, De esta manera se reproducira tu animacion.. Lo unico que queda es guardarla. Para esto Iremos a Composicion--->Crear Pelìcula "Ctrl+m" Nos saldra esto... Donde està la flecha Naranja señala donde se ven las Porpiedades el video, es decir, el formato, resolucion y velocidad de Fotogramas, y la Flecha Morada señala donde hay que dar clic para procesar, Unicamente seleccionas el lugar en Disco Duro para Guardar y listo..!! Aqui la muestra de este tutorial... link: http://www.youtube.com/watch?v=iCpie5L_B_E Visitanos

Un tutorial mas de InsideSign, en donde esta vez veremos como crear el Page Flip... Si no sabes que es el Page Flip, aqui te lo muestro... Page Flip que traducido a español es similar a: (Cambio de pàgina) es este efecto que puedes ver en la imàgen en donde tanto Animacìòn y Lenguaje de Programaciòn Action Script son creados en Adoble Flash, pero ahora, en la suite CS5 especificamente en Indesign nosotros ya no tenemos que saber ese lenguaje Script para poder crear nuestro Page Flip, asi es, sin tener que usar Flash y usando solo Indesign podemos crear la animaciòn del cambio de pagina, como la programaciòn en donde nosotros al poner nuestro puntero en la esquina, hacer clic, y arrastrar como si fuera una pàgina real.... Ok si te convenciò y quieres saber como se crea. Sigue este Tutorial..!! Como acabamos de mencionar, en este tutorial usaremos Indesign CS5, recuerda, debe der CS5 pues es una "mejora" que trajo esta nueva Suite Bien, como ejemplo, yo utilize unas cuantas hojas para crear el Libro con efecto Page Flip en Illustrator, tu puedes crearlas desde el mismo Indesign o cualquier otro de Adobe Suite Abrimos como siempre nuestro programa... Elegimos en crear un documento nuevo.... Bien, aqui estàn las especificaciones del documento, el numero de paginas es tu criterio, lo unico que debes de tomar en cuenta es: La calidad Web, Marcar a casilla paginas opuestas, y numero de columas = 2 Ya creado nos dedicaremos a crear nuesto documento deseado en Page Flip, si trabajas con imàgenes, notaràs que se pixelea la imàgen al Incrustar la imàgen, esto es totalmente normal en Indesign y unicamente lo hace para conservar un peso del archivo .indd ligero. Ahora con nuestras pàginas ya creadas Exportaremos nuestro archivo a .SWF Nos pedira donde guardar el archivo, y en que formato, el cual elegiremos SWF Y se nos abrira esta ventana de especificaciones de exportacion de SWF y debera llevar estas especificaciones... Listo..!!!! Ahora nos vamos a la carpeta contenedora en donde elegimos guardar nuestro documento SWF, lo abrimos, y este es el resultado....... Bien... Concluimos este Tutorial, que te puede ser muy util para curriculum, alguna revista virtual, etc.. espero te guste el tuto, comentes, sigas este canal para mas tutos pues estamos empezando y claro entres a esta pagina: Dale me gusta en facebook y si te interesa el diseño siguenos, Un saludo y nos vemos en el proximo tutorial