snakecesar

En este tutorial mostraremos como realizar un efecto electrizado a nuestro texto. Para realizarlo utilicé el Photoshop CS5 y los siguientes pasos: 1º Abrimos el photoshop y vamos a archivo > nuevo en donde ingresamos los datos que aparecen en la imagen (pueden elegir el que mas les guste pero para este caso usamos estos): 2º Rellenamos el fondo de color negro con el bote de pintura y luego seleccionamos la herramienta "Texto horizontal" que se encuentra a la derecha como se muestra en la siguiente imágen: 3º ingresamos el texto al que queremos dar el efecto y lo aprobamos haciendo click en que aparece arriba a la derecha (debajo de la X de cerrar ventana): 4º Vamos al menu Capa > Rasterizar > Texto, esto lo hacemos para que el texto se reconozca ahora como una imagen y no una fuente. 5º Duplicamos la capa desde Capa > Duplicar Capa A continuación nos aparece la siguiente ventana, la cual nombramos como Taringa Creative 2 y le damos ok. Luego hacemos click sobre la pestaña capas que aparece a la derecha de la imagen y después click sobre el ojo que aparece a la izquierda de la capa que llamamos Taringa Creative 2. Con esto lo que logramos es ocultar esa capa. 6º Hacemos click sobre la capa Taringa Creative y vamos a: Edición > Transformar > Rotar 90º AC De esta manera giramos en sentido de la agujas del reloj. 7º Nos vamos a Filtro > Estilizar > Viento. Nos aparece una ventana similar a la siguiente, donde debemos seleccionar Método: Viento Dirección: Desde la derecha y le damos ok. Observarán que se aplicó un efecto de viento, pero es muy pequeño, por lo que apretando Ctrl + F repetimos el uso del último filtro usado. Y nos queda de esta manera. 8º Volvemos a Filtro > Estilizar > Viento, con la diferencia que esta vez usamos Dirección: Desde la Izquierda y le damos ok. Volvemos a pulsar Ctrl + F para utilizar nuevamente el último filtro y obtendremos algo similar a esto. 9º Rotamos el texto a su posición original con Edición > Transformar > 90º ACD (Sentido contrario a las agujas del reloj). Y luego repetimos los pasos 7 y 8 pero sin pulsar Ctrl + F después de utilizar el filtro. 10º Vamos a Filtro > Distorsionar > Rizo. Cantidad: 100. 11º Ahora vamos a Imagen > Ajustar > Tono / Saturación Pulsamos Colorear y colocamos para Tono: 180, Saturación: 100, Brillo: -20 y le damos ok. 12º Hacemos visible nuevamente la capa Taringa Creative 2 que habíamos ocultado con un click en Capas y luego donde estaba el ojo para que vuelva a aparecer como se muestra a continuación. Veremos que la capa Taringa Creative 2 quedó sobre la primer capa. 13º Pulsamos Ctrl + click sobre esta capa como se muestra. para obtener una selección con la forma del texto original. 14º Vamos a Selección > Modificar > Contraer y utilizamos un tamaño de 1. De esta manera el texto de la capa Taringa Creative 2 quedará un poco más chico que el de la primer capa. 15º Por último seleccionamos el bote de pintura y rellenamos las letras con negro. Y listo!!! obtuvimos el siguiente resultado. Como observan es muyyyyy fácil realizar este efecto con este tutorial ya que te explico lo más completo posible para que no tengas dudas. En esta comunidad se publican y se publicarán muchos aportes como este donde la creatividad juega un papel importante. (click en la imagen para visitar la comu)

Dedicado a: Andiar y sli33 2 grosos de T! 1- Quitar el Fondo a una Imagen Para ello abrimos el photoshop (en mi caso usé el CS5). Vamos a Archivo > Abrir y elegimos la imagen a la cual queremos borrar el fondo. Seguidamente seleccionamos la herramienta Varita mágica y hacemos click sobre el área que queremos borrar, en mi caso solo quiero borrar el exterior del Trollface. Luego seleccionamos la herramienta Borrador Mágico que seguramente esta oculta y por ello mantenemos un momento el click sobre la herramienta borrador y nos aparecen 3 tipos de borradores donde elegimos el borrador mágico. Por último hacemos click sobre el área seleccionada anteriormente y automáticamente se borrará. Deseleccionamos todo desde Selección > Deseleccionar. Nota: El formato en el cual deben guardar la imagen es .PNG ya que si guardan en otro formato el fondo les quedará siempre de color blanco. Otra forma es utilizando la herramienta borrador de fondos, la cual se aplica por el borde de la imagen que queremos borrar. Este es útil en los casos donde los colores son similares y la varita mágica selecciona mas de lo que queremos borrar. Pero se requiere paciencia para usarlo. Este es un ejemplo 2- Dar Efectos Básicos a una Imagen Para dar algunos efectos básicos y sencillos, pero de gran utilidad, a nuestras imágenes abrimos el photoshop (el photosop CS5 en mi caso) y nos dirijimos a Archivo > Abrir y seleccionamos la imagen a la que queremos dar efectos; para seguir con lo hecho hasta ahora yo voy a elegir la imagen que recortamos anteriormente. Una vez elegida la imagen no vamos a capas y hacemos click derecho (o doble click izquierdo) sobre la capa en la que se encuentra nuestra imagen; seleccionamos Opciones de fusión Nos aparece una ventana similar a la siguiente donde se aplican los efectos básicos de photoshop. Existe una gran diferencia entre hacer click sobre la casilla correspondiente al efecto y hacer click en donde se encuentra el nombre del efecto; esta diferencia es la siguiente: - Si Hacemos click sobre la casilla del efecto solo se aplicará el efecto que trae programado (es decir, el efecto por defecto) - En cambio, si hacemos click sobre la zona, sección o incluso sobre el nombre del efecto podremos modificar dicho efecto a nuestro gusto desde la opciones que nos aparecerán a la izquierda de la venta A continuación se ven algunas de las modificaciones en la sombra de la imagen, las cuales pueden dejar a su gusto. Los efectos de sombra interior se aplica de manera similar al de esta sombra, por ello no lo explico. En este caso para que sea notable la sombra use los siguientes valores: Los próximos efectos serían el resplandor exterior e interior que se aplican de la misma manera. Observen en la imagen de abajo solo están marcadas las opciones que son diferentes a las que ya vimos en los efectos de sombra. El efecto bisel y relieve es un efecto que nos permite realizar una especie de borde con sus respectivas sombras a nuestra imagen. Este efecto posee además, dos subefectos que son el contorno y la textura. Al contorno la única modificación que podemos aplicarle es la de rango, mientras que la textura tiene opciones para editar el tipo de textura que queremos utilizar, la escala, profundidad, etc. véase en la imagen de abajo (usé otra porque en la del trollface no se notaba nada) la diferencia entre aplicar solo uno y aplicarlos todos. Los efectos: Satinado, superposición de degradado, superposición de colores y superposición de motivo se aplican sobre la imagen tapando todo lo que esta debajo, por ello las vamos a utilizar casi siempre para hace nuestras barras, interfaces, botones, etc. y casi nunca para aplicarlos sobre imágenes, a excepción de algunas veces cuando sea necesario El Trazo, como su nombre lo dice, nos dá un trazo sobre el contorno de la imagen el cual podemos hacer más o menos grueso. 3- Hacer tu Propia Barra Separadora Para hacer tu propia barra con photoshop debes seguir los siguientes pasos que son básicos y luego con el tiempo y experiencia vas a ir agregando más efectos y pasos a tu gusto para crear cosas muy originales. 1º - Lo primero obviamente es abrir el photoshop (yo usé el CS5) y crear un nuevo documento desde Archivo > Nuevo donde nos aparece una ventana como la siguiente en la cual podemos colocar las dimensiones de nuestra nueva creación. En este caso vamos a utilizar los siguientes, es muy importante que elijan el modo transparente para el contenido del fondo Seleccionamos la herramienta rectángulo redondeado como se muestra y hacemos una barra no muy alta y de un ancho que ocupe casi todo el documento (no totalmente todo porque luego aplicaremos sombra) Una vez realizada nuestra barra procederemos a aplicar algunos efectos como explicamos anteriormente desde opciones de fusión Solo les muestro como aplicar la superposición de degradados porque los demás efectos ya los expliqué más arriba. La aplicación de la superposición de degradado lleva los mismo pasos que las demás superposiciones que ofrece el photoshop, por lo tanto, al saber como se aplica esta también van a saber aplicar las otras. Seleccionamos el efecto de superposición de degradado y hacemos click en el degradado que tengamos por defecto para cambiarlo por otro que nos guste como se muestra a continuación Aparece una ventana como esta donde podemos usar los degradados que trae por defecto o bien cargar degradados que descargamos de la web. Una vez elegido el degradado que más nos gusta le damos a ok y de nuevo a ok y verán su barra muy distinta a como estaba al principio. Lo que hacemos ahora es agregar alguna imagen o render a nuestra barra para que no quede muy simple; esto lo hacemos desde: Archivo > Colocar, elegimos la imagen o render que preferimos de nuestra pc y la ubicamos donde nos convenga (en mi caso la puse a la izquierda de la barra), y luego de damos alguno efectos; en esta ocasión solo le puse una sombra paralela y luego un trazo de 1 px Por último escribimos algún texto que describa de que se trata el post o el tema, por ej. el titulo, nombre, etc. Para colocar texto nos vamos a la herramienta de Texto Horizontal y escribimos sobre la barra lo que nos parezca conveniente. Por último podemos darle algunos efectos a nuestro texto de la misma manera que veníamos haciendolo. Por último Guardamos nuestra nueva creación desde Archivo > Guardar Como..., le damos un nombre y guardamos en formato .PNG Y Listo!!! hemos creado nuestra propia barra separadora 4- Crear Menú de Usuario Propio Lo primero obviamente es abrir el photoshop (yo usé el CS5) y crear un nuevo documento desde Archivo > Nuevo donde nos aparece una ventana como la siguiente en la cual podemos colocar las dimensiones de nuestra nueva creación. En este caso vamos a utilizar los siguientes, es muy importante que elijan el modo transparente para el contenido del fondo Una vez configuradas las dimensiones pasamos a seleccionar la herramienta Rectángulo Redondeado y realizamos uno que ocupe prácticamente todo la dimensión del documento Luego nos vamos a: Capa > Rasterizar > Capa para poder hacer otro rectángulo que esté centrado a partir de este. Para ello primero seleccionamos la herramienta Varita Mágica y seleccionamos nuestro rectángulo. Luego vamos a: Selección > Modificar > Contraer, elegimos 5px y por último hacemos click izquierdo en capas y seleccionamos el icono de nueva capa para crear otra a la cual rellenamos con el bote de pintura (deben tener otro color en el bote de pintura para que se note, ya que si tiene el mismo color que la barra no se va a ver, por ello usé negro y luego blanco) y deseleccionamos todo desde Selección > Deseleccionar Este paso es opcional, y se trata de poner un fondo en nuestro menú aplicando una imagen. Para ello vamos a Archivo > Colocar y elegimos la imagen que queremos como fondo (preferentemente más grande que nuestro menú). Una vez elegida nos permite cambiarle el tamaño por lo que si queremos la adaptamos a nuestro tamaño de menú (en mi caso solo la corrí un poco para que después quede solo la parte que me gusta). Vamos a la pestaña capas y le damos click derecho sobre la capa de la imagen seleccionada (en mi caso el auto) y elegimos la opción Crear Máscara de Recorte y verán como se adapto a nuestro menú Los siguiente es escribir en el menú todo lo que queremos que aparezca (Perfil, Mp, Post, etc) y le damos algunos efectos para que no quede tan simple. Luego le damos algún degradado o color a la capa del rectángulo más grande para que quede con una especie de borde Ya estamos en condiciones para dividir la imágen en las partes que sean necesarias para que cada parte nos dirija a donde queremos ir. Para ello debemos seleccionar la herramienta sector. Le damos click derecho sobre la imagen y elegimos la opción Dividir Sector, donde se abre una ventana en la que elegimos Dividir verticalmente en y ponemos la cantidad de divisiones que queremos Por último debemos guardar las partes desde: Archivo > Guardar para web y dispositivos... y guardamos. Nos queda así (las separe con un espacio para que puedan notar que están divididas) 5- Crear Gif Siempre quisiste hacer tu propio gif pero no sabías como o no te lo explicaban bien? no busques más, a continuación te muestro lo básico para poder hacerlos. En esta ocasión te voy a mostrar 3 diferentes formas de hacerlo, las cuales podes después combinar o inventar algo nuevo a partir de ellas. OPCIÓN 1: Desvanecimiento Creamos un nuevo documento con las dimensiones que queremos desde Archivo > nuevo Seguidamente colocamos una imagen como se explico en los tutoriales de mas arriba, o bien escribimos algún texto y abrimos la ventana de animación desde: Ventana > Animación Bajamos la opacidad de la capa a 0% como se muestra Luego Creamos otro cuadro desde el icono como se muestra y a este cuadro le subimos la opacidad a 100%. Creamos un tercer cuadro y a este le volvemos a bajar la opacidad a 0%. Nos quedaría entonces 1º cuadro 0% opacidad, 2º cuadro 100% opacidad y 3º cuadro 0% opacidad. Seleccionamos el 2º cuadro y hacemos click en el icono de intercalar como se muestra y le damos los valores de la imagen. Luego seleccionamos el 1º cuadro y hacemos lo mismo Con esto vamos a tener ahora un total de 33 cuadros que pasan de invisible a totalmente visible y luego de nuevo a invisible. Seleccionamos todos los cuadros y luego con un click donde dice 0 seg se abre otra ventana y le damos el valor 0,1 segundos (podemos hacerlo cuadro por cuadro pero si seleccionamos todos se aplica una sola vez). Si queremos ver como quedaría nuestra animación le damos a play y lo verán. Por último guardamos nuestra nueva animación desde Archivo > Guardar para web y dispositivos... Y así nos quedaría OPCIÓN 2:Desplazamiento Creamos un nuevo documento con las dimensiones que queremos desde Archivo > nuevo. En este caso voy a pintar el fondo de negro con el bote de pintura para que se aprecie mejor. Escribimos algún texto con la herramienta de texto horizontal. Luego Vamos a Ventana > Animación para poder crear los cuadros necesarios para nuestra animación Seleccionamos la herramienta Mover y manteniendo el click sobre el texto lo desplazamos hacia uno de los laterales de nuestra imagen hasta que no se vea Creamos un nuevo cuadro desde el icono como se mostró en el gif anterior y desplazamos nuestro texto ahora en sentido contrario hasta que no se vea (en este paso tenes que tener un pulso estable y tratar de que el desplazamiento sea recto) Seleccionamos el primer cuadro y le damos click al botón intercalar, con lo cual nos aparece una ventana en donde ponemos los datos de la imagen y luego le damos ok. Seleccionamos todos los cuadros, hacemos click debajo de cualquiera de los cuadros como se muestra y le damos el valor 0,2 segundos. Luego le damos play y vemos como quedó Por último guardamos nuestra nueva animación desde Archivo > Guardar para web y dispositivos... Y así nos quedaría OPCIÓN 3:Transición Creamos un nuevo documento con las dimensiones que queremos desde Archivo > nuevo. Con la herramienta Texto Horizontal escribimos una palabra y la aplicamos, luego nuevamente con la herramienta Texto Horizontal escribimos otra palabra y aplicamos, por lo que cada palabra nos queda en una capa distinta como se ve a continuación: Nos vamos a Ventana > Animación y hacemos click sobre el ojo en la primer capa para que de esta manera esa capa se oculte y solo nos queda visible la de abajo Creamos un nuevo cuadro desde el icono y luego hacemos click para que aparezca de nuevo la capa superior y desaparecemos la capa de abajo. Es decir, ahora solo vemos la capa superior mientras que la capa de abajo se hizo invisible Por último seleccionamos el primer cuadro y hacemos click sobre el botón de intercalar. Colocamos en la ventana que nos aparece los datos que se muestran y le damos ok. Luego cambiamos los segundos de cada cuadro como se explicó en los gifs anteriores Guardamos el nuevo gif desde Archivo > Guardar para web y dispositivos... Debería quedarnos más o menos así: 6- Crear Barra Recomendar Creamos un nuevo documento con las dimensiones que queremos desde Archivo > nuevo. Hacemos una barra o bien colocamos una previamente hecha (no explico como hacer la barra porque ya esta explicado en el tutorial de mas arriba) Seguidamente colocamos la imagen de alguna flecha desde Archivo > Colocar y seleccionamos la imagen de flecha de tengamos en nuestra pc (en mi caso usé una imagen que posee 3 flechas) Lo que hacemos ahora es ir a la pestaña de capas y mantener el click izquierdo sobre la capa de la flecha y la desplazamos hasta que quede debajo de la capa de la barra. Es decir que, la barra será la capa superior y la flecha la capa inferior Ahora con la Herramienta Mover movemos hacia arriba la flecha hasta que quede totalmente oculta detrás de la barra. Vamos a Ventana > Animación para que nos aparezca la ventanita de animaciones. Creamos un nuevo cuadro desde el icono y luego con la herramienta mover desplazamos hacia abajo la flecha hasta que desaparezca por debajo de nuestra imagen y la dejamos ahí Seleccionamos el primer cuadro y hacemos click sobre el icono de intercalar, donde se abre una ventanita en la que ponemos los valores que se muestran, le damos a ok y luego pueden cambiar el valor de los segundos para cada uno de los cuadros haciendo click debajo de cada uno (en mi caso seleccione 0,05 segundos para que sea bastante fluida la animación) Por último Guardamos nuestra nueva barra de recomendar desde Archivo > Guardar para web y dispositivos... Y tenemos nuestra barra de recomendar para nuestros post Visita la comunidad y aprendé más con los tutoriales bien explicados que tenemos para vos....(click en la siguiente imagen para visitarla)

Hacé una marca de agua para tus post Alguna vez te paso que hiciste las mejores capturas de todas y las colocaste en tu post muy contento para que te ayuden a destacarlo y después vino un repostero e hizo un copy & paste de ellas con las que consiguió mejores estadísticas que vos (más puntos, recomendaciones, favoritos, etc.) desde este momento no te preocupes mas por ellos, ya que con este tutorial vas a poder colocar marcas de agua que pueden tener tu nombre o logo o lo que te identifique de manera sencilla. 1- Marca de agua con palabras Primero abrimos el photoshop (en mi caso usé el CS5) y abrimos la imagen a la que queremos hacer la marca de agua desde Archivo > Abrir. Seleccionamos la Herramienta Texto Horizontal y elegimos de preferencia el color blanco, escribimos lo que queremos que aparezca como marca de agua y lo aprobamos haciendo click en el Vamos a la pestaña Capas y bajamos al texto la opacidad a 50% y el relleno a 30% (pueden elegir otros valores dependiendo de la imagen) Hacemos click derecho sobre la capa de texto y seleccionamos Opciones de fusión Nos aparece una ventana como la siguiente donde aplicamos los efectos: Sombra paralela, Sombra interior y Resplandor exterior. Luego le damos a ok Por último Guardamos nuestra imagen desde Archivo > Guardar Como... y elegimos el formato .PNG. le damos ok y nos aparece una ventanita donde elegimos entrelazar y listo. Debería quedarnos así 2- Marca de agua con Logo o Imagen Con la imagen ya abierta en photoshop nos vamos a Archivo > Colocar y seleccionamos el logo o imagen que queremos utilizar como marca de agua. La movemos al lugar que mas nos convenga (en mi caso la esquina superior derecha) y le damos al para aprobar. Nos vamos a la pestaña Capas y bajamos a 50% tanto la opacidad como el relleno del logo o imagen que queremos usar como marca de agua Por último guardamos nuestra imagen desde Archivo > Guardar como... y elegimos el formato .PNG Debería quedarnos así Como ven es muy fácil hacer esto y evitar que nos copien nuestra captura o imagen. Espero les haya sido de utilidad Visita la comunidad y aprendé más con los tutoriales bien explicados que tenemos para vos....(click en la siguiente imagen para visitarla)