tutorial crear tapices para hi5 v.2 mejorado

22
Ya que muchos me lo han pedido he decidido hacer una nueva versión de este tutorial, más que una nueva versión, es una actualización de la versión anterior, con nuevos links, nuevas herramientas, nuevas imágenes, entre otras cosas. Se añadió también una forma de recolectar dinero para poder comprar monedas en hi5, utilizadas para adquirir regalos y demás. Este tutorial pretende demostrar los pasos básicos para la realización de tapices para perfiles de la página de hi5, sin llegar a profundizar en detalles. Hay muchas formas de hacerlo, yo les mostrare una de ellas (la que yo ocupo). Es fácil, rápido y sencillo. Antes que nada veremos de forma muy rápida las herramientas necesaria que vamos a utilizar, luego haremos paso a paso la configuración de estas herramientas para después seguir con la edición de imágenes y finalizando con la colocación de dichas imágenes en el lugar correspondiente (subida de imágenes), además veremos también como comprar monedas hi5, y como recoger dinero para ellas.

Upload: arlendx

Post on 06-Jun-2015

164.297 views

Category:

Documents


0 download

DESCRIPTION

Un tutorial que muestra los pasos básicos para crear nuestros propios tapices de la pagina hi5. Con un resultado ya aprobado, links actualizados, nuevas herramientas y muchas cosas nuevas.Ganar monedas hi5

TRANSCRIPT

Page 1: Tutorial crear tapices para Hi5 V.2 Mejorado

Ya que muchos me lo han pedido he decidido hacer una nueva versión de

este tutorial, más que una nueva versión, es una actualización de la versión

anterior, con nuevos links, nuevas herramientas, nuevas imágenes, entre

otras cosas. Se añadió también una forma de recolectar dinero para poder

comprar monedas en hi5, utilizadas para adquirir regalos y demás.

Este tutorial pretende demostrar los pasos básicos para la realización de

tapices para perfiles de la página de hi5, sin llegar a profundizar en detalles.

Hay muchas formas de hacerlo, yo les mostrare una de ellas (la que yo

ocupo). Es fácil, rápido y sencillo. Antes que nada veremos de forma muy

rápida las herramientas necesaria que vamos a utilizar, luego haremos paso

a paso la configuración de estas herramientas para después seguir con la

edición de imágenes y finalizando con la colocación de dichas imágenes en

el lugar correspondiente (subida de imágenes), además veremos también

como comprar monedas hi5, y como recoger dinero para ellas.

Page 2: Tutorial crear tapices para Hi5 V.2 Mejorado

Herramientas necesarias.

Lo más importante para crear nuestros tapices es el software para la edición

de imágenes, hay muchos que son buenos, tales como:

Paint.NET

Xara Xtreme

Gimp

Corel Draw

Photoshop

En este caso vamos a utilizar Photoshop CS2, pero perfectamente puede ser

Photoshop CS o CS3, sino dispones de este, puedes descargarlo siguiendo

este link. (Es la versión de Photoshop CS 2 portable con ImagenReady, lo

cual quiere decir que no es necesario instalarla y tan solo pesa 50MB,

perfecta para nuestros fines)

También ocuparemos brushes (pinceles) para facilitar la creación de nuestro

tapiz así como también Layers (estilos).

Baja el paquete de brushes aquí. (El paquete incluye los brushes utilizados en

este tutorial y alrededor de 70 brushes mas de diferentes estilos)

Baja los layers aquí.

Configuración

Procederemos con la configuración de los brushes y layers en nuestro

Photoshop.

Abrimos Photoshop, hacemos click en “Edición” y luego en “Gestor de

ajustes preestablecidos”.

Page 3: Tutorial crear tapices para Hi5 V.2 Mejorado

En “tipo ajuste preestablecido” elegimos “Pinceles” damos click en

“Cargar” y nos saldrá la ventana siguiente, en ella buscamos el archivo que

descargamos llamado “Brushes.abr” y abrimos.

Nos saldrán nuestros pinceles ya cargados:

Page 4: Tutorial crear tapices para Hi5 V.2 Mejorado

Los que están en rojo son los utilizados en este tutorial

Luego para cargar los Layers seguimos los mismos pasos anteriores pero

ahora en “Tipo ajuste preestablecido” seleccionamos “Estilos” y buscamos

los archivos llamados “jayhan-56-layer-styles.asl” y

“web20layerstylesv1.asl” y damos click en “Hecho” con esto ya queda

configurado lo que vamos a ocupar.

Page 5: Tutorial crear tapices para Hi5 V.2 Mejorado

Lo que debemos saber.

Este paso podemos hacerlo de diferentes formas ya sea creando parte por

parte las imágenes, bloque por bloque o creando el bloque completo que es

la suma de las parte y luego recortar las secciones. Este último es el que yo

ocupo y se me hace mucho más fácil.

El tapiz que hare como ejemplo solamente pretende ilustrar el modo en el

que ocuparemos las layers, los brushes y las diferentes herramientas de

Photoshop, solamente hare la sección principal ya que los demás pasos son

repetitivos (así que no me culpen si no queda bonito o llamativo jeje).

Las medidas que daremos a nuestras imágenes son las que nos pide el hi5

en la página de creación de tapices. Para poder ver esta página, entramos a

nuestro perfil, click en Cambiar mi Tapizado y luego “Hacer un Tapiz para

Perfil »”:

Page 6: Tutorial crear tapices para Hi5 V.2 Mejorado

Lo que está encerrado en el cuadro rojo ya no está disponible en el nuevo hi5, lo he dejado

por ilustración nada más.

Por lo general la sección de “Ajustes Globales de la Página” la dejo para el

final, así que en este momento no la tocaremos. Trabajaremos en la sección

principal, como ya les mencione haremos el bloque completo que es la suma

de las partes, es decir:

“Encabezado de la sección + Navegación de Sección (que ahora ya no está

disponible)+ Contenido de la sección + Fondo del Pie de Página”

Bloque total =

956x35 píxeles

956x30 píxeles (ya no es necesario ponerlo sumarlo)

956x500 píxeles

Y el pie de la página que puede variar desde 956x1 hasta

956x60 píxeles (Yo lo dejo de 956x15 ya que no me gusta

que sea tan grande).

En total será de 956x550 (por los 30 menos del tramo

vertical de la navegación de sección) En este tutorial lo

ocupe así que lo deja de 956x580

Edición de imagines

Bien una vez dicho esto comenzamos a hacer nuestro tapiz:

En Photoshop creamos un archivo nuevo con las medidas que ya

mencionamos 956 pixeles de ancho y 580 de alto:

Page 7: Tutorial crear tapices para Hi5 V.2 Mejorado

Una vez hecho esto, delimitaremos los 3 bloques para esto

usaremos la herramienta recortar (marcada con un 1), cuando

seleccionemos esta herramienta, en la parte superior nos saldrá

esto:

Anchura lo dejamos como esta y Altura la definimos como 65.

Arrastramos desde una esquina sobre la imagen, de arriba para

abajo hasta que llegue a su límite y la regla de arriba la soltamos en

el borde punteado de abajo (la regla la sacamos con Ctrl+R), hecho

esto en ese mismo menú a la derecho nos saldrá un cheque y una

negación, le damos click en la negación para decirle al programa

que ya no queremos cortar, porque en realidad no era eso lo que

queríamos:

Page 8: Tutorial crear tapices para Hi5 V.2 Mejorado

Luego, repetimos el

mismo proceso pero

ahora altura le definimos

como 15. Con la

herramienta recortar

arrastramos de abajo

para arriba y la regla la

ponemos en la parte

superior, siempre en la

línea punteada. Nos

tiene que quedar así:

Ahora crearemos dos capas haciendo doble click en la parte que se indica

de esta ventana:

Page 9: Tutorial crear tapices para Hi5 V.2 Mejorado

Manteniendo seleccionada la Capa 2 y

utilizando la herramienta Marco

rectangular (marcada anteriormente como

2) vamos a seleccionar la parte de arriba

de nuestra imagen hasta donde dejamos

la regla, notaremos que la selección se

acomoda a las reglas, una vez

seleccionada pintamos dentro de ella con

la herramienta Bote de pintura. Hacemos

esto mismo con la parte de abajo pero

para esta tendremos que tener

seleccionada la Capa 1, tiene que quedar así:

Hecho esto los demás pasos van a depender más que todo de nuestra

creatividad, yo lo hare de una forma, los demás pueden variar según su

gusto.

Page 10: Tutorial crear tapices para Hi5 V.2 Mejorado

Seleccionaremos la Capa 2 y vamos a aplicar un estilo, para esto solo vamos

a la ventana de estilos (que son los que previamente cargamos) y

seleccionamos el que más nos guste. Lo mismo hacemos para la Capa 1, yo

elegí aplicarle el estilo llamado “Orange Gloss”:

Aparte yo pinte la Capa “Fondo” de color negro pues me gusta más ese

color y ya con el estilo aplicado a la capa 1 y 2 me queda así:

Creamos una capa nueva y la situamos entre la Capa Fondo y la Capa 1, en

esta haremos el dibujo que más nos guste, yo usare los brushes que

cargamos al principio. Seleccionamos la Herramienta Pincel y elegimos el

pincel que más nos guste yo elegí este:

Page 11: Tutorial crear tapices para Hi5 V.2 Mejorado

Luego es fácil, con el pincel seleccionado hacemos click donde queremos

imprimir la imagen y listo! yo lo he situado en medio de la Capa que

acabamos de crear y le aplique el mismo Estilo que definí a la Capa 1 y 2. Me

ha quedado así:

Page 12: Tutorial crear tapices para Hi5 V.2 Mejorado

Insisto esto depende de la creatividad de cada quien, yo lo dejare nada mas

así, ahora hacemos click derecho sobre cualquiera de las capas y elegimos

“Combinar visibles” nos quedara una sola capa, esto lo hacemos para que al

momento de cortar los estilos que aplicamos no cambien de forma:

Ahora lo que haremos será cortar cada parte de la imagen del tamaño que

habíamos definido anteriormente:

956x35 píxeles del Encabezado de la sección

956x30 píxeles de la Navegación de Sección (No olvidar que esta ya no

se ocupa en el nuevo hi5, asi que no tenemos que hacer)

956x500 píxeles del Contenido de la sección

956x15 del Pie de Página

Como lo hicimos anteriormente, seleccionamos la Herramienta Recortar y

vamos definiendo el tamaño, primero 956 de Anchura y 65 de Altura, para

sacar el Encabezado y la Navegación de sección, arrastramos y luego

presionamos “Enter”, nos queda así:

Page 13: Tutorial crear tapices para Hi5 V.2 Mejorado

De esta imagen, que nos ha quedado de 956x65 sacaremos dos, la de 956x35

que será de la parte de arriba y la de 956x30 que será la parte de abajo. Lo

mismo recortamos cada pieza (yo saco la de arriba primero):

Nos vamos al menú Archivo, Guardar como (yo le puse como nombre “1”), la

definimos como JPEG y presionamos Guardar:

Page 14: Tutorial crear tapices para Hi5 V.2 Mejorado

Para sacar la segunda imagen que es la de la parte de abajo, vamos al

historial y nos regresamos hasta el punto en el que hicimos el primer

recorte:

Tendremos nuestra imagen de nuevo como en un principio:

Luego repetimos los pasos definiendo la Altura como 30, seleccionamos

desde abajo, recortamos y guardamos.

Ahora en el historial nos regresamos hasta el punto en que Combinamos las

capas visibles, de esta manera volvemos a nuestra imagen original:

Page 15: Tutorial crear tapices para Hi5 V.2 Mejorado

Ahora hacemos lo mismo, recortamos una sección de 956x500 que es el

Contenido de la Sección, arrastramos, (Probablemente no nos queda la

selección hasta donde queremos y nos queda así):

Lo único que tenemos que hacer es arrastrar el cuadro que nos queda de la

selección hacia abajo y hacerla coincidir con el borde del pie de página,

recortamos y nos queda así:

Page 16: Tutorial crear tapices para Hi5 V.2 Mejorado

La guardamos, y hacemos esto mismo con el pie de página. Estos mismos

pasos seguiremos para crear las mini secciones las cuales no muestro acá

porque son pasos repetitivos idénticos a los que ya hicimos, lo único que

varia es el tamaño. Los ajustes globales de la pagina, puede ser una imagen

de 1600x900 o imágenes pequeñas que se repetirán a lo largo y a lo ancho.

Subida de imágenes.

De nuevo entramos a nuestro perfil, click en Cambiar tapizado, Hacer un

Tapiz para Perfil » y nos encontramos otra vez con la pantalla que ya

conocemos:

Aquí identificamos 4 cosas básicas:

Área para el nombre

Sección para subir imagen

Page 17: Tutorial crear tapices para Hi5 V.2 Mejorado

Sección de Posicionamiento

Sección para el color del texto y enlaces

Aquí tenemos que escribir un código hexadecimal, este lo podemos

obtener desde el Photoshop haciendo click en el espacio de la paleta

de colores, luego marcamos la casilla “Solo colores web”, elegimos el

que nos guste y copiamos el código que se nos muestra:

Quiero que mi tapiz tenga de fondo un color negro, para esto voy a: Ajustes

globales de la página, color de fondo, y escribo el código que corresponde al

color negro #000000.

Ahora subiremos la primera imagen que es la del Encabezado de sección,

hacemos click en examinar, buscamos nuestra imagen (en mi caso la de

nombre “1”) y nos saldrá esto:

Page 18: Tutorial crear tapices para Hi5 V.2 Mejorado

Damos click en la flechita hacia arriba y la imagen comenzara a subir, una

vez subida nos tiene que salir así:

Hacemos estos mismos pasos para todas las demás imágenes, colocando

cada una en el lugar que le corresponde.

En todo momento podemos ver cómo va quedando nuestro tapiz, haciendo

click en Vista previa (para esto tenemos que haber puesto ya un nombre a

nuestro tapiz), el mío va quedando así:

Como podemos ver ya va tomando forma pero las letras no se ven, esto se

debe a que aun no he definido los colores de la Sección Principal, damos

click en “Return” y las definimos, yo las pondré de color blanco #FFFFFF,

también definiré el color de texto y de enlaces en los Ajuste Globales de la

Pagina, siempre con color blanco.

Le damos vista previa nuevamente y ya vemos la diferencia:

Page 19: Tutorial crear tapices para Hi5 V.2 Mejorado

Bien ahora nos regresamos y damos click en Guardar para salvar lo que

hemos hecho.

Con esto termino lo que es el tutorial. He mostrado las cosas más básicas

para hacer nuestro propio tapiz de forma sencilla y tratando de que se

comprenda lo más posible.

Con un poco de tiempo, paciencia y creatividad le podemos agregar más

detalles, al final me quedo así:

Page 20: Tutorial crear tapices para Hi5 V.2 Mejorado

Notas:

Para poder mandar nuestro tapiz a revisión y que de esta manera las

demás personas lo puedan ocupar es necesario haber subido las 8

imágenes que comprende Ajustes globales, Sección principal y Mini

Secciones.

No olviden visitar mi Hi5 en http://arlenbv.hi5.com

El tapiz finalizado ya fue aprobado jeje, lo pueden encontrar con el

nombre de Bio Orange!

Ganar dinero para hi5 (o cualquier web) y poder comprar

monedas.

Últimamente la mayoría de redes sociales ha añadido tiendas virtuales en las

que podemos canjear dinero real por diversos artículos y ocuparlos en línea,

como ya muchos se habrán dado cuenta Hi5 también ha hecho lo suyo y

podemos comprar regalos y ciertas características especiales que lo harán

verse mucho mejor.

Y no lo podemos negar lo que mejor se ve es lo más caro, entonces que

mejor manera de hacer que nuestro hi5 se vea mucho más vistoso luciendo

un nuevo tapiz hecho por nosotros mismos y además añadiéndole unas

cuentas “características especiales”.

No se ustedes a mí me gustan, pero lo que no me gusta es gastar mi dinero

en ellas. Entonces ¿cómo podemos hacer para adquirir “Monedas Hi5” sin

gastar ni un centavo de nuestros bolsillos?, la solución es más fácil de lo

que parece, para ello utilizaremos otra web llamada neobux.

Bien ahora ten un poco de paciencia y sigamos leyendo…

¿Qué es neobux?

Neobux es una página muy famosa en internet en la cual nosotros ganamos

dinero tan solo por hacer clics en unos cuantos anuncios al día.

¿Cómo funciona?

Al momento de registrarte en Neobux te dan un link propio, este lo debes de

conservar, pues luego te servirá. Todo esto funciona mejor y más fácil si

tienes referidos, los referidos son personas que se registran por medio de tu

link, es decir tú se los das a ellos y ellos se registran por medio de él.

Page 21: Tutorial crear tapices para Hi5 V.2 Mejorado

¿Cuánto gano?

Al día se te presentan 4 anuncios, tú haces clics en ellos y al final has

ganado $0.04.

Suena poco pero déjame y te lo planteo. Supongamos que tú tienes 15

amigos que se han inscrito por medio de tu link, es decir 15 referidos, ahora

veamos cifras:

Suceso Ganancia

Tú haces clic en 4 anuncios en el día $0.04

Tus 15 amigos hacen clic en los 4 anuncios del día

$0.60

Tu Ganancia diaria $0.64

Tu Ganancia Mensual $19.20

Te imaginas $19.20 para ti, prácticamente sin hacer nada, y solo con 15

referidos, imagínate tener 30, serian $37.20, ahora hacer esos 15 referidos

para ti será fácil pues debes de tener amigos que también les interese ganar

dinero extra y les guste tener su hi5 a toque.

Las monedas hi5 no son caras, 400 monedas tiene un valor de $2.50, hasta te

sobrara dinero para comprarte las cosas que quieras… quien sabe con el

tiempo… un psp, un Xbox, un play station 3 LO QUE SE TE OCURRA

Mi propuesta

Si quieres te puedes registrar en Neobux por medio de mi link:

http://www.neobux.com/?r=arlendx

Y como muestra de mi agradecimiento yo te enviare un link con el cual

podrás descargar un pack de 5 tapices completos para tu hi5, hechos por mí.

3 de ellos son tapices aprobados por hi5 (públicos), pero además te

enviare el archivo PSD de Photoshops para que tu lo puedas modificar

a tu antojo y hacer lo que quieras con él.

Los otros 2 son tapices Privados, es decir que nadie más los tiene y

que le darán un toque de originalidad a tu hi5.

Para agregar, a las personas que sean más activas les regalare un

tapiz a su gusto, es decir que se los hare según sus exigencias y

como me lo pidan, sin incluir mi firma en ellos, el tapiz ira firmado a su

nombre como si ustedes fueran sus creadores.

Page 22: Tutorial crear tapices para Hi5 V.2 Mejorado

Si te inscribes en Neobux por medio de mi link házmelo saber enviándome

un mensaje a arlendx(arroba)Hotmail.com con el Nick que ocupaste al

momento de tu inscripción y yo te enviare el pack que he prometido.

Nota: Si no sabes cómo abrir una cuenta paypal puedes seguir estos

sencillos pasos.