Creacin de un fondo de pantalla tipogrfica

Publicado porTyler BramerenPhotoshop Tutorialesel 10 de marzo 2009Despus de escribir mi tutorial anterior aqu sobre Creacin de un Zune en Photoshop, varios espectadores preguntaron si me gustara compartir lo que he creado el grfico de fondo de pantalla.En este tutorial, aprenders cmo hacer algo similar, y es muy fcil!

Qu es la tipografa?Con el fin de crear un fondo de pantalla tipogrfico, tendra sentido que saber un poco acerca de la tipografa en el primer lugar.La tipografa es el arte y la tcnica de la organizacin de los tipos mviles.Qu significa esto?Esto significa que el texto en s representa un mensaje de todos los suyos.Su ubicacin, font-family, estilo de fuente, color y tamao determinan todo el mensaje que retrata.El uso de una fuente de verdad en bloques de imagen para una boda no tendra sentido, porque el texto de bloque no es elegante o extravagante, como cursiva y fuentes rizado puede ser.Aunque este tutorial no se centrar en la esencia de la tipografa, la comprensin de lo que hace que buscar el tipo de buena ayudar a crear un gran diseo.Esto es de ninguna manera una mirada en profundidad a la tipografa.La tipografa es una gente sujetos han escrito muchsimos libros sobre, y hay mucho que aprender acerca de l.Sin duda me sugiero recoger un libro como "Pensando Con Tipo"si es algo que usted encuentra inters en.Paso 1 - Crear el FondoEl fondo de nuestro fondo de pantalla se va a ayudar a establecer el estado de nimo.El uso de un fondo oscuro nos permitir hacer la tipografa que usamos ms tarde realmente se destacan de nuestra imagen.Crear un nuevo documentocon las dimensiones que usted desea.Mi escritorio es1280x1024px, por lo que ser mi tamao del documento.Establezca suprimer planode color a un gris oscuro (# 111111) y elfondode color a negro (# 000000).Luego agarra laherramienta de degradado radialy crear una luz para degradado oscuro cerca del centro de su documento.

Paso 2 - Configuracin Nuestro lmite de textoComo yo quiero que mi texto sea en la forma de un 9 (en relacin con 2009 y Tutorial9), la forma ms fcil de conseguir la forma va a ser la creacin de un gran 9 y luego usarlo para colocar nuestro otro texto.Para lograr esto, coge tuTipo de herramienta.A continuacin, coloque un750px9 usando la fuenteCentury Gothicestablece ennegritade forma que se encuentra frente al centro de su gradiente.Tambin me puse mi al color# 6dcff6ya que mi fuente se ver azul despus.Luego baje la opacidad de la capa a alrededor de 20%, ya que slo est siendo utilizado como una gua.

Paso 3 - Colocacin del TipoAhora que tenemos nuestra rea de frontera, estamos listos para empezar a aadir nuestro tipo.Antes de saltar en la gran piscina de palabras para llenar el 9, piense en lo que quiere antes de tiempo.Desde mi fondo de pantalla se relaciona con Tutorial9, voy a llenar la ma con palabras que definen el sitio, tales como Photoshop, Diseo y Tutoriales.Tambin tenemos que pensar en lo diferente que queremos que el tipo que aparezca.Nos limitamos a una fuente?Voy slo para utilizar la fuente Century Gothic, ya que tiene un aspecto fuerte pero limpio, y me permite encajar fcilmente la fuente al 9. No dude en utilizar mltiples fuentes en su propio trabajo.Ya que slo estoy usando un tipo de letra, estoy limitado a las formas que puedo hacer cada frase se destacan.Para esto, puedo usar diferentes tamaos y estilos de fuente.Puedo aumentar el tamao de la fuente y ponerlo en negrita para que se destaca, o puedo hacerlo ms pequeo y utilizar un estilo crujiente o suave para que sea ms sutil.

Paso 4 - Colorear el textoAhora que tenemos una vasta corriente de palabras llenando nuestra 9, tenemos que hacer que esta imagen se vea mejor!Vamos a empezar por bajar laopacidadde nuestra 9 a alrededor del2%.De esta forma ayudar a dar un poco de borde alrededor de nuestro texto, pero no demasiado notable.

A continuacin, coloque todas sus capas de texto (excepto el 9) en ungrupo(Capa> Nueva> Grupo).Duplicar el grupo haciendo clic derecho y seleccionandoDuplicar Grupo.Haga clic enAceptarcuando aparezca el cuadro de dilogo.La razn por la que duplicamos el grupo es para que podamos fusionar todas nuestras capas de texto en una sola.Con el nuevo grupo seleccionado, haga clic derecho y seleccioneFusionar Grupo.Esto se llevar a todas las capas de nuestro grupo y colocarlos en una sola capa.Ahora se puede ocultar el grupo que todava tiene todas las capas de texto en el que ya tenemos esta nica capa con todo nuestro texto.Seleccione su capa fusionada en su paleta de capas y aadir unasuperposicin de degradado(Capa> Estilo de capa> Superposicin de degradado).Us un bonito verde (# 48a248) para la parte inferior y una azul (# 3bb2f7) de la parte superior.

Paso 5 - Adicin de un ttuloVamos a aadir un buen ttulo para nuestro fondo de pantalla.Voy a aadir el textoFeliz Ao Nuevo(Centruy gtica / 36px / cursiva) y utilizar el mismo gradiente de superposicin como antes, excepto de izquierda a derecha en su lugar.Entonces me voy a aadir el textoTutorial9 personal(Century Gothic / 24px / cursiva) con el color# 736357.

Paso 6 - Adicin de texturaAhora vamos a aadir una textura sobre nuestra imagen.Agarr una imagen fuera desxc.hu.Coloque la textura en una nueva capa en la parte superior de su documento.De-saturar la imagen (Ctrl + Shift + U) y establecer la capa aOverlay.

Paso 7 - Re-ColorizacinEn los prximos pasos, vamos a aadir un poco de color ms aleatorio y vibrante de nuestra imagen.Crear una nueva capa y establecer su primer plano a# 6dcff6y de fondo a# 000000.A continuacin, vaya aFiltro> Interpretar> Nubes.Despus de que su capa se llena con una mezcla de azul y negro "nubes", establezca la capa aOverlayy bajar laopacidadal25%.

Crear otra nueva capa y cambiar su color de fondo a blanco.Una vez ms ir aFiltro> Interpretar> Nubespara llenar su capa con el color azul y blanco "nubes".A continuacin, establezca su capa de superposicin y bajar laopacidada alrededor del70%.

Bastante simple?Como puede ver, la parte ms difcil de este tutorial se estaba llenando el documento era texto.Adicin de efectos en realidad era bastante simple.Despus de aprender todas las herramientas en Photoshop se encontrar la creacin de obras complejas con un mnimo esfuerzo!Sintase libre de experimentar y crear sus propias obras nicas.

Para conseguir el efecto anterior, he creado una nueva capa y fui aImagen> Aplicar imagen.Luego us unFiltro> Blur> Motion Blury establecer la capa aAclararcon35% de opacidad.Despus de eso, he creado unmapa de degradado(Capa> Nueva capa de ajuste> Mapa de degradado) que pas de# ec008ca# e77418.Por ltimo, me puse la capa de mapa de degradado aLuz intensa.