Photoshop (Tutorial ? Ilustracion con Formas)

[COLOR=#NaNNaNNaN]Tutorial ? Ilustracion con Formas[/COLOR]

Bueno me he tomado el tiempo de crear un nuevo tutorial, puede quese les complique un poco algunas cosas, pero cualquier cosa preguntenque aqui estare para responder cualquier duda, este tutoria, fue algode la nada, ya que era un diseño mas, pero decidi hacer tutorial, yaque creo que era un efecto que aun no mostraba, en fin sin mas enredo,aqui el tutorial:

1. Primero comenzamos creando un archivo nuevo del tamaño quedeseen, en mi caso lo hare del siguiente tamaño, 600px por 750px, porconsiguiente a la primera capa le pondremos el siguiente degrade enmodo lineal con 90 grados, los colores a poner serán #bbc59d en laparte inferior y #96baae la parte superior que quede algo así:



2. Ahora agregaremos nuestro stock de la persona, para eso el mi lobusque en sxc.hu, te registras porque esta pagina requiere registropara descargar stocks, luego en donde dice + images categories, dasclick se te desplegara un listado de categorías, te vas a People/Emotions/Happiness, y ahí te saldrán varias imágenes del tipo que tieneel diseño, después de buscarla, te vendrá con fondo el stock, tendrásque cortar solo a la persona con la herramienta pluma (P), después aesta persona que cortaste lo pondrás en tu trabajo:



3. Ahora en este siguiente paso buscaremos una imagen (yo la busquedel mismo sxc.hu) que tenga la forma de agua como explosión, como esta:



Que tenga ese tipo de formas y explosión de preferencia ya que nosayudara con el efecto que explicare a continuación (la imagen viene enel pack del tutorial).

4. Ahora a esta imagen la ponemos en el photoshop (para quitarle elcandado solo la duplicamos o si eso les falla pues copiamos la imagenCtrl + a para seleccionar todo, luego Ctrl+c para copiar, después deeso creamos un nuevo archivo (Determinadamente damos ok, las medidas yanos la pone el photoshop) y apretamos Ctrl + v para pegarlo), ahora yasin candado, nos vamos directamente a Selección/Gama de colores, estohará en nuestra imagen una selección según los colores, ahora lo queharemos pondremos la siguientes opciones:



Ahora como puedes ver lo que quiero lograr, no es cortar el agua sino cortar partes de ella, para dar un aspecto de grunge el cortado,para eso como puedes ver lo que aparece en blanco en las opciones va aser lo que se seleccionara (Donde esta el fondo negro, lo blanco serálo que te seleccionara al dar ok) para luego recortarlo, y si vez noselecciono el agua si no parte de ella para poder dar el aspecto antesmencionado.

5. Ya teniendo puesto la gama de colores, escogemos solo parte delagua no cortarla toda, para eso vamos moviendo la barra de tolerancia,hasta que solo aparezca en blanco lo que queremos seleccionar, despuésde tener lo querido damos en ok, para luego solo cortar y pegarlo ennuestro trabajo del tutorial que quede algo así:



6. Ahora agregaremos algunas formas para lograr un aspecto mejor ennuestro diseño, aquí explico cuales, como hacerlos, donde ponerlos, y adarles el efecto:

1.- Lo primero que haremos será agregar dos círculos detrás de lacapa del render (la persona que recortaste para el trabajo), loscírculos serán de colores #efedd8 y #ffffff, para eso nos vamos agarrarla herramienta elipse, primero apretamos la tecla U, para queseleccione la herramienta que sirve para formas, después escogemos laforma del circulo, ya después, para ponerlo en nuestro trabajo primeroapretamos Shift lo mantienes presionado y luego ponemos la forma ennuestro trabajo, el apretar Shift hará que al pasarlo nos haga uncirculo exacto y redondo perfectamente:



2.- En este siguiente efecto agregaremos diagonales, esto es fácil,volvemos con la herramienta anterior mencionada (Herramienta deformas), solo que ahora escogeremos la herramienta línea, y lapasaremos en nuestro trabajo pero como diagonales, la dirección vadependiendo hacia donde vaya el render aunque no es muy exacta al igualque el color. Ahora después de poner todas las líneas que queramos, ala capa de líneas le pondremos una mascara de capa (no olvides connegro se borra y blanco se repone), después nos vamos a agarrar unpincel, en este caso escogeremos el pincel Salpicaduras en 46px, paraque nos de un efecto de intervalos en las líneas, lo pasas muy suave alas líneas hasta lograr el efecto siguiente:



3.- Como siguiente efecto haremos lo siguiente, primero agarramosla herramienta elipse de nuevo, pero en este caso si ves en el panel depropiedades donde tienes agarrado (En la parte de arriba) te aparecen 3opciones de cómo vendrá el círculo (Donde están las plumas):

  * (Capas de forma) El primero es que al hacer el círculo tenga un relleno inmediato, ósea hacer un circulo normal.
 * (Trazados) El segundo que es el que elegiremos nos hará elefecto como pluma sin relleno, este solo contorneara con una guía y yanosotros podremos hacer ya sea un contorno del círculo o un relleno ouna selección.
  * El tercero es para rellenar pixeles.

Ahora bien como mencione tomaremos el segundo como muestra en laimagen de abajo, después haremos nuestro círculo, no olvides tenerpresionado Shift para que el círculo sea exacto y no ondulado, elcírculo como veras te aparecerá sin relleno ni nada solo te aparecerála línea pre terminada de guía que te pone la pluma, ahora ya teniendoel circulo nos vamos a la herramienta pincel, en esta escogeremos unpincel duro de 1px (el primero de los pinceles que vienen por defectodel photoshop), después de elegir el pincel, creamos una nueva capa, denuevo volvemos a la herramienta elipse, y damos click derecho alcirculo que habíamos hecho, damos en contornear, elegimos laherramienta pincel, después damos en ok, y como vez nos contorneara elcirculo, solo contornearlo, después de eso, creamos una nueva capa yagarramos la herramienta pincel de nuevo y ahora elegimos uno del mismotipo con el que contorneamos solo que este de entre 3px o 4px, y estelo pondremos en la raya del contorno del circulo, para lograr algo así:



7.- En este siguiente paso agregaremos círculos, muchos círculos yal gusto, los puedes agregar con la herramienta elipse apretando Shiftpara que el circulo salga redondo, también no olvides que por circuloes una capa, puedes ponerlos en la parte de delante de nuestro render,en la parte de atrás, a un lado o al otro, alejados, círculos que esténrecortados, etc. También de diferentes colores, con degrades que paraagregarlos solo necesitamos dar doble click en la capa del circulo paraque nos habrá las opciones de fusión y elegimos Superposición dedegradado, escogiendo el degradado al gusto, aun que si no quieresponerle un degrade y quieres cambiarlo de color, abrimos de nuevo lasopciones de fusión y elegimos Superposición de Colores y elegimos elcolor querido, hasta lograr algo así:



8.- Ahora agregaremos formas que salen hacia afuera, esto loharemos con la pluma, es bastante fácil, tomamos la herramienta pluma(P), elegimos la opción de trazados, para que al usarla no nos haganingún efecto solo y solo nos muestre la guía (La misma que usamos enla herramienta elipse anteriormente), después haremos trazos haciaafuera de nuestro trabajo como muestra la imagen de abajo, creamos unanueva capa, después al trazo le damos click derecho y damos enrellenar, elegimos color frontal (para poder elegir color) y damos ok,si tu deseas cambiar otra opción sobre el relleno es al gusto, ahora sial trazo deseas agregarle algún degrade repetimos el paso de abrir lasopciones de fusión y elegimos Superposición de degrade y elegimos eldegrade que queramos, hacemos mas trazos, puedes duplicar los yahechos, girarlos, hacerlos mas pequeños, etc.:



Nota: El que tienes 3 colores, lo que haremos será tomar laherramienta rectángulo y haremos 3 formas de tipo barras, claro condiferentes colores, como muestra la imagen, ahora haremos el trazo conla herramienta pluma en el modo de trazados (como menciono antes paraque solo nos muestre la guía pre terminada) después de hacer el trazocon la pluma damos click derecho y elegimos Hacer Selección, despuésdamos directamente ok en la opciones que nos salgan, después copiamosla selección que nos da, después volvemos a pegar, no olvides borrarlas capas de las barras de colores, ya ahora solo colocamos lorecortado en el modo que queramos, ya sea girarlo con la herramientaMover (V), etc., hasta tener algo así :



9.- A continuación haremos lo siguiente detrás del render, primeroagarramos la herramienta pluma de nuevo, después de eso, en vez deelegir la opción de Trazado elegiremos la primera que es la de rellenode formas, ahora ya teniendo la herramienta a mano, haremos trazos perosin seguimiento ósea como quien dice trazos a lo ?loco?, para lograralgo tipo abstracto como muestro a continuación, para agregar el color,solo tenemos que crear una nueva capa encima, luego apretar Ctrl +Alt +G, funciona para que la capa solo funcione en la capa de abajo, esdecir lo que pongas solo aparecerá en lo que tengas abajo, es llamadocomo Clipping Mask, (puedes crear todas las capas que necesites) si alapretarlo te pide que necesita rasterización o algo por el estilo ledas en Si o continuar, ahora agarraremos la herramienta pincel yescogemos uno tipo duro con un tamaño que depende que donde quieresponer color, y si quieres agregar degrade solo tienes que dar dobleclick en la capa donde pasaste el pincel y das en superposición dedegradado y escoges el querido, con eso debes lograr algo parecido aesto:



10.- Por últimos pasos haremos lo siguiente:

1.- Tomamos la herramienta pincel del tamaño 1px, escogemos uncolor cualquiera, y lo pasamos por donde deseemos, con eso lograrasalgo así:



2.- Agregamos 2 brushes tipo splatter, después de eso crearemos untexto en el fondo de nuestro diseño, después de elegir fuente yescribirlo, rasterizamos esta capa de texto, luego agarramos el borradoy escogemos el brush: Appendix-Halftone (para agregar un brush puedesver aquí), y escogemos el brush Sampled Brush 14 y borramos con estebrush el texto:, logrando al parecido a lo siguiente:



3.- Por ultimo agregaremos una capa de relleno Capa/Nueva capa derelleno/Degradado después elegimos el degrade Violeta-Naranja (Esta enlos que aparecen pre terminados del photoshop), después lo ponemos enmodo Luz Lineal (Puede variar) con una opacidad de 20%, ahora en lamascara de capa que trae pueden (si desean) borrar lo que no necesiten(Negro borras, blanco repones) , como siguiente crearemos una nuevacapa encima de todas, después aplicamos imagen, para eso nos vamos aImagen/Aplicar Imagen, después de aplicar la imagen, duplicaremos estaimagen, luego nos vamos a Filtro/Enfocar/Enfocar, después a esta capacon enfoque le ponemos una opacidad de entre 50 y 60px y listo debemostener el resultado final:



[COLOR=#NaNNaNNaN]PSD Ilustracion con Formas[/COLOR]

Photoshop (Tutorial ? Ilustracion con Formas)
0 Puntos Score: 0/10
Visitas: 1686 Favoritos: 1
0 Comentarios Photoshop (Tutorial ? Ilustracion con Formas)
Este post no tiene comentarios. Sea el primero!
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!