Tutorial: Crea un Wallpaper Texturizado Multicolor en Photoshop.
Publicado por Samuel | 09.13.2009Tutoriales
Como ya habrás notado soy débil a las texturas, casi siempre trato de incluirlas en mis tutoriales ya que le dan los trabajos un toque sensación realista, de igual forma me gusta crear trabajos con mis fotografías aunque hoy no use una de ellas, en esta ocasión te mostraré como usar las texturas en un impresionante wallpaper.
Además en este tutorial te mostraré como convertir capas en Objetos Inteligentes, lo que nos permitirá aplicar algunos efectos al texto manteniendolo editable.
Paso 1
Lo primero que haremos será crear el espacio de trabajo 1600*1200 píxeles.
Paso 2
Ahora agregaremos la textura la cual puedes descargar aquí, una vez descargada agregala en el espacio de trabajo que acabamos de crear.
Agregada al espacio de trabajo.
Paso 3
Iremos ahora por algunos pinceles de acuarelas desde Bittbox, descarga Watercolor Brushes.
Crea una nueva capa presionando Ctrl+Shift+N y renombrala Pinceles luego da algunas pinceladas aleatorias, usa diferentes modos de fusión para el pincel y usa varios colores, mi imagen termino así.
Paso 4
Crea una nueva capa esta vez renombrala Luces luego restaura los pinceles como ves en la siguiente imagen.
Luego selecciona el pincel de tamaño 100px y dureza a cero, ve a la paleta pinceles y haz los siguientes ajustes.
De igual forma da algunas pinceladas en color Blanco (#ffffff), deberías tener algo asi.
Ahora da doble clic sobre la capa y aplica Resplandor Exterior como te muestro abajo.
Paso 5
Da clic sobre las capas Pinceles y Luces y ve a Capa | Nueva | Grupo a partir de capas.. renombra al grupo como Color, da clic en la capa del grupo selecciona la opción Combinar Grupo.
Ahora agregaremos algo de texto, usa una fuente San-Serif en modo Bold para obetner mejores resultados, si el texto tiene varias lineas como el mio puedes hacer un ajuste de alto de linea como lo podrás ver en las imágenes inferiores. Aquí he usadó Myriad Pro a 200 píxeles.
Paso 6
Una de las limitantes del uso de texto en Photoshop es que no puedes aplicarle efectos de transformación como la Perspectiva.. a menos que uses las capas de texto como Objetos inteligentes me tardaría un mundo en explicarte como funcionan por ahora solo te mostraré su uso.
Da clic derecho sobre la capa de texto y elige la opción Convertir en Objeto Inteligente, luego da doble clic y aplica los siguientes efectos a la capa.
Paso 7
Vamos ahora a cambiar el orden de las capas, cambia el orden de modo que la capa Color quede sobre la capa del Objeto Inteligente, luego presiona y mantén presionada la tecla Alt luego en la paleta Capas pasa el puntero del mouse entre la capa Color y el objeto inteligente cuando lo hagas el puntero cambiará entonces da clic.
Paso 8
Ahora da clic en capa del Objeto Inteligente y presiona Ctrl+T para activar las opciones de transformación, una vez lo hayas hecho da clic derecho y selecciona la opción Perspectiva ajusta el texto de la siguente manera pero aún no presiones enter.
Seguidamente da clic derecho de nuevo y elige Escala y empuja los puntos laterales del objeto hasta llegar a una forma mas o menos así.
Ya puedes presionar Enter, ahora la mejor parte de esto es que si das doble clic en la miniatura del Objeto Inteligente podrás entrar en una nueva instancia de Photoshop para editarlo sin perder el efecto de perspectiva que le hemos dado.
Paso 9
Necesitaremos otro set de pinceles, pero lo interesante de este pack es que incluye una versión de los pinceles en forma de imágenes PNG las cuales vamos a utilizar, descarga los Sketchy Decorative Elements y descomprime el archivo luego agrega la imagen Sample 2 de la carpeta PNG, ajusta el tamaño y renombra la capa si lo deseas de lo que si debes estar seguro es que esta este por sobre todas las capas.
Paso 10
Para este paso necesitaremos la fotografía de una modelo puedes obtenerla en stock-xchng en el siguiente enlace, Stock photo: Green Eyes, descarga la imagen y abrela en Photoshop luego con tu herramienta de selección preferida saca a la chica del fondo, no te preocupes por sacar el detalle del cabello para este trabajo no lo necesitaremos, una ves extraida de su fondo agregala a la composición. Abajo puedes ver parte de la imagen con el trazado que hice con la Pluma.
Paso 11
Después de haber agregado ala chica a la composición te habrás dado cuenta que es much más grande que nuestro wallpaper así que redimensionala hasta tener algo así.
No olvides mantener presionada la tecla Shift mientras redimensionas.
Duplica la capa de la chica mediante Crtl+J y redimensionala un poco más hazla más pequeña, depués de eso desactiva la visibilidad de la capa de la chica mas pequeña y selecciona la capa de chica más grande.
Paso 12
Para este paso necesitaremos los pinceles Hi-Res Splatter Photoshop Brushes de Bittbox, carga los pinceles, luego que los cargaste toma la herramienta Borrador y con uno de los pinceles borra aleatoreamente a la chica, por último cambia el modo de fusion de la capa a Subexponer color.
Paso 13
Activa la capa de la chica más pequeña, crea una nueva capa entre la chica del fondo y la que acabamos de activar, luego coge algunos pinceles en varios colores y tamaños y da algunos pincelazos alrededor de la chica mas pequeña en la capa nueva que creamos.
Paso 14
Ya casi terminamos, esta vez vuelve a cargar los pinceles Watercolor que descargamos antes y vuelve a usarlos como borrador como hicimos en el Paso 12 con la diferencia que esta vez solo borrarás pequeñas partes del borde de la chica más pequeña.
Paso 15
Ok este es nuestro último paso, seleciona la capa que este por sobre todas (la chica más pequeña supongo) y prsiona Ctrl+Shift+N eso craerá una nueva capa con todo lo que esta bajo ella, luego ve a Filtro | Desenfocar | Desenfoque Gausiano.. y aplica un desenfoque de 3.4 píxeles.
Agrega una Máscara de capa y borra el centro de la imagen dejando asi los bordes desenfocados.
Da clic en la miniatura de la capa desenfocada y enmascarada, ve a Filtro | Distorcionar | Correción de Lente.. y haz el siguinete ajuste.
Resultado
Listo! aquí mi resultado, al final he decidido agregarle un poco más de ornamentación al fondo, tu también lo puedes hacer solo basta crear una nueva capa sobre el fondo de todo el trabajo y empezar a aplicarle pinceles o texturas.
Palabras Finales
Lo que más quiero destacar de este tutorial es el hecho de haber utilizado un Objeto Inteligente para deformar el texto y al mismo tiempo mantenerlo editable, práctica con los objetos inteligentes y pronto verás que fácil es usarlos.
Acerca del Autor
Samuel Bran es estudiande de Diseño Gráfico, tiene una gran pasión por el diseño gráfico y web, fan de Adobe y la edición de video. Originario de El Salvador, autor y creador de Photodesigner.Net un blog dedicado a publicar Tutoriales en Español para Adobe Photoshop, Recursos e Inspiración.
40 Comentarios en “Tutorial: Crea un Wallpaper Texturizado Multicolor en Photoshop.”
Sergio Fco. Dijo:
09.13.2009Wow…Felicitaciones, me encanto este tutorial.
Navarrete Dijo:
09.14.2009Excelente tutorial Samuel, te felicito.
Por otro lado podrías subir o crear tutoriales en español para after effects, te lo agradecería mucho.
Saludos…
Dios nos libre Dijo:
09.14.2009Estupendo!!!!! Verdaderamente te estoy agradecido por esta clase de tutos, me son de gran ayuda!!!! Aprendo mucho de ti.
Saludos!!
Luis Lopez Dijo:
09.15.2009Excelente tutorial, me gusta el resultado final, ademas el efecto de perspectiva en el texto con los pinceles al interior me parece muy bueno.
Gran blog el que tienes Samuel.
Samuel Dijo:
09.15.2009Gracias a todos por sus comentarios, aprecio mucho sus palabras y me ayudan para seguir publicando.
Un saludo a todos!.
Bitacoras.com Dijo:
09.15.2009Información Bitacoras.com…
Valora en Bitacoras.com: Como ya habrás notado soy débil a las texturas, casi siempre trato de incluirlas en mis tutoriales ya que le dan los trabajos un toque sensación realista, de igual forma me gusta crear trabajos con mis fotografías aunque hoy …..
edgar Dijo:
09.17.2009Al fin otro tuto y vuelve a sorprendernos como siempre… buen tuto.
Ren Dijo:
09.19.2009Que grande ahora me voy a poner a hacer a ver que tal me sale
Estuardo Rosas Dijo:
09.19.2009Simplemente genial, me gustó el resultado, lo pondré en práctica y veré cuales son mis resultados, gracias por el tutorial
Saludos
Darwin Valle Dijo:
09.20.2009Esta buenisimo gracias por tu gran aporte, si no es mucha molestia sabes que necesito pinceles y tipos de letras para insertarlo en mis programas de diseño CS2.
Bay espero que me sigas enviando mas tutos ok.
seeal Dijo:
09.22.2009Muy bueno Samuel
christian r. Dijo:
09.23.2009Ta muy chido el tutorial. Espero me puedas mandar info de como cargar pinceles a mi CS3.
Gracias. See you soon.
Kevin Dijo:
09.24.2009excelente, solo me falta hacerlo, ojala me salga asi, eso espero
Kevin Dijo:
09.25.2009jeje
buen tutorial… si entendi casi todo, menos esto:
“Agrega una Máscara de capa y borra el centro de la imagen dejando asi los bordes desenfocados”
asi que omiti este paso (paso 15) y le agrege un poco más de ‘ornamentación al fondo’.
Graxias!
manuel Dijo:
09.26.2009Excelente tutorial me agrado mucho gracias por este tutorial
Usuario Dijo:
09.27.2009Muy interesante el post, y el blog en general. gracias
Héctor Dijo:
10.18.2009Lo mejor.
Galiets Dijo:
11.27.2009PUES LA VERDAD YO APENAS EMPIEZO EN ESTO PERO MUY BUEN TUTORIAL
ESTE TUTORIAL ME AYUDO MUSHO GRACIAS..
nancy Dijo:
12.21.2009WWOW! con este tutooo eeeh!!
Bueno ps yo apenas voi empezando en este rollo del diseño
ii pss este tuto me encannttó ii aprendii pff! MUCHiiSiiMaas cosas qe ps no sabia i ps wwow!! Gracias esto es excelentee!!! (:
Saludos!
Javiih Dijo:
01.7.2010soo wow xdd
hahaah cool
ARIELO Dijo:
01.26.2010Esta genial el tutorial….muchas felicidades….excelente creatividad..!!
soy un aficionado al photoshop..!!
Samuel tengo una pergunta….tenes alguna direccion de mail para contactar contigo..? o bien directamente desde aqui…
desde ya muchas gracias..!! una vez mas felicidades..!!
Samuel Dijo:
02.6.2010Wao! me encanto tu trabajo *-* (de hecho ya hize un wall xDD!) me fasino el resultado, muchas felicidades!! espero poder ver mas
sobre lo que haces y estar al tanto de tus nuevas publicaciones mucha suerte y tambien muchisimas felicidades =P
silsus Dijo:
02.13.2010hola me encanto el trabajo, estoy tratando de hacer el tuto y se me complico despues de hacer la capa de texto objet inteligente, paso el cursor entre las capas y se duplica la capa , pongo ctl +t y cuando habro opciones no me aparece perspectiva, si sesgar y otrs por ejemplo, en las otras capas si me aparece perspectiva. que hago mal. agradeceria si me podes ayudar.
gracias .
Uchiha Itachi Dijo:
04.4.2010Hola, oye que buen tutorial, muy creativo y versatil, muchisimas gracias por compartir esto
ofus Dijo:
04.10.2010pues q buen tutorial, solo que no me salio la nueva capa coin todas las capas cuando presionemos (control+shift+n).
alguna otra forma para hacerlo???
bueno pues espero su respuesta esta super genial este espacio..
20 Excelentes Tutoriales de Photoshop en Castellano Dijo:
04.13.2010[...] Crea un wallpaper texturizado multicolor en Photoshop [...]
Melina Nogales Dijo:
04.13.2010De mucha ayuda… gracias Samuel!!
melvin Dijo:
04.25.2010orale si qe eres muy bueno wauuu me llega mucho
Aleinadh Dijo:
05.3.2010MUUUYYY BUEN TUTORIAL.. GRX SAMUEL…!!!
ME AYUDÓ MUCHO
yose Dijo:
05.7.2010gran tutorial
yo usaba el cs2 hace años y deje de usar el ps ahora regreso y tiene muchas cosas nuevas aqui aprendere grax
karmen Dijo:
05.9.2010me gusta mucho tu blog, te agredezco muchisimo los tutoriales!
Denisse Dijo:
05.13.2010esta muy bien .. PERO! no explicas bien estaria exelente si nos dijeras que hacer por ejemplo nos dices “descargen los pinceles de no see donde y una es decargados dibujen unas manchaas”
y osea deves de decir como acerle para poner los malditos pinceles en photoshop bueno alomejor y yo soy la que no entiendo pero pues ese es mi sugerencia porque NO pude hacer la imagen del tutorial sabes!! bueno me ire a buscar otro..
de todoos moodoos eres mui bueno asiendo esto ;D
pepe Dijo:
05.21.2010samuel gracias de nuevo, me ha quedado algun muy copado
Oscar Alvarado Dijo:
05.24.2010no haces disenos online, y despues venderlos broo? la verdad me encantaria que me isieras unos ya que apenas empezo con el photoshop, y estaba observando tu pagina, y me lateria mucho que me hicieras un diseno para un evento musical !!
DTB ! DE ANTEMANO MUCHAS GRACIAS, Y POR LOS TUTORIALES IGUAL
Dianira Dijo:
05.31.2010Mas o menos que le pasa a la amiga denisse!!!! Samuel es demasiado bueno en lo que hace y explica super bien lo q pasa es q este tuto no es para retrasados mentales!!!! mas facil no lo puede explicar!!!!!!
Fraylis Dijo:
06.3.2010Super CoolL… me Encanto
alexym Dijo:
06.4.2010Hey amigo mil gracias, super bueno, solo quiero hacer una aclaracion en la parte para hacer el desenfoque, no me funciono con Ctrl+Shift+N, yo lo hise con SHIFT+ ALT + Ctrl + E, gracias
PAULA Dijo:
06.10.2010nunca habia usado photoshop y este tutorial es el primero que hago, me ha quedado geniaaaaaaal!! muchisimas gracias samueeeeeeeeeeeeeL=)=)
ilse Dijo:
07.2.2010hola no entiendoo cuando combinas las capas porfa explicame
argentino Dijo:
07.19.2010no me salio el paso 15