Estrella con Photoshop e illustrator
Posteado el 02. Aug, 2010 por tuto in Dibujo, Illustrator, Photoshop
PASO 1
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 2
Con la herramienta Star Tool vamos a crear una estrella con un color de relleno negro.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 3
Ahora con la herramienta Line Tool vamos a dibujar dos líneas siguiendo la forma de la estrella como se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 4
Seleccionamos la herramienta Blend Options y damos doble click sobre ella para poder aplicar las opciones que se ven en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 5
Ahora damos click sobre la primera línea y luego hacemos click sobre la otra línea para que nos quede como se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 6
Repetimos los pasos anteriores en todas las esquinas de la estrella para tener algo como lo que se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 7
Ahora vamos a eliminar la estrella negra y vamos a pintar las líneas de colores Rojo, morado, celeste, verde y amarillo.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
Aqui les dejamos el editable que hicimos en Illustrator de la estrella
PASO 8
Ahora vamos a Adobe Photoshop y creamos un nuevo documento de 500 x 500 y el fondo lo rellenamos con un color negro.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 9
Vamos a copiar y pegar cada conjunto de líneas a Photoshop para obtener 5 capas distintas.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 10
Seleccionamos la capa del color celeste y con la herramienta Laso Poligonal vamos a crear una selección sobre las líneas donde se cruzan justo con el color verde.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 11
Ahora vamos al menú Layer – Layer Mask – Hide Selection. Vamos a ver como desaparece la selección lo que hace esto es crearle una mascara sobre las líneas.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 12
Hacemos lo mismo con las otras líneas para obtener un efecto como el que se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 13
Ahora seleccionamos todas las capas y con el comando Ctrl + E las unimos en una sola capa. Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 14
Duplicamos la capa de las líneas y vamos al menú Filter – Blur – Gaussian Blur y le aplicamos un valor de 8 píxeles.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 15
Ahora vamos a seleccionar la capa de las líneas y vamos al menú Filter – Blur – Gaussian Blur y le aplicamos un valor de 2 píxeles.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 16
Duplicamos la capa de las líneas y con el comando Ctrl + G la agrupamos en una carpeta y le colocamos un modo de capa Color Dodge.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 17
A la capa que esta dentro de la carpeta le aplicamos un Color Overlay como se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 18
Creamos una nueva carpeta de grupo y cambiamos el modo de fusión del grupo a Color Dodge, luego añadimos una nueva capa dentro del grupo y con la herramienta Brush con un pincel difuminado con un color blanco pintamos algunos puntos de luz sobre las líneas verdes.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 19
Ahora vamos a crear una capa por debajo de las líneas y le colocamos una opacidad de 20%, y con la herramienta brush tool con un pincel esfumado vamos a pintar con el mismo color de las líneas esto nos servirá para resaltar nuestras líneas.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 20
Debajo de la capa de los colores aparecemos la capa de las líneas original y le colocamos una opacidad de 66%.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 21
Creamos una nueva capa sobre todas las demás con un color de relleno negro.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 22
Le aplicamos una Pattern Overlay como se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 23
A la capa le colocamos una opacidad Fill de 3%.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 24
Creamos una nueva capa sobre todas las demás y la rellenamos con un color negro y con la herramienta Erraser Tool borramos desde el centro hacia fuera como se ve en la imagen.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
PASO 25
Listo ya tenemos nuestro efecto terminado lo que yo hice fue agregar un brillo en el medio para darle un mejor terminado.
Abrimos Adobe Illustrator y creamos un documento nuevo de 500 x 500 píxeles.
Descarga Estrella con Photoshop
DiegoKaponi
08. Oct, 2010
COMO AGO PARA COPIAR EN CAPAS DISTINTAS DESDE EL ILUSTRATOR A PS :S
creativo
08. Oct, 2010
DiegoKaponi. Para copiar en distintas capas de illustrator a photoshop es muy simple si te fijas en el paso 7 del tutorial, verás que tenemos 5 colores distintos de líneas entonces seleccionas cualquier color de líneas y con el comando Ctrl+ C vamos a copiar las líneas en Illustrator, luego vamos a Photoshop y con el comando Ctrl + V pegamos la línea, al momento de pegar las líneas Photoshop creara una capa automáticamente para las líneas.
Espero esto resuelva tu duda.
Saludos.
maniacross
13. Oct, 2010
al menos pon la autoria de http://abduzeedo.com/ que mal este blog robando tutoriales.
tuto
13. Oct, 2010
Hola Maniacross gracias por tu comentario fijate que nosotros si tomamos tutoriales que estan en ingles y los traducimos algunos son de nuestra autoria y otros los tomamos, esto si lo dejamos claro en nuestro acerca de..que está publicado en este sitio, pero tienes razón siempre es bueno poner la fuente de donde tomamos la información gracias por el consejo
vero
20. Oct, 2010
hola …como hago en photoshop el fondo de una foto como esfumado???? q quede la cara nitida … pero el fondo no ……….espero tu respuesta. Gracias!