Tutoriales de photoshop

REALIZADO POR EDVIN ([email protected])

COLECCIÓ N DE TUTORIALES DESCARGADOS DE INTERNET DEDIFERENTES AUTORES

1



2

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 GLASEADOTIPO MARCONEO……………………………………………. 30

EFECTO DE LUZ EN TEXTO…………………………………… 36

EFECTO MATRIX………………………………………………. 41

RECORTAR PERSONAS, ELIMINAR EL FONDOCON PHOTOSHOP…………………………………………. 44

CREAR IMAGEN DE ASPECTO IMPRESOCON PHOTOSHOP…………………………………………. 47

CÓMO CREAR UN EFECTO DE ESTAMPADOEN LA ROPA CON PHOTOSHOP………………………… 53

CREAR EFECTO DE IMAGEN REFLEJADAEN UN OJO CON PHOTOSHOP………………………….. 58

TEXTO COLORFULL…………………………………………. 64

AVATAR CON EFECTO CRISTAL YMARCO SEMI-METALICO…………………………………. 69

CREAR UN BOTÓN USANDO LA VENTANADE ESTILO DE CAPA……………………………………….. 77

CREACION DE UNA FIRMA………………………………. 85

CREAR UNA CAJA DE SOFTWARE……………………… 100

EFECTOS EN PHOTOSHOP: REFLEJO…………………… 105



3

DIFERENTES TUTORIALES PARAAPRENDER A UTILIZAR EL

PHOTOSHOP.

IMPORTANTE.

CABE MENCIONAR QUE ESTE ARCHIVO CONTIENE UNACOLECCIÓN DE TUTORIALES MAS INTERESANTES QUEHE DESCARGADO DE LA RED, DE DIFERENTESPAGINAS, ESTO SOLO PARA DEJAR CLARO QUE NOSON DE MI AUTORIA, ESPERO Y LES SEA ÚTIL YQUE CONTRIBUYA AL APRENDIZAJE.

ENTONCES ABRAN EL PHOTOSHOP y COMENCEMOS CONLOS TUTORIALES.

1.- ATAJOS DE TECLADO PARAADOBE PHOTOSHOP.

Actualización: Añadidas por los usuarios:

(Espacio) Herramienta Mano, gracias emarts y PabloPalazuelos.

(Ctrl+H) para ocultar la selección actual, graciasKina.

(X) cambiar el color de fondo por el frontal yviceversa, 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.



4

(Ctrl+M) Ajustar curva de colores, gracias ¿Yomismo? xD

(Ctrl+L) Ajustar los niveles de colores, graciasN3BB3Z4R.

(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 ampliadauna zona de nuestro proyecto mediante laherramienta Zoom, podemos movernos con laherramienta mano, algo que se utiliza mucho yagiliza es hacerlo mediante la tecla H, tambiénpodemos agrandar o disminuir el Zoom pulsandoCtrl+Clic o Shift+Clic respectivamente.

2. (Z) Herramienta Zoom, pulsando Z cambiamos laherramienta Zoom para ajustar el tamaño de la vista,mientras pulsemos Alt invertiremos el Zoom paraalejar.



5

3. (Ctrl+0) Ajustar al tamaño de la ventana, paraaprovechar al máximo el tamaño del monitor. EsControl más Cero, no la letra “O”.

4. (B) Herramienta Lápiz, extremadamente útil cuandotrabajas con máscaras, perfecta combinación conlos atajos de teclado Zoom y Herramienta de Mano.

5. (Ctrl+Z) Deshacer, muy útil para solventar esospequeños errores que todos cometemos.

6. (Tab) Muestra/Oculta paletas, sencillo y eficaz,muestra u oculta todas las paletas para tener elproyecto a pantalla completa y sin estorbos.

Intermedios:

1. ([) Reduce el tamaño del pincel, a mi no me hafuncionado esta :S.

2. (]) Aumenta el tamaño del pincel, tampoco me hafuncionado ¿Y a vosotros?.

Angel Gonzalez: Pues si, pero cambia [] por ‘¡,vamos las teclas que están justo encima.

3. (Shift+[) Disminuye la suavidad del pincel, en un 25%.4. (Shift+]) Aumenta la suavidad del pincel, en un 25%.5. (de 1 a 0), varia la opacidad del pincel.6. (Shift + del 1 al 0), varia el flujo del pincel.7. (Ctrol+Tab) Muestra/Oculta Ventana de Capas,

eficaz atajo de teclado para ganar espacio en elproyecto.

Avanzados:

1. (Ctrl+Shift+N) Nueva capa, sencillo atajo para crearuna nueva capa en blanco encima de la capaactual.

2. (Ctrl+Alt+Shift+N) Nueva capa sin dialogo, lo mismoque el anterior pero sin pasar por el dialogo deetiquetado de la capa, más rápido.



6

3. (Ctrl+Shift+C) Copia fusionada, copia el contenidode la selección actual para pegarla en otra capa oen otro proyecto, útil para copiar “lo que se ve”.

4. (Ctrl+Shift+Alt+E) Copia visible, copia el contenido dela seleccion (en cualquier capa) en la capa nueva.

5. (Ctr+Alt+Shift+K) Atajos de teclado, muestra eldialogo de ayuda y configuración de atajos deteclado, por si estos no han saciado tu sed de atajosde teclado.

2.- GUÍA BÁSICA DEL PRINCIPIANTE.

Objetivo: Orientar a todos aquellos que estánentusiasmados en empezar a realizar alguno queotro diseño, a aquellos que han abierto elphotoshop y se han dicho ¿y ahora que hago?

Introducción: Bueno bienvenidos, yo soy Shyshak,tmb §h¥ ♫ u O’Connor, depende en donde meencuentre y tratare de guiarlos un poco, ya que ami se me hizo medio complicado salir de la nadacon ninguna referencia a “diseñar” y en esemomento habia uno o dos foros de diseño y yo nolos conocia xP lo que se me dificulto aun mas.Primero que nada esto va mas que nada a los queven “firmas, tags, sigs” como las quieran llamar deotras personas y quieren iniciarse en eso. Si tuobjetivo va mas allá de esto, es decir diseño graficode verdad, te recomiendo un curso.



7

Primera etapa: Que es esto? (Interfaz delPhotoshop)

Cuando nos paramos en el photoshop por primeravez, todos acostumbrados al word, al excel, al Paintnos preguntamos que botón hay que tocar parahacer lo que se pretende. Bueno no hay un botónpara ello (pu** madre!), pero tampoco es difícil.Tiene el menú, como en los programas citadosarriba, la barra de herramientas al costado (citar eluso de cada herramienta no va en esto) y tmbverán a la derecha unos cuantos recuadros. Yo lostengo alterados a como los uso, es decir que losque no utilizo simplemente los cierro.

El de arriba de todo tiene la navegación, la info y elhistograma. Aquí la navegación es lo que utilizaranpara cuando quieran hacer renders (render es unpedazo de imagen cortada, es decir si tienes unafoto de tu cantante favorito haciendo unapresentación en el escenario, se dice rendercuando esta cortado y el fondo (las luces, elmontaje, etc) esta borrado). Como lo utilizan? Facilen otras palabras cumple la función de zoom.Acercarse/alejarse a la imagen. Es mas fácil cortaralgo, cuando se lo tiene mas cerca.El 2do yo sinceramente no lo uso, y lo tengocerrado. Para lo que buscan no lo necesitaran.El 3ro es bastante importante. Muestra la historia, loque van haciendo. Ej. Si le agrego color a unaimagen (como se hace!?... mas adelante se vera…)mostrara la función que utilizaron. Si no les gusta lopueden deshacer. Es muy útil, yo siempre lo tengobien pegadito al diseño que voy haciendo.



8

El 4to es el mas importante de todos en mi opinión yel que mas me dificulta explicar. Si lo tienen eningles verán Layers entre otros y en español Capas.Bueno que son estas cosas? Pues ni mas ni menos elnombre lo dice, son capas. Por ejemplo si yo quierohacer simples líneas en negro, creo una capa(ctrl+shift+n o bien Capa » Nueva capa) y trazo laslíneas. Ahora digamos que yo decido hacer otracapa y hacer líneas en blanco. Voy y las hago.Ahora decido borrar algo de las líneas negras, unapunta no me gusto como quedo. Si me posicionoen la capa en donde están las líneas blancas, nopodré “tocar” las líneas negras cuando las quieraborrar. Para ello deberé ubicarme en la capa quecorresponde, es decir seleccionarla, hacerle un cliccon el mouse a la capa con los trazos negros en elrecuadro. No se si lo han entendido muy bien, peroes mas fácil usarlo que explicarlo créanme.

Segunda Etapa. Quiero empezar ya!

Estan impacientes por empezar, que es lo quehacen? Empezamos por abrir un nuevoDocumento, vamos a Archivo » Nuevo (File » New)Aca ponen la anchura y el alto, configuran paraque sea en pixels (píxeles) y ponen los colores quequieran. Si empiezan no pongan muyyy grande porse les dificultara mucho cubrir tanto espacio, asique recomendaria 330 de ancho por 120 de alto.Ahora el color, veran que tiene para escoger entreblanco, color del fondo (por defecto es blancotmb) y transparente. Escojan el que quieran, yo pordefecto tengo transparente, despues relleno elfondo con el color que quiera con el balde que seusa igual que en paint.



9

Tercera Etapa: Escojiendo la imagen

Ahora hay cientos de cosas que se pueden hacer ycaminos por recorrer. Hay gente que primero haceel fondo y luego escoje que imagen utilizar y hayquienes primero sacan la imagen y en base a esahacen el fondo. Yo soy de esta ultima clase. Asi queles recomiendo que no se compliquen, quebusquen renders, luego pueden lanzarse a cortarsus propias imágenes. Ahora renders se encuentranen cualquier lado. Una pagina muy grande derenders es http://www.gamerenders.com/ , esta eningles y es un foro, pero esta muy completa encuanto a este recurso.

Cuarta Etapa: El fondo

Para el fondo se pueden hacer muchas cosas.Cuando uno empieza y no tiene idea de quehacer, recomiedo el uso de pinceles (brushes) raros,eso ayuda bastante. Luego pueden ir usando otrascosas, como los filtros del photoshop, el smudge, losconocidos ahora C4D (renders abstractosrealizados con el cinema 4D), la ahora famosa pentool (pluma) en fin muchos. Vamos a los brushes. Lapagina por excelencia para encontrarlos eshttp://www.deviantart.com./ Alli van a Browse. Deahí hacen clic en Categories » Resources (clic) »Application Resources » Photoshop Brushes. Ahipueden descargarlos. Ahora como los uso? Comolos instalo? Los sacan del archivo .rar quecomúnmente creo recordar que veniancomprimidos y los ubican en la carpeta en dondehan instalado el photoshop, en presets » photoshopbrushes. Ahora hay que “activarlos” Van al



10

photoshop veran que arriba del primer recuadro denavegación hay tres solapas, en la primera quedice pinceles/brushes hacen clic… veran que semuestran los pinceles disponibles y tmb veran unaflechita extra señalando a un costado en la solapa,le hacen clic y desplegara todo un menú. Alliponen “load brushes” o “cargar pinceles”simplemente van a la carpeta del photoshop (sepueden ubicar en cualquier lado realmente, peroasi queda ordenado), seleccionan el pincel y locargan. Desgraciadamente se puede hacer de auno a la vez, asi que en caso que hayandescargado varios, deberan hacer eso.

Ahora a usarlos! Recuerdan las capas, bueno creenuna nueva por las dudas, en esta nueva capaharan las pinceladas, asi que seleccionen en elcostado izquierdo de la pantalla la herramientaque parece un pincel y escojan el pincel quequieran usar y simplemente pinten^^. Puedenescoger blanco como color principal y ponerle a lacapa principal (la primera, la que dice background–fondo-) un baldaso en negro. El color secundariosirve para otras cosas, como el degradado, peroeso es una funcion intermedia que no entra aca yque luego descubriran solos.

Quinta etapa. Agregando color

Bueno ya tienen un fondo mas o menos creado, leponen el render que escojieron, ahora que falta? Elcolor!... bueno el coloreado es lo que a mi mas megusta, tienen muchas opciones para escoger. Paraentender todo bien deberion entender bien elasunto de las capas, sino se les complicara un



11

poco. En Imagen » Ajustes, tienen muchas variantespara aplicar colores, pero esperen! Eso sirve paraaplicarle el color unicamente a la capa que tienenseleccionada, no a todo. Si quieren darselo a todo,deben ir a Capa » Nuevo ajuste y alli escoger laque deseen, comienzen por balance de color –color balance-.

Ultima etapa. Finalizando

Bueno esto es muy basico lo que han hecho, siquieren pueden agregarle unas letras (a eleccion),un borde (tmb a eleccion) y listo terminaron. Peroles sacara las dudas iniciales que puedan tener yahora pueden empezar a ver tutoriales acerca dela realización de ciertos efectos, o de firmacompleta un poco mas tranquilos, sabiendo quecuando diga agréguenle un color balance, sabrana donde ir, creen una nueva capa, donde tocar,etc.

Bueno eso fue todo, esto surgio en base a que unamigo que recien se empezaba entendia nada, yole daba los tutos mas simples y no entendia o no lessalian, asi que por eso empezo esto y tmb paratodos aquellos novatos, que todos empezamos enalgun momento.



12

Puntualizando un poco mas algunos temas:

Que es un render?

Un render es una imgen recortada de sufondo.Obviamente,si vas a hacer una firma soloqueres que tal cosa salga,no todo.Por eso el renderes la parte empirica de la imagen que vamos ausar,ya recortada con el modo depreferencia(goma,varita magica,etc).Hay muchaspaginas para conseguir renders.Si vas a recortar eltuyo propio es recomendable que la imagen basea usar tenga una buena resolucion;si no te arriesgasa tomarte el trabajo y que cuando la achicas parausar en la firma se vea tan mal que es inutil.

Si hablamos de anime,los Scans son lo mejor.Sonimagenes de alta resolucion,aunque el peso ytamaño es muy grande a veces.

Si esta guardada en Png(portable network graphic)cuando la abramos con el photohop ya estaradespojada del fondo y lista para usar.

Ejemplo:



13

¿Que es un Vector?

Es una imagen totalmente recreada desde 0, generalmenteusando de base otra ya existente.La diferencia de calidad esinmensa,y aun si le aumentamos o disminuimos e tamañodrasticamente,el Vector apenas si pierde resolucion.Un vectorbien echo consume un gran tiempo para hacer ya que secompone de tantas capas como colores tenga la imagen.Un ejemplo con un vector echo por mí:

Imagen Base

Vector



14

Que es un Brush?Un Brush o pincel es un recurso para utilizar sobre nuestrodocumento de photoshop.Van desde simples puntos aelaboradas imagenes pre-echas.Tenemos sub-categorias dentro de los Brushes,como losfractales,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 delpincel y hacer click derecho sobre su documento. En elnuevo menú que se les despliega verán los tipos de piencelesque ya vienen con el photohop. (los primeros cuatro tiposson:Redondo,Redondo Suave,Airbrush Redondo,airbrushRedondo suave).A la dercha veran un cuadradito que se puede clickear.Sipinchan ahi aparecera otro menu.En el si seleccionan "cargarnuevo pincel"(load new brush) podran cargarlos desdedonde los hayan guardado. Otra de las opciones importanteses "Resetar a predefinidos"(reset).Cada tanto--yo recomiendocada ves qeu cierren el photohop-- es bueno resetear losbrushes,si no se les acumularan y es poco practico(si tenesque enoctrar un tipo especifico entre 500 tipos de bushes...)

Que es una Font?Una fuente para instalar en el Windows.basicamente,un tipode letra preecha.Pueden bajar algunas de aca:http://www.dafont.com/themes.phpPara instalarla simplemente la copian y la pegan enC//Windows/Fonts



15

Que es un C4d?Aunque hay brushes con formas de C4D,un C4D es a unaimagen asbtracta, aleatoria y compleja creada usando elSoftware Maxon Cinema 4D.Como esta:

Para usar un c4d simplemente abran la imagen en si yvuelquenla sobre su documento con el Move Tool,igual que loharian con un render.

Ahora el tutorial de una firma.

Primero,dejenme aclarar que los pasos a veces son repetitivosy hasta innecesarios (cualquier versado en hacer firmas lonotara enseguida),pero justamente decidi hacerlo asi porquela mejor manera de aprender es repitiendo una y otra vescada leccion.

Ademas en este ejemplo no use mas Pinceles que los basicosde punta redonda.eso es porque cuando un principiantehace sus firmas tiende a abusarse de los brushes tan buenosque se encuentran en todos lados.El resultado es trabajos.



16

recargados o muy simples.En mi ejemplo enseño el uso basicode las capas.Una ves que se domina el cambio de modo y losbalances de color,mas las siempre utiles capas deajuste,veran que no tienen necesidad de abusarse de unbrush para hacer una gran firma.

3.- TEXTO DE FUEGO.1. Comenzamos con una imagen nueva de 300x150 píxelesde tamaño, aproximadamente. Color de fondo blanco ymodo en escala de grises. En la foto de abajo se enseñacomo debe ponerse. Advertencia: Es importante poner elmodo en Escala de grises Grayscale o no funcionará eltutorial.

2. Rellenamos la imagen de negro y después con laherramienta de texto escribimos nuestro texto usando colorblanco y un tamaño de letra grande (pues es un efecto quesale mejor en texto ancho). Luego vamos aCapa>Rasterizar>Texto Layer>Rasterize>Text y aCapa>Acoplar imagen Layer>Flatten image



17

3. Seguidamente vamos a Imagen>Rotar lienzo>90° ACDImage>Rotate canvas>90°ACD, tras lo cual vamos aImagen>Ajustes>Invertir Image>Adjust>Invert. Le aplicamosahora el filtro de viento: Filtro>Estilizar>VientoFilter>Stylize>Wind y en la opciones elegir desde la derecha.De nuevo vamos a Imagen>Ajustes>InvertirImage>Adjust>Invert

4. Aplicamos 2 veces más el efecto de vientoFiltro>Estilizar>Viento Filter>Stylize>Wind. Y rotamos laimagen a su posición original Imagen>Rotarlienzo>90°AC Image>Rotate canvas>90°AC



18

5. A continuación vamos a Filtro>Distorsionar>RizoFilter>Distort>Ripple y le asignamos un valor de 100 (este valores opcional podéis experimentar con otros)

6. Para terminar vamos a Imagen>Modo>Color indexadoImage>Mode>Indexed colors y después aImagen>Modo>Tabla de color Image>Mode>Color table yelegimos la tabla Cuerpo negro Black body.



19

4.- PORTADA DE PELICULA.

Tutorial Photoshop de Edición y Efectos deFotografía

Tutorial por Diego Mattei de Dmwd.com.ar

Diego Mattei nos muestra en este atractivo tutorial comolograr un atractivo Afiche de película usando tus propiasimágenes y Photoshop.

Este es un tutorial simple, con el cual obtenemos excelentesresultados en el trabajo final. Siempre es lindo sorprender a tupareja, novio, novia, esposo, esposa o el título que lleve conalgo hecho por uno. Y esa es la idea de este tutorial… así quevayan comprando un portarretratos para poner este trabajo yregalarle algo novedoso.

Primero viene la tarea mas complicada. Esta es la selecciónde las fotografías a utilizar. No siempre tenemos imágenesposando para cualquier ocasión, por lo que nos podemosayudar 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 librespara 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 unbanco fotográfico.



20

1º Paso. Abro un documento de 10cm. x 15cm. (o el tamañode fotografía que deseo según el portarretratos). El mismodeberá ser con fondo negro. Luego creo una nueva capa(Ctrl+J) y la llamo “original1″. En ella coloco la imagenhorizontal. Acto siguiente, repito el proceso de creación decapa, la llamo “original2″ y coloco la imagen vertical.

2º Paso. Lo que hago a continuación es “Añadir una máscaravectorial” a la capa “original2″. Como? Tal como se ve en laimagen siguiente:

3º Paso. Lo que hago a continuación es seleccionar laherramienta de degradado. Una vez hecho esto, voy al panelde propiedades del degradado (ubicado en la partesuperior) y selecciono un degradado lineal, el cual de lapunta izquierda lleva negro al 100% de opacidad y del ladoderecho, negro al 0% de opacidad. Ya teniendo lista laherramienta para utilizarla, trazo una línea de arriba haciaabajo sobre la capa “original2″ como lo muestra la siguienteimagen (para tener una noción de ubicación de la fotografíaque se encuentra debajo, podemos variarmomentáneamente la opacidad de la capa “original2″ a un50%):



21

Si volvemos a 100% de opacidad la capa “original2″,obtendremos como resultado la fusión de las 2 imágenes.



22

Espero haber sido claro hasta el momento. Esto es lo que sellama fusión o montaje de 2 imágenes. Y tenemos gran partedel trabajo realizado.

4º Paso. Lo que haré ahora es darle un toque artístico a estaimagen. Para esto, me dirijo al menu superior, en Capas >Nueva Capa de Ajuste > Tono/Saturación. Me abre unaventana a la que le doy aceptar y luego aparece una nuevaventana 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 ajugar con los valores de tono y saturación (Luminosidad lodejo como está).

Ya podemos decir que tenemos el trabajo terminado. Es unexcelente fotomontaje de una escena romántica siendonosotros mismos los protagonistas. Y si lo dejamos así, ya esuna buena composición.



23

5º Paso. Como siempre me entusiasmo y busco agregar algomas (gran defecto), decidí darle un aspecto de postercinematográfico. El resultado fue el siguiente:

Ya podemos decir que tenemos el trabajo terminado. Es unexcelente fotomontaje de una escena romántica siendonosotros mismos los protagonistas. Y si lo dejamos así, ya esuna buena composición.

5º Paso. Como siempre me entusiasmo y busco agregar algomas (gran defecto), decidí darle un aspecto de postercinematográfico. El resultado fue el siguiente:



24

Los agregados fueron un poco de texto, un pincel para lasletras manuscritas, pájaros, rejas y formas (puedendescargarlo aquí) y un recorte final de otro postercinematográfico para el pie (lo ideal es crearlo uno, pero mellevaría algo mas de tiempo… de ese que me falta). Creo queesta ú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 semuestra como cambiar el color del cabello con photoshop.

Abrimos la imagen. Lo mas recomendable es que duplicamosla capa de fondo (aunque a mi se me olvido al crear estasimágenes)



25

Toma un pincel de bordes suaves acorde al tamaño de tuimagen.

Presiona la letra “Q” para entrar en Modo Mascara Rápida(quick mask mode). Marca toda el área cubierta por elcabello, si tienes problemas y te pasas en algún ligar usar elborrador para corregir.



26

Empieza por los bordes como vemos arriba y terminarellenando como vemos a continuación:



27

Presiona nuevamente la letra “Q” para salir del modomascara rápida.

Con esto resulta una selección alrededor del cabello, pero loque necesitamos es la selección en el cabello, por lo que hayque invertir la selección: Selección > Invertir (Select > Inverse)

Ahora hay que teñir el área de la selección. Esto lo hacemoscon una capa de relleno. Capa > Nueva Capa de Relleno >Color Sólido (layer > New Fill Layer > Solid Color) Nosaparecerá un cuadro con las propiedades básicas de lanueva capa de relleno, de aquí cambiamos el modo deNormal a Luz Suave (Soft Light) y cuando sean necesario sepuede cambiar el nombre de la capa. Damos clic enaceptar.

A continuación aparece el selector de color (color picker) ydesde ahí tomamos distintos colores y podemos ver como vacambiando el color del cabello.



28

Selecciona el que mas te agrade y listo.



29

Aquí algunos ejemplos:



30

6.- COMO HACER UN MARCOGLASEADO TIPO MARCONEO.

Tutorial por ZoomCreative

Aquí les aporto con este pequeño tutorial sobre como hacerun "Marco Glaseado" tipo "MarcoNeo.jsx" que utiliza Kitsh ensu tutorial sobre como "Perfeccionar una Fotografía Emotiva".Ya que muchos no somos muy adeptos a usar Scripts, y otrossimplemente no saben lo que son, les paso aquí una sencilla yrápida alternativa.

1) Aquí les presento la foto a enmarcar. Tiene una dimensiónde 506px por 338px. Recuerden que los pasos a seguirpueden variar según el tamaño de la imagen, los colores dela misma y, más importante aún, lo que finalmente nosgustaría crear.



31

2) Seleccionamos el área a enmarcar y luego invertimosdicha selección (Ctrl+Shift+i). Ahora tenemos seleccionado elárea que ocupará nuestro marco.



32

3) Teniendo la selección activa, creamos dos nuevas capas (2veces Ctrl+J). La primera capa se autonombra Capa 1. A lasegunda 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 apropiedades 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, sinembargo como les dije al inicio esto puede variar según lasdimensiones de nuestra foto. Si es mas pequeña entoncescon 1 px va, pero si es una imagen de mayor tamañoentonces juguemos con más de 2 px.Cambiemos el color de trazo a blanco y listo, aceptamos.



33

5) Ahora seleccionamos la Capa1 y le damos "Desenfoque deLente" (Filtro/Desenfocar). Para esta imagen es suficiente 20de radio, en Forma seleccionamos Triángulo (3) y 254 deUmbral. Lo demás queda en 0. Obviamente ustedes puedenjugar y lograr resultados personalizados más acorde con loque finalmente busca crear.



34

6) Luego de haber desenfocado la Capa1 nos vamos alcuadro de Niveles (Ctrl+L) y le damos 0.70 en la caja deMedios Tonos en "Niveles de Entrada" (El cuadro central).Pulsamos Aceptar.



35

7) Siempre en la Capa1, nos vamos al cuadro deTono/Saturación (Ctrl+U) y le quitamos 10 puntos deluminosidad (-10). Esto para opacar ligeramente el marco ydiferenciarlo de las zonas luminosas de la fotografía. Ya lo dije,quien maneja finalmente el programa eres tú.



36

8) Felicitaciones. Un bonito marco que con práctica nodemorarás más de 1 minuto en hacerlo. Recuerda que loimportante aquí es que aprendiendo los pasos vas grabandoen tu memoria las virtudes que trae el Photoshop consigo, asíque si aún eres NOVATO entonces no te canses de hacer lamás larga, ya después, con práctica Y CLIENTES tus segundosvaldrán oro ;)

7.- EFECTO DE LUZ EN TEXTO.Tutorial por Vicente Muedra

En este Tutorial Vicente Muedra demuestra la técnica con laque logra crear un efecto de luz en texto.

Efecto Luz

Hola! ¿Qué tal? Aquí os dejo este tutorial para darle efecto luza los textos:



37

1º. Coloca el textoPonemos el texto en la fuente que queramos y en un tamañomedio, yo he usado la fuente"A Charming of Expanded" quese puede descargar desde Creamundo.com He usado undocumento de 800x600 píxeles, pero vosotros podéis usar elque queráis, eso si, siempre con color RGB 8 Bits a 72píxeles/pulgada.



38

2º. Duplica el textoElije Capa>Duplicar Capa. Con el nombre "Luz 1"

3º. Efecto LuzEn la capa duplicada utilice el filtro radial(Filtro>Desenfocar>Desenfoque Radial) en cantidad 100%, elmétodo Zoom y una calidad Buena.

4º. RellénalaCarga los colores por defecto pulsando D, cámbialos deorden (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 decapas. Rellena la selección manteniendo pulsadoControl+Supr. Deselecciona la capa seleccionandoSelección>Deseleccionar.

5º. RepíteloRepite los pasos 3 y 4 hasta que los rayos alcancen la longituddeseada.

6º. Dale ColorAplica el estilo "superposición de color" pinchando dos vecessobre la miniatura en la paleta de capas.



39

7º. Mueve las capasMueve la capa "Luz 1" detrás de la capa de texto. Después, siquieres le puedes poner una imagen de fondo (como lasestrellas) para darle un efecto más real:



40

Para hacer las estrellas he usado el filtro Glitterato, comotambién para las nubes. Podrás descargar la versión trialdesde Flamingpear.com



41

8.- EFECTO MATRIX.Tutorial por Agustín Simonetti

Agustin Simonetti nos muestra en este tutorial photoshopcomo lograr el famoso efecto Matrix.

1. Abrimos el documento del tamaño ke kieras. En este casoyo usare el tamaño para las firmas de este foro (500*125)

2. Abrimos el menú de colores (doble clic sobre un color) yponemos los valores como se indica en la imagen... #05FB28



42

En el color de segundo plano escogemos negro .Quedando así

3. Luego vamos a Filter --> Texture --> Grain Y les damosvalores de Intensidad:100 Contraste: 100 Y Grain Type: Vertical



43

4. Luego vamos a Filter ---> artistic ----> Neon Glow Ponemosen Glow Size:5 Glow Brightness: 15 Y el color debe ser el mismoal que escojimos al principio.. #05FB28

5. Ahora vamos a Filter-->Stylize-->Glowing edges PodemosPoner los siguientes Valores... Edge Widht: 1 Edge Brigthness:14 Smoothness:1... Aunque podemos jugar con estos valores ydarle un acabado a nuestro gusto...



44

Nos kedaría algo así

9.- RECORTAR PERSONAS, ELIMINAREL FONDO CON PHOTOSHOP.

Hay varias técnicas para sacar un objeto de su fondo, con elfin 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:



45

Técnica 1: El filtro 'extraer'

1.- Abre la imagen que quieresrecortar, y pulsa Control-j paraduplicarla y poder volver alestado inicial en cualquiermomento.

2.- En el menú superior, elige Filtro-->Extraer

3.- Coge la herramientaResaltador de Bordes y dibuja conella el borde de la figura quequieres recortar. Ajusta el tamañode la herramienta para que eltrazo cubra suficientemente el borde.

4.- Coge la herramienta Rellenoy haz click en el interior de la zonaresaltada, para indicarle aPhotoshop cuál es la zona quequieres conservar.Si se pinta de azul toda lafotografía, en lugar del interior,significa que el trazo verde no escontinuo, tiene algún "agujero".Vuelve a hacer click con laherramienta relleno, paradeshacerlo, y coge de nuevo elResaltador de Bordes para taparcualquier "agujero" del contornoverde resaltado.



46

5.- Haz click en el botón Ver y aparecerá el resultado de laextracción.El resultado no es perfecto,quedan restos del fondo quees necesario eliminar con laherramienta LimpiarSelecciona esta herramienta, ypásala sobre los restos delfondo que han quedado paraborrarlos.Si borras accidentalmentealguna parte de la imagen quequieres conservar, pasa laherramienta con la tecla Alt pulsada para recuperar la parteborrada.

6.- Una vez borrados los restos defondo, puedes pasar laherramienta por todo elborde para que sea másdefinido, más duro.

7.- Por último, pulsa OK para salirdel filtro extraer y obtener laimagen recortada.



47

8.- Para copiar la imagenrecortada sobre otro fondo, pulsaControl-a para seleccionar todala imagen, y después Control-cpara copiarla.Abre la imagen que quieres comofondo (Archivo-->Abrir) y pulsaControl-v para pegar la imagenrecortada.Puedes moverla para colocarlaen el lugar adecuado con laherramienta Mover

10.- CREAR IMAGEN DE ASPECTOIMPRESO CON PHOTOSHOP.

Tutorial por Eduardo de TomaReggaeton

Este ejercicio se puede crear con cualquier version dePhotoshop, a partir de Photoshop 4.

Vamos a utilizar la imagen de abajo.Antes de nada guardamos la foto de la preciosa UmaThurman. Después abrimos Photoshop, esta imagen y lacopiamos, para ello haremos lo siguiente:



48

Para guardar esta imagen haz "clic" sobre la imagen con elbotó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"), pegamosla imagen: "Edición/Pegar"

3.- "Imagen/Rotar Lienzo/90º ACD ".



49

4.- Ahora vamos a curvar un poco la imagen:"Filtro/Distorsionar/Proyectar". Procura que te quede igual queen la imagen de abajo.

5.-Vamos a colocar la imagen en su posición original:"Imagen/Rotar Lienzo/ 90ºAC".



50

6.- Para dar un poco de dinamismo a nuestro impreso:

"Edición/Transformar/Distorsionar". Pincha en los tiradores delas esquinas y defórmalo un poco, luego recuerda que debeshacer doble clic, para fijar la transformación. Fíjate en laimagen de abajo.

Creación de sombra para nuestro impreso.

A veces necesitamos crear sombras perpendiculares o comoen este caso oblicuas , este es un truco para crear este tipode sombras.

7.- Sobre la imagen de Uma, creamos con la herramienta"Selección Rectangular ", un rectángulo, tal y como muestrala imagen de abajo.



51

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:



52

11.- Solo queda Rellenar la capa del fondo de color blanco.

Nos posicionamos en la capa del fondo y rellenamos:"Edición/Rellenar"Color: BlancoOpacidad:100%

Uma Thurman



53

11.- CÓMO CREAR UN EFECTO DEESTAMPADO EN LA ROPA CON

PHOTOSHOP.Por: penHolder + 21.11.2007

En este tip vamos a ver como podemos usar AdobePhotoshop para introducir un logo y/o leyenda en unafotografía de manera que se vea como si estuvieraestampado en la ropa, siguiendo todas las sombras ycontornos y logrando un gran realismo.

Partamos de dos imágenes:Vamos a usar a Angela Lindvall

Y este hermoso logo que encontré por ahí:



54

En primer lugar pasamos nuestra imagen a escala de grises:

Luego le aplicamos un desenfoque gaussiano: Filtros >Desenfocar > Desenfoque gaussiano:



55

Tal como está ahora, lo guardamos como filtro.psd.

Después volvemos a abrir el original. Traemos el logo alarchivo, y, vamos Edicion > Transformar > Distorsionar o Ctrl + Ty con nuestro mejor sentido de la perspectiva ubicamos ellogo:



56

Una vez ubicado, vamos a usar el filtro desplazar: Filtros >Distorsionar > Desplazar:

Como la imagen es relativamente pequeña, usaremos solo undesplazamiento de 5px:



57

Cuando pulsemos OK, se nos abrirá un panel de inspecciónpara que busquemos nuestro filtro

Luego de esto, tomamos la capa donde se encuentra el logo,y le cambiamos el modo a Multiplicar:



58

Y el resultado final es algo así :

12.- CREAR EFECTO DE IMAGENREFLEJADA EN UN OJO CON

PHOTOSHOP.Por: Juliz + 01.01.2008

Bueno, sería mi primer tip de tratado de imágenes, porquehice tutoriales de Photoshop, pero de otras cosas. Se trata deuna imagen fotográfica que se ve reflejada en el iris de unojo.



59

Voy a usar esta Imagen:

Y ésta como reflejo:

Primero tenemos que seleccionar el iris del ojo (con pupila porsupuesto ) Yo use el lazo poligonal, y después con el clicksecundario le puse calar 1 px



60

Cuando tengamos seleccionado el ojo, apretamos Ctrl + J, yhace 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írculoparecido a éste:



61

Ahora vamos a Filtro/Distorsionar/Esferizar.(Filter/Distort/Spherize para los que lo tienen en inlgés comoyo )

Lo dejan como está: Sin deseleccionar, van a SelecciónInvertir o Inverse para mi.

Luego hay que borrarlo, y quedaría algo como esto (con laselección normal)



62

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 omenos al ojo.Así se vería

Después hacemos lo mismo que hicimos con la esfera perocon el ojo (lo de seleccionar, y después seleccionar a lainversa, etc)Per hay que situarse en la esfera y apretar el ojocon el click y mateniendo presionado Ctrl.

A la capa de la esfera de ciudad le ponemos como modo defusion Trama.



63

Y quedaría así:

Le bajamos un poco la opacidad, y después enImagen/Ajustes/Brillo-Contraste jugamos un poco, perotendiendo a bajar siempre el brillo; la cantidad de contrasteya verán ustedes.

Yo diría que en cuanto a la opacidad de la capa de la esferano le bajen más de 80%

Este sería el resultado:



64

Una alternativa para que quede más realista es, con el pincel,el trazado "Pasto" por decirle, poniendo el color de fondo y elfrontal en negro, y pintarle el reflejo de las pestañas, quetodaví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 ; eltamaño del texto va a depender del tamaño que crearon eldocumento, siempre y cuando te tiene que quedar bastanteespacio para poder realizar el efecto.

3-Ir a Layer>Layer Style>Blending Options>Gradient Overlay



65

4-Duplicar la capa e ir a Filter>Distort>Polar Coordinates. Yluego elegir polar to rectangular.

5-Luego ir a Filter>Stylize>Wind. En Method elegir “Wind” y enDirection “From the Right” (derecha) Repetir este paso todaslas veces que te parezca con Crtl+F (yo lo hice 3 veces),luego hacer todo lo mismo nada más que de la izquierda (eneste caso lo repeti 5 veces) Les quedara esto:



66

6-Ir a Filter>Distor>Polar Coordinates. Selecciónar“Rectangular to Polar Mode”.



67

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.. ydarle un marco como prefieras para que se note más el texto.



68

Este es el resultado final:



69

14.- AVATAR CON EFECTO CRISTAL YMARCO SEMI-METALICO.

Bueno espero que les guste este tutorial, es mi primero en estaweb. y creo que hasta es mi primer mensajelo primero que hacemos es Abrir un documento deTransparente150 x 150 Px, Luego usamos la herramientamarco eliptico, y presionando Shitf trazamos un Círculo.

Luego vamos a Edición / Rellenar, seleccionamos Color,como muestra en la imagen.



70

Colocamos el color c6c6c6, luego que quede de color gris elCírculo, Trazamos un nuevo círculo presionando Shift también,tienes que tratar que quede totalmente alineado por todolados con el anterior.

Luego de eso presionamos Supr, queda así:

Ahora presionado ctrl le damos click a la capa.



71

Esto hace que quede seleccionado el Trabajo que llevamoshecho

Sin mover nada vamos a Selección / Modificar / Contraer, y ledamos contraer 2 px, ahora creamos una nueva capa sinEliminar la selección.Ahora vamos a Edición / rellenar, y le colocamos color949494.Queda así:

Ahora vamos a: Filtro / desenfocar / Desenfoque gaussiano, ycolocamos un radio de 3 pxHasta los momentos el trabajo está así:



72

Ahora vamos a opciones de fusión. Y colocamos satinado:

Por ahora tenemos el marco listo:



73

Luego hacemos una nueva capa, y nos vamos a Imagen /Aplicar Imagen.Ahora colocaremos el fondo, solo arastra una imagen hastael trabajo que estamos haciendo, pero la capa dede quedardebajo de los demás:

Hacemos una selección Circular en lo que quedará de fondo:



74

Sin mover mas nada presionamos ctrl + J, así hemosmultiplicado lo seleccionado, en la ventana de capas se veasí:

Lo que hay que hacer es eliminar la capa 8

Hacemos una nueva capa sobre el trabajo, hacemos unaselección rectangular:



75

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 nuevacapa, y trazamos un Ovalo:

Ahora usaremos la herramienta de degradado, pero tienesconfigurar para que quede así:



76

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 quequieras, ya que tienes que dejar correr tu imaginación :DEste es Mi resultado:



77

15.- CREAR UN BOTÓN USANDO LAVENTANA DE ESTILO DE CAPA.

Pues vamos a ver si os explico de forma sencilla como crearun bonito botón, que luego podréis usar para vuestros trabajosde diseño, usando únicamente toda la potencia de laVentana de Estilo de Capa:Para eso, abrimos un documento nuevo con fondo blancoadecuado al tamaño de vuestro botón que váis a crear...Creamos una nueva capa vacía y con la herramienta marcoelíptico, vamos a hacer un círculo. Para eso a medida queusamos la herramienta sobre el documento, mantenemospulsada la tecla "Shift". A continuación, rellenamos laselecció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ónsobre la capa que habéis creado, la del círculo negro, y seabrirá la ventana de Estilo de Capa. Veréis como a manoizquierda aparecen muchas opciones, que nosotros iremos



78

modificando poco a poco.Primero pulsamos sobre la Sombra paralela y en la ventanaque se abre, vamos a ir introduciendo estos valores ocualquiera otros que consideréis oportuno para conseguir unresultado acorde con vuestras necesidades. Con la casilla deprevisualizar activada, podéis ir viendo en tiempo real comocambia vuestro diseño...Acordaros de cambiar todos y cada uno de los valores quevéis en la siguiente captura de imagen hasta que coincidantodos...



79

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 deesta manera aproximadamente:



80

Y veremos esto:

Vamos a darle un aspecto más profesional. Para eso nosvamos a la casilla de Satinado, usamos el color blanco denuevo y cambiamos los valores de la siguiente manera,incluido el Contorno, tal y como véis aquí:



81

Y de nuevo, veremos esto:



82

Vamos ahora a modificar tres cosas llegado este momento. ElBisel y relieve y dentro de él, su Contorno.Después la Sombra interior, con estos valores para cadaopción:



83



84

Llegados a este punto, este el resultado final de nuestro botón:

Podéis ahora modificar todos los valores hasta que elresultado se adapte a vuestras necesidades o añadir másopciones, como texturas, degrados, motivos...Ya véis la enorme potencia de la ventana Estilo de Capapara diseño...A modo de ejemplo, yo he cambiado en la opciónSuperposición de colores, el color blanco que habíamosusado anteriormente por el rojo, siendo este el resultado:

Ya se queda para vosotros el seguir experimentando y seguirconociendo en profundidad esta increible aplicación delPhotoshop...Un abrazo para todos



85

16.- CREACION DE UNA FIRMA.TUTORIAL CREADO POR KaoS_GM

En este tutorial te demostrare PASO a PASO lo sencillo quepuede ser crear una firma, es ideal para losque recien comienzan a usar photoshop, se explica la comoinstalar brushes, la forma de seleccionarlos yusarlos, recorte de art, resize de un art, pegar art adocumento, 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 entoda mi vida, y esta muy completo, todo explicado conimagenes para la mayor comprension, sin maspreanbulos, comenzamos.



86

Comenzamos:

Primero que nada debemos tener instalado Photoshop 7.0 eningles que es el que usare xD, puedesbajar el trial de www.download.com y crackearlo xD

En este tutorial utilizare brushes (pinceles), pa bajar visitawww.deviantart.com ve a "browse" y despuesresources photoshop brushes, ya eliges los que te gusten, y losinstalas así, entras a la carpeta delPhotoshop, en Archivos de Programa>Adobe>Photoshop 7.0 yvas al folder "Presets", al entrar hayvarias carpetas, entra a brushes, y ahi guarda los brushes, sihaces esto al tener el photoshop abierto nolo agarrara, asi que tendras que cerrar el Photoshop y volverloa 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*70entre 400*100 que son los mas comunes enlas firmas



87

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, parahacerlo, presiona el boton de brush, tieneforma de pincel. Sigue a la imagen:

Ok, ya seleccionado el pack de brushes, solo tenemos elarchivo en blanco abierto, lo que vas a hacer esponer el brush sobre el documento y darle click asi:



88

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 abrirlaspresiona "ctrl + o", la seleccionas y se abrira,esta es la imagen que yo trabajare:



89

Ok, notaran la imagen tiene un fondo, pero solo queremos laimagen (art), asi que, la vamos a "recortar",para esto, elegimos la "magic wand tool" presionando "W", yaal tenerla seleccionada, presionamos "shift"que casi siempre esta abajo del boton enter en el teclado, ledejamos presionado y vamos seleccionandoparte del fondo de la imagen, asi:

para finalizar el recortado, presionas Supr en el teclado, y listo,el fondo esta blanco *0*, ok, presionamosCtrl + D para deseleccionar el archivo y queda algo asi:



90

notaran que la bara se comio unos pedazos, eso se arreglaramas adelante, el siguiente paso, observabien la imagen y el tamaño de la firma, a veces la imagen esmuy grande, como la que escogi, por lo queen la barra donde esta el nombre de la imagen, le damos unclick con boton derecho y seleccionamos laopcion "Image Size", solo cambia el de width, a uno mas omenos mas grande que la imagen de la firma,el height se acopla al tamaño del width por lo que no esnecesario moverle, le damos click a aceptar.



91

la imagen ya esta reducida de tamaño, ahora lo masimportante, pegar la imagen en la firma, repite elpaso de la magic wand tool, pero ahora solo sobre el fondoblanco, al acabar presiona ctrl + shift + i y notarasque la imagen ahora es la seleccionada, presiona ctrl + c y tepasas al documento con la firma, dondepresionas ctrl + v.



92

bien, ya se pego la imagen a la firma, ahora la movemos allugar en la firma donde deseas que este el art,seleccionas "Move Tool", presionando V, bien, ahora soloseleccionamos la imagen con un click y lajalamos 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 unaseleccion alrededor de la imagen, algo asi:

bien, ya lista la seleccion, vamos a hacer una nueva "layermask", solo presiona esto:



93

ok, ya quedo fusionada la imagen con el fondo, ahora,presiona CTRL + E para unir toda la imagen, ydespues presiona "ctrl + u" y presionas la casilla "colorize",hasta que quede un color que te guste, a mime queda asi ô.o:



94

bien, bien, ya tenemos el fondo y el art, bien, te preguntarasque sigue, pues el FONT xD, ok, ahorapondremos el nick a la firma, elige cualquier font, te puedesdescargar de www.dafont.com, para instalarlas fonts, debes abrir panel de control>fuentes si es que tienesXP, en las demas no se xD. Ok solo laspegas y se instalaran. Bueno, seleccionamos la opcion deTYPE TOOL, presionando "T", bien, ahorahay que hacer una seleccion por la firma donde quieres quevalla el font, y ahi mismo escribes el nick,tambien puedes cambiar el tamaño del font, arriba dondedice "tT" dice 16pt, bueno es la que usare, perotu puedes usar el tamaño que quieras,en esta imagen seespecifica todo:



95

Bien, este efecto de font es sencillo, pero tiene efecto semi-transparente, una vez ya escrito el font,vamos a presionar W para des-seleccionar el font, luegopresionamos de nuevo T para regresar a laTYPE TOOL, bien, da click en opacity, donde dice 100%, has loque dice la imagen

puedes poner el porciento que quieras, yo use el 33% como loindica la imagen, y ese fue mi resultado,



96

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 cuadraditode color amarillo claro, dale click a el yselecciona un color claro, pero casi del mismo color de lafirma, pero que sea claro, como indica laimagen, donde selecciona como hacerlo:

Bien, ahora vamos a Layer>Layer Style> Stroke yseleccionamos de color el blanco, y le bajamos el sizea 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 unborde sencillo, de una sola dimension, paraesto vas presiona Ctrl+A, luego Select>Modify>Border y leponemos en 1 px, asi como dice la imagen:



97

Vamos a Layer>FlatTen Image, luego:Seleccionamos "Eraser Tool" presionando "E", luego presiona D,luego X para cambiar los colores de lapaleta, ok ahora vas a mover el borrador por la seleccion quese marca, no va a haber problema en casoque tu te pases a la firma, no se borrara XD, por eso hicimos laseleccion, ok, vamos moviendo elborrador por toda la seleccion, hasta ver que toda laseleccion se volvio negra:

Listo, solo CTRL + D y tienes la firma lista, solo vas a File>SaveAs y la guardas como .jpg, asi:



98

Debes estar seguro que hayas elegido .jpg, luego se abrirauna ventanita, muevele hasta donde dice:12 y le das ok

LISTO, uff que tutorial mas largo, me tomo 1 hora y 36 minutoshacerlo, ya que los screen y el tecleo metomaron mucho tiempo, si tienen alguna duda no duden endecirla, se las respondere con gusto, si usaronel tutorial, me gustaria expongan el resultado, no duden enrecomendarlo a sus amigos que quierenaprender a usar photoshop. Puedes usar cualquier brush,cualquier efecto en la font o en el borde, o enla fusion del art, en este tutorial solo te enseño lo basico, lodemas dejalo a tu imaginacion, esta es lafirma como resultado final:



99

17.- CREAR UNA CAJA DESOFTWARE.

Tutorial por Yimmytor

Excelente tutorial de Jimmy Torres Fonseca en el que nosmuestra cómo crear desde cero una caja de software conphotoshop.

Primero dibujamos dos rectángulos en blanco, uno junto alotro de la misma altura de esta manera:

Ahora le aplicamos a cada uno desde “Opciones de Fusión”una gradiente:



100

Que quede de la siguiente manera:



101

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 respectivoya acomodadas)

Ahora agrupamos cada rectángulo con sus respectivasimágenes de modo que nos queden solo dos capas: esto sehace seleccionando las capas que queremos agrupar, porejemplo el rectángulo grande con su imagen y damos clicderecho sobre alguna de estas luego escogemos la opción“Agrupar en objeto inteligente nuevo” y luego volvemos ahacer lo mismo pero esta vez escogemos la opción“Rasterizar capa”, para que nos quede así:



102

Ahora duplicamos el rectángulo pequeño y en opciones defusión vamos a “Superposición de colores” y le damos un tononegro, ahora le bajamos la transparencia a un 20 %.



103

Ahora agrupamos estas dos últimas capas (la del rectángulopequeño y la copia en negro).

De nuevo volvemos a tener solo dos capas, vamos a la delrectángulo grande y vamos a ArchivoàTransformaciónàDistorsionar y alargamos las puntas derechasy encogemos el ancho desde el lado izquierdo para que nosquede algo así:

Ahora vamos al rectángulo pequeño y lo juntamos con elgrande y vamos de nuevo a ArchivoàTransformaciónàDistorsionar y alargamos las puntas izquierdasy encogemos el ancho desde el lado derecho para que nosquede algo así:



104

Ahora solo agregamos una sombra suave y un fondo blancopara apreciar lo que hicimos y obtenemos algo como esto:



105

18.- EFECTOS EN PHOTOSHOP:REFLEJO.

Para que entiendas mejor este tutorial: Las opciones de losmenú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 layerdel objeto, escribir el nombre y oprimir Enter. Haré uso dePhotoshop 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 seleccionamosel layer objeto y lo duplicamos [Layer->Duplicate Layer....]; alcual nombraremos "reflejo".

La ventana "layers" del panel derecho, ahora, debequedarnos algo así:



106

Aquí viene lo mas importarte para que esto resulte, rotar elobjeto. Seleccionamos el layer "reflejo" y lo rotamosverticalmente [Edit->Transform->Flip Vertical....]



107

Ahora debemos asegurarnos que las dos figuras ("objeto" y"reflejo") coincidan, esto es, que la parte de abajo del layerobjeto coincida con la parte de arriba del layer "reflejo". Sifuera necesario podemos rotar el layer "reflejo", para eso,seleccionamos el layer "reflejo" y lo rotamos[Edit->FreeTransform...].

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 elefecto. Para esto haremos uso de mascaras, seleccionamosel layer "reflejo" y entramos en modo editar mascara[Dar clicken el botón"Edit in Quick Mask Mode", El cuadrado rojo con elcirculo blanco que se encuentra en el panel izquierdo]:

Ahora seleccionamos el botón Gradient Tool [Dar click en elbotó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 terminandoun 15% antes de que la figura del objeto termine:



108

Una vez que soltemos el click del trazo, la parte de arriba detodo el layer se coloreara de rojo(recuerden, estamos enmodo editar mascara; si no te sale así vuelve a comenzar;algo hiciste mal). Así que ahora volveremos al ModoStandard[Hacemos click en el botón Edit Standard Mode, elcuadro 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" encerradaen un cuadro de selección(si, las hormiguitas esas quecaminan alrededor de esa parte del objeto XD). Así que solooprimimos la tecla "delete" del teclado(ya se que esredundante, pero no quiero confusiones). Dependiendodesde donde comenzaron el degradado en modo Mascara,serán los resultados que tendrán, pero debe quedarles algoasí:

En mi caso, necesitare bajar el Fill de mi layer:



109

Ahora solo falta poner la superficie plana del objeto, y listo:

ESPERO Y LES SEA UTIL ESTACOLECCIÓN DE TUTORIALES.

Documents

Tutoriales de photoshop