» Tutorial para hacer userbars
Publicado: Dom Nov 11, 2007 7:09 pmPaso 1:
Primero de todo vamos a crear un motivo. Ponemos nuevo y le ponemos los siguientes valores: 3x3, resolución 72 píxeles/pulgada, fondo transparente y ya esta. Luego ampliamos al máximo y dibujamos una línea en diagonal con un pincel cuadrado de 1 px.
Luego le damos a edición > definir motivo, le ponemos un nombre y aceptamos.
Paso 2:
Hacemos un nuevo documento y le ponemos los siguientes valores: 350x19 resolución 72 píxeles/pulgada y fondo blanco. Le ponemos un degradado de los colores que se quieran. Le damos a la herramienta de degradado y donde se ve arriba un degradado le damos. Abajo se vera un degradado con unas flechas. Le damos a esas flechas para definir el color. Cuando ya esté el degradado listo (se recomienda hacer combinaciones de "azul-negro, verde-negro...") se hace un degradado en diagonal.
Paso 3:
Se crea una nueva capa y se coge el marco rectangular. Seleccionamos todo y le damos al botón derecho a dentro de la selección. Le damos a rellenar. Le pondremos contenido: usar motivo y el motivo personalizado el que hemos creado antes. Le aceptamos y le ponemos en una opacidad baja pero que se vean las líneas.
Paso 4:
Se pone la imagen que queremos poner para la userbar. La ponemos donde queramos y la cortamos con el borrador mágico.
Paso 5:
Ahora viene el texto. Se pone el texto con letra Visitor blanca (se puede descargar en dafont) en tamaño 12px y se centra. Luego le damos con el botón derecho de la capa (donde se ven todas las capas) y le damos a "opciones de fusión". Le ponemos "trazo" con los siguientes valores: Tamaño 1px, posición fuera, tipo de relleno color y color: negro. Ya estará listo el texto.
Paso 6:
Se crea una nueva capa y luego le damos con el botón derecho a la herramienta "marco rectangular" y le damos a marco elíptico. Marcamos la parte superior de la userbar con el marco elíptico y luego le damos con el botón derecho dentro de la selección. Le damos a "rellenar" y hacemos lo mismo de antes solo que en vez de poner "motivo" le ponemos "blanco". Le aceptamos y luego se pone con opacidad 35.
Paso 7:
Creamos una nueva capa y le ponemos marco rectangular. Seleccionamos todo y ahora en vez de ponerle "rellenar" le pondremos "contornear". Le pondremos los siguientes valores: Anchura 1px, color negro y posición centro. Le damos a aceptar y ya tendremos la userbar.
Este es mi primer tutorial así que no se si me he explicado muy bien
Poned resultados! ^^
Primero de todo vamos a crear un motivo. Ponemos nuevo y le ponemos los siguientes valores: 3x3, resolución 72 píxeles/pulgada, fondo transparente y ya esta. Luego ampliamos al máximo y dibujamos una línea en diagonal con un pincel cuadrado de 1 px.
Luego le damos a edición > definir motivo, le ponemos un nombre y aceptamos.
Paso 2:
Hacemos un nuevo documento y le ponemos los siguientes valores: 350x19 resolución 72 píxeles/pulgada y fondo blanco. Le ponemos un degradado de los colores que se quieran. Le damos a la herramienta de degradado y donde se ve arriba un degradado le damos. Abajo se vera un degradado con unas flechas. Le damos a esas flechas para definir el color. Cuando ya esté el degradado listo (se recomienda hacer combinaciones de "azul-negro, verde-negro...") se hace un degradado en diagonal.
Paso 3:
Se crea una nueva capa y se coge el marco rectangular. Seleccionamos todo y le damos al botón derecho a dentro de la selección. Le damos a rellenar. Le pondremos contenido: usar motivo y el motivo personalizado el que hemos creado antes. Le aceptamos y le ponemos en una opacidad baja pero que se vean las líneas.
Paso 4:
Se pone la imagen que queremos poner para la userbar. La ponemos donde queramos y la cortamos con el borrador mágico.
Paso 5:
Ahora viene el texto. Se pone el texto con letra Visitor blanca (se puede descargar en dafont) en tamaño 12px y se centra. Luego le damos con el botón derecho de la capa (donde se ven todas las capas) y le damos a "opciones de fusión". Le ponemos "trazo" con los siguientes valores: Tamaño 1px, posición fuera, tipo de relleno color y color: negro. Ya estará listo el texto.
Paso 6:
Se crea una nueva capa y luego le damos con el botón derecho a la herramienta "marco rectangular" y le damos a marco elíptico. Marcamos la parte superior de la userbar con el marco elíptico y luego le damos con el botón derecho dentro de la selección. Le damos a "rellenar" y hacemos lo mismo de antes solo que en vez de poner "motivo" le ponemos "blanco". Le aceptamos y luego se pone con opacidad 35.
Paso 7:
Creamos una nueva capa y le ponemos marco rectangular. Seleccionamos todo y ahora en vez de ponerle "rellenar" le pondremos "contornear". Le pondremos los siguientes valores: Anchura 1px, color negro y posición centro. Le damos a aceptar y ya tendremos la userbar.
Este es mi primer tutorial así que no se si me he explicado muy bien
Poned resultados! ^^
