You are on page 1of 286
Los trucos y efectos mas interesantes de Photoshop NDICE DE CONTENIDOS Sobre los autores 5 Agradecimientos mia 6 PROLOGO .. INTRODUCCION .. CAPITULO I. PIEDRA Y MADERA... 1. Madera b a 19 2. Effecto de madera de nivel intermedio 22 3. (Termitas! 4. Roca 5. Marmol 6. Piedra con grie 7. Formas cinceladas 8. Hormigén armado 9. Agrietar 10. Afiadir profundidad a las grietas CAPITULO 2. METAL Plancha metilica 2. Cabezales de tomillos 8 3. Guardar un motivo 4, Creacién de textos con extrusion 34 5. Hundir el texto r 55. 6. Heavy metal 56 7. Utilizacién de canales 57 8. Estilo de capa metilica ripido 59 9. Oxido sin brillo peters 10. Efecto metilico final seven 65 CAPITULO 3. CRISTAL Y PLASTICO Texto de cristal 1 2. Utilizar mapas de desplazamiento 3. Esfera de cristal 4. Plisticos CAPITULO 4, SUPERFICIES Y TEXTURAS 1. Ventana de cristal 85 2. Crear metal envejecido ..eeneinnnee o1 3. Gemas 101 CAPITULO 5. CIRCUITOS Y ELECTRONICA 1, Circuitos. fnnevvernincsahehunbannennnnananasanapononnrenereneeent 109 2. Rayo 111 3. Descargas eléctricas 13 4. Cibernética 114 CAPITULO 6. CONSTRUIR SU PROPIA CAJA DE HERRAMIENTAS .. 1. Estilos de capa y sus elementos 2, Rellenar la caja de herramientas 137 CAPITULO 7. EFECTOS DE TEXTO.. 1, Disefiar fondos 145 2. Celdas ... 148 3, Texto teansparente 152 4. Explosiones 156 CAPITULO 8. EFECTOS 3D ... 1 El cibptt essen stockade nent 163 2, Colorear miltiples capas al mismo tiempo Afi lindro lir fotografias al cubo wae una esfera 6. El cono, 1. Crear una imagen monocromitica De blanco y negro a monocromitico . Colorear una parte de una imagen... 4. Alternat colores ... 5. Colorear una fotografia en blanco y negro CAPITULO 10. TRUCOS WEB... Diferentes tipos de botones para la Red Rollovers multiples... Rollovers animados CAPITULO 11. LINEAS Y TRAMAS 1. Crear el motivo de lineas 2. Aplicar el motivo de lineas 3. Crear el motivo 4. Aplicar la teama 5, Trama de perspectiva 6. Trama de ondas distorsionadas 7. Creat el mapa 8. Cristales 1, Graffiti. 2. Reflejos 3. Reflejo de un breve roce 4. Reflejar una fotografia 1, Collage de fondo CAPITULO 9. COLOREAR CREATIVAMENTE ecsesssssosesssee CAPITULO 12. MARAVILLAS DE DISENO.. CAPITULO 13. SECRETOS DE COLLAGE ... 2, Técnicas avanzadas de collage con fotogratias 170 172 181 187 188 189 191 193 199 paca sit std 201 212 219 207 228 230 230 232 237 239 241 245 247 252 256 258 + 263 265 1 | PROYECTO I. INTERFAZ DE PAGINA WEB... + 293 1. Crear la interfaz 295 2. Realzar la placa 301 3. Pantalla 303 4. Afiadie botones a la pantalla 305 5, Crear un analizador de especteo ... : 2 308 6. Los diales de sintonia y volumen severe 310 7. Realzar los botones 3 313 8. Afiadie una reflexin actistalada a la pantalla A 315, PROYECTO Il, CARTEL DE PELICULA 319 1. Crear eb £09d0 enn 321 2. Disefiar el texto is 323 324 329 3. Tentaculos 4. Finalizar el cartel .... PROYECTO III. ANUNCIO COMERCIAL, 331 1. Construir Ia lata oe 333 2. Poner la etiqueta 337 APENDICE 343 CONTENIDO DEL CD-ROM .. wossseeee 347 INDICE ALFABETICO 349 Introduccion INTRODUCCION ste libro tiene como génesis una simple razdn: usted. Bueno, gente como usted, de cualquier modo. Creamos este libro como respuesta alaenorme demanda de tutoriales para crear efectos dinémicos con Photoshop. Siempre hay efectos de este tipo a nuestro alrededor: en anuncios, en las cajas de cereales, en las pantallas de los cines y en el correo electronico basura. Echele un vistazo ala seccién de revistas en el supermercado local. Qué es lo que ve? Efectos tipogrificos. Efectos fotogrificos. Todo levado a cabo con cierto programa llamado Photoshop, Los autores, Al Ward y Colin Smith, son ambos respetados guriis de 1a comunidad de Photoshop. Cada uno de ellos posee paginas web sobre Photoshop muy populares, a través de las cuales se les ha inundado con peticiones de mas y mas tutoriales. A través de este libro no sélo aprender algunos inspiradores efectos especiales, sino que también obtendrd una gran visién de la potencia de Photoshop como herramienta de disefio. Le ensefiaremos maneras de mejorar su cadencia de trabajo y llegara a utilizar mucho mas inteli- gentemente el programa. Le daremos trucos de diseo de dos especialistas que han ganado premios importantes y que han participado en la convencidn de Photoshop World El libro sigue una dindmica simple: en la primera seccidn los autores les explicarin los efectos que los visitantes de sus paginas web y Iectores de las ‘evistas para las que escriben piden més frecuente- mente, Si ya tiene alguna experiencia con Photoshop, entonces quizis el primer par de capitulos le parezcan terreno conocido; en ellos se hace énfasis sobre las texturas y superficies. Sies un novato, no se preocupe, Al y Colin han incluido suficiente ayuda como pasa que se ponga al dia y obtenga buenos resultados pricticamente de inmediato. Mis tarde, el libro dari un giro. Hemos incluido un capitulo sobre cémo configurar su caja de hetramientas para maximizar su eficiencia, y encontrar en otros capitulos técnicas de disefio, trucos web, efectos de color y técnicas de colage, En la seccién final del libro Al y Colin han. colaborado en tres proyectos de disefio, para darle una idea sobre cémo los disefiadores profesionales reilizan trabajos de diseiio serios, y las soluciones creativas que han encontrado a estos proyectos, Unas palabras sobre la resolucién Alo largo y ancho de este libro podria darse cuenta de que algunos de los efectos se han realizado con diferentes cesoluciones, a veces el autor ha creado el efecto a 100 pixeles por pulgada, en otros casos 150. Esto depende por completo de las preferencias del disefiador. De 100 a 150 pixeles por pulgada se consigue una buena impresién casera. Si el propdsito de una imagen es la impresin profesional entonces por lo general la imagen debe llegar al menos a los 300. Dése cuenta de que cuando una imagen se crea para la Red, la resolucién sera de 72 pixeles por pulgada, la resolucién normal de una pantalla. Algunos disefiadores prefieren trabajar a una resolucidn ligeramente mis elevada de la 4 | estrictamente necesaria, digamos a 96 en un proyecto web. Esto les proporciona la libertad de cambiar cl tamaio de sus imagenes y no perder demasiada calidad, Todo lo que necesita saber sobre este libro Este libro est diseiiado para ser divertido, pero mas que nada para dar informacién. Con el fin de mantener las cosas tan simples como fuera posible hemos usado sélo unos cuantos estilos de capas para evitar confusiones. Va a tener en sus manos una gran cantidad de ejercicios prs titulares de este tipo: cticos, y éstos aparecerin bajo ‘Hemos numerado los efectos que lo Hevarin a la imagen final, pero algunos efectos son pasos para efectos aiin mayores, y éstos no han sido numerados. La numeracién se ha levado a cabo asi 1. Haga esto. Después haga esto otto. 3. Continiie con esto después. Hemos afiadido montones de trucos muy atiles, que han sido resaltados de esta forma TRUCO: ESTO ESUN TRUCO GENIAL, LEALO CUIDADO: SAMENTE. pane Desh tt Introduccién Y también se encontrar con pequefias joyas de informacién secundaria, que se le presentati de esta manera NOTA: “VAYA, NUNGA HUBIERA AVERIOUADO ESTO! GRITARA, pa ermal at oneness ENT ‘Hemos incluido todos los atajos de teclado que necesitari, Sern de esta manera (primero en formato Windows y después en formato Mac) Para crear una nueva capa pulse Control/Coman- do-N. Cuando se encuentse con una palabsa o herramien- taimportante por psimera vez, estasin escritas en negrit Abra el Editor de degradados. Hemos utilizado distintas fuentes para destacar nombres de archivo, y los URL también: Picture.psdy friendsofed.com Y finalmente, todos nuestros meniis de coman- dos se darin de la siguiente manera: Imagen>Ajustar>Tono/Saturacion Introduccién Soporte Técnico Sitiene algin problema relacionado con el conteni- do de nuestras publicaciones, o con el material suministrado en las mismas, por favor comuni _ quelo a nuestro Departamento de Soporte ‘Técnico a través de alguno de estos medios: + Teléfono, en el mimero 91320 90 36. EI horario es de lunes a viernes desde las 9 a las 15 horas. Enel resto del dia existe un contestador automiti- co donde podra dejar sus mensajes, que serin respondidos a la mayor brevedad posible. * Fax, en el niimero 91 320 44.19. * Correo anuestra direccién, Juan Ignacio Luca de Tena, 15. 28027 Madrid. * e-mail aladireccién, a_multimedia@anaya.es. Anaya Multimedia dispone de un servicio especial ‘mediante el cual, cualquier persona que disponga de-una DIRECCION DE CORREO ELECTRONICO puede tecibir informacién detallada de las nuevas publica- iones de nuestra editorial Sicstilinteresado en suscribirse, puede hacerlo directamente a través de nuestra Web: hetp://www.anayamultimedia.es Una ver aqui, diijase ala seccidn Servicios y lespués, al apartado Novedades a usuarios. fambién puede contactar con nosotros a través de cualquiera de los medios antes mencionados. iLos efectos de Photoshop son emocionantes! Y ahora, antes de que se sumerja en el libro le hablaré sobre las experiencias de Al Ward en la creacién de efectos especiales con Photoshop: Ha visto la pelicula "El jovencito Frankenstein"? Ia ha visto, entonces recordar una escena en la que el Dr. Frankenstein (un excepcional Gene Wilder) se da cuenta de que su experimento ha funcionado. Con sus ojos saliéndose de las Grbitas y su silla hecha pedazos, él grita a la cimara: "|Esta vivo!" De acuerdo, podria haber mencionado el clasico original de Boris Karloff, pero la imagen de Gene Wildes, especialmente con el aspecto de su pelo combinado con el loco grito de victoria, se ha quedado grabada en mi mente como la sensacion que siento cuando un efecto particular de Photoshop funciona, Al Ward, coautor. Lo A P i T U) 5 fe) PIEDRA Y MADERA Piedra y madera hay nada que pueda competir visualmente con el mundo que nos rodea. Aunque podemos intentar pintar el athol, puesta de sol o trato perfectos, munca alcanzaremos la increi- profundidad que el mundo fisico contiene. n Photoshop, sin embargo, podemos intentar cceear elementos del mundo real. No hace ho vi una demostracién sobre cémo se de pintar un drbol mediante fractales. Lo que mas me intriga es que esto destacaba el concepto que nuestra realidad es una compleja serie de formulas matemiticas. Por ejemplo, un copo de nieve es una forma geométzica perfecta, pero jamis habra dos idénticos. Simplemente con cer una alteracin extremadamente pequefia a mn tinico trozo de informacién en el cédigo del ppo de nieve se obtienen infinitos resultados, nque cada resultado sea perfecto en si mismo. grandes son las maravillas y creatividad de naturaleza. i factor matemitico es lo que nos permite feconstruir aspectos del mundo natural en una magen. Nuestros ordenadores funcionan con 8 y ceros, la forma de agruparlos dicta el sultado en pantalla. Mire en el cédigo de Shotoshop y vera un programa que aplica las atemiticas en la representacién visual. Mueva na barra de Difuminado Gaussiano y estari lterando la formula que controla la opacidad y variacidn de tonos de los pi puna imagen. amos a ver qué es lo que Photoshop nos deja mar prestado del mundo fisico para utilizarlo uestea propia obea de arte CAPiTULO 1, PIEDRA Y MADERA Madera Hay diversas maneras de renderizar texturas de madera realistas en sus creaciones. Un poco mas adelante le mostearé algunas de ellas, jy posiblemente le daré suficiente informacién para empezar a realizar sus propias creaciones! 1. Cree una nueva imagen de 7x5 pulgadas a 150 puntos por pulgada, RGB, y rellene el fondo con Negro. El fondo Negro no es importante en realidad, pero lo utilizacemos de todos modos en el tutorial 2. Seleccione dos tonos madera para el color frontal y el color de fondo. Para este ejemplo, el color frontal sera el #CF9242 y el color de fondo #904A0B. 3, Cree una nueva capa. Selecciénela de la manera y forma que mas le guste. Utilizaremos texto (herramienta Texto, Maytis-T) ya que va igual de bien para partes de la interfaz como para los marcos de imagen, justo igual que una seleccién de texto. ‘TRUCO: PARAUTILIZAR UNAHERRAMIENTA, PULSE SU ATAJO EN EL TECLADO PARA SELECCIONARLA, POR EJENPLO, T PARA LA HERRAMIENTA TEXTO, CON EL FIN DE ACCEDER & GTRAS HERRAMIENTAS DEL MiS- MO CONJUNTO, MANTENGA MAYUS PULSADO Y PULSE LA LE- “TRA REPETIDAMENTE PARA PASAR DE UNA A OTRA, MAYS -T PARA LA HERRAMIENTA DE TEXTO, OL 4. Seleccione Ia herramienta Degradado (G). En la barra de Opciones, haga clic sobre Degra- dado reflejado, y asegirese de que el degradado por defecto de Color frontal/color de fondo esté activo. Si no lo esti, haga clic sobre Ia flecha a la derecha del degradado para abrir el seleccionador de Degradados, y pulse sobre el icono de Color frontal color de fondo. Empezando por el centro de la seleccién y bajando hasta el final de ésta, rellene el texto 0 forma. 5. Duplique la capa rellena haciendo clic con el botén derecho del atéa y seleccione Duplicar capa. Esto es siempre una buena péliza de seguros, pues tendra siempre una plantilla inalterada de la forma rellena original, por si quiere volver en caso de un error de dificil reparacién. De acuerdo, siempre podré borrar pasos de la paleta de Historia, pero puede ser bastante tedioso. Duplicar esta capa es también muy titil si necesita activar la selecci6n original de nuevo. Probablemente querré dar nombre a las capas; en este caso, las nombraremos como Base de madera y Madera activa 1 6. Vamos a afladic un poco de ruido a esta capa Haga clic en Fillro>Ruido>Afiadir ruido y aplique una configuracién de Ruido Monocromé- tico Gaussiano de 10 a 14, dependiendo de la cantidad de gramuladlo que desee en la madera. Al seleccionar monocromatico estamos obligando Capitulo | a los puntos a tener dos tonos, claro y oscuro. Si no seleccionamos esta opcién, el ruido se hari con puntos de colores aleatorios. No necesita mos ningiin arco iris en nuestro efecto de madera asi que elegiremos Monocromitico. 7. Ahora aplicaremos un Desenfoque de mo- ‘vimiento para obtener un modelo de madera ‘gramulada. Haga clic en Filtros>Desenfoque> Desenfoque de movimiento ¢ introduzca un valor de dngulo de 0 grados. La distancia dictara Ja suavidad y longitud de cada gramulado. Para este ejemplo utilizaremos un valor de 20, ya que nos proporciona un amplio contraste para la imagen ejemplo. 8. Si quiere estiear el efecto un poco (incremen- tar todavia més el contraste), utilice el filtro Enfocae en Filtros>Enfocar>Enfocar. = =e ener eee A fat iedra y madera 9. No toda la madera es perfecta y sin tacha, asi que vamos a ai en el grano. Seleccione la herramienta Marco eliptico (Maytis-M). En la barra de Opciones dir unas pocas impesfecciones ajuste el Calado a 3 pixeles. Deseleccione (Control/Comando-D). 10. Haga una pequefia seleccién circular en el disenio 11. Haga clic en Filtro>Distorsionar>Molinete Y despues afiada algo de distorsin. En el ejemplo el valor es de 109, pero compruebe el visor y distorsione Ia imagen a su gusto. 12. Repita el paso anterior en diferentes eas de onfiguracidn cada v biandc la imagen, c asi dara ws a sensacion de mayor variedad 13, Ahora utilizaremos algunas opciones de la caja de didlogo de Estilos de Capa. Acceda a los estilos de esta iltima capa pulsando en el primer botén de la izquierda de la Paleta Capas y comience con el Bisel y relieve introduciendo los siguientes parimetros: Bisel y relia [- €strectars ftie: fore oterer _—= Thaties: [Recortines Profndt: —y— [FEO Dreccn: superior Ajo Tame: G— Sueveer: G——— J oe fagiei om fs —* TT Usae tur global Ais 7 fos omar erste: | fe] see Manake le. sil] or Note de zentrs: [Babe coor = A Crgins — 14. Ya que el Tamafio de bisel se ajusté a 6 ea el paso anterior, ahora afiadiremos un Trazo de 6 pixeles a Fuera, el color seleccionado seri el =] (estructura ‘nate: — F— Fee: SAI | oo | ~The 8 rato: [eaor 2, — co ma A La primera imagen muestra el borde del biselado antes de aplicar el trazo. El segundo es la imagen después de aplicarlo, 15, Ahora aplique una Sombra interior. Utilice esta configuracién, asegurindose de cambiar el color a un tinte que tienda al marrdn. Esto le dari a los bordes un efecto "nistico" fusionando el marrén alrededor de los bordes de Ia madera. Estracters, | a | | a Argue: Oz * F sar he gota tena: FE pe eT eo: — FF ox 2s a 4c Be: —<$<$— fy 16. Después aplique un Resplandor interior, Asegirese de ajustar la configueacién de Ruido, mejor manera de simular textusas en ya que es nuestra madera, Resplandor interior ‘Estructura eee el ont a | ies Be 9 (2 ie — Bementor | Tae nts svenee el ovine: 7 catrar Bogie Bre — [J Laie, —— FT Capitulo | Por iiltimo, asegrirese ce guardar la imagen (Control/Comando-S) antes de seguir con el siguiente ejercicio. En este tutorial las cosas no van a cambiar ‘mucho con respecto al anterior. En s pocos pasos, podremos afiadir algunos efectos redlistas que encantarin a sus amigos. Quizé no Slo unos consiga la admiracién de sus compafieros pero el efecto esta realmente bien. 1. Para comenzar, haga el tutorial continde desde la imagen ya creada. Se acordé de salvar el estilo de capa al duplicar la capa? Si lo hizo, sélo necesita seguir los pasos para crear nterior 0 el grano de la madera y aplicar después el estilo con los biselados y las zonas destacadas al texto © forma deseada. 2. Acceda a la ventana Estilo de capa y después climine el teazo que aplicamos. Puede hacer esto deseleccionando el comando Teazo en la ventana de Estilo de capa, 0 pulsando sobre el propio comando en la p hasta Eliminar capa (el icono del cubo de la basura), jeta de Capas y arrastrindolo Piedra y madera 5, Pulse Control/Comando-clie sobre la capa del dibujo que hizo para seleccionarla 4 Cree una nueva capa (Maytis-Control/ Comando-N) debajo de dicha capa y rellénela (Edicion>Rellenar) con un 50 por 100 de gris. TRUCO: MAYOS-RETROCESOISUPRINIR ADRELACAIA Re irmes _S aoe] 5 Seleccione la capa del motivo. En el borde dnferior de la paleta Capas, Afiadir mascara. Al aplicar una méscara a la Beleccién estamos clevando la imagen por a clic en el icono Encima, para que parezca esculpida. © Sentra partie G@ Sentra itere 23 6. Acceda a Filtros>Trazos de pincel>Trazos con spray y aplique la configusacion que se muestra en Ia figura. Cuando aplicamos un filtro de tipo distorsidn (especialmente un efecto attistico) a la mascara, los bordes de la imagen, selecciGn se adectian a las distorsiones alrededor =} 100% Longitude azo dio 24 | == NOTA: INTENTE APLICAR or © DE VER LOS RESULTADOS, LOS CARA CON OB ESTATECNICA 7, Cuando altere la configuracién de Biselado, puede dibujar bordes mas realistas. Por ejemplo, cambiando la Técnica de Estructura a Cincel duro y aplicando distintos Contornos de resplan: dor obtendra resultados bastante interesantes. Disely relieve strectors | Yeni: [Coceiare ae | Prokngte: ——— ETH | Dod: © Sir tle ] Tomato: gs Fp Suavicar: G————— F— px ene ieee | © Ceres wae 7 Fes | corn acest: [LF] sent Moderesiteie Frome ced) prides ay Mota de sentra: [reco oo = A L S.-i Una vez que tenga el efecto completo, resulta divertido usar un surtido de filtsos a la capa mientras que tiene la mascara en funcionamiento, Capitulo | En Ia imagen se puede observar el efecto que hara el filteo Pelicula granulada (Filtro> Artistico>Pelicula granulada) Esta otra imagen nos muestra el filtro Mosaico aplicado a la miscara (Filtro>Pixelizar> Mosaico) con un valor de filtro de 35: Aqui tiene un pequefio efecto que le dari a la imagen de madera la apariencia de haberse convertido en comida para un montén de bichos 1. Cree una nueva imagen a partir del primer tutorial. 2, Pulse Control/Comando-clie sobre la capa del dibujo que acaba de hacer en la paleta de Capas para seleccionatla 3. Ahora una contraccidn, Seleccién> Modificar>Contraer. Use un valor de 4 pixeles Piedra y madera cépielo (Control/Comando-C) y péguelo en la nueva capa (Control/Comando-J) 4. Vaya a la paleta de Canales y a continuaci6n eree un nuevo canal pulsando en el icono Crear canal nuevo. Pegue (Control/Comando-V) la anal seleccién otra vez en el nuevc ¢ (Maytis-Retroceso/Suprimir) la seleccién del canal con blanco. Utilice a continuaciéa el filteo Cristalizar, Filtro>Pixelizar>Cristalizar, tres veces cada una con los valores de 32, 14 y 9 respectivamen: te. Esto nos dard la sensacién de unos bordes ;comidos por los insectos. 7. Vaya a Seleccion>Deseleccionar, y haga Control/Comando-clic s el canal cristali zado para poner encima la seleccién de bordes irregulares, 8. Vaya ala capa 3, copie la selecciéa y péguela en una nueva capa. Aunque todavia no lo veri ahora tiene la parte carcomida de la madera por encima de la original. El siguiente paso revelari el dibujo de la capa carcomida y entonces podremos empezar a crear los rastros de Ic insectos. Haga Control/Comando-clic sobre Ja capa carcomida para cargazla 9. Cree ahora otra capa mis (Maytis-Control/ Comando-N). Seleccione un tono marrén (un poco mis oscuro que el tono general del dibujo) como color frontal. Haga clic a continuaci6n Edicién>Contornear>Trazo y aplique uno de 3 pixeles en la parte de fuera. Ahora si que ya se puede ver cémo los rastros toman forma. Asegrirese de que esta capa est por encima de todas las demas por medio de la paleta de Capas 10. Ahora sdlo tiene que aplicar un Biselado con la configuracién que se muestra en Ia imagen Queremos que el rastro esté alojado dentro de la madera 0 que al menos parezca que lo esta | Fheries: [ence vanes | Profinkins: —e—— ET H Deacan: © sigerer © tose Tense: ——= [J — pe ——————— — bot fo} i TF Unarha gob | tia fe [emer Fee Meccreatae from cet) | Smolen Mode desomira:[iiuoicr aie 2 | 11. Ha visto lo que un pequefio y creativo bisel puede hacer? Aunque se puede mejorar todavia Afiada profundidad a los rastros de termitas aplicando una Superposicién de degradado, con un degradado Negro, Blanco y un Modo de fusidn Sobreexponer Color. 12. No esté mal, Al aplicar el degradado hemos oscurecido los rastros, incrementando de este modo la sensacién de profundidad del bisel Pero espere, lo mejor esti aiin por Megar. Haga Control/Comando-clie sobre la capa situada debajo de la de los castros para subir Ia seleccién carcomida original. Seleccione la capa de los rastros de muevo y haga clic sobre el icono Afiadir mascara, situado en la parte inferior de la paleta de Capas. 13. Utilice el comando Fillro>Trazos de pincel>Trazos con spray y aplique una Longitud de Trazo de 19-20, un Radio de 9 y asegiirese de que la Direceién de Tazo sea Horizontal Capitulo | Esto si que es madera llena de bichos! Texturas de roca répidas , trataremos algunas formas de crear el efecto de grietas. Luego, le mostraremos cémo adaptar una fototextura de piedra existente a su obra. Vamos a echarle un vistazo aun método realmente rapido y simple que nos dari resultados extraordinarios, 1. Abra un nuevo documento de 500x500 a puntos por pulgada y RGB, mediante el atajo Control/Comando-N 2. Abra la paleta de Canales y cree un nuevo canal Alfa 3. Vamos a dar origen a un nuevo mapa de bits: pulse Control/Comando-A para seleccionarlo todo y entonces pulse D para reiniciar los colores frontales y de fondo por defecto, de manera que nuestras nubes tengan un contraste fuerte de blanco ¥ negro. 4, Filtro>Interpretar>Nubes, aplicaré un motivo de mubes al canal. Pulse Control/ Comando-D para deseleccionarlo todo. Piedra y madera Ahi la tiene! Una imagen péteea, escalofriante Jo realista que es. Este efecto da muy buenos tados para fondos de anuncios de productos, 188 para imagenes, superficies planetarias € Juso mapas de texturas para imigenes 3D. Gunrdor_ | Tipe dot: F Encendide 5. Seleccione el canal compuesto de RGB y vuelva a la paleta de Capas. 6. Ahora vamos a usar efectos de iluminacién Haga clic sobre Filtro>Interpretar>Efectos de iluminaci6n. Seleccione a continuacién un Tipo de luz que tenga un color naranja rojizo con los P Alfa 1 al Canal de Textura jeiros de la imagen. Aplique por iltimo Ete Fees 1. Cree una nueva imagen. 2. Los colores deberin ser los definidos por defecto, tecla D. El negro (color frontal) y el blanco (color de fondo) nos dan los tonos y contraste necesatios para las nubes de diferencia en el siguiente paso. Rellene la imagen con el color frontal (negro) 28 | | emit Persrocstenret | [noe] Tama ge cena a | a | a oc | commen © arco © Gorden | 6 Troe | W 3, Haga clic sobre Filtro>Interpretar>Nubes de diferencia. Pulse Control/Comando-F unas 10 veces para ejecutar el filtro una y otra TRUCO: ALTIOPCION-RETROCESOISUPRIMIR RELL CONTROLICOMANDO-RETROCESOISUPRIMIR L vez. Esto ayuda a definir las lineas de contraste Capitulo | 4. Vaya a Filtro>Estilizar>Hallar bordes, prc ari que aparecen una serie de franjas negeas u oscuras, con el tono principal tendiendo 5. Pulse a continuacién sobre el comando Imagen>Ajustar>Invertir; después utilice e atajo Control/Comando-L. para que se muestre la ventana de diilogo Niveles. Acerque las barras di PS E ee (me coos. | sora ‘tote I | | | Wieksdessica fo fs | Pe 6. Casi hemos acabado con este efe mirmol, Pulse Control/Comando-U pac ala ventana de diilogo Ton /Satara- barras deslizadoras hasta que encuentre un tono de su gusto, Piedra y madera Variaciones Si desea que la textura sea totalmente perfecta, haga clic sobre Filtro>Otro>Desplazamiento, € introduzca los valores de 50 pixeles a la erecha y 50 abajo. Compruebe que Dar ta uelta esté seleccionado. Ahora puede, o bien Guardar la imagen como un fondo o de como motivo perfecto. El capitulo 6 profundiza Sobre definir y guardar motivos. nirla NOTA:L08 MOTIVOS PERFECTOS SON AQUELLOS QUE (CUANDO SE DUPLICAN Y LAS COPIAS SE PONEN UNA [AL LADO DE LA GTRA, NO SE POORA APRECIAR DIFE- RENCIA ENTRE ELLAS, IGUAL QUE Si SE TRATARA DE MISMA IMAGEN. 1. Comience una nueva imagen (Control/ Comando-N). Le recomendamos una configura- cidn de imagen con un tamafio de 800x500, 100 puntos por pulgada, RGB y Transparente 2. Escoja un color marrdn para el color frontal 4 el tonc base sobre el que daremos origen a nuestro efecto. En las imagenes el tono es de 170, G:129 y B:99 del sistema RGB o bien el #MA8163. Si no esta seguro del color no se preocupe, siempre poded cambiarlo después. Rellene (Alt/Opcién-Retroceso/Suprimit) la imagen con el color. 3. Cree una nueva capa (Maytis-Control/ Comando-N). Flija otro color y rellene esta capa con él, Como el tono que hemos seleccio: nado anteriormente es un marsén parecido al bronce como color de base, ahora sepuiremos en Ia misma linea y escogeremos un color tierra de nuevo, sélo que esta vez mis oscuro que el anterior, 4. Haga clic sobre el icono Aftadir mascara ca la parte inferior de la paleta de Capas para crear una mascara en la nueva capa 5. En Photoshop 6, cuando se aflade una mascara a la capa, el color frontal se vuelve blanco por defecto, asi como el color de fondo se transforma en negso. Intercambielos para que el negro sea el color frontal NOTA: PARA CAMBIAR EL COLOR FRONTAL Y EL OF FONDO, PULSE X 0 BIEN HAGA CLIC SOBRE LA DOBLE FLECHA QUE SE VE EN LA IMAGEN ANTERIOR 30 6. Asegiirese de que el icono de mascara e resaltado en la paleta de Capas. Puede com bar que esté activa pulsando sobre ella, ya que a $ ¢ dificil saber si esti resaltada 0 no. Haga bre Filtro>Textura>Granulado y aplique la configuracién siguiente | ae || Intensided fn Contate fo Tpode greniiado: [Puetes > 7. Haga clic sobre Filtro>Ruido>Afadir ruido y aplique un Ruido gaussiano con un valor de 8. Capitulo | 8. Usilice Ia opci6n Filtro>Interpretar>Nubes de diferencia. Aplique el efecto (Control/ Comando-F) unas 10 veces mas, Asi consegui mos la complejidad y naturaleza de la roca. 9. Haga clic sobre Filtro>Estilizar>Hallar bordes. 10. Bjecute el comando Imagen>Ajustar> Invertir y pulse Control/Comando-L para que se muestre la ventana de diilogo de Niveles. Mueva las barras deslizadoras para incrementar el contraste Weaeeceaiea|> f= fo Piedra y madera 11, Seleccione otro tono de tierra mais para gris vendra bien. Cree una nueva capa y rellénela utilizarlo como color frontal. Esta vez un tono con ese color. a | 5 swe cup + cups io a i Cap ep ee Cel x pow per «Fs 12. Afiada una mascara ala ca ay de nuevo 15, Pulse Control/Comando-L y luego ajuste asegrirese de que esti activa. Haga clic sobre los niveles manualmente de nuevo. Si acerca las Filtro>Interpretar>Nubes de vez mis y aplique el efecto 20 veces. contrase y detalle iferencia una bacras deslizadoras al centro, conseguir’ mas 13. Utilice la opcién Filtro>Estilizar>Hallar bordes. De nuevo, aumentaremos el contraste de los bordes con este filtro, aunque también invierte cl color general. Por esta raz6n tendre- mos que hacer algo mas. 14. Haga clic sobre Imagen>Ajustar>Invertir y Juego Imagen>Ajustar>Niveles automaticos. Esto suavizari las variaciones de tono un poco eda a los Estilos de capa para la capa que estamos trabajando y aplique un Biselado con la siguiente configuracién [Bisel y relieve — | Tena Feneitinse — ae Prefindd: —— [OT ‘recan: C Siperer Able Tents: — [FT ve ae: <— Ep Sombrs faaie: ew Fe —* ere gett mites "Fe — Interpretar>Nubes. A continuacién utilice Filtro>Interpretar>Nubes de diferencia Capitulo | 19. Use a continuacién Filtro>Estilizar>Hallar bordes. 20, Seleccione Imagen>Ajustar>Invertir. 21. Seleccione Imagen>Ajustar>Niveles. Acerque las barras deslizadoras las unas a las otras dentro de los limites de datos. Cat Cape Wiss Meese ffm fe Variaciones Intente alterar los tonos de todas las capas. Si quita saturacién ala capa 1 y aiiade algo de ruido, entonces obtentrit una textura rocosa gris He realizado esto para el siguiente ejemplo, ademas de ajustar el color de la capa superior con el fin de que dé Ia sensacién de que la piedra esta cubierta de musgo. 33 Piedra y madera Si aplica un Biselado y una Sombra paralela a la capa del musgo obtendremos un realismo fuera de lo comin, Al incrementar la profundidad del Bisclado (en este caso un 391 por 100) potencia mos este efecto y destacamos la dimesiin de las fireas de sombra et! —$—$— a Wnt desontes: [rates pees: — ET ‘Sombra paral —— Tractors es | | rat a FE ate: Or © vera etme: — F— ee ————- as Ahora que tenemos un par de tutoriales paca hacee texturas pétreas en el bolsillo, podemos meternos en un asunto mas jugoso, representar dibujos esculpidos sobre roca. Para comenzar repita el tiltimo ejercicio. Puede variar los tonos si lo desea, porque "nada esta escrito en piedira” 1. Una vez que tiene la textura que busca, combine todas las capas mediante el comando Capa>Combinar visibles. 2. Acceda a Edicién>Definir motivo. ieee! = ae 34 OL 5. Cree una nueva capa, Introduzca el texto © dibujo que quiera ver esculpidos sobre la roca 4. Vaya a la ventana de diilogo de Estilos de capa para la capa del dibujo. Recurra a las Opciones de fusién avanzadas y ajuste la confi- Capitulo | 6. Aplique un Biselado a la capa. Queremos cambiar la Técnica de bisel a Cincel duro y ademas haga los ajustes necesarios para obtener Ia configuracién de la figura: [Opciones de Fosion | Fuse efectos ntriores como un grupo FF Fesanar capas recrtadas como in 9p oc: eos Aplique a continuacién una Superposicién de colores negra 7. Lo siguiente es aplicar una Sombra interior Existen dos cosas de las que tenemos que ‘ocuparnos: el color de la sombra deberia ser un tono tierra también (R:70, G:21, B:1 0 #461501), y la barra deslizadora Retraer debe controlar la profundidad o intensidad de la sombra. Piedra y madera Haga la capa del texto 0 dibujo invisible a ravés del icono del ojo situado junto ala capa n la paleta de Capas. Seleccione la capa con textura original de piedra y acceda a la paleta Canales. Haga Control/Comando-clie sobre el canal iB para conseguir una seleccién de las partes resaltadas. D. A continuaciGn haga clic sobre el icono juardar seleccién como canal en la parte ferior de la paleta 11. Seleccione el nuevo canal. Vaya después a Filtro>Desenfocar>Desenfoque gaussiano y aplique un valor de 1,5 pixeles. 12 conseguir m: das y las sombras. \6n ajuste los niveles para contraste entre las partes ilumina- 36 13. Después guardaremos este canal como un Mapa de desplazamiento. F derecho del ratén/Control-clic sobre el canal y elija Duplicar canal. F a clic con el botén ga clic sobre Nuevo del meni emergente de la ventana de di ilogo, némbrelo y haga clic sobre OK. Guardelo en. una carpeta de su disco duro en formato PSD, y asegirese de recordar dénde lo ha puesto. Lo necesitaremos muy pronto, 14. Vuelva ala paleta de is y haga que la capa del dibujo sea visible de nuevo. Si est usando un dibujo hecho por usted o herramienta de testo estindar, utilice la opcién Rasterizar sobre la capa ahora. Si esta utilizando una seleccidn rellena, no tendri que preocuparse por el rasterizado. 15. Haga clic sobre Filtro>Distorsionar> Desplazar. Los valores deberi Escala horizontal y ~3 para la Escala Vertical ser 3 para Capitulo | LA TEXTURA DE LA PIEDRA. MIENTRAS MAS ALTAS LA CAPADEL DIBUUO ALAS GRIETAS ¥ RECOVECOS DE LATEX. TURA PETREA, SI PIENSA QUE CON LA CONFIGURAGION QUE LE DDAMOS NOSOTROS SE DISTORSIONA MUCHO O MUY POCO, EL Variaciones Espero que a estas alturas se haya dado cuenta de Ia potencia de los Estilos de capa y de que unos pocos cambios pueden proporcionar interesantes alteraciones sobre su disefio. Vamos a repetir el tutorial pero esta vez utilizando una variacién que yahicimos en el tutorial anterior: bs a ver lo que ocurre cuando alteramos tra configuracién de Biselado un poco. stn: [Bc wteror ad | Tees: [ce bo ed | Protest a Fa resin: © Superior C Abn acién de Ia imagen hace que el rea cambios mis con el fin de reforzar frarse excavada en ella. Podemos hacer } aN a |) resin: Ferro a | | oe —— tT » | Tipo de ration: [Dearsiase =] | rs: ET] reece | | | | | | | |) ete tatoo ormae — aed earns Sombra paralela y Resplandor exterior Sombra paraleta | Estrectora | Nese te: estocr = Specie: — FE | fran: (©): F torte) Si tiene la textura guardada como motivo, deseleccione la Superposicién de color que aplicamos al principio del tutorial y seleccione 37 25a Superposiciéa de motivo, junto con la misma textura rocosa. ‘Superposicién de motivo ot ——— fo FF tacarconcap Por iiltimo, podemos hacer que resalte un poco mas mediante una Sombra interior. Sombra interior ‘Sombra interior Estrvetura Made 6 tain: Fexcorer coor =) EE) nets —<$—$— ' saw (V+ User he oa Capitulo | Intente aplicar los efectos de escultura en una fotografia de un muro de piedra, una acera, 0 incluso una representacién de un paisaje. Una vex que se acostumbre al proceso, se Ve abritin muchas puertas ya que podri aplicar los efectos exactamente como le indicamos 0, mucho mejor, con sus propias variaciones, Como siempee, la palabra clave es experimentar. En esta seccidn le mostra efecto de hormigén con grietas. Lo primeso que vamos a hacer es crear la textura de hormigén Utilizaremos los canales para conseguitl. 1. Cree primero un nuevo documento que sea: 500x500, 72 puntos por pulgada y RGB. 2. Abra la paleta de Cana icono Crear canal nuevo para crear un nuevo y haga clic sobre canal que se lame Alfa 1 3. Vamos a crear un mapa de baches. Haga cig sobre Filtro>Ruido>Afiadir ruido y utilice valor en torno a 17. 4. Seleccione RGB para hacer al canal visible y vuelva a la paleta de Capas. Piedra y madera 5. Asegiirese de que la capa de fondo esti activa yentonces ejecute los efectos de iluminacién, Filtro>Interpretar>Efectos de iluminacién. Esta ver use una luz Cenital y reduzca la Altura 45. Seleccione Alfa 1 como nuestro Canal de textura Ahora ya podemos decir que tenemos una fextura bastante convincente Para crear unas grietas aleatorias tendremos que utilizar distintas opciones de nubes de diferencia ymodos de fusion de capas. 1, Cree una nueva capa (Maytis-Control/ Comando-N) y Ilimela grietas. Rellénela con un degradado Lineal de Negro, blanco utilizan- do lah amienta de degradado (G 2. Ahora acceda a Filtro>Interpretar>Nubes de diferencia. En pantalla tendré algo que se le parece bastante a la imagen. Por supuesto, seri un poco diferente porque se trata de un efecto aleatorio. Seaaaeaapataee 7 40 | 3. Ahora, para limpiar la imagen un poco, usaremos los Niveles. Es sorprendente lo que puedes llegar a conseguir si abusas de determi- nadas herramientas. Haga clic sobre Control/ Comando-L 0 bien vaya a Imagen>Ajustar> Niveles para abrir la ventana de diilogo Niveles. 4. Arrastre los tridngulos derecho y central todo, ala izquierda, para estirar la imagen y consegu bordes marcados. Haga clic sobre OK cuando, esté satisfecho con el resultado, pues ésta sera nuestra grieta 5. Cambie el Modo de fusién de capa a Multiplicar y el blanco se escondera para dejar paso a la textura situada justo debajo, aunque la gricta seguir viéndose. SSN) Capitulo | 6, Para hacer arreglos sobre la grieta y quitar partes de ella utilice un pincel blanco y pinte sobre las ‘reas que desee borrar. 1. Para aiiadir un poco de profundidad ala grieta duplique la capa grietas y utilice el atajo de teclado Control/Comando-I con el fin de invertir esta nueva capa, Su pantalla se volver negra 2. Cambie el Modo de fusién de capas a Trama para esconder el negro y entonces podra ver la grieta, blanca esta vez 3. Arrastre la capa de grieta blanca para que est por debajo de la negra. mienta Mover (V) y mueva pulsando las flechas de las posibilidades son infinita les de textura y efectos de iluminacién. @ truco para texturas en una imagen festa es tomar nota de la iluminacién Py de la direcciém de la fuente de luz ¢ aque estén tan cerca como sea posible. rietas y el cemento de Café Station ia imagen "Photoshop Café Station". en sc hizo completamente con Photoshop. ae desplazamiento del teclado. La grieta tendri profundidad y parecer en tres dimensiones, Hay tres elementos que debemos resaltar aqui: textura, iluminaci6n y color. Para conseguir el realismo que queremos, es importante equilibrar esos tres elementos. No vamos a contarle los pasos que Hevaron a creatla, en vez de eso lo animamos desde aqui a experimentar € intentar obtenerla por si mismo, Bs solamente una muestra de cémo las técnicas de este capitulo se pueden aplicar en conjunto para crear una buena imagen. {TULO 2. METAL 1 este capitulo aprenderemos a hacer efectos que simulen el brillo metili- 0. jCon la ayuda de Photoshop y de unas pocas técnicas sencillas se i un verdadero alquimista inmediatamente! ‘hecho, debido a los contrastes relativamente les que el metal produce, va a ser una de las as mis faciles que podriamos hacer. Podemos quit efectos metilicos répidos utilizando degradados o entretenernos un poco mas algunas curvas para potenciar los reflejos. nos utilizar canales con el fin de levar ain lejos el parecido y guardar un estilo de capa configuracién para crear un efecto metilico forma instantinea. ‘Todo depende de la fundidad del realismo, o surrealismo, que é buscando, hos de los efectos que va a encontrar en este jtulo se repetirin en otros posteriores como ioaes. Sin embargo, los tutoriales del metal tituyen un buen punto de partida para los vendrin mis adelante, que son mucho més tractos y avanzados en cuanto a nivel se 1. f Plancha metalica Cree en primer lugar una nueva imagen ‘ontrol/Comando-N). 2. Seleccione después la herramienta a Degradado situada en la barra de herramientas, 3. Tenemos varios degradados por defecto para escoger, pero utilizaremos uno hecho por nosotros mismos para el efecto metélico. Vaya a la barra de Opciones de degradado y haga clic directamente sobre la ventana de Degeadado. 4, Cuando pulse sobre ella, el Editor de Degra- dado aparecera en su pantalla. Crearemos un degradado de metal, alternando grises claros y oscuros. Ahora veremos como crear un degradado a nuestra medida. Para obtener mas informacién, sobre el tema, vaya al capitulo 6. Los degradados por defecto que vienen con el programa estin en la parte superior del editor. En la parte inferior podria crear los suyos En esta seccién veri una version mas extensa del degradadc activo. Las flechas pequefias de la barra son los Niveles. Ajustindolas cambiar los colores y la opacidad de! nuevo degradado. Las flechas de arriba controlan la opacidad, las de abajo controlan el color. No jugaremos con la ppacidad esta vez, asi que no se preocupe. Nos scuparemos sélo del color ie 5. Para afiadit nuevos niveles pulse sobre la barra inferior. El nuevo nivel tended las mismas caracteristicas que el anterior. Puede seleccionar un muevo color para ese nivel mediante ventana de Colores personalizados, a la cual puede acceder un poco mas abajo del Editor de degradados. Para eliminar un nivel haga clic sobre él y pulse Suprimir. ei a a 6. Una ver esté satisfecho con su degradado, némbrelo adecuadamente y haga clic sobre Guardar. EI nuevo degradado estari ahora disponible siempre, junto con los otros que venian por defecto. Capitulo 2 Ahora que tenemos el degradado, vamos a proceder con el efecto metilicc 7. Seleccione Degradado lineal de la barra de Opciones de degradade P a Et (eos) 8. Dibuje el degradado comenzando en la esquina superior izquierda y terminando en la inferior derecha, PRM 9. Haga clic sobre Filtro>Afiadir ruido. Intro: duzca la siguiente configuracién: Piuevo desde cl meni Filtro, ejecute ue>Desenfoque de movimiento, Bea un Angulo de 45 geados y un valor Incia de 25 pixeles. Ya empezamos a esultados DIVIDUALES, EN VEZ OE HACER UN LLOICONTRASTE. LA FORMA HABITUAL DE UNA CURV Y aqui tiene nuestra plancha de metal, que serviri muy bien para un fondo. Quiz’ nos ha salido un poco oscuro, pero Mos arreplarlo con un ligero ajuste de : Ejecute el comand Imagen>Ajustar> fvas (Control/Comando-M) y después Ja configusacién de la imagen 1. Abra primero un nuevo documento (Control/ Comando-N) y seleccione la herramienta Poligono, 2. Desde la barra de Opciones, ajuste el mimero de lados a 6 para obtener un hexigono. Asegire- se de que el icono Crear nueva capa de forma esté seleccionado. 3. Para mantener los lados del poligono rectos, deje pulsado Mays. Dibuje el poligono en el centro de la imagen. 4. Rasterice la capa del hexagono, utilizando Ia opcién Capa>Rasterizar capa. La practica de nombrar sus capas adecuadamente le evitari fururas confusiones; seamos imaginativos y llamémos a la capa Hexdgono. 5. Elija ahora un gris claro como color frontal y un gris oscuro como color de fondo. 6. Haga Control/Comando-clic en la capa de la paleta Capas para resaltar el dibujo, para seleccionarlo. 7. Haga clic sobre la herramienta Degradado y escoja un Degradado lineal de la barra de Opciones de degradado. Si hace clic sobre la flecha negra a la derecha de Ia ventana de degradados apareceri una gama de éstos. El nuestro es el degradado Color frontal/color de fondo. Capitulo 2 8. Dibuje el degradado desde la esquina superior izquierda a la inferior derecha. 9. En Ja parte inferior de la paleta de Capas, haga clic sobre el icono Afiadir estilo de capa (€l simbolo F). Seleccione Bisel y relieve € introduzea Ia siguiente configuracién: 10, Podemos darle al disefio un aspecto mas metilico aplicando una curva. En Imagen> Ajustar>Curvas (Control/Comando-M) tiene Jo necesario para hacer una curva a su gusto, Metal pero fijese en el resultado final para que lo que obtenga sea lo esperado. Esto es lo que hicimos en esta imagen: . Nuestro hexagono empieza a parecerse a ‘algo metilico, pero le falta realismo, vamos afadir algo de 6xido. De nuevo un Estilo de capa es lo mejor, una Superposicién de degrada- do. El degradado de cobre es el mejor para esto, nto con la siguiente configuracién: 12, Ahora aplique un muevo Estilo de capa, Resplandor interior, con estos parimetros 15. Cree una nueva capa y haga una seleccién circular dentro del hexigono. 14, Seleccione Ia herramienta Degradado. Haga después clic sobre el Degradado radial y relléne- Jo, comenzando en el centro y continuando hasta el borde de la seleccién.

You might also like