REALIZADO POR EDVIN (verdugo43@hotmail.com)
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
1
REALIZADO POR EDVIN (verdugo43@hotmail.com)
CONTENIDO. ATAJOS DE TECLADO PARA ADOBE PHOTOSHOP……… 3 GUÍA BÁSICA DEL PRINCIPIANTE…………………………… 6 TEXTO DE FUEGO……………………………………………… 16 PORTADA DE PELICULA…………………………………....... 19 CAMBIAR COLOR DEL CABELLO………………………….. 24 COMO HACER UN MARCO GLASEADO TIPO MARCONEO……………………………………………. 30 EFECTO DE LUZ EN TEXTO…………………………………… 36 EFECTO MATRIX………………………………………………. 41 RECORTAR PERSONAS, ELIMINAR EL FONDO CON PHOTOSHOP………………………………………….
44
CREAR IMAGEN DE ASPECTO IMPRESO CON PHOTOSHOP………………………………………….
47
CÓMO CREAR UN EFECTO DE ESTAMPADO EN LA ROPA CON PHOTOSHOP…………………………
53
CREAR EFECTO DE IMAGEN REFLEJADA EN UN OJO CON PHOTOSHOP…………………………..
58
TEXTO COLORFULL………………………………………….
64
AVATAR CON EFECTO CRISTAL Y MARCO SEMI-METALICO………………………………….
69
CREAR UN BOTÓN USANDO LA VENTANA DE ESTILO DE CAPA………………………………………..
77
CREACION DE UNA FIRMA……………………………….
85
CREAR UNA CAJA DE SOFTWARE………………………
100
EFECTOS EN PHOTOSHOP: REFLEJO……………………
105
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
2
REALIZADO POR EDVIN (verdugo43@hotmail.com)
DIFERENTES TUTORIALES PARA APRENDER A UTILIZAR EL PHOTOSHOP. IMPORTANTE. CABE MENCIONAR QUE ESTE ARCHIVO CONTIENE UNA COLECCIÓN DE TUTORIALES MAS INTERESANTES QUE HE DESCARGADO DE LA RED, DE DIFERENTES PAGINAS, ESTO SOLO PARA DEJAR CLARO QUE NO SON DE MI AUTORIA, ESPERO Y LES SEA ÚTIL Y QUE CONTRIBUYA AL APRENDIZAJE. ENTONCES ABRAN EL PHOTOSHOP y COMENCEMOS CON LOS TUTORIALES.
1.- ATAJOS DE TECLADO PARA ADOBE PHOTOSHOP. Actualización: Añadidas por los usuarios:
(Espacio) Herramienta Mano, gracias emarts y Pablo Palazuelos. (Ctrl+H) para ocultar la selección actual, gracias Kina. (X) cambiar el color de fondo por el frontal y viceversa, gracias Kina. (F) Vista de área de trabajo, gracias Daat (Ctrl+D) Deseleccionar, gracias FortyTwo. (Ctrl+T) Cambio de tamaño de capas, o modificaciones, gracias FortyTwo. (Ctrl+U) Ajustar luminosidad, tono y saturación, gracias FortyTwo.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
3
REALIZADO POR EDVIN (verdugo43@hotmail.com)
(Ctrl+M) Ajustar curva de colores, gracias ¿Yo mismo? xD (Ctrl+L) Ajustar los niveles de colores, gracias N3BB3Z4R. (Ctrl+Z) Deshacer último cambio, Sebala. (Ctrl+Alt+Z) Deshacer el último paso, acumulable, gracias Sebala. (T) Insertar texto, gracias Erika. (Ctrl+Intro) Salir del modo Edición de texto, gracias Waldito. (Ctrl+I) Invertir los colores de la capa, gracias N3BB3Z4R. (Ctrl+E) Fusiona las capas, gracias Rodri. (Q) Activa la capa rápida, gracias N3BB3Z4R. (Ctrl+J) Nueva capa vía Copiar, gracias Lucas. (Ctrl+Shift+J) Nueva capa vía Cortar, gracias Lucas. (Ctrl+Alt+I) Tamaño de la imagen, gracias Fran. (Ctrl+Alt+C) Tamaño del lienzo, gracias Fran. (Ctrl+F) Repetir último filtro utilizado, gracias Fran. (Ctrl+Shift+Coma) Aumenta el tamaño de la fuente, teniendo texto seleccionado, gracias Fran. (Ctrl+Shift+Punto) Disminuye el tamaño de la fuente, teniendo texto seleccionado, gracias Fran.
Básicos: 1. (H) Herramienta Mano, cuando tenemos ampliada una zona de nuestro proyecto mediante la herramienta Zoom, podemos movernos con la herramienta mano, algo que se utiliza mucho y agiliza es hacerlo mediante la tecla H, también podemos agrandar o disminuir el Zoom pulsando Ctrl+Clic o Shift+Clic respectivamente. 2. (Z) Herramienta Zoom, pulsando Z cambiamos la herramienta Zoom para ajustar el tamaño de la vista, mientras pulsemos Alt invertiremos el Zoom para alejar. COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
4
REALIZADO POR EDVIN (verdugo43@hotmail.com)
3. (Ctrl+0) Ajustar al tamaño de la ventana, para aprovechar al máximo el tamaño del monitor. Es Control más Cero, no la letra “O”. 4. (B) Herramienta Lápiz, extremadamente útil cuando trabajas con máscaras, perfecta combinación con los atajos de teclado Zoom y Herramienta de Mano. 5. (Ctrl+Z) Deshacer, muy útil para solventar esos pequeños errores que todos cometemos. 6. (Tab) Muestra/Oculta paletas, sencillo y eficaz, muestra u oculta todas las paletas para tener el proyecto a pantalla completa y sin estorbos. Intermedios: 1. ([) Reduce el tamaño del pincel, a mi no me ha funcionado esta :S. 2. (]) Aumenta el tamaño del pincel, tampoco me ha funcionado ¿Y a vosotros?. Angel Gonzalez: Pues si, pero cambia [] por ‘¡, vamos las teclas que están justo encima.
3. 4. 5. 6. 7.
(Shift+[) Disminuye la suavidad del pincel, en un 25%. (Shift+]) Aumenta la suavidad del pincel, en un 25%. (de 1 a 0), varia la opacidad del pincel. (Shift + del 1 al 0), varia el flujo del pincel. (Ctrol+Tab) Muestra/Oculta Ventana de Capas, eficaz atajo de teclado para ganar espacio en el proyecto.
Avanzados: 1. (Ctrl+Shift+N) Nueva capa, sencillo atajo para crear una nueva capa en blanco encima de la capa actual. 2. (Ctrl+Alt+Shift+N) Nueva capa sin dialogo, lo mismo que el anterior pero sin pasar por el dialogo de etiquetado de la capa, más rápido. COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
5
REALIZADO POR EDVIN (verdugo43@hotmail.com)
3. (Ctrl+Shift+C) Copia fusionada, copia el contenido de la selección actual para pegarla en otra capa o en otro proyecto, útil para copiar “lo que se ve”. 4. (Ctrl+Shift+Alt+E) Copia visible, copia el contenido de la seleccion (en cualquier capa) en la capa nueva. 5. (Ctr+Alt+Shift+K) Atajos de teclado, muestra el dialogo de ayuda y configuración de atajos de teclado, por si estos no han saciado tu sed de atajos de teclado.
2.- GUÍA BÁSICA DEL PRINCIPIANTE. Objetivo: Orientar a todos aquellos que están entusiasmados en empezar a realizar alguno que otro diseño, a aquellos que han abierto el photoshop y se han dicho ¿y ahora que hago? Introducción: Bueno bienvenidos, yo soy Shyshak, tmb §h¥ ♫ u O’Connor, depende en donde me encuentre y tratare de guiarlos un poco, ya que a mi se me hizo medio complicado salir de la nada con ninguna referencia a “diseñar” y en ese momento habia uno o dos foros de diseño y yo no los conocia xP lo que se me dificulto aun mas. Primero que nada esto va mas que nada a los que ven “firmas, tags, sigs” como las quieran llamar de otras personas y quieren iniciarse en eso. Si tu objetivo va mas allá de esto, es decir diseño grafico de verdad, te recomiendo un curso.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
6
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Primera etapa: Photoshop)
Que
es
esto?
(Interfaz
del
Cuando nos paramos en el photoshop por primera vez, todos acostumbrados al word, al excel, al Paint nos preguntamos que botón hay que tocar para hacer lo que se pretende. Bueno no hay un botón para ello (pu** madre!), pero tampoco es difícil. Tiene el menú, como en los programas citados arriba, la barra de herramientas al costado (citar el uso de cada herramienta no va en esto) y tmb verán a la derecha unos cuantos recuadros. Yo los tengo alterados a como los uso, es decir que los que no utilizo simplemente los cierro. El de arriba de todo tiene la navegación, la info y el histograma. Aquí la navegación es lo que utilizaran para cuando quieran hacer renders (render es un pedazo de imagen cortada, es decir si tienes una foto de tu cantante favorito haciendo una presentación en el escenario, se dice render cuando esta cortado y el fondo (las luces, el montaje, etc) esta borrado). Como lo utilizan? Facil en otras palabras cumple la función de zoom. Acercarse/alejarse a la imagen. Es mas fácil cortar algo, cuando se lo tiene mas cerca. El 2do yo sinceramente no lo uso, y lo tengo cerrado. Para lo que buscan no lo necesitaran. El 3ro es bastante importante. Muestra la historia, lo que van haciendo. Ej. Si le agrego color a una imagen (como se hace!?... mas adelante se vera…) mostrara la función que utilizaron. Si no les gusta lo pueden deshacer. Es muy útil, yo siempre lo tengo bien pegadito al diseño que voy haciendo. COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
7
REALIZADO POR EDVIN (verdugo43@hotmail.com)
El 4to es el mas importante de todos en mi opinión y el que mas me dificulta explicar. Si lo tienen en ingles verán Layers entre otros y en español Capas. Bueno que son estas cosas? Pues ni mas ni menos el nombre lo dice, son capas. Por ejemplo si yo quiero hacer simples líneas en negro, creo una capa (ctrl+shift+n o bien Capa » Nueva capa) y trazo las líneas. Ahora digamos que yo decido hacer otra capa y hacer líneas en blanco. Voy y las hago. Ahora decido borrar algo de las líneas negras, una punta no me gusto como quedo. Si me posiciono en la capa en donde están las líneas blancas, no podré “tocar” las líneas negras cuando las quiera borrar. Para ello deberé ubicarme en la capa que corresponde, es decir seleccionarla, hacerle un clic con el mouse a la capa con los trazos negros en el recuadro. No se si lo han entendido muy bien, pero es mas fácil usarlo que explicarlo créanme. Segunda Etapa. Quiero empezar ya! Estan impacientes por empezar, que es lo que hacen? Empezamos por abrir un nuevo Documento, vamos a Archivo » Nuevo (File » New) Aca ponen la anchura y el alto, configuran para que sea en pixels (píxeles) y ponen los colores que quieran. Si empiezan no pongan muyyy grande por se les dificultara mucho cubrir tanto espacio, asi que recomendaria 330 de ancho por 120 de alto. Ahora el color, veran que tiene para escoger entre blanco, color del fondo (por defecto es blanco tmb) y transparente. Escojan el que quieran, yo por defecto tengo transparente, despues relleno el fondo con el color que quiera con el balde que se usa igual que en paint. COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
8
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Tercera Etapa: Escojiendo la imagen Ahora hay cientos de cosas que se pueden hacer y caminos por recorrer. Hay gente que primero hace el fondo y luego escoje que imagen utilizar y hay quienes primero sacan la imagen y en base a esa hacen el fondo. Yo soy de esta ultima clase. Asi que les recomiendo que no se compliquen, que busquen renders, luego pueden lanzarse a cortar sus propias imágenes. Ahora renders se encuentran en cualquier lado. Una pagina muy grande de renders es http://www.gamerenders.com/ , esta en ingles y es un foro, pero esta muy completa en cuanto a este recurso. Cuarta Etapa: El fondo Para el fondo se pueden hacer muchas cosas. Cuando uno empieza y no tiene idea de que hacer, recomiedo el uso de pinceles (brushes) raros, eso ayuda bastante. Luego pueden ir usando otras cosas, como los filtros del photoshop, el smudge, los conocidos ahora C4D (renders abstractos realizados con el cinema 4D), la ahora famosa pen tool (pluma) en fin muchos. Vamos a los brushes. La pagina por excelencia para encontrarlos es http://www.deviantart.com./ Alli van a Browse. De ahí hacen clic en Categories » Resources (clic) » Application Resources » Photoshop Brushes. Ahi pueden descargarlos. Ahora como los uso? Como los instalo? Los sacan del archivo .rar que comúnmente creo recordar que venian comprimidos y los ubican en la carpeta en donde han instalado el photoshop, en presets » photoshop brushes. Ahora hay que “activarlos” Van al COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
9
REALIZADO POR EDVIN (verdugo43@hotmail.com)
photoshop veran que arriba del primer recuadro de navegación hay tres solapas, en la primera que dice pinceles/brushes hacen clic… veran que se muestran los pinceles disponibles y tmb veran una flechita extra señalando a un costado en la solapa, le hacen clic y desplegara todo un menú. Alli ponen “load brushes” o “cargar pinceles” simplemente van a la carpeta del photoshop (se pueden ubicar en cualquier lado realmente, pero asi queda ordenado), seleccionan el pincel y lo cargan. Desgraciadamente se puede hacer de a uno a la vez, asi que en caso que hayan descargado varios, deberan hacer eso. Ahora a usarlos! Recuerdan las capas, bueno creen una nueva por las dudas, en esta nueva capa haran las pinceladas, asi que seleccionen en el costado izquierdo de la pantalla la herramienta que parece un pincel y escojan el pincel que quieran usar y simplemente pinten^^. Pueden escoger blanco como color principal y ponerle a la capa principal (la primera, la que dice background –fondo-) un baldaso en negro. El color secundario sirve para otras cosas, como el degradado, pero eso es una funcion intermedia que no entra aca y que luego descubriran solos. Quinta etapa. Agregando color Bueno ya tienen un fondo mas o menos creado, le ponen el render que escojieron, ahora que falta? El color!... bueno el coloreado es lo que a mi mas me gusta, tienen muchas opciones para escoger. Para entender todo bien deberion entender bien el asunto de las capas, sino se les complicara un COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
10
REALIZADO POR EDVIN (verdugo43@hotmail.com)
poco. En Imagen » Ajustes, tienen muchas variantes para aplicar colores, pero esperen! Eso sirve para aplicarle el color unicamente a la capa que tienen seleccionada, no a todo. Si quieren darselo a todo, deben ir a Capa » Nuevo ajuste y alli escoger la que deseen, comienzen por balance de color – color balance-. Ultima etapa. Finalizando Bueno esto es muy basico lo que han hecho, si quieren pueden agregarle unas letras (a eleccion), un borde (tmb a eleccion) y listo terminaron. Pero les sacara las dudas iniciales que puedan tener y ahora pueden empezar a ver tutoriales acerca de la realización de ciertos efectos, o de firma completa un poco mas tranquilos, sabiendo que cuando diga agréguenle un color balance, sabran a donde ir, creen una nueva capa, donde tocar, etc. Bueno eso fue todo, esto surgio en base a que un amigo que recien se empezaba entendia nada, yo le daba los tutos mas simples y no entendia o no les salian, asi que por eso empezo esto y tmb para todos aquellos novatos, que todos empezamos en algun momento.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
11
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Puntualizando un poco mas algunos temas: Que es un render? Un render es una imgen recortada de su fondo.Obviamente,si vas a hacer una firma solo queres que tal cosa salga,no todo.Por eso el render es la parte empirica de la imagen que vamos a usar,ya recortada con el modo de preferencia(goma,varita magica,etc).Hay muchas paginas para conseguir renders.Si vas a recortar el tuyo propio es recomendable que la imagen base a usar tenga una buena resolucion;si no te arriesgas a tomarte el trabajo y que cuando la achicas para usar en la firma se vea tan mal que es inutil. Si hablamos de anime,los Scans son lo mejor.Son imagenes de alta resolucion,aunque el peso y tamaĂąo es muy grande a veces. Si esta guardada en Png(portable network graphic) cuando la abramos con el photohop ya estara despojada del fondo y lista para usar. Ejemplo:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
12
REALIZADO POR EDVIN (verdugo43@hotmail.com)
¿Que es un Vector? Es una imagen totalmente recreada desde 0, generalmente usando de base otra ya existente.La diferencia de calidad es inmensa,y aun si le aumentamos o disminuimos e tamaño drasticamente,el Vector apenas si pierde resolucion.Un vector bien echo consume un gran tiempo para hacer ya que se compone de tantas capas como colores tenga la imagen. Un ejemplo con un vector echo por mí: Imagen Base
Vector
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
13
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Que es un Brush? Un Brush o pincel es un recurso para utilizar sobre nuestro documento de photoshop.Van desde simples puntos a elaboradas imagenes pre-echas. Tenemos sub-categorias dentro de los Brushes,como los fractales,los Grunges,los smudges,etc. Pueden baarlos de muchos lugares (aca mismo,en Recursos). Por ejemplo en Deviantart:
Para cargar un brush nuevo deben seleccionar el icono del pincel y hacer click derecho sobre su documento. En el nuevo menú que se les despliega verán los tipos de pienceles que ya vienen con el photohop. (los primeros cuatro tipos son:Redondo,Redondo Suave,Airbrush Redondo,airbrush Redondo suave). A la dercha veran un cuadradito que se puede clickear.Si pinchan ahi aparecera otro menu.En el si seleccionan "cargar nuevo pincel"(load new brush) podran cargarlos desde donde los hayan guardado. Otra de las opciones importantes es "Resetar a predefinidos"(reset).Cada tanto--yo recomiendo cada ves qeu cierren el photohop-- es bueno resetear los brushes,si no se les acumularan y es poco practico(si tenes que enoctrar un tipo especifico entre 500 tipos de bushes...) Que es una Font? Una fuente para instalar en el Windows.basicamente,un tipo de letra preecha. Pueden bajar algunas de aca: http://www.dafont.com/themes.php Para instalarla simplemente la copian y la pegan en C//Windows/Fonts COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
14
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Que es un C4d? Aunque hay brushes con formas de C4D,un C4D es a una imagen asbtracta, aleatoria y compleja creada usando el Software Maxon Cinema 4D.Como esta:
Para usar un c4d simplemente abran la imagen en si y vuelquenla sobre su documento con el Move Tool,igual que lo harian con un render. Ahora el tutorial de una firma. Primero,dejenme aclarar que los pasos a veces son repetitivos y hasta innecesarios (cualquier versado en hacer firmas lo notara enseguida),pero justamente decidi hacerlo asi porque la mejor manera de aprender es repitiendo una y otra ves cada leccion. Ademas en este ejemplo no use mas Pinceles que los basicos de punta redonda.eso es porque cuando un principiante hace sus firmas tiende a abusarse de los brushes tan buenos que se encuentran en todos lados.El resultado es trabajos. COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
15
REALIZADO POR EDVIN (verdugo43@hotmail.com)
recargados o muy simples.En mi ejemplo enseño el uso basico de las capas.Una ves que se domina el cambio de modo y los balances de color,mas las siempre utiles capas de ajuste,veran que no tienen necesidad de abusarse de un brush para hacer una gran firma.
3.- TEXTO DE FUEGO. 1. Comenzamos con una imagen nueva de 300x150 píxeles de tamaño, aproximadamente. Color de fondo blanco y modo en escala de grises. En la foto de abajo se enseña como debe ponerse. Advertencia: Es importante poner el modo en Escala de grises Grayscale o no funcionará el tutorial.
2. Rellenamos la imagen de negro y después con la herramienta de texto escribimos nuestro texto usando color blanco y un tamaño de letra grande (pues es un efecto que sale mejor en texto ancho). Luego vamos a Capa>Rasterizar>Texto Layer>Rasterize>Text y a Capa>Acoplar imagen Layer>Flatten image
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
16
REALIZADO POR EDVIN (verdugo43@hotmail.com)
3. Seguidamente vamos a Imagen>Rotar lienzo>90° ACD Image>Rotate canvas>90°ACD, tras lo cual vamos a Imagen>Ajustes>Invertir Image>Adjust>Invert. Le aplicamos ahora el filtro de viento: Filtro>Estilizar>Viento Filter>Stylize>Wind y en la opciones elegir desde la derecha. De nuevo vamos a Imagen>Ajustes>Invertir Image>Adjust>Invert
4. Aplicamos 2 veces más el efecto de viento Filtro>Estilizar>Viento Filter>Stylize>Wind. Y rotamos la imagen a su posición original Imagen>Rotar lienzo>90°AC Image>Rotate canvas>90°AC
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
17
REALIZADO POR EDVIN (verdugo43@hotmail.com)
5. A continuación vamos a Filtro>Distorsionar>Rizo Filter>Distort>Ripple y le asignamos un valor de 100 (este valor es opcional podéis experimentar con otros)
6. Para terminar vamos a Imagen>Modo>Color indexado Image>Mode>Indexed colors y después a Imagen>Modo>Tabla de color Image>Mode>Color table y elegimos la tabla Cuerpo negro Black body.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
18
REALIZADO POR EDVIN (verdugo43@hotmail.com)
4.- PORTADA DE PELICULA. Tutorial Photoshop de Edición y Efectos de Fotografía Tutorial por Diego Mattei de Dmwd.com.ar Diego Mattei nos muestra en este atractivo tutorial como lograr un atractivo Afiche de película usando tus propias imágenes y Photoshop. Este es un tutorial simple, con el cual obtenemos excelentes resultados en el trabajo final. Siempre es lindo sorprender a tu pareja, novio, novia, esposo, esposa o el título que lleve con algo hecho por uno. Y esa es la idea de este tutorial… así que vayan comprando un portarretratos para poner este trabajo y regalarle algo novedoso. Primero viene la tarea mas complicada. Esta es la selección de las fotografías a utilizar. No siempre tenemos imágenes posando para cualquier ocasión, por lo que nos podemos ayudar con algún banco de imágenes para una de ellas. Explicaré este tutorial siguiendo puntualmente este ejemplo, pero la idea es que aprendan el concepto y luego sean libres para realizar la composición a su manera. En este caso, tomé una fotografía en donde estoy con mi novia y la otra es de un banco fotográfico.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
19
REALIZADO POR EDVIN (verdugo43@hotmail.com)
1º Paso. Abro un documento de 10cm. x 15cm. (o el tamaño de fotografía que deseo según el portarretratos). El mismo deberá ser con fondo negro. Luego creo una nueva capa (Ctrl+J) y la llamo “original1″. En ella coloco la imagen horizontal. Acto siguiente, repito el proceso de creación de capa, la llamo “original2″ y coloco la imagen vertical. 2º Paso. Lo que hago a continuación es “Añadir una máscara vectorial” a la capa “original2″. Como? Tal como se ve en la imagen siguiente:
3º Paso. Lo que hago a continuación es seleccionar la herramienta de degradado. Una vez hecho esto, voy al panel de propiedades del degradado (ubicado en la parte superior) y selecciono un degradado lineal, el cual de la punta izquierda lleva negro al 100% de opacidad y del lado derecho, negro al 0% de opacidad. Ya teniendo lista la herramienta para utilizarla, trazo una línea de arriba hacia abajo sobre la capa “original2″ como lo muestra la siguiente imagen (para tener una noción de ubicación de la fotografía que se encuentra debajo, podemos variar momentáneamente la opacidad de la capa “original2″ a un 50%): COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
20
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Si volvemos a 100% de opacidad la capa “original2″, obtendremos como resultado la fusión de las 2 imágenes.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
21
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Espero haber sido claro hasta el momento. Esto es lo que se llama fusión o montaje de 2 imágenes. Y tenemos gran parte del trabajo realizado. 4º Paso. Lo que haré ahora es darle un toque artístico a esta imagen. Para esto, me dirijo al menu superior, en Capas > Nueva Capa de Ajuste > Tono/Saturación. Me abre una ventana a la que le doy aceptar y luego aparece una nueva ventana en donde puedo ajustar los valores de tono, saturación y luminosidad sin afectar a las capas originales. Aquí mismo marco la casilla “Colorear” y puedo comenzar a jugar con los valores de tono y saturación (Luminosidad lo dejo como está).
Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena romántica siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
22
REALIZADO POR EDVIN (verdugo43@hotmail.com)
5º Paso. Como siempre me entusiasmo y busco agregar algo mas (gran defecto), decidí darle un aspecto de poster cinematográfico. El resultado fue el siguiente: Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena romántica siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición. 5º Paso. Como siempre me entusiasmo y busco agregar algo mas (gran defecto), decidí darle un aspecto de poster cinematográfico. El resultado fue el siguiente:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
23
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Los agregados fueron un poco de texto, un pincel para las letras manuscritas, pájaros, rejas y formas (pueden descargarlo aquí) y un recorte final de otro poster cinematográfico para el pie (lo ideal es crearlo uno, pero me llevaría algo mas de tiempo… de ese que me falta). Creo que esta última parte pueden hacerla Uds. solos. De no ser así, avisenme y completamos hasta el final de la composición.
5.- CAMBIAR COLOR DEL CABELLO. Tutorial por Paquo360 de SoloPhotosjhop Paquo 360 nos trae esta sencilla y práctica técnica donde se muestra como cambiar el color del cabello con photoshop. Abrimos la imagen. Lo mas recomendable es que duplicamos la capa de fondo (aunque a mi se me olvido al crear estas imágenes)
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
24
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Toma un pincel de bordes suaves acorde al tamaño de tu imagen.
Presiona la letra “Q” para entrar en Modo Mascara Rápida (quick mask mode). Marca toda el área cubierta por el cabello, si tienes problemas y te pasas en algún ligar usar el borrador para corregir.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
25
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Empieza por los bordes como vemos arriba y termina rellenando como vemos a continuación:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
26
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Presiona nuevamente la letra “Q” para salir del modo mascara rápida. Con esto resulta una selección alrededor del cabello, pero lo que necesitamos es la selección en el cabello, por lo que hay que invertir la selección: Selección > Invertir (Select > Inverse)
Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva Capa de Relleno > Color Sólido (layer > New Fill Layer > Solid Color) Nos aparecerá un cuadro con las propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave (Soft Light) y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en aceptar. A continuación aparece el selector de color (color picker) y desde ahí tomamos distintos colores y podemos ver como va cambiando el color del cabello. COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
27
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Selecciona el que mas te agrade y listo.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
28
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Aquí algunos ejemplos:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
29
REALIZADO POR EDVIN (verdugo43@hotmail.com)
6.- COMO HACER UN MARCO GLASEADO TIPO MARCONEO. Tutorial por ZoomCreative Aquí les aporto con este pequeño tutorial sobre como hacer un "Marco Glaseado" tipo "MarcoNeo.jsx" que utiliza Kitsh en su tutorial sobre como "Perfeccionar una Fotografía Emotiva". Ya que muchos no somos muy adeptos a usar Scripts, y otros simplemente no saben lo que son, les paso aquí una sencilla y rápida alternativa. 1) Aquí les presento la foto a enmarcar. Tiene una dimensión de 506px por 338px. Recuerden que los pasos a seguir pueden variar según el tamaño de la imagen, los colores de la misma y, más importante aún, lo que finalmente nos gustaría crear.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
30
REALIZADO POR EDVIN (verdugo43@hotmail.com)
2) Seleccionamos el รกrea a enmarcar y luego invertimos dicha selecciรณn (Ctrl+Shift+i). Ahora tenemos seleccionado el รกrea que ocuparรก nuestro marco.
COLECCIร N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
31
REALIZADO POR EDVIN (verdugo43@hotmail.com)
3) Teniendo la selección activa, creamos dos nuevas capas (2 veces Ctrl+J). La primera capa se autonombra Capa 1. A la segunda le ponemos Capa 2.
4) Ahora viene lo divertido. En la paleta capas, seleccionamos la Capa2 y en la opción Relleno le damos 0% (Esto la hace totalmente transparente). Luego nos vamos a propiedades de capa y le damos click en la opción Trazo. Para el tamaño de mi imagen un trazo de 2 px va bien, sin embargo como les dije al inicio esto puede variar según las dimensiones de nuestra foto. Si es mas pequeña entonces con 1 px va, pero si es una imagen de mayor tamaño entonces juguemos con más de 2 px. Cambiemos el color de trazo a blanco y listo, aceptamos.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
32
REALIZADO POR EDVIN (verdugo43@hotmail.com)
5) Ahora seleccionamos la Capa1 y le damos "Desenfoque de Lente" (Filtro/Desenfocar). Para esta imagen es suficiente 20 de radio, en Forma seleccionamos Triรกngulo (3) y 254 de Umbral. Lo demรกs queda en 0. Obviamente ustedes pueden jugar y lograr resultados personalizados mรกs acorde con lo que finalmente busca crear.
COLECCIร N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
33
REALIZADO POR EDVIN (verdugo43@hotmail.com)
6) Luego de haber desenfocado la Capa1 nos vamos al cuadro de Niveles (Ctrl+L) y le damos 0.70 en la caja de Medios Tonos en "Niveles de Entrada" (El cuadro central). Pulsamos Aceptar.
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
34
REALIZADO POR EDVIN (verdugo43@hotmail.com)
7) Siempre en la Capa1, nos vamos al cuadro de Tono/Saturación (Ctrl+U) y le quitamos 10 puntos de luminosidad (-10). Esto para opacar ligeramente el marco y diferenciarlo de las zonas luminosas de la fotografía. Ya lo dije, quien maneja finalmente el programa eres tú.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
35
REALIZADO POR EDVIN (verdugo43@hotmail.com)
8) Felicitaciones. Un bonito marco que con práctica no demorarás más de 1 minuto en hacerlo. Recuerda que lo importante aquí es que aprendiendo los pasos vas grabando en tu memoria las virtudes que trae el Photoshop consigo, así que si aún eres NOVATO entonces no te canses de hacer la más larga, ya después, con práctica Y CLIENTES tus segundos valdrán oro ;)
7.- EFECTO DE LUZ EN TEXTO. Tutorial por Vicente Muedra En este Tutorial Vicente Muedra demuestra la técnica con la que logra crear un efecto de luz en texto. Efecto Luz Hola! ¿Qué tal? Aquí os dejo este tutorial para darle efecto luz a los textos:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
36
REALIZADO POR EDVIN (verdugo43@hotmail.com)
1º. Coloca el texto Ponemos el texto en la fuente que queramos y en un tamaño medio, yo he usado la fuente"A Charming of Expanded" que se puede descargar desde Creamundo.com He usado un documento de 800x600 píxeles, pero vosotros podéis usar el que queráis, eso si, siempre con color RGB 8 Bits a 72 píxeles/pulgada.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
37
REALIZADO POR EDVIN (verdugo43@hotmail.com)
2º. Duplica el Elije Capa>Duplicar Capa. Con el nombre "Luz 1"
texto
3º. Efecto Luz En la capa duplicada utilice el filtro radial (Filtro>Desenfocar>Desenfoque Radial) en cantidad 100%, el método Zoom y una calidad Buena.
4º. Rellénala Carga los colores por defecto pulsando D, cámbialos de orden (Blanco/Negro) y carga la capa denominada "Luz 1" manteniendo pulsada la tecla Control (Windows) o Comando (Mac OS) y haciendo clic en su miniatura de la paleta de capas. Rellena la selección manteniendo pulsado Control+Supr. Deselecciona la capa seleccionando Selección>Deseleccionar. 5º. Repítelo Repite los pasos 3 y 4 hasta que los rayos alcancen la longitud deseada. 6º. Dale Color Aplica el estilo "superposición de color" pinchando dos veces sobre la miniatura en la paleta de capas.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
38
REALIZADO POR EDVIN (verdugo43@hotmail.com)
7º. Mueve las capas Mueve la capa "Luz 1" detrás de la capa de texto. Después, si quieres le puedes poner una imagen de fondo (como las estrellas) para darle un efecto más real: COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
39
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Para hacer las estrellas he usado el filtro Glitterato, como también para las nubes. Podrás descargar la versión trial desde Flamingpear.com
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
40
REALIZADO POR EDVIN (verdugo43@hotmail.com)
8.- EFECTO MATRIX. Tutorial por Agustín Simonetti Agustin Simonetti nos muestra en este tutorial photoshop como lograr el famoso efecto Matrix. 1. Abrimos el documento del tamaño ke kieras. En este caso yo usare el tamaño para las firmas de este foro (500*125) 2. Abrimos el menú de colores (doble clic sobre un color) y ponemos los valores como se indica en la imagen... #05FB28
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
41
REALIZADO POR EDVIN (verdugo43@hotmail.com)
En el color de segundo plano escogemos negro Quedando así
.
3. Luego vamos a Filter --> Texture --> Grain Y les damos valores de Intensidad:100 Contraste: 100 Y Grain Type: Vertical
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
42
REALIZADO POR EDVIN (verdugo43@hotmail.com)
4. Luego vamos a Filter ---> artistic ----> Neon Glow Ponemos en Glow Size:5 Glow Brightness: 15 Y el color debe ser el mismo al que escojimos al principio.. #05FB28
5. Ahora vamos a Filter-->Stylize-->Glowing edges Podemos Poner los siguientes Valores... Edge Widht: 1 Edge Brigthness: 14 Smoothness:1... Aunque podemos jugar con estos valores y darle un acabado a nuestro gusto...
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
43
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Nos kedaría algo así
9.- RECORTAR PERSONAS, ELIMINAR EL FONDO CON PHOTOSHOP. Hay varias técnicas para sacar un objeto de su fondo, con el fin de sustituir el fondo original, hacer un montaje, etc. Comenzaremos con la forma más sencilla, el filtro extraer. Combinaremos un retrato femenino con un atardecer:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
44
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Técnica 1: El filtro 'extraer'
1.- Abre la imagen que quieres recortar, y pulsa Control-j para duplicarla y poder volver al estado inicial en cualquier momento. 2.- En el menú superior, elige Filtro->Extraer 3.- Coge la herramienta Resaltador de Bordes y dibuja con ella el borde de la figura que quieres recortar. Ajusta el tamaño de la herramienta para que el trazo cubra suficientemente el borde. 4.- Coge la herramienta Relleno y haz click en el interior de la zona resaltada, para indicarle a Photoshop cuál es la zona que quieres conservar. Si se pinta de azul toda la fotografía, en lugar del interior, significa que el trazo verde no es continuo, tiene algún "agujero". Vuelve a hacer click con la herramienta relleno, para deshacerlo, y coge de nuevo el Resaltador de Bordes para tapar cualquier "agujero" del contorno verde resaltado.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
45
REALIZADO POR EDVIN (verdugo43@hotmail.com)
5.- Haz click en el botón Ver y aparecerá el resultado de la extracción. El resultado no es perfecto, quedan restos del fondo que es necesario eliminar con la herramienta Limpiar Selecciona esta herramienta, y pásala sobre los restos del fondo que han quedado para borrarlos. Si borras accidentalmente alguna parte de la imagen que quieres conservar, pasa la herramienta con la tecla Alt pulsada para recuperar la parte borrada.
6.- Una vez borrados los restos de fondo, puedes pasar la herramienta por todo el borde para que sea más definido, más duro. 7.- Por último, pulsa OK para salir del filtro extraer y obtener la imagen recortada.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
46
REALIZADO POR EDVIN (verdugo43@hotmail.com)
8.- Para copiar la imagen recortada sobre otro fondo, pulsa Control-a para seleccionar toda la imagen, y después Control-c para copiarla. Abre la imagen que quieres como fondo (Archivo-->Abrir) y pulsa Control-v para pegar la imagen recortada. Puedes moverla para colocarla en el lugar adecuado con la herramienta Mover
10.- CREAR IMAGEN DE ASPECTO IMPRESO CON PHOTOSHOP. Tutorial por Eduardo de TomaReggaeton Este ejercicio se puede crear con cualquier version de Photoshop, a partir de Photoshop 4. Vamos a utilizar la imagen de abajo. Antes de nada guardamos la foto de la preciosa Uma Thurman. Después abrimos Photoshop, esta imagen y la copiamos, para ello haremos lo siguiente:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
47
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Para guardar esta imagen haz "clic" sobre la imagen con el botón derecho del ratón y elige "guardar imagen como" 1.- Abrimos la imagen "Selección/Todo", "Edición/Copiar" 2.-Creamos un "Archivo/Nuevo" de 300 píxeles x 300 píxeles, con el Fondo Tranparente. Creamos una capa nueva ("Capa/Nueva/Capa"), pegamos la imagen: "Edición/Pegar"
3.- "Imagen/Rotar Lienzo/90º ACD ".
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
48
REALIZADO POR EDVIN (verdugo43@hotmail.com)
4.- Ahora vamos a curvar un poco la imagen: "Filtro/Distorsionar/Proyectar". Procura que te quede igual que en la imagen de abajo.
5.-Vamos a colocar la imagen en su posición original: "Imagen/Rotar Lienzo/ 90ºAC".
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
49
REALIZADO POR EDVIN (verdugo43@hotmail.com)
6.- Para dar un poco de dinamismo a nuestro impreso: "Edición/Transformar/Distorsionar". Pincha en los tiradores de las esquinas y defórmalo un poco, luego recuerda que debes hacer doble clic, para fijar la transformación. Fíjate en la imagen de abajo.
Creación de sombra para nuestro impreso. A veces necesitamos crear sombras perpendiculares o como en este caso oblicuas , este es un truco para crear este tipo de sombras. 7.- Sobre la imagen de Uma, creamos con la herramienta "Selección Rectangular ", un rectángulo, tal y como muestra la imagen de abajo.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
50
REALIZADO POR EDVIN (verdugo43@hotmail.com)
8.-"Selección/Calar/10 px 9.-A continuación creamos una nueva capa: "Capa/Nueva/Capa". 10.- "Edición/Rellenar" - Negro - Opacidad: 75%
Queda algo asi:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
51
REALIZADO POR EDVIN (verdugo43@hotmail.com)
11.- Solo queda Rellenar la capa del fondo de color blanco. Nos posicionamos en la capa del fondo y rellenamos: "Edición/Rellenar" Color: Blanco Opacidad:100%
Uma Thurman
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
52
REALIZADO POR EDVIN (verdugo43@hotmail.com)
11.- CÓMO CREAR UN EFECTO DE ESTAMPADO EN LA ROPA CON PHOTOSHOP. Por: penHolder + 21.11.2007 En este tip vamos a ver como podemos usar Adobe Photoshop para introducir un logo y/o leyenda en una fotografía de manera que se vea como si estuviera estampado en la ropa, siguiendo todas las sombras y contornos y logrando un gran realismo. Partamos de dos imágenes: Vamos a usar a Angela Lindvall
Y este hermoso logo que encontré por ahí:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
53
REALIZADO POR EDVIN (verdugo43@hotmail.com)
En primer lugar pasamos nuestra imagen a escala de grises:
Luego le aplicamos un desenfoque gaussiano: Filtros > Desenfocar > Desenfoque gaussiano:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
54
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Tal
como
está
ahora,
lo
guardamos
como
filtro.psd.
Después volvemos a abrir el original. Traemos el logo al archivo, y, vamos Edicion > Transformar > Distorsionar o Ctrl + T y con nuestro mejor sentido de la perspectiva ubicamos el logo:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
55
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Una vez ubicado, vamos a usar el filtro desplazar: Filtros > Distorsionar > Desplazar:
Como la imagen es relativamente pequeña, usaremos solo un desplazamiento de 5px:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
56
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Cuando pulsemos OK, se nos abrirá un panel de inspección para que busquemos nuestro filtro
Luego de esto, tomamos la capa donde se encuentra el logo, y le cambiamos el modo a Multiplicar:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
57
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Y el resultado final es algo así
:
12.- CREAR EFECTO DE IMAGEN REFLEJADA EN UN OJO CON PHOTOSHOP. Por: Juliz + 01.01.2008 Bueno, sería mi primer tip de tratado de imágenes, porque hice tutoriales de Photoshop, pero de otras cosas. Se trata de una imagen fotográfica que se ve reflejada en el iris de un ojo.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
58
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Voy a usar esta Imagen:
Y ésta como reflejo:
Primero tenemos que seleccionar el iris del ojo (con pupila por supuesto ) Yo use el lazo poligonal, y después con el click secundario le puse calar 1 px COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
59
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Cuando tengamos seleccionado el ojo, apretamos Ctrl + J, y hace la función Capa Vía Copiar. Debería quedar algo así:
A la capa nueva la pueden llamar Ojo o como quieran. Ahora
pasamos
a
la
foto
de
la
ciudad.
Con la herramienta de selección circular, hacemos un círculo parecido a éste:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
60
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora vamos a Filtro/Distorsionar/Esferizar. (Filter/Distort/Spherize para los que lo tienen en inlgés como yo
)
Lo dejan como está: Sin deseleccionar, van a Selección Invertir o Inverse para mi. Luego hay que borrarlo, y quedaría algo como esto (con la selección normal)
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
61
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora en el Ojo hacemos una nueva capa apretando Shift + Ctrl + N Copiamos la esfera de la ciudad y la pegamos en esta capa, y leugo con la Transformación Libre lo adaptamos mas o menos al ojo. Así se vería
Después hacemos lo mismo que hicimos con la esfera pero con el ojo (lo de seleccionar, y después seleccionar a la inversa, etc)Per hay que situarse en la esfera y apretar el ojo con el click y mateniendo presionado Ctrl. A la capa de la esfera de ciudad le ponemos como modo de fusion Trama.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
62
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Y quedaría así:
Le bajamos un poco la opacidad, y después en Imagen/Ajustes/Brillo-Contraste jugamos un poco, pero tendiendo a bajar siempre el brillo; la cantidad de contraste ya verán ustedes. Yo diría que en cuanto a la opacidad de la capa de la esfera no le bajen más de 80% Este sería el resultado:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
63
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Una alternativa para que quede más realista es, con el pincel, el trazado "Pasto" por decirle, poniendo el color de fondo y el frontal en negro, y pintarle el reflejo de las pestañas, que todavía no lo hice, pero voy a probar.
13.- TEXTO COLORFULL. 1-Hacer
una
nueva
capa,
yo
lo
hice
de
500x500
2-Llenar el fondo de negro y escribir el texto en blanco ; el tamaño del texto va a depender del tamaño que crearon el documento, siempre y cuando te tiene que quedar bastante espacio para poder realizar el efecto. 3-Ir a Layer>Layer Style>Blending Options>Gradient Overlay
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
64
REALIZADO POR EDVIN (verdugo43@hotmail.com)
4-Duplicar la capa e ir a Filter>Distort>Polar Coordinates. Y luego elegir polar to rectangular.
5-Luego ir a Filter>Stylize>Wind. En Method elegir “Wind” y en Direction “From the Right” (derecha) Repetir este paso todas las veces que te parezca con Crtl+F (yo lo hice 3 veces), luego hacer todo lo mismo nada más que de la izquierda (en este caso lo repeti 5 veces) Les quedara esto:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
65
REALIZADO POR EDVIN (verdugo43@hotmail.com)
6-Ir a Filter>Distor>Polar “Rectangular to Polar Mode”.
Coordinates.
Selecciónar
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
66
REALIZADO POR EDVIN (verdugo43@hotmail.com)
7-Ir a Filter>Blur>Radial Blur.
Y queda esto
8-Poner la capa del texto ensima de todas las otras capas. 9-Por ultimo ir a Layer>Layer Style>Blending Options>Strokes.. y darle un marco como prefieras para que se note mรกs el texto.
COLECCIร N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
67
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Este es el resultado final:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
68
REALIZADO POR EDVIN (verdugo43@hotmail.com)
14.- AVATAR CON EFECTO CRISTAL Y MARCO SEMI-METALICO. Bueno espero que les guste este tutorial, es mi primero en esta web. y creo que hasta es mi primer mensaje lo primero que hacemos es Abrir un documento de Transparente150 x 150 Px, Luego usamos la herramienta marco eliptico, y presionando Shitf trazamos un Círculo.
Luego vamos a Edición / Rellenar, seleccionamos Color, como muestra en la imagen.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
69
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Colocamos el color c6c6c6, luego que quede de color gris el Círculo, Trazamos un nuevo círculo presionando Shift también, tienes que tratar que quede totalmente alineado por todo lados con el anterior.
Luego de eso presionamos Supr, queda así:
Ahora presionado ctrl le damos click a la capa.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
70
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Esto hace que quede seleccionado el Trabajo que llevamos hecho
Sin mover nada vamos a Selección / Modificar / Contraer, y le damos contraer 2 px, ahora creamos una nueva capa sin Eliminar la selección. Ahora vamos a Edición / rellenar, y le colocamos color 949494. Queda así:
Ahora vamos a: Filtro / desenfocar / Desenfoque gaussiano, y colocamos un radio de 3 px Hasta los momentos el trabajo está así:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
71
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora vamos a opciones de fusión. Y colocamos satinado:
Por ahora tenemos el marco listo:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
72
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Luego hacemos una nueva capa, y nos vamos a Imagen / Aplicar Imagen. Ahora colocaremos el fondo, solo arastra una imagen hasta el trabajo que estamos haciendo, pero la capa dede quedar debajo de los demรกs:
Hacemos una selecciรณn Circular en lo que quedarรก de fondo:
COLECCIร N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
73
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Sin mover mas nada presionamos ctrl + J, así hemos multiplicado lo seleccionado, en la ventana de capas se ve así:
Lo que hay que hacer es eliminar la capa 8
Hacemos una nueva capa sobre el trabajo, hacemos una selección rectangular:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
74
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Rellenamos la selección de color negro, y presionamos ctrl + G, y cambiamos el estilo de capa a Luz Suave. Queda algo así:
Ahora le haremos un Estilo de Cristal, haciendo una nueva capa, y trazamos un Ovalo:
Ahora usaremos la herramienta de degradado, pero tienes configurar para que quede así:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
75
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Trazamos de arriba hacia abajo en el Ovalo:
Ahora le cambiamos la opacidad a 70 a el Ovalo.
Solo le colocamos el texto, y puedes seguir haciéndole lo que quieras, ya que tienes que dejar correr tu imaginación :D Este es Mi resultado:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
76
REALIZADO POR EDVIN (verdugo43@hotmail.com)
15.- CREAR UN BOTÓN USANDO LA VENTANA DE ESTILO DE CAPA. Pues vamos a ver si os explico de forma sencilla como crear un bonito botón, que luego podréis usar para vuestros trabajos de diseño, usando únicamente toda la potencia de la Ventana de Estilo de Capa: Para eso, abrimos un documento nuevo con fondo blanco adecuado al tamaño de vuestro botón que váis a crear... Creamos una nueva capa vacía y con la herramienta marco elíptico, vamos a hacer un círculo. Para eso a medida que usamos la herramienta sobre el documento, mantenemos pulsada la tecla "Shift". A continuación, rellenamos la selección de negro. Edición----> Rellenar-----> Negro
Deseleccionamos la selección. Selección----> Deseleccionar. Pulsamos dos veces seguidas con el botón izquierdo del ratón sobre la capa que habéis creado, la del círculo negro, y se abrirá la ventana de Estilo de Capa. Veréis como a mano izquierda aparecen muchas opciones, que nosotros iremos COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
77
REALIZADO POR EDVIN (verdugo43@hotmail.com)
modificando poco a poco. Primero pulsamos sobre la Sombra paralela y en la ventana que se abre, vamos a ir introduciendo estos valores o cualquiera otros que consideréis oportuno para conseguir un resultado acorde con vuestras necesidades. Con la casilla de previsualizar activada, podéis ir viendo en tiempo real como cambia vuestro diseño... Acordaros de cambiar todos y cada uno de los valores que véis en la siguiente captura de imagen hasta que coincidan todos...
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
78
REALIZADO POR EDVIN (verdugo43@hotmail.com)
El resultado hasta aquí, sería este:
Pulsamos ahora sobre la casilla de Superposición de colores, seleccionamos el color blanco y modificamos los valores de esta manera aproximadamente:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
79
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Y veremos esto:
Vamos a darle un aspecto más profesional. Para eso nos vamos a la casilla de Satinado, usamos el color blanco de nuevo y cambiamos los valores de la siguiente manera, incluido el Contorno, tal y como véis aquí:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
80
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Y de nuevo, veremos esto:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
81
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Vamos ahora a modificar tres cosas llegado este momento. El Bisel y relieve y dentro de él, su Contorno. Después la Sombra interior, con estos valores para cada opción:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
82
REALIZADO POR EDVIN (verdugo43@hotmail.com)
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
83
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Llegados a este punto, este el resultado final de nuestro botón:
Podéis ahora modificar todos los valores hasta que el resultado se adapte a vuestras necesidades o añadir más opciones, como texturas, degrados, motivos... Ya véis la enorme potencia de la ventana Estilo de Capa para diseño... A modo de ejemplo, yo he cambiado en la opción Superposición de colores, el color blanco que habíamos usado anteriormente por el rojo, siendo este el resultado:
Ya se queda para vosotros el seguir experimentando y seguir conociendo en profundidad esta increible aplicación del Photoshop... Un abrazo para todos
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
84
REALIZADO POR EDVIN (verdugo43@hotmail.com)
16.- CREACION DE UNA FIRMA. TUTORIAL CREADO POR KaoS_GM En este tutorial te demostrare PASO a PASO lo sencillo que puede ser crear una firma, es ideal para los que recien comienzan a usar photoshop, se explica la como instalar brushes, la forma de seleccionarlos y usarlos, recorte de art, resize de un art, pegar art a documento, fusion de art con fondo, poner color, utilizacion de fonts, efectos en fonts y como hacer un marco. Este tutorial es el mas largo que e hecho en toda mi vida, y esta muy completo, todo explicado con imagenes para la mayor comprension, sin mas preanbulos, comenzamos.
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
85
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Comenzamos: Primero que nada debemos tener instalado Photoshop 7.0 en ingles que es el que usare xD, puedes bajar el trial de www.download.com y crackearlo xD En este tutorial utilizare brushes (pinceles), pa bajar visita www.deviantart.com ve a "browse" y despues resources photoshop brushes, ya eliges los que te gusten, y los instalas así, entras a la carpeta del Photoshop, en Archivos de Programa>Adobe>Photoshop 7.0 y vas al folder "Presets", al entrar hay varias carpetas, entra a brushes, y ahi guarda los brushes, si haces esto al tener el photoshop abierto no lo agarrara, asi que tendras que cerrar el Photoshop y volverlo a abrir Ok, segundo paso, abrimos un nuevo archivo, presiona ctrl + n, y haz esto:
*puedes cambiar los tamaños de los px al rededor de 350*70 entre 400*100 que son los mas comunes en las firmas COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
86
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ok, ya teniendo el nuevo documento, presionamos la tecla D, asi se cambia el color de la paleta, luego, elegimos el brush, seleccionamos el que deseas usar, para hacerlo, presiona el boton de brush, tiene forma de pincel. Sigue a la imagen:
Ok, ya seleccionado el pack de brushes, solo tenemos el archivo en blanco abierto, lo que vas a hacer es poner el brush sobre el documento y darle click asi:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
87
REALIZADO POR EDVIN (verdugo43@hotmail.com)
y vas alternado los brushes, hasta tener algo asi:
Este es el resultado del fondo Ok, ahora, elegir la imagen, no es tan dificil, para abrirlas presiona "ctrl + o", la seleccionas y se abrira, esta es la imagen que yo trabajare:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
88
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ok, notaran la imagen tiene un fondo, pero solo queremos la imagen (art), asi que, la vamos a "recortar", para esto, elegimos la "magic wand tool" presionando "W", ya al tenerla seleccionada, presionamos "shift" que casi siempre esta abajo del boton enter en el teclado, le dejamos presionado y vamos seleccionando parte del fondo de la imagen, asi:
para finalizar el recortado, presionas Supr en el teclado, y listo, el fondo esta blanco *0*, ok, presionamos Ctrl + D para deseleccionar el archivo y queda algo asi:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
89
REALIZADO POR EDVIN (verdugo43@hotmail.com)
notaran que la bara se comio unos pedazos, eso se arreglara mas adelante, el siguiente paso, observa bien la imagen y el tamaño de la firma, a veces la imagen es muy grande, como la que escogi, por lo que en la barra donde esta el nombre de la imagen, le damos un click con boton derecho y seleccionamos la opcion "Image Size", solo cambia el de width, a uno mas o menos mas grande que la imagen de la firma, el height se acopla al tamaño del width por lo que no es necesario moverle, le damos click a aceptar.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
90
REALIZADO POR EDVIN (verdugo43@hotmail.com)
la imagen ya esta reducida de tamaño, ahora lo mas importante, pegar la imagen en la firma, repite el paso de la magic wand tool, pero ahora solo sobre el fondo blanco, al acabar presiona ctrl + shift + i y notaras que la imagen ahora es la seleccionada, presiona ctrl + c y te pasas al documento con la firma, donde presionas ctrl + v.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
91
REALIZADO POR EDVIN (verdugo43@hotmail.com)
bien, ya se pego la imagen a la firma, ahora la movemos al lugar en la firma donde deseas que este el art, seleccionas "Move Tool", presionando V, bien, ahora solo seleccionamos la imagen con un click y la jalamos al lugar que deseas la firma, la puedes subir, bajar, hasta que quede donde tu la quieres XD, algo mas o menos asĂ:
ok, la hora de combinar el art con el fondo O.o, para esto, seleccionamos la "Lasso Tool", presionando "L", ok, arriba, dice "feather", ponle 15%, hacemos una seleccion alrededor de la imagen, algo asi:
bien, ya lista la seleccion, vamos a hacer una nueva "layer mask", solo presiona esto:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
92
REALIZADO POR EDVIN (verdugo43@hotmail.com)
ok, ya quedo fusionada la imagen con el fondo, ahora, presiona CTRL + E para unir toda la imagen, y despues presiona "ctrl + u" y presionas la casilla "colorize", hasta que quede un color que te guste, a mi me queda asi ô.o:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
93
REALIZADO POR EDVIN (verdugo43@hotmail.com)
bien, bien, ya tenemos el fondo y el art, bien, te preguntaras que sigue, pues el FONT xD, ok, ahora pondremos el nick a la firma, elige cualquier font, te puedes descargar de www.dafont.com, para instalar las fonts, debes abrir panel de control>fuentes si es que tienes XP, en las demas no se xD. Ok solo las pegas y se instalaran. Bueno, seleccionamos la opcion de TYPE TOOL, presionando "T", bien, ahora hay que hacer una seleccion por la firma donde quieres que valla el font, y ahi mismo escribes el nick, tambien puedes cambiar el tamaño del font, arriba donde dice "tT" dice 16pt, bueno es la que usare, pero tu puedes usar el tamaño que quieras,en esta imagen se especifica todo:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
94
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Bien, este efecto de font es sencillo, pero tiene efecto semitransparente, una vez ya escrito el font, vamos a presionar W para des-seleccionar el font, luego presionamos de nuevo T para regresar a la TYPE TOOL, bien, da click en opacity, donde dice 100%, has lo que dice la imagen
puedes poner el porciento que quieras, yo use el 33% como lo indica la imagen, y ese fue mi resultado, COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
95
REALIZADO POR EDVIN (verdugo43@hotmail.com)
independientemente del color que le hayas puesto a la firma, se vera parecido, luego vas hacia a: Layer>Layer Style>Outer Glow, y veras que hay un cuadradito de color amarillo claro, dale click a el y selecciona un color claro, pero casi del mismo color de la firma, pero que sea claro, como indica la imagen, donde selecciona como hacerlo:
Bien, ahora vamos a Layer>Layer Style> Stroke y seleccionamos de color el blanco, y le bajamos el size a 1%, asi el font se ve mas respaldado y se nota mas. Presionamos ok Ok, ahora solo falta el borde, te voy a decir como hacer un borde sencillo, de una sola dimension, para esto vas presiona Ctrl+A, luego Select>Modify>Border y le ponemos en 1 px, asi como dice la imagen:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
96
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Vamos a Layer>FlatTen Image, luego: Seleccionamos "Eraser Tool" presionando "E", luego presiona D, luego X para cambiar los colores de la paleta, ok ahora vas a mover el borrador por la seleccion que se marca, no va a haber problema en caso que tu te pases a la firma, no se borrara XD, por eso hicimos la seleccion, ok, vamos moviendo el borrador por toda la seleccion, hasta ver que toda la seleccion se volvio negra:
Listo, solo CTRL + D y tienes la firma lista, solo vas a File>Save As y la guardas como .jpg, asi:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
97
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Debes estar seguro que hayas elegido .jpg, luego se abrira una ventanita, muevele hasta donde dice: 12 y le das ok LISTO, uff que tutorial mas largo, me tomo 1 hora y 36 minutos hacerlo, ya que los screen y el tecleo me tomaron mucho tiempo, si tienen alguna duda no duden en decirla, se las respondere con gusto, si usaron el tutorial, me gustaria expongan el resultado, no duden en recomendarlo a sus amigos que quieren aprender a usar photoshop. Puedes usar cualquier brush, cualquier efecto en la font o en el borde, o en la fusion del art, en este tutorial solo te enseĂąo lo basico, lo demas dejalo a tu imaginacion, esta es la firma como resultado final: COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
98
REALIZADO POR EDVIN (verdugo43@hotmail.com)
17.- CREAR UNA CAJA DE SOFTWARE. Tutorial por Yimmytor Excelente tutorial de Jimmy Torres Fonseca en el que nos muestra cómo crear desde cero una caja de software con photoshop. Primero dibujamos dos rectángulos en blanco, uno junto al otro de la misma altura de esta manera:
Ahora le aplicamos a cada uno desde “Opciones de Fusión” una gradiente:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
99
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Que quede de la siguiente manera:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
100
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora le ponemos los efectos y las imágenes que queramos, yo la voy a hacer sencilla porque el objetivo es la caja: (nótese que tengo las imágenes con su rectángulo respectivo ya acomodadas)
Ahora agrupamos cada rectángulo con sus respectivas imágenes de modo que nos queden solo dos capas: esto se hace seleccionando las capas que queremos agrupar, por ejemplo el rectángulo grande con su imagen y damos clic derecho sobre alguna de estas luego escogemos la opción “Agrupar en objeto inteligente nuevo” y luego volvemos a hacer lo mismo pero esta vez escogemos la opción “Rasterizar capa”, para que nos quede así:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
101
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora duplicamos el rectángulo pequeño y en opciones de fusión vamos a “Superposición de colores” y le damos un tono negro, ahora le bajamos la transparencia a un 20 %.
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
102
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora agrupamos estas dos últimas capas (la del rectángulo pequeño y la copia en negro). De nuevo volvemos a tener solo dos capas, vamos a la del rectángulo grande y vamos a Archivoà TransformaciónàDistorsionar y alargamos las puntas derechas y encogemos el ancho desde el lado izquierdo para que nos quede algo así:
Ahora vamos al rectángulo pequeño y lo juntamos con el grande y vamos de nuevo a Archivoà TransformaciónàDistorsionar y alargamos las puntas izquierdas y encogemos el ancho desde el lado derecho para que nos quede algo así:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
103
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora solo agregamos una sombra suave y un fondo blanco para apreciar lo que hicimos y obtenemos algo como esto:
COLECCIĂ“ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
104
REALIZADO POR EDVIN (verdugo43@hotmail.com)
18.- EFECTOS EN PHOTOSHOP: REFLEJO. Para que entiendas mejor este tutorial: Las opciones de los menús a utilizar, serán escritas de esta forma:[Menu>submenu->opción...]. Para nombrar el layer de un objeto, solo hace falta hacer doble click sobre el nombre del layer del objeto, escribir el nombre y oprimir Enter. Haré uso de Photoshop CS2 en ingles, empecemos: Lo primero es tener la imagen u objeto a aplicarle el efecto, debidamente recortado; a este layer le nombraremos "objeto". En este caso utilizare una flor:
Ahora crearemos el reflejo del objeto, así que seleccionamos el layer objeto y lo duplicamos [Layer->Duplicate Layer....]; al cual nombraremos "reflejo".
La ventana "layers" del panel derecho, ahora, debe quedarnos algo así: COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
105
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Aquí viene lo mas importarte para que esto resulte, rotar el objeto. Seleccionamos el layer "reflejo" y lo rotamos verticalmente [Edit->Transform->Flip Vertical....]
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
106
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora debemos asegurarnos que las dos figuras ("objeto" y "reflejo") coincidan, esto es, que la parte de abajo del layer objeto coincida con la parte de arriba del layer "reflejo". Si fuera necesario podemos rotar el layer "reflejo", para eso, seleccionamos el layer "reflejo" y lo rotamos[Edit->Free Transform...]. Antes:
Después:
En este ejemplo simularemos el reflejo que se produce, cuando un objeto esta recargado sobre una superficie plana. Así que debemos degradar la imagen para que se logre el efecto. Para esto haremos uso de mascaras, seleccionamos el layer "reflejo" y entramos en modo editar mascara[Dar click en el botón"Edit in Quick Mask Mode", El cuadrado rojo con el circulo blanco que se encuentra en el panel izquierdo]:
Ahora seleccionamos el botón Gradient Tool [Dar click en el botón Gradient Tool, se encuentra en el panel izquierdo] :
Ahora solo tenemos que trazar una línea, de arriba abajo. Comenzando un poco arriba del layer "reflejo" y terminando un 15% antes de que la figura del objeto termine:
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
107
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Una vez que soltemos el click del trazo, la parte de arriba de todo el layer se coloreara de rojo(recuerden, estamos en modo editar mascara; si no te sale así vuelve a comenzar; algo hiciste mal). Así que ahora volveremos al Modo Standard[Hacemos click en el botón Edit Standard Mode, el cuadro blanco con el circulo blanco del panel izquierdo]:
Lo que acabamos de hacer, es una selección degradada, por eso nos aparece una parte del layer "reflejo" encerrada en un cuadro de selección(si, las hormiguitas esas que caminan alrededor de esa parte del objeto XD). Así que solo oprimimos la tecla "delete" del teclado(ya se que es redundante, pero no quiero confusiones). Dependiendo desde donde comenzaron el degradado en modo Mascara, serán los resultados que tendrán, pero debe quedarles algo así:
En mi caso, necesitare bajar el Fill de mi layer: COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
108
REALIZADO POR EDVIN (verdugo43@hotmail.com)
Ahora solo falta poner la superficie plana del objeto, y listo:
ESPERO Y LES SEA UTIL COLECCIÓN DE TUTORIALES.
ESTA
COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DE DIFERENTES AUTORES
109