Material necesario para realizar este videotutorial:
]]>
1-. Abrimos la imagen que queramos usar, en este caso, yo usaré esta de hiei.
2-. Creamos una nueva capa y la rellenamos de negro.
3-. Con la capa de negro activa, vamos a Filtro/Ruido/Añadir ruido y le ponemos los siguientes valores:
4-. Ahora vamos a Filtro/Desenfocar/Desenfoque de movimiento y le ponemos los siguientes valores:
5-. Ahora vamos a la ventana de capas y la cambiamos a Trama.
6-. Ahora pulsamos Ctrl+L y nos saldrá la ventana de niveles y le ponemos estos valores:
7-. Ahora toca hacer todos los pasos otra vez hasta que tengamos 3 capas más iguales a la que nos ha quedado con estos pasos (en total tendremos 4 capas de lluvia más otra en la que le añades un marco o lo que quieras). Mirad la foto, cuando estéis listos y lo tengais como en la foto, ocultad las capas de lluvia dándole al ojo que tiene cada capa al lado.
8-. Ahora vamos a Imageready si tenemos el photoshop CS o CS2 dándole a este botón 
O si tenemos el Photoshop Cs3 o superiores vamos a Ventana/Animaciones.
9-. Una vez allí, vereis que se carga la imagen y sus capas y veréis también esta ventana de animación:
Como veréis tenemos la capa 1 (que és la original) pues ahora le dais al boton que el circulo rojo marca y creais 3 capas más. Después de crearlas, os vais otra vez al primer cuadro y en la ventana de capas le dais al ojo de la primera capa de lluvia. Veréis como ha cambiado la imágen y ahora luce una bonita lluvia. Pero ahora viene lo importante, vais a la ventana de animación y os ponéis en el segundo recuadro y activáis la segunda capa de lluvia, y desactiváis la primera. Así haremos hasta rellenar los demás cuadros (en resumen, en cada cuadro de animación activais sólo una capa de lluvia y las demás ocultas).
Si le dáis al play, vereis el resultado.
Al guardarla, os quedará esto. Y ya hemos terminado 
Un problema suele ser dejar el nick para lo último, hacer la firma añadiendo imagenes, efectos y demás. Cuando ya tienen todo casi listo, llega el momento de colocar el nick. Aqui es cuando aparecen la mayoria de los problemas: donde lo metemos, si lo hacemos muy grande nos va a tapar esto o aquello, y al final termina relegado a un segundo plano: diminuto y en el lugar más recóndito (muchos nicks aparecen en los margenes).
¿Que tamaño y posición podemos escoger para el nick?
Lo más importante es cuanto espacio nos va a ocupar el nick en la firma, porque cuanto más grande sea menos espacio disponible tendremos para el resto de la firma. Pero tampoco podemos pasarnos dejando el nick canijo, porque pasará a ser un elemento más sin mayor importacia, y para eso mejor no ponerlo. Hay que buscar un tamaño minimo que nos sirva de guía, podriamos tomar por ejemplo que su altura sea más o menos 1/4 de la altura de la firma, ¿por qué esta medida tan rara? Si nos fijamos en muchas firmas, nos resulta más vistoso el nick si éste tiene esa o mayor altura. Si lo hacemos mas pequeño pasa a un segundo plano, y aunque nos empeñemos en resaltarlo al ser “canijo” apenas resalta. Con nombres demasiado largos puede que esta idea nos deje sin espacio, en ese caso podemos hacerlo más pequeño pero sin pasarse.
Aqui una rejilla, con la que podemos mirar si las firmas vistas en el foro, comprobar si el nick tiene una “altura buena” y ayudarnos a sacar conclusiones.
Llega la hora de pensar en donde colocarlo o donde le dejamos sitio, sino tenemos encuenta esto al principio puede acabar en un lugar malo, como es en las bordes o incluso en las esquinas. Yo siempre bromeo diciendo “si se despistan un poco más lo ponen fuera de la firma 
“. He hecho una chorrada que puede ayudar a elegir cualquier posición más o menos buena. En la siguiente imagen digamos que hay una zona “prohibida” (donde el nick pierde importancia) que es la de color rojo, la zona prohibida no puede ser pisada por el nick.
Siempre tenemos que recordar: el nick es parte de la firma y por lo tanto colores, tonos… deben ir acordes con el resto de la firma.
Pero que mejor que con un ejemplo para entender, ya sé que está muy vacia la firma pero es un ejemplo y no todas las firmas tienen que tener muchas imagenes. La temática y estilo de la firma es similar a una que vi por el foro hace tiempo (algo mas o menos sencillo de hacer, que perro soy 
).
Nick en dos tamaños, el segundo es demasiado pequeño.
El nick en varias posiciones (algunas tapan imagenes porque no tenia una posición en los bordes sin ocupar).
Con rejilla y “zona prohibida”
Espero que os sea de ayuda 
~~~~
Realizado por Alzacon.
]]>
Os traemos un tutorial realizado por MiGUi para aquellos que no saben cómo empezar a a realizar fondos. Aquí va:
Realizado por MiGUi. También podeis encontrarlo en este post del foro.
Para ir terminando bien el año aparte del 25º concurso os traemos un tutorial bastante sencillo y a la vez muy didactico que hemos encontrado en conceptopixel. Es un tutorial en el que con un stock , un c4d render y dos packs de pinceles se consigue una composición muy atractiva. Así de primeras se me ocurre que para un cartel o la carátula de un disco puede ser muy util.
Para facilitar un poco su realización os dejamos aquí el pack completo con todo lo que necesitais incluido el psd final.
Descargar recursos y psd del tutorial photoshop rockero (Rar 6,84 Mb)
Animaros y enseñarnos vuestros trabajos
Paso 1 – Colocando al personaje
Abrimos un documento nuevo de 500 pixeles de ancho y 600 pixeles de alto con 72 puntos por pulgada de resolución y damos click a Aceptar. Ahora llenamos nuestro documento con un color base (yo use #ece8e1) y procedemos a colocar (Archivo > Colocar) nuestro personaje principal, si tiene fondo al rededor se lo quitamos con la varita mágica o la herramienta pluma, para que podamos colocar posteriormente cosas debajo del personaje, en mi caso fue algo confuso, primero coloque la imagen original con fondo de color gris al rededor, como no era parejo tuve que usar la herramienta Smudge para estirar el color de fondo hacia arriba y abajo porque la imagen estaba en el centro y así dejar parejo el fondo, luego la misma imagen original la volví a colocar y a quitarle el fondo con la varita, extraño, pero así lo hice.
Paso 2 – Poniendo cosas debajo
Este es tal vez el atractivo principal del diseño este, es los brushes que coloques debajo del personaje, lo bonito que te quede depende de este paso, yo tome unos 3 brushes Alias (vienen al principio) diferentes, uno de rectángulos de ajedrez, y otros dos abstractos. Con sus respectivos colores negro (#000000), azul claro (#00b4ff) y naranja obscuro (#fe4c07) para variar y adornar con colores relevantes con tu personaje. Trata de borrar lo que sepas claramente que va a quedar mal o sobre, haga ver mal algunas áreas o sencillamente quede fuera de lugar.
Paso 3 – Los rayos de energía
Video Paso en GIF, se repite automáticamente y dura alrededor de 40 segundos, si lo quieres ver independientemente en caso de que no cargue correctamente haz click aquí. Pesa alrededor de 600 Kilobytes por lo que si tu conexión es lenta tardara.
He amig@, no te asustes, crear las llamadas “líneas de energía” es de lo mas sencillo que hay, solo necesitas tomar la herramienta pluma y seguir el video paso de arriba pero aplicado a tu diseño, aquí se uso la misma técnica, moviéndole a los valores del brillo exterior al gusto puedes lograr muchas cosas, la mejor forma de hacerlo, resumidamente hablando es: Haciendo el proceso de zigzagueo, y darle color blanco a la línea y el resplandor azul en linear dodge.
Poco después de eso toma la herramienta Pincel en un Soft Brush de unos 5 Pixeles para abajo con Dureza de 0 (focos de luz para no dar tanto rodeo) de color azul en una nueva capa en Modo Linear Dodge, justo donde creas necesario ponerlos.
Paso 4 – Elementos de Textura (1)
Bien esto no es complicado y le dará un toque creativo que depende de ti. Colocamos un Render C4d solido y de buena forma debajo de nuestro personaje y lo acomodamos bien, yo use uno de Disturbet que viene al principio del post por su forma, luego coloque la imagen de colores verticales que viene también al principio justo en una nueva capa encima del C4D Render, pon esa capa en modo Lighten (Aclarar) y asegúrate de borrar lo que este cubriendo al personaje y a lo que no te guste, trata de enfocar la textura solo en el área del C4D Render, aunque a mi se me paso la mano y deje que la textura cubriera los brushes alias como te das cuenta.
Paso 5 – Elementos de Textura (2)
Haremos lo mismo que la vez anterior pero rotando un poco el C4D (con previa duplicación del original) y ponemos alguna otra imagen (yo use la misma de las líneas verticales) en el mismo modo que arriba, me refiero a Modo Lighten y borrar lo que tape a lo demás. Trata de ser creativo en elegir que imagen quieres poner enfrente de los renders C4D, recuerda que es algo que destacara en tu diseño, si se ve mal en Modo Lighten prueba a hacer clipping mask, me refiero a poner la imagen enfrente y posteriormente presionar CTRL+ALT+G para no tener que borrar lo que sobra.
Paso 6 – Colocar el Texto y el Icono
Es hora de hacer que nuestro diseño no se vea tan vacio añadiendo algo de texto, miren primero hay que añadir un icono, yo añadí el icono de iTunes que viene al principio del post y encima del centro un foco de luz azul claro en Linear Dodge. Al lado un Texto de 36 Pt de grande, la font usada depende de ti, yo use la Myriad Pro Bold, y después aplique estos estilos de capa:
Paso 7 – Brushes de Pájaros
Este paso es igual que los anteriores, solo que esta vez crearemos una nueva capa donde pondremos tantos pájaros (o cualquier otra cosa) se nos ocurran, use los brushes de pájaros que vienen al principio del post, luego hice máscara de recorte (nueva capa, pegar imagen, CTRL+ALT+G) para poder enfocar la imagen dentro del área de los pájaros, la imagen que use es la de un fondo de pantalla color verde incluido al principio del post.
Paso 8 – Focos de Iluminación y Brillos pequeños mágicos en la Guitarra
Este paso es tan importante como fácil, nos ayudara a darle un toque mas cool a lo nuestro, solo tomamos la herramienta de Pincel, usamos el pincel básico con 0% de dureza (Soft Brush) de un tamaño mas o menos mediano (guíate en la figura de arriba, los círculos rosas) y con colores que representen dicha área a iluminar, algunas áreas están en azul, hay una área amarilla y otra naranja (si es posible o queda sobre iluminado, bájale la opacidad a un 70% o 50%). Pon la capa donde estés poniendo los focos de iluminación en modo Linear Dodge.
Ahora prosigamos a añadir pequeños puntos que simularan magia en tu guitarra, toma la misma herramienta que hace rato pero con tamaños que no superen los 3 pixeles para que sean mas pequeños que los del inicio, preferentemente color blanco y muy dispersos, usa tu imaginación.
Paso 9 – Efecto final de Iluminación
Aguanta las carnes, ya casi acabamos aquí, solo nos queda antes del borde (siguiente paso) añadir un efecto definitivo de iluminación que marque la diferencia entre un diseño plano y un diseño con profundidad. Ve a Filter > Render > Lightning Effects (Filtro > Trazo > Efectos de Iluminación) y sigue los parámetros de la imagen de arriba, te debe dar un resultado algo exagerado, pero bajando la opacidad a un rango de 30-40% puedes hacer que se vea mejor y se le quite el exceso. Incluso puedes probar los efectos de iluminación que mas se ajusten a lo que deseas.
Paso 10 (Último) – El borde y listo!
Ya hemos terminado! Felicidades, has completado este facilísimo tutorial. Pero solo falta una cosa para decir Hooray… Tienes que añadir un borde creativo a tu diseño, yo use uno con los parámetros de estilo de capa que ves atrás, y por fin me quedo algo digno de presumir por ahí.
]]>
Hace poco salio el Blender 2.5 y muchas cosas han cambiado con respecto a la versión anterior como por ejemplo la distribución de las herramientas. Para ello os traemos un manual básico de iniciación en español de la mano de Joclint Istgud que os ayudará a conocer las funciones básicas y os permitira hacer vuestros primeros pinitos en 3D con Blender.
Es de agradecer iniciativas de gente como Joaquín que dedica su tiempo libre a ayudar y enseñar haciendo estos trabajos. Gracias.
Descargar Blender 2.5
Descargar Manual en pdf
]]>- Crea espacios de trabajo customizados para distintos tipos de proyecto
- Abre la misma imagen en dos ventanas
- Herramienta mano instantánea
- Deshaciéndose de las hormiguitas
- Comando Deshacer
- Controla tus cuadros de color
- Seleccionar colores de una imagen
- Cambia el tamaño de la brocha
- La herramienta mover (flechas)
- Esconder los paneles
- Acercar y Alejar (LUPAS)
- Navegando en imágenes grandes
- Selecciona sólo los píxeles de una capa
- Ordena las imágenes para mejorar la visibilidad
- Deshacerse de la ventana de bienvenida o llamarla de vuelta
- Navega por todos tus documentos abiertos
- Crea espacios de trabajo customizados para distintos tipos de proyecto:
- Photoshop te permite crear espacios de trabajo customizados que te mostrarán los paneles necesarios para un proyecto específico. Por ejemplo, si planeas trabajar con texto, te interesará seguramente mantener abiertas los paneles de Párrafo y Tipo. Pero si más tarde deseas trabajar con fotos, lo conveniente sería cerrar los paneles de texto para hacer sitio a los de edición fotográfica, como los cambios de color y las brochas. Con los espacios de trabajo customizados puedes hacer esto muy rápidamente.
Una vez que hayas preparado todos los paneles que necesitarás, ve a VENTANA>ESPACIO DE TRABAJO>GUARDAR ESPACIO DE TRABAJO, nombra tu espacio de trabajo y guárdalo. Un factor importante a tener en cuenta es nombrar los espacios de manera identificable y eficaz, esto nos ahorrará tiempo al cargarlos más tarde.
- Abre la misma imagen en dos ventanas:
- Cuando se trabaja en una imagen con muchos detalles, es normal utilizar mucho las lupas de aumento y disminución. En lugar de utilizar las lupas, puedes abrir la imagen en dos ventanas al mismo tiempo.
- Herramienta mano instantánea:
- Seguramente os hayáis frustrado muchas veces al tener que cambiar de herramienta para moveros por el lienzo. La solución es presionar la (BARRA ESPACIADORA) y esto activará temporalmente la herramienta MANO. Al soltar la barra, regresarás a la herramienta que estabas usando previamente.
- Deshaciéndose de las hormiguitas
- Al realizar una selección se activará por defecto una línea intermitente para mostrarte el área seleccionada (las hormiguitas), pero en ocasiones resulta muy engorroso. Para ocultarlas, presiona (CTRL H); para que reaparezcan, repite el atajo de teclado.
- Comando Deshacer:
- Para deshacer tu última operación, presiona (CTRL Z), repite el comando para anular el “deshacer”. Esto te será especialmente útil cuando trabajes con las herramientas sobreexponer y subexponer.
Si deseas ejecutar “paso atrás” presiona repetidamente (CTRL ATL Z). Te llevará tan atrás como llegue tu historial.
- Controla tus cuadros de color:
- Presiona (D) para resetear tus cuadros de color al predeterminado blanco (fondo) y negro (brocha). Presiona (X) para intercambiar los colores de fondo y brocha. Para seleccionar un color completamente nuevo, haz doble clic sobre el cuadro del cual quieras cambiar el color.
- Seleccionar colores de una imagen:
- Presiona (I) para activar el cuentagotas, haz clic con el cuentagotas sobre el color deseado y este será tu nuevo color de brocha. Si haces esta misma operación presionando (ALT) el color que selecciones será el nuevo color de fondo.
- Cambia el tamaño de la brocha:
- Con la herramienta brocha seleccionada, presiona (]) para aumentar el tamaño de la misma y ([) para disminuirlo.
- La herramienta mover (flechas)
- Acostúmbrate a utilizar el atajo de teclado de la herramienta mover, el cual es la letra (V). Una vez que la herramienta mover está activa, puedes utilizarla junto con tus flechas de teclado para ampliar la selección. Para acelerar el desplazamiento, pulsa una flecha direccional del teclado (arriba, abajo, izquierda o derecha) y MAYUSCULAS, eso moverá la selección 10 píxeles. Si simplemente presionas las flechas, esto moverá la selección en un pixel en la dirección que marque la flecha.
- Esconder los paneles:
- Presiona (TAB) para esconder un paneles. Para hacerlo reaparecer, presiona (TAB) de nuevo. Para ocultar todos los paneles salvo la barra de herramientas presiona (MAYUSCULAS TAB)
- Acercar y Alejar (LUPAS)
- Presiona (+) para hacer zoom en la imagen y (–) para alejarte y tener una vista más general.
- Navegando en imágenes grandes
- Si has hecho un zoom cercano en una imagen ya muy grande de por sí y te has perdido, puedes saltar directamente a unas vistas específicas utilizando estos atajos:
Presiona ( INICIO ) para situar la vista en la esquina superior izquierda de la imagen.
Presiona ( FIN ) para situarte en la esquina inferior derecha.
Presiona (AVPAG) para mover toda la vista hacia abajo una pantalla completa
Presiona (CTRL PAGEDOWN) para moverte hasta abajo del todo.
Presiona (CTRL REPAG) para situarte arriba del todo.
- Selecciona sólo los píxeles de una capa
- La manera más fácil de hacer esto es situarse en una capa trasparente, pulsar ( CTRL ) y hacer clic en la capa con el objeto en el panel de capas. Esto asegurará que sólo se seleccionen los píxeles visibles en lugar de toda la capa.
- Ordena las imágenes para mejorar la visibilidad:
- Cuando abres muchos archivos en Photoshop, aparecen en modo cascada, superponiéndose los unos a los otros y dificultando la selección individual de cada uno. Para superar este pequeño problema, ve a VENTANA>ORGANIZAE (arrange)>FORMAR UN MOSAICO CON TODOS LOS ARCHIVOS ABIERTOS . Si deseas cerrarlos todos, no pierdas tiempo haciéndolo individualmente, presiona ( CTRL ALT W)
- Deshacerse de la ventana de bienvenida o llamarla de vuelta:
- Siempre que abrimos Photoshop aparece la ventana de bienvenida que ofrece links a distintos tutoriales, sugerencias y trucos. Después de un tiempo, es posible que quieras deshacerte de ella. Hay un pequeño cuadro de texto en la propia ventana que sirve para desactivarla. Si por casualidad cambiases de idea y quisieras volver a tenerla, puedes reactivarla en el menú AYUDA.
- Navega por todos tus documentos abiertos.
- A veces queremos encontrar un documento en concreto entre muchos abiertos que mantenemos minimizados. Abrirlos uno a uno es muy engorroso, por lo que es mejor presionar (CTRL TAB) repetidamente para navegar muy rápido a través de todos ellos y localizar el que nos interesa.
Yo os recomiendo que lo veais en HD a pantalla completa para que veais bien todos los pasos.
]]>
Hace algún tiempo os hablamos en este post de un estilo de firmas que suelen ser muy llamativas conocidas como gfx. Estas firmas suelen llevar un render o un stock principal, colores llamativos y efectos de luz a su alrededor. Siguiendo con el desarrollo de aquel post y de este tipo de firmas hoy os traemos un recopilatorio de 85 tutoriales de efectos de luz que han hecho en WebbyZone y que seguro que os permitiran desarrollar dichos efectos para vuestras firmas.Otros recursos:
]]>