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 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:
]]>2º Pulsamos la tecla D para resetear los colores.
3º Vamos a Filtro/Interpretar/Nubes
4º Pulsamos Control + U, seleccionamos colorear y ponemos:
Tono 203
Saturacion 25
Luminosidad 0
5º Duplicamos la capa pulsando Control + J
6º Nos situamos en la copia y vamos a filtro/desenfoque/desenfoque gaussiano y aplicamos 2 pixeles
7º Ponemos la copia en luz fuerte
8º Pulsamos Control + E para unir ambas capas
9 Duplicamos de nuevo la capa con Control + J
10º Nos situamos en la copia y pulsamos Control +U seleccionamos colorear y ponemos:
Tono 211
Saturacion 59
Luminosidad 0
11 Ponemos la copia en Superponer
12 Unimos las 2 capas pulsando Control + E
13 Duplicamos de nuevo pulsando Control + J
14 Nos situamos en la copia y vamos a filtro/distorsionar/encoger y ponemos 100
15 Situados en la copia, pulsamos dos veces control + F
16 Ponemos la capa en Aclarar
17 Pulsamos de nuevo Control + E para unir ambas capas
18 Duplicamos de nuevo pulsando control+ J
19 Situados en la copia, vamos a filtro/distorsionar/molinete y ponemos 500
20 Duplicamos la copia y vamos otra vez a filtro/distorsionar/molinete y ponemos -929
21 Ponemos la ultima capa ke hemos creado en Oscurecer
(hasta el paso 21 deberiamos de tener 3 capas)
22 Situados en la ultima capa creada pulsamos control + E pa unirla cn la 2º
23 A la 2º capa la ponemos en Aclarar y pulsamos control + E
24 Duplicamos la capa con control + J
25 Seleccionamos la copia d la capa y vamos a filtro/distorsionar/molinete y ponemos -929
26 Despues vamos a filtro/distorsionar/encoger y ponemos 100
27 Ponemos la capa en Luz suave y pulsamos control + E para unirlas
Si aplicamos filtros a nuestro gusto y comenzais a inventar, os quedari un fondo genial, x ejemplo, io he creado una capa transparente, la he rellenado de color blanco, la he puesto en exclusion y me ha quedado asi..
Todo depende de nuestro estilo, si aplicais vuestro corazon en los diseños, os quedaria de put@ m@dre, y obtendriamos un trabajo con limpieza, claridad y exclusividad. Os vemos el mes q viene. Dew! |Jiraiya|
]]>
]]>Necesitamos abrir un documento nuevo, del tamaño que deseemos, entonces pulsamos “D” para poner el color negro de frente, y blanco de fondo.
Vamos a “Filtros>interpretar>nubes”
Entonces duplicamos la capa, y quedaríamos con 2 capas: “Capa 1” y “Capa 1 copia”. En “Capa 1 copia” (que debería estar por encima del todo) vamos a “Filtros>interpretar>nubes de diferencia” (aun teniendo el negro como color frontal, y el blanco en el fondo), entonces pulsamos “ctrl.+f” un par de veces.
Bueno, duplicamos esta capa (es decir “Capa 1 copia”) y vamos a “Filtros>interpretar>nubes de diferencia” y otra vez pulsamos “ctrl.+f” un par de veces, y ahí tenemos la explosión! No! Esperen falta algo… ah si!
Seleccionamos “Capa 1 copia” (la del medio) y presionamos “ctrl.+u” y ponemos (más o menos) los siguientes valores:
(Recuerden activar la casilla “colorear” o “colorize”)
Lo importante es que tenga un color rojo o anaranjado + o -, pero en lo posible mas rojo.
Seleccionamos la capa de más arriba, y presionamos ctrl.+u y le damos unos valores mas bien amarillos:
Y listo! No mentira todavía no, pero esta CASI listo!
Ahora cambiamos las opciones de las capas entre “Sobreexponer color”, “Aclarar”, “Luz suave”, “Superponer”, etc. Siempre dejando las tres capas visibles, y modificando las dos de arriba:
Solo prueven alternando lo que dije de las opciones de capas, y veran que obtendrán un buen resultado! Aquí tienen algunos resultados:
También pueden presionar ctrl.+l para cambiarle la luminosidad, o tambien cambiar la opacidad de las capas…
Este es mi 3er. tutorial, y espero que les sea útil, pueden preguntar sus dudas.
Saludos!
Enviado por: ismael_92
]]>
NOTA: Imagen reducida, para ver a tamaño completo, botón derecho sobre ella, ver imagen.
Enviado por kalenjy
Fuente: solophotoshop
]]>
Manual:
Bueno os explicare como conseguir hacer un fondo simple pero wapo.
Creamos un documento nuevo, yo e utilizado 400 X 150 píxeles pero pero esto es a vuestro gusto.
Pulsamos la letra “D” para que los colores principales sean negro y blanco.
1.- Luego vamos a filtro —> interpretar —> nubes
Nos debe quedar algo así.
2.- Seguidamente vamos a filtro —> píxelizar —> semitono de color y lo configuramos así:
y al aceptar nos quedara algo así:
3.- Después pulsamos CTRL+U, marcamos colorear y lo ajustáis al color que queráis. Aunque porque os quede bien debéis poner luminosidad de 40.
así quedara. (aunque el color lo podéis cambiar)
4.- Vamos a filtro —> trazos de pincel —> salpicaduras…
y lo ajustamos:
Radio:10
Suavizar: 5
Y así os quedara.
Espero haber explicado claro y que os guste el fondo.
By Sheva
]]>