You're browsing: Sweeap » Diseños, Tutoriales, Wallpapers » Wallpaper Tipográfico

Wallpaper Tipográfico

Posted in Diseños, Tutoriales, Wallpapers on Aug 19 by Facundo | PrintText Resizer Text Resizer
Wallpaper Tipográfico

Aquí tienen un rápido tutorial de uno de nuestros ultimos diseños. Espero que este tutorial sea beneficioso en su búsqueda por ser un mejor diseñador.

Traducción: Abduzeedo (Enviado por Jonathan Connolly – Creative Voltion)

Paso 1

Creen un nuevo documento de 1200×800 pixeles con una resolución de 72dpi. Empiecen importando todos sus diseños vectoriales en una capa. En este caso vamos a dividir nuestros vectores en 3 objetos inteligentes por separado.

img_1

Paso 2

Escondan todos los vectores y creen un cuadro de texto. En este caso yo tipeé el nombre de nuestra compañía, “Creative Voltion Inc.”. La fuente que elegimos fue “ITC Avant Garde Gothic” (disponible en Recursos Sweeap). Mantengan las letras en mayúsculas, especialmente si están usando esta! Continúen haciendo un copiar/pegar del texto en todo el cuadro de texto.

img_2

Paso 3

Configuración del texto: Tamaño 16pt, Regular, Interlineado 16pt, Color #404040.

img_3

Paso 4

Continúen con el copiar/pegar hasta que completen el documento entero. Expandan el cuadro de texto con la herramienta texto hasta que sobrepase el tamaño del documento.

img_4

Paso 5

Una vez que tengan lleno el documento del texto copiado y pegado, roten el cuadro de texto mas o menos en un ángulo 45 grados.

img_5

Paso 6

Hagan visible uno de nuestros objetos inteligentes. Ctrl + clic en la vista previa de la capa para seleccionar los bordes del objeto.

img_6

Paso 7

Una vez que la selección aparezca, oculten el objeto inteligente para ver la selección.

img_7

Paso 8

Rastericen la capa de texto y con la selección activa vallan a Edición, Cortar.

img_8

Paso 9

Ahora clic en Edición, Pegar y aliñen la nueva capa con la original para que los textos sea vean como corresponden. Vallan a Opciones de Fusión y cambien“Superposición de Color” a blanco.

img_9

Paso 10

Continúen haciendo el mismo proceso para los otros objetos inteligentes, pero asegúrense de siempre cortar la capa rasterizada de texto.

img_10

Paso 11

Por ultimo, creen una nueva capa y rellénenla con algún color. Coloquen esta capa sobre todas las demás y bajen el Relleno a 0%. Abran las Opciones de Fusión y cambien el Resplandor Interior con los siguientes valores y presionen Aceptar.

img_12

img_13

Espero que les aya gustado el tutorial. Las dudas déjenlas en comentarios. Saludos!!

Descargar Tutorial Wallpaper Tipográfico PDF.

conclusion

de.licio.usdiggemailfacebookfriendfeedgoogle bookmarkslinkedinmixxmyspacenetvibesnewsvineposterousredditrssstumbleupontechnoratitumblrtwitteryahoobuzzyahoomywebadd to favoritesmisterwongprint friendlyPDF

About Facundo

Hola! Soy el administrador del sitio y soy estudiante de Diseño Gráfico en Córdoba Capital, Argentina. Por cualquier problema o consulta que tengan, no olviden dejar un comentario o si no, enviarme un mensaje desde la sección "contacto".

Entry Details: This entry was posted on Wednesday, August 19th, 2009 at 1:19 am, by Facundo, and is filed under Diseños, Tutoriales, Wallpapers. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. Print This!

3 Commentsleave a comment

  • Darioxhcx says:
    19/ 08/ 2009

    es buena la idea… me gusta.. tmb se peude hacer con js como lo vi en un foro , tmb se podria con variaciones de tamaños de la fuente… en cara de persoans y demas.. salen bien
    pero e un dolro de cabeza :P
    pasee…
    en cuanto al 16×16

    sale favicom xD
    lo voy a hacer en estos dias :P

    suerte
    un saludo

  • itzel says:
    11/ 12/ 2009

    hola una pregunta no se q es lo q me falla en el paso 7 y 8 pero por mas q lo intento no me sale
    si selecciono el contorno y lo corto y cuando lo pego me abre otra capa creo q hasta ahi voy bien pero cuando veo la capa anterior donde esta el objeto inteligente aparece en blanco y pues como q no tiene chiste o bueno en se caso no me sirve porq el q copie del contorno me copia el fondo helpme please no se si me pude explicar espeor me puedas ayudar gracias
    estan muy buenos tus trabajos por eso pido tu ayuda mil gracias

  • Facundo says:
    11/ 12/ 2009

    Hola Itzel.
    No creo haberte entendido del todo bien, pero para descartar algunas suposiciones te voy a preguntar si al seleccionar el objeto inteligente, lo ocultaste y luego seleccionaste la capa de texto para hacer el copy-paste.
    Cuando haces el copy-paste es normal que se te cree otra capa con el contenido que pegaste. Pero, al poner visible la capa con el objeto inteligente se debería ver normal, ya que teóricamente no trabajas en esa capa hasta unos pasos mas adelante.
    Si seguís teniendo problemas por favor usa el formulario de la sección contacto para que se me haga mas fácil explicarte con imágenes si es necesario. Responderé lo mas rápido posible.
    Suerte!

Leave a Reply