Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: + enrique ZP en 9 Mayo 2005, 03:31 am



Título: Tutorial [Boton 80 x 15]
Publicado por: + enrique ZP en 9 Mayo 2005, 03:31 am
[Boton 80x15]

Lo primero que haremos es abrir un documento nuevo de 85 x 15px con fondo transparente, color RGB y resolucion de 72px.

(http://img202.echo.cx/img202/5060/nobaton16om.jpg)

(http://img202.echo.cx/img202/5300/nobaton27ie.jpg)

Ahora agarramos nuestro bucket tool y rellenamos todo de blanco.

(http://img202.echo.cx/img202/4815/nobaton32fm.jpg)

Le damos right click en Blendings de el mismo layer y nos vamos a stroke le damos color gris, el tono que quieras y size 1, el resto dejalo igual, y le das blend inside.

(http://img202.echo.cx/img202/1719/nobaton48jt.jpg)

Vuelve a utilizar el Paint Bucket tool y rellenalo de el color que tu desees, yo escogi uno azul. Y luego le das un borde blanco en donde tu quieras, yo lo deje asi.

(http://img67.echo.cx/img67/4047/nobaton50ip.jpg)

http://www.kottke.org/plus/type/silkscreen/ y la pones en tamaño 9. Yo escogi el texto Nobalogic en tamaño 9 y color white.

(http://img67.echo.cx/img67/728/nobaton62jw.jpg)

Ya has terminado. Facil y sencillo ademas de esto podemos ponerle un logo a la parte delgada. Yo ocupe el logo de www.elhacker.net y me quedo asi.

Logo
(http://www.elhacker.net/images/logo_pagina.jpg)

(http://img67.echo.cx/img67/7899/botin2tv.gif)

PD: Una sugerencia, es preferible que hagan zoom cuando tengan imagenes pequeñas  les da mejor vista de lo que vna haciendo.

Espero les haya gustado, dudas y comentarios las hacen aqui mismo.

Hasta Pronto ;)


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: MinusFour en 9 Mayo 2005, 03:43 am
k bien.. ahora hare mi nav mas bonito :P


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: Jec en 9 Mayo 2005, 03:47 am
habria que darle algo mas de calidad que se ve medio borroso  :-\
Saludos


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: + enrique ZP en 9 Mayo 2005, 03:49 am
habria que darle algo mas de calidad que se ve medio borroso  :-\
Saludos

Es problema del logo jeje, si escogo otro icono se veria bien, la calidad la quita el logo, es muy grande y yo le e reducido demasiado. Si escogo cualquier icono o careto se veria muy bien. jeje.

Hasta Pronto ;)


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: MinusFour en 9 Mayo 2005, 03:50 am
habria que darle algo mas de calidad que se ve medio borroso  :-\
Saludos

see claro.. como no esta pequeña xD.. pero creo que habia un programa que te dejaba esto bien :s


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: Jec en 9 Mayo 2005, 03:52 am
un programa vectorial sin duda aumentaria muchisimo la calidad de la imgen en general
saludos


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: wvb en 9 Mayo 2005, 11:30 am
Bueno a mi me ha kedado así, pero no he seguido exactamente este tutorial, aunke esta muy bueno.  ;)

Yo es k veo algo y lo imito por mis propios medios xD.

Bueno me kedó esto.

(http://usuarios.lycos.es/tommyangelo/elchaker.jpg)

Opiniones, dudas, etc aki plz xD


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: + enrique ZP en 9 Mayo 2005, 12:10 pm
Es 80 x 15 no 132 x 23 xDDDDDD te has dobleteado el tamaño xDDDDD.

Pues la verdad no me gusto todo blanco y el logo negro y letras azules, y sin border xDDD.

Hasta Pronto ;)


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: johnwmartinez en 8 Junio 2005, 06:44 am
soy conciente que el tema es bastante viejo, pero aqui mencionan algo que me llama la atencion...

hablan de un prgrama vectorial y esto me da una pregunta que desencadena otra:

1. el programa vectorial es para hacer que las imagenes al hacerlas pequeñas no pierdan su calidad sino que queden igual que como eran cuando grandes?

si esto es verdad, entonces:

2. Me pueden decir algunos programas vectoriales e informacion sobre donde puedo conseguirlos?


gracias...


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: aNexos en 8 Junio 2005, 07:02 am
Un programa vectorial no es para eso.

Es para manejar (editar, crear, etc) imágenes vectoriales.

Existen dos tipos de imágenes, de mapa de bits y vectoriales. A diferencia de las de mapa de bits, la vectoriales no pierden calidad al aumentar o reducir su tamaño (como mensionas), pero no se le puede dar esa caracteristica a una imágen "común".

Para que te des una idea. Las imágenes con las que se crean las animaciones flash, son vectoriales.

Programas para manejar imagenes vectoriales; Corel Draw, Illustrator, Freehand...

Salu2


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: kåhjî£ en 8 Junio 2005, 17:41 pm
Un programa vectorial no es para eso.

Es para manejar (editar, crear, etc) imágenes vectoriales.

Bueno aqui el concepto de "imagenes" como que no entra, los progamas que basan sus funciones o el mayor ptencial de sus funciones en vectores no las convierte en "imagenes" propiamente dichas. bueno mejor no sigo explicando esto por que me enredo.

Un programa con manejo de vectores como si tuvieses un lapiz y papel (por ponerlo de esa forma.
Y un programa para manejar "imagenes" propiamente dichas es como si tuvieras en un taller artistico, en el taller de vicen van gogh o algo asi.

no se si me hice entender.. por que la verdad hasta ni yo me entendi.. xDD


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: aNexos en 9 Junio 2005, 19:13 pm
Creo que el concepto me hubiera quedado mejor diciendo simplemente, para el "manejo de vectores".

Si, medio entendí XD. Buena analogía :P


Título: Re: Tutorial [Boton 80 x 15]
Publicado por: jeyperman en 5 Abril 2006, 19:53 pm
Hola ,buenas,vamos a ver,no llevo mucho tiempo con el photoshop pero de ahi a que lleve mas de dos horas intentando seguir este tutorial y no haya cojones a hacer el boton  y me haya que tenido que buscar yo la vida para hacerlo mas o menos bien,entonces  llego a la conclusion o el "tutorial" no esta tan bien o yo en vez de esta bebiendo agua me he equivocado y estoy bebiendo vodka.
Empiezo:
Creo un nuevo documento 80x15,transparente,etc,lo relleno de blanco,me voy a opciones de fusion y marco trazo,le pongo tamaño 1,posicion dentro y color gris,vale el boton de los cojones sigue blanco,segun el manual he hecho esto ------Le damos right click en Blendings de el mismo layer y nos vamos a stroke le damos color gris, el tono que quieras y size 1, el resto dejalo igual, y le das blend inside.------ y todo sigue igual,he seguido el puto tutorial hasta el final y nada me sale como salen las imagenes,es mas lo he intentado hacer a mi manera y me llega a salir el boton,pero!!! segun el manual para introducir el texto solo tienes que hacer esto -------http://www.kottke.org/plus/type/silkscreen/ y la pones en tamaño 9. Yo escogi el texto Nobalogic en tamaño 9 y color white.-------IMPOSIBLE.... te sale una letra grandiosa,claro el duocumento solo tiene de alto 15,entonces yo me pregunto ,en serio que alguien ha seguido este manual al pie de la letra y le ha salido? NO ME LO CREO voy a volver a mirar el vaso de agua a ver si tengo vodka.
Mi metodo:
-Creo un documento 80x15.
- Lo relleno de blanco.
- Me voy a opciones de fusion y marco trazo,tamaño 1,posicion    dentro,color blanco por que si le pongo color gris el borde me sale gris.
-Pongo un color frontal que me mole y le doi al bote de pintura,AHORA SI QUE ME SALE UN BORDE BLANCO Y EL COLOR QUE YO QUIERO.
-Creo otra capa y hago lo mismo pero con otro color que me mole.
-Entonces para partir el boton en dos zonas muevo una capa hacia un lado,digamos que me ocupe un 70 %  y la otra la muevo para que me ocupe un 30 %.
- ALELUYA, ya tengo el boton con bordes blancos pero llega el problema del texto,aqui supongo que ya sera problema de ser novato en esto pero bueno todo es cuestion de seguir probando.
RESUMIENDO.
Con todos mis respetos hacia el que ha hecho este tutoria que seguro que me da mil vueltas a mi,pero la verdad a mi este tutorial no me ha servido una p**a *****,siento utilizar estas palabra pero como comprendereis despues de mas de dos horas
solo me ha servido mi sistema.
GRACIAS DE TODAS FORMAS.