Mini tutorial: Pequeño baner.

spawn ssj3 · 02-abr-2007, 08:14

Si alguna vez habeis querido crear un boton o un baner para rangos en los foros aqui aprenderemos como hacerlo es tan sencillo que ni siquiera me he atrevido a llamarlo tutorial.

Primer paso

Abrimos un nuevo documento transparente de 100 cm por 50 cm a resolucion de un pixel/cm

Ahora seleccionamos la herramienta de degradado en azul violeta y le damos un degradado para que quede mas o menos asi:

Ahora usaremos esta imagen

Como veis tiene el fondo negro por lo que cogeremos el borrador magico y haremos click en una parte negra del fondo en esta imagen se borrara alguna parte del render pero no pasa nada mientras no se borre la cara

Acontinuacion arrastaremos el render hasta el primer documento (ver primera imagen) hasta poner la imagen asi:

Y ya esta solo queda añadirle un marco y un textorecordar que podeis ajustar el tamaño la imagen pero con ello tambien el fondo.

Aqui el resultado final

Espero haber ayudado con este minitutorial.

goku ss4 · 02-abr-2007, 08:54

Muy bueno el tuto seguro que a mas de uno le servira gracias por el aporte

vercceti · 03-abr-2007, 02:24

Bueno spawn ssj3, hay que decir que ese banner es muy sencillo. Si no te importa lo mejoro un poco:

Creamos una nueva imágen Archivo/Nuevo... con estas medidas: 136x31

Una capa para cuadro, creamos dos cuadros (pulsa la tecla M), uno más ancho que otro. En el más pequeño irá tu logo, en el grande irá el título. Cuando hayamos hecho el primero cuadrado (el pequeño), lo rellenamos con G de Negro. El segundo cuadro, el más grande, lo hacemos a partir de la selección anterior, y picamos Selección/Invertir; después lo rellenamos de un negro un poco más claro, pero no demasiado.

Ahora abrimos el logo para el banner. Yo en este caso lo voy a hacer de Adobe Photoshop CS2. Asegúrate que el logo esté renderizado; si no lo está, lo renderizamos con W. Lo colocamos en el cuadro izquierdo. Si lo crees conveniente, dale opacidad (lo encontrarás en la ventana de capas). Yo le he dado 80%.

El título lo pondremos en el cuadro derecho. Para banners la fuente ideal es Fidexys, pero para este banner he utilizado Tw Cen MT Condensed, 4,5pt. En blanco y Nítida.

Vamos ahora a por los cuadrados. En estilo de capa, Bisel y Relieve, ponemos Relive en vez de Bisel Interior y le aplicamos a los cuadros 62%, 65px y 16px. Aceptamos. Luego creamos una nueva capa por encima de todas y con M abarcamos todo el banner. Edición/Contornear... 1px, color negro total y hacia dentro.
Guardamos el banner en formato GIF y listo.

Si quereís descargar el PSD: YouSendIt - File Sharing Transfer Delivery - PC FTP Replacement

Salu2.

goku ssj6 · 03-abr-2007, 03:01

Yo usaria letras que sean del tema de que pones el banner, y si no tienen temas poner la visitor o una font más pequeña.

Silver Sword · 03-abr-2007, 04:43

No me ha gustado el tuto. Se parece mucho a el de la firma sencilla. Un 4.

spawn ssj3 · 03-abr-2007, 07:32

Me parece que nadie ha mirado bien el tutorial ya que e puesto que era tan sencillo que ni siquiera me atrevi a llamarlo turorial por supuesto que ese no es un gran baner porque esto era para principiantes el fonodo ni tiene efectos ni nada porque era un baner para aprender .

dark light · 11-abr-2007, 10:41

pues esta bien y tengo uan duda como hajo esos tipos de letra ya que soy principiante xD y no se hacer casi nada

saludos!