diseño gráfico con photoshop

Download Diseño Gráfico Con Photoshop

If you can't read please download the document

Upload: pylas

Post on 13-Nov-2015

15 views

Category:

Documents


0 download

DESCRIPTION

http://ramonferrera.blogspot.com.es/

TRANSCRIPT

  • Google Friend Connect

    Miembros (1557) Ms

    Ya eres miembro? Iniciar sesi n

    contador de visitas

    domingo, 19 de abril de 2015

    CREAR SOMBRA -Tutorial-

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    1 de 12 24/04/2015 16:19

  • Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    2 de 12 24/04/2015 16:19

  • Publicado por ANRAFERA en 14:54 34 comentarios: Enlaces a esta entrada

    NOTA: En el segundo ejemplo he escrito el texto con blanco as como la sombra creada igualmentede color blanco.

    Tras difuminarla la he desplazado hacia abajo y a la derecha.

    Es otra de las muchas alternativas que podemos hacer.

    DISE O ES IMAGINACI N.

    Saludos

    mircoles, 8 de abril de 2015

    COLOREAR UN DIBUJO -Tutorial Medio/Avanzado-

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    3 de 12 24/04/2015 16:19

  • Hoy les voy a poner un tutorial que ya a principios de este blog lo expuse y dado la cantidad deseguidores nuevos -desde entonces- vuelvo a ponerlo con un par de modificaciones.

    Esta tnica de como colorear un dibujo es vistosa y muy extensa.

    Tengan paciencia y no miren el tiempo para realizarla, haganlo con intervalos.

    La aprend del maestro DEREK LEA.

    La imagen de muestra est escogida de la web con la unica intenci n de usarla para este ejercicio.Hagan clic con el bot n derecho del rat n sobre ella y guardenla en su PC pues la usaremos para eldesarrollo de la tcnica.

    La segunda imagen es un dibujo de mi hijo, posteriormente trabajado y coloreado por mi haciendouso de esta estupenda tcnica.

    El c mics y la Ilustraci n me gustan bastante y siempre que puedo trabajo alguno de los dibujosque, en tiempo, realiz mi hijo Daniel.

    Este tutorial se lo dedico a tod@s aquell@s amantes de la Ilustraci n y el Comic.

    COMENZAMOS:

    1. Abrir el archivo (pulpo gigante). CONTROL + O y escojan la imagen que previamente habeisguardado.

    2. Pulsen CONTROL + A y seguidamente CONTROL + C.

    3. Una vez copiado cerramos el archivo.

    4. A continuaci n creamos uno nuevo:

    CONTROL+ N : la altura, anchura y resoluci n se ajustan a los de la imagen, que hemoscopiado anteriormente, por lo tanto seleccionar la opci n Color CMYK, blanco para elcolor de fondo y aceptar.

    Pulsar OK.

    Vayan a la paleta Canales y creen uno nuevo.

    Crear canal nuevo , parte inferior de la paleta.

    5. Nos colocamos en el nuevo canal, como destino, y pegamos la imagen en este canal:

    CONTROL + V.

    6. Hagan clic en el bot n Cargar canal como selecci n, en la parte inferior de la paleta Canales (esun crculo con puntitos), de esta forma cargamos la selecci n, lo comprobareis por el hormigueo dela imagen.

    7. Ahora hagan clic en el canal compuesto CMYK, no en el canal alfa, y regresamos a la paleta deCapas.

    Invertimos la selecci n pulsando la combinaci n: CONTROL + Maysculas + I.

    8. Seguidamente creamos una nueva capa pulsando Control + Maysculas + N.

    Pulsar la letra D para establecer el negro como el color frontal.

    A continuaci n (OJO) teniendo como destino sta capa y la selecci n activa, la

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    4 de 12 24/04/2015 16:19

  • rellenamos: Alt + Supr imir.

    9. Pulsen CONTROL + D para deseleccionar.

    10. Situense en la Capa Fondo, de la paleta Capas.

    11. Activen la herramienta Marco Rectangular pulsando la letra M.

    Dibujen un borde de selecci n que rodee el fondo de la vieta, sin salirse del bordenegro.

    12. Escogemos como color frontal un verde azulado y como color de fondo otro color verde.

    Si lo prefieren escojan otros colores. A vuestro gusto.

    13. Seleccionamos la herramienta Degradado (pulsar la letra G).

    En la barra de opciones seleccionar Color frontal/Color de fondo (el que estpreestablecido).

    Mtodo lineal.

    14. Hagan clic con el puntero del rat n en la parte superior de la selecci n y arrastrenlo haciaabajo.

    Mantengan pulsada la tecla Mayscula al mismo tiempo que realizan el arrastre paralograr un degradado recto.

    15. CONTROL + Maysculas + N. Con ello creamos una Nueva Capa.

    16. Seleccionamos como color frontal un azul claro.

    17. An tenemos seleccionada la herramienta Degradado, de haberla usado anteriormente.

    Seguimos usndola si bien en esta ocasi n cambiamos a Degradado Radial.

    Ajuste Color frontal/transparente en la barra de opciones.

    18. Hacer clic en el centro de la explosi n y arrastrar hacia fuera para de esta manera crear unnuevo degradado radial en esta nueva capa.

    19. Cambien el color frontal por un verde apagado.

    Ahora escojan el Degradado Lineal.

    20. Hagan clic con el puntero del rat n en la esquina inferior izquierda y arrastren ligeramente haciael centro.

    As cambiamos el color del rea.

    Anulamos la selecci n: Control + D.

    21. Nos colocamos en la capa donde se encuentra la vieta, es decir el dibujo de lneas negra.

    Activen la herramienta Var ita Mgica pulsando la letra W con estas opciones:

    Cont iguo desactivar la casilla Muestrear todas las capas-.

    Tolerancia: pongan un valor de 32.

    22. Hagan clic en el interior de una de las letras de KA-CHOOM , de esta maneraseleccionaremos su rea.

    Presionar la tecla Maysculas y vayan haciendo clic en cada una de las letras restantespara ir aadiendo las reas a la selecci n.

    23. Creamos una nueva capa: Control + Maysculas + N.

    La arrastramos bajo la capa de la vieta.

    Escogemos un amar illo br illante para el color frontal.

    Rellenamos la selecci n, en esta capa, pulsando la combinaci n ALT + Supr imir.

    24. Ahora, de la misma manera descrita anteriormente, seleccionamos el contorno de las letras yla rellenamos de naranja.

    Tan solo tienen que realizar el procedimiento anterior en una nueva capa.

    Control Maysculas + N para crearla y repitan procedimiento pasos anteriores.

    25. A continuaci n vamos a rellenar reas con color de manera manual, para crear ms reas decolor uniforme.

    Lo realizamos utilizando conjuntamente la herramienta Pincel (letra B) y la herramientaBorrador (letra E).

    El hecho de hacerlo de esta manera es debido a que vamos a trabajar en zonas de lavieta donde no hay bordes negros cerrados.

    26. Control + D para deseleccionar (se supone que an tendramos la ltima selecci n, la delcontorno de las letras).

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    5 de 12 24/04/2015 16:19

  • 27. Activen la herramienta PINCEL pulsando letra B y elegir uno de los pinceles duros y redondosen el Selector de pinceles preestablecidos de la barra de opciones.

    El tamao del dimetro de unos 10 pxeles y como color frontal escoger un verdebrillante.

    28. Ahora, con la opacidad y el flujo al 100 X 100 utilizar el pincel y pintar dentro de las reas delos ropajes del duende, no importa si sobrepasis las lneas.

    Todo ello lo hacemos en la capa actual.

    29. Utilizar este mtodo para pintar en las reas restantes del duende y las rocas (hacer uso dediferentes colores y aumentar y disminuir el dimetro del pincel).

    30. Usar el BORRADOR, pulsando la letra E para borrar cualquier rea de pintura que sobresalgadel contorno.

    31. Seguir haciendo uso del Pincel y pintar con color, el que queris, las reas del pulpo: ojos, piel,la parte inferior de los tentculos, ventosas y lunares.

    Si sobrepasis las reas hacer uso del Borrador.

    CONSEJO:

    Las zonas en las que dos colores entran en contactos hacer uso de pinceles pequeos ypintar un color sobre otro, si es necesario.

    Para conseguir el efecto de fusi n suave alrededor del centro de la explosi n, escogerun Pincel grande, suave y con un valor de opacidad bajo y borrar los bordes pintadospronunciados.

    32. Seguidamente vamos a crear las reas de sombra haciendo uso de la herramienta Degradadoy para ello tenis que hacer clic en el bot n Bloquear pxeles transparentes de la capa actual (laque estamos trabajando).

    Activamos la herramienta Pluma, pulsando la letra P.

    Opciones: Habilitar el bot n Crear trazado y Aadir al rea del trazado.

    33. Dibujar varios trazados en las ropas del duende para indicar las zonas de iluminaci n.

    Situaros en la Paleta Trazados y hacer clic en el bot n Cargar trazado como selecci n(con esto conseguimos cargar la selecci n realizada con la Pluma).

    34. Pulsen la letra G para activar la herramienta Degradado y pongan estos ajustes:

    Color frontal/transparente.

    Degradado Radial.

    Escoger un verde claro para el color frontal, hacer clic y arrastrar dentro de las reasseleccionadas.

    As conseguimos agregar iluminaci n a la ropa del duende.

    NOTA: Como en el paso 32 bloqueamos los pxeles transparentes, al estar habilitado, s lo afectaa los pxeles pintados, con lo que aseguramos que las nuevas reas de iluminaci n no sobrepasenel borde de la figura.

    35. Haciendo uso de ste mtodo emplearlo para agregar reas de iluminaci n y sombra para todoel duende.

    Utilizar diferentes colores de degradado y crear reas de iluminaci n ms pequeas, conun amarillo brillante, dentro de las reas de iluminaci n ya existentes.

    Queda ms vistoso y real.

    36. Repetir ste mtodo, varias veces, para aadir reas de iluminaci n en el pulpo y las rocasubicadas debajo del duende.

    Realizarlo en la misma capa.

    Es decir en la que nos encontramos trabajando las iluminaciones.

    No preocuparos si sobrepasis los bordes, ya que al tener habilitada la opci n Bloquearlos pxeles impide que afecte a los pxeles transparentes.

    37. Activen la herramienta VARITA MAGICA pulsando la letra W.

    Desactiven las opciones Cont iguo y Muestrear todas las capas.

    Hagan clic en una parte de la zona de color amarillo, de dentro de las letras, paraseleccionar toda las regiones de este color en la capa actual (la de la iluminaciones).

    Contraer la selecci n: Selecci n > Modif icar < Contraer:

    Contraer 3 / 4 px.

    38. Tras haber contrado la selecci n, seleccionamos la herramienta Degradado y escogemosDegradado Lineal.

    De color frontal seleccionamos el color rojo y arrastramos desde la parte inferior hacia

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    6 de 12 24/04/2015 16:19

  • arriba para crear un degradado de rojo a transparente dentro de las letras.

    39. Hagan uso de la Varita Mgica (letra W) seleccionen el contorno naranja, de las letras, yrealicen un degradado igual que el anterior.

    40. Activen la herramienta Pluma pulsando la letra P.

    Dibujen una serie de componentes de trazado en el interior de las letras.

    Cargar stos trazados y rellenarlos de color blanco.

    As iluminamos el interior de las letras.

    41. Control + D para deseleccionar.

    Escojan de nuevo la herramienta Pluma.

    Realicen varios trazados dentro del agua para definir reas de sombra.

    Carguen los trazados como una selecci n.

    Activen la herramienta DEGRADADO (pulsar letra G):

    Mtodo Radial, Color frontal/transparente y como color frontal el verde azulado

    Aadir amplios degradados (intercambiar el color frontal verde azulado con verde).

    Si estos degradados os quedan muy fuertes bajarles la opacidad.

    42. De nuevo haciendo uso de la Pluma realicen varios trazados en la zona del agua.

    Carguen la selecci n (CONTROL + Retorno) y rellenenla, con la herramientaDEGRADADO, escogiendo como color frontal colores muy claros y de diferentesopacidades.

    As conseguimos iluminar el agua.

    43. Ahora vamos a crear una selecci n pintada a mano.

    Pulsen la letra L para activar la herramienta LAZO.

    Realicen una pequea selecci n en el centro de la explosi n.

    Hagan clic en el bot n de modo de MASCARA RAPIDA en la paleta de Herramientas.

    Las reas de alrededor se cubren con una superposici n de rojo, esto indica las reasde mascara.

    44. Activen la herramienta PINCEL pulsando la letra P.

    Elijan un Pincel duro y redondo, opacidad y flujo en 100.

    Seleccionar el color negro como color de fondo.

    Pinten con blanco para crear reas seleccionadas de la explosi n y de onda expansiva.

    Aumentar y disminuir el dimetro del pincel para conseguir mejor el efecto.

    Si eliminis zonas no deseadas, pintar esas reas con negro para volver aenmascararlas (descubrirlas).

    45. Realizada el rea de selecci n dentro de la mscara (si observis mi trabajo final podriscomprobar que esta selecci n se inicia en el centro de la explosi n y se extiende hacia las letrasy su alrededor) pulsen el bot n Mscara rpida, ya que en el paso 43 la habilitamos al pulsarsobre el, y as salimos del modo mscara rpida.

    Ahora tendris un borde de selecci n.

    46. Control + Maysculas + N (nueva capa):

    Rellenarla de color blanco. Modo de Fusi n ponganlo en SUPERPONER.

    Reducir la opacidad al 40%.

    Anulen la selecci n (Control + D).

    47. Hacer clic en el bot n Aadir mscara de capa en la paleta Capas para aadir una mscara ala ltima capa creada (paso 46).

    Seleccionar la herramienta Degradado y establecer color negro como color frontal.

    Dentro de la mscara creamos una serie de degradados radiales de negro atransparentes para suavizar los bordes marcados que queremos fusionar con el fondo.

    Con el puntero del rat n hagan clic en la miniatura de la capa (no en la mscara) almismo tiempo que pulsamos la tecla CONTROL y as cargamos una selecci n a partirde los contenidos de la mscara.

    Pulsen la letra L para activar la herramienta LAZO.

    Manteniendo pulsada la tecla Mayculas hagan una selecci n alrededor de la palabra para que la nueva selecci n tambin incluya las palabras.

    48. Selecci n > Modif icar > Contraer: Pongan un valor entre 3 o 4 px.

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    7 de 12 24/04/2015 16:19

  • 49. Control + Maysculas + N, para crear una nueva capa.

    La seleccionamos como destino y con la herramienta Degradado realizamos numerososdegradados radiales de color frontal a transparente, en el interior de la selecci n activa,utilizando varios amarillos y amarillos muy claros.

    Cambiar el Modo de Fusi n de esta capa a Superponer.

    Anulen la selecci n (CONTROL + D).

    Creen una nueva Capa: Control + Maysculas + N.

    50. Haciendo uso de un Pincel (letra B), grande, redondo y suave, pintar de amarillo claro el readel centro de la explosi n y el rea de alrededor de las manos del duende (todo ello se entienda enesta nueva capa creada).

    51. CONTROL + Maysculas + N. En esta Capa vamos a dar efectos ms realistas a la explosi n.

    Activen la Herramienta PLUMA ( pulsar la letra P) o bien la herramienta LAZO (pulsen laletra L) . La que mejor domineis.

    Realicen algunos trazados dentro del rea de la explosi n y crear algunos rayoshorizontales por las letras.

    Cargar la selecci n, de los trazados realizados, y con la herramienta Degradadorellenarlos con degradados radiales de color frontal a transparente.

    Usar como color frontal un color naranja, para algunas reas y dorado y amarillo paraotras.

    Anular la selecci n (Control + D).

    CONSEJO:

    Si agregis degradados ms pequeos de otros colores sobre los ya existentes quedarmas vistosa la explosi n.

    52. Continuamos en la capa actual como destino, en la paleta Capas.

    Mantengan pulsada la tecla Maysculas y hagan clic en la ltima capa de la explosi n,de esta manera mantenemos como destino todas las capas de la explosi n.

    Pulsar Control + G para agruparlas.

    53. Expandir el Grupo y hacer clic en la ltima capa (del Grupo) al tiempo que presionamos Controlpara cargar los contenidos de la capa como una selecci n.

    54. Establecer como destino el Grupo y, a continuaci n, hacer clic en el bot n Aadir una mscara(parte inferior de la paleta Capas).

    De esta manera conseguimos que queden visibles los brazos del duende y las letras.

    Contraer el Grupo de Capas.

    55. Control + Maysculas + N (nueva capa).

    Haciendo uso de la herramienta Pluma dibujamos, en esta capa, varios trazados querepresenten los haces que emanan del centro de la explosi n ms grande.

    Cargamos la selecci n y agregamos degradados radiales, de amarillo claro atransparente.

    Anulamos la selecci n (Control + D).

    Creamos una nueva capa (Control + Maysculas +N).

    Activen la herramienta DEGRADADO (pulsen la letra G).

    Color amarillo claro como color frontal, creen un pequeo degradado radial encima delas manos del duende.

    Bajar la opacidad, ligeramente, de esta capa.

    Nos situamos en la capa donde se encuentra la vieta (dibujo lneas negras).

    Habilitamos la opci n Bloquear pxeles transparentes y con la herramienta Pincel(letra B), suave y redondo pintamos en el centro de las explosiones.

    Usar el rojo y naranja para los colores frontales mientras pintis.

    56. Activen la herramienta PLUMA pulsando la letra .

    Realicen varios trazados, en la mitad superior del dibujo.

    Cargamos los trazados, realizados, y teniendo como color frontal un azul rellenamos laselecci n.

    57. Aadir rayos de color:

    CONTROL + Maysculas + N, para crear una Nueva Capa.

    Coloquenla debajo de la capa donde se encuentra la vieta.

    Establecemos su Modo de Fusi n en COLOR.

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    8 de 12 24/04/2015 16:19

  • Con la herramienta Degradado agregamos amplios degradados radiales decolor frontal a transparente.

    Anulamos la selecci n.

    Hagan clic mientras presionamos Control en la miniatura de la capa de colors lido para de esta manera cargar una selecci n a partir de los contenidos dedicha capa.

    Capa > Mscara de capa > Ocultar selecci n.

    De esta manera evitamos que los haces se superpongan al pulpo.

    58. Nos colocamos en la nueva mscara de capa, en la paleta Capas.

    Seleccionamos la herramienta Degradado, establecemos el negro como color frontal.

    Creen degradados radiales de negro a transparente dentro de la mscara para fusionarlos contenidos de la capa con el fondo del centro de la imagen de forma suave.

    ... Y esto es todo!!

    Extenso pero productivo.

    DISE O ES IMAGINACI N.

    Saludos.

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    9 de 12 24/04/2015 16:19

  • Publicado por ANRAFERA en 12:28 50 comentarios: Enlaces a esta entrada

    viernes, 27 de marzo de 2015

    ALTERAR LOS TONOS - Tutorial-

    "ALTERAR LOS TONOS"

    En esta ocasi n les voy a ensear como crear una nueva atmosfera en nuestras fotografas, darleun toque mas oscuro, lugubre, falta de calidez y todo ello en muy poquitos pasos.

    Cambien los valores y personalicen la tcnica a vuestro gusto.

    Son muchas las variantes y excelentes los trabajos que podemos lograr.

    Les pongo dos versiones como ejemplo de ello. Espero que les sea til.

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    10 de 12 24/04/2015 16:19

  • COMEZAMOS:

    1. CONTROL + O. Escojan la fotografa que quieran.

    2. Pulsen CONTROL + J para realizar un duplicado de la fotografa original (Capa Fondo).

    3. IMAGEN > AJUSTES > INVERTIR.

    4. Situaros en la capa de fondo y pulsar CONTROL + J, para duplicar esta Capa.

    5. A continuaci n hagan clic con el puntero del rat n sobre esta Capa duplicada, Paleta de Capas, yarrastrenla hacia arriba hasta colocarla encima de las otras dos .

    Cambien su Modo de Fusi n a DIFERENCIA.

    Reducir su Opacidad a 40%.

    As eliminamos gran parte del color y oscurecemos otras zonas.

    6. Hagan clic con el puntero del rat n en el icono "Aadir Capa de Ajuste o relleno" que seencuentra en la parte inferior de la Paleta de Capas, tiene forma circular mitad de color negro mitazcolor blanco y de las opciones que se nos ofrece escojan TONO/SATURACION:

    En la opci n SATURACI N pongan un valor de: -91.

    7. Acto seguido creen una nueva Capa de Ajuste -como en el paso anterior- si bien en esta ocasi nescojan la opci n CURVAS.

    Hagan clic con el puntero del rat n en la lena de Curvas para crear en ella un punto y acontinuaci n desplacenlo hacia la izquierda.

    Con ello lo que hacemos es oscurecer la fotografa.

    ...esto es todo!

    As de fcil cambiamos la atmosfera a una fotografa.

    ...practicar, practicar y practicar!!.

    DISE O ES IMAGINACION

    Saludos.

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    11 de 12 24/04/2015 16:19

  • Entradas antiguasPgina principal

    Suscribirse a: Entradas (Atom)

    Publicado por ANRAFERA en 18:53 35 comentarios: Enlaces a esta entrada

    anrafera. Plantilla Awesome Inc.. Con la tecnologa de Blogger.

    Diseo Grfico con Photoshop http://ramonferrera.blogspot.com.es/

    12 de 12 24/04/2015 16:19