Creacin de un fondo de pantalla

tipogrfica
Publicado por Tyler Bramer en Photoshop Tutoriales el 10 de marzo 2009

Despus 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 Fondo

El 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 documento con las dimensiones que usted desea. Mi

escritorio es 1280x1024px , por lo que ser mi tamao del
documento. Establezca su primer plano de color a un gris oscuro ( # 111111 )
y el fondo de color a negro ( # 000000 ). Luego agarra la herramienta de
degradado radial y crear una luz para degradado oscuro cerca del centro de
su documento.

Paso 2 - Configuracin Nuestro lmite de texto

Como 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
tu Tipo de herramienta . A continuacin, coloque un 750px 9 usando la
fuente Century Gothic establece en negrita de forma que se encuentra frente
al centro de su gradiente. Tambin me puse mi al color # 6dcff6 ya 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 Tipo

Ahora 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 texto

Ahora que tenemos una vasta corriente de palabras llenando nuestra 9,
tenemos que hacer que esta imagen se vea mejor! Vamos a empezar por bajar
laopacidad de nuestra 9 a alrededor del 2% . 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

un grupo (Capa> Nueva> Grupo). Duplicar el grupo haciendo clic derecho y
seleccionando Duplicar Grupo . Haga clic en Aceptar cuando 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 seleccione Fusionar 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
una superposicin 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 ttulo

Vamos a aadir un buen ttulo para nuestro fondo de pantalla. Voy a aadir el
texto Feliz 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 texto Tutorial9 personal (Century Gothic /
24px / cursiva) con el color # 736357 .

Paso 6 - Adicin de textura

Ahora vamos a aadir una textura sobre nuestra imagen. Agarr una imagen
fuera de sxc.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
a Overlay .

Paso 7 - Re-Colorizacin
En 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 # 6dcff6 y de fondo a #
000000 . A continuacin, vaya a Filtro> Interpretar> Nubes . Despus de
que su capa se llena con una mezcla de azul y negro "nubes", establezca la
capa a Overlay y bajar la opacidad al 25% .

Crear otra nueva capa y cambiar su color de fondo a blanco. Una vez ms ir
a Filtro> Interpretar> Nubes para llenar su capa con el color azul y blanco
"nubes". A continuacin, establezca su capa de superposicin y bajar
la opacidad a alrededor del 70% .

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 a Imagen>
Aplicar imagen . Luego us un Filtro> Blur> Motion Blur y establecer la
capa a Aclarar con 35% de opacidad . Despus de eso, he creado un mapa
de degradado (Capa> Nueva capa de ajuste> Mapa de degradado) que pas
de # ec008c a # e77418 . Por ltimo, me puse la capa de mapa de degradado
a Luz intensa .