Tecnología

Inicio

Cómo hacer un diseño de MySpace Uso de Photoshop

MySpace es un sitio web de redes sociales que permite a los usuarios hacer amigos, escuchar música, enviar boletines y mucho más. Personalización de su perfil en MySpace es sencillo con las herramientas fáciles de usar, pero también puede crear su propio diseño de MySpace personal con Photoshop. Todo lo que necesita es un poco de tiempo y creatividad, y usted tendrá su propio diseño a medida en ningún momento.

Instrucciones

Diseñar un diseño

1 Cómo hacer un diseño de MySpace Uso de Photoshop

Abrir un nuevo documento en Photoshop. Título de la imagen "MySpace Layout". Cambiar el ancho de 1010 píxeles y la altura de 900 píxeles. Mantener la resolución a 72 píxeles / pulgada y color RGB a 8 bits. Haga clic en Aceptar."

2 Cómo hacer un diseño de MySpace Uso de Photoshop


Añadir un color de fondo a su imagen. Seleccione la función "Cubo de pintura" en la barra de herramientas, seleccione un color y haga clic en el lienzo en blanco. El color debe llenar su fondo.

3 Cómo hacer un diseño de MySpace Uso de Photoshop


Crear un banner para su página. Coge la herramienta "Plaza de marquesina" en la barra de herramientas. Se parece a un rectángulo de puntos. Dibujar un rectángulo grande en la parte superior de la página con la herramienta de marco.

4 Cómo hacer un diseño de MySpace Uso de Photoshop


Elija un color para la bandera. Seleccione la función "Cubo de pintura". Haga clic dentro de las líneas de puntos para colorear la bandera.

5 Cómo hacer un diseño de MySpace Uso de Photoshop


Añadir una imagen a la bandera ya sea abriéndolo en un nuevo documento de Photoshop, copiando con la herramienta de marco y pegándolo en su bandera, o mediante la búsqueda de una imagen en línea, haga clic en él, seleccionando "Copiar imagen" y luego pegándolo a la bandera. Para pegar dentro del banner, haga clic en "Editar" y luego "Pegar dentro." Arrastre la imagen donde quiera que lo quisiera en su bandera.

6 Haga clic en "Seleccionar" en el menú superior y haga clic en "Deseleccionar" para anular la selección de la bandera.

7 Cómo hacer un diseño de MySpace Uso de Photoshop

Utilice la herramienta "Lazo" (se parece a un círculo de lazo atado en un nudo) para agregar un borde dentado de la imagen. Basta con crear un borde dentado en su imagen y después haga clic en "Eliminar" en su teclado. Asegúrese de que la capa de imagen se pone de relieve en la paleta de capas antes de llegar a "Borrar" o de lo contrario eliminar parte del fondo o banner.

8 Añadir un estilo para el borde dentado de la imagen para darle un poco más de textura y una sensación más realista. Para ello, mantenga el borde seleccionado, haga clic en "Capa", "Estilo de capa" y luego añadir un resplandor exterior. Haga clic en Aceptar."

9 Cómo hacer un diseño de MySpace Uso de Photoshop

Utilice la herramienta "Texto" para añadir texto a la bandera. Esta será la primera cosa que la gente ve en su página, a fin de mantenerlo interesante. Añadir estilos de capa a su texto para hacer que se destaque.

10 Añadir una nueva capa haciendo clic en "Capa", "Nuevo".

11 Cómo hacer un diseño de MySpace Uso de Photoshop

Añadir un área para el texto con la función "Plaza de marquesina". Debajo del menú principal, el cambio "pluma" de unos 10 píxeles. Pintar la plaza con su color deseado con la función "Cubo de pintura". Anule la selección de la zona.

12 Cómo hacer un diseño de MySpace Uso de Photoshop


Coloque los principales enlaces MySpace lugar de la página (casa, añadir, mensaje, bloque, comentario). Incluso puede agregar efectos de capa a estos vínculos con "Estilo de capa".

13 Cómo hacer un diseño de MySpace Uso de Photoshop


Añadir cualquier otra cosa que le gustaría en su página, como imágenes, un pie de página y diseños.

Cortando el diseño

14 Cómo hacer un diseño de MySpace Uso de Photoshop


Seleccione la función "divisiones" en la barra de herramientas (se ve como un cuchillo Stanley). Comience a hacer rodajas alrededor de los enlaces de su página. En cualquier lugar que usted quiera enlazar debe ser cortado en lonchas. Dibujar cortes individuales alrededor de cada enlace. Para cortar la imagen, haga clic y mantenga y arrastre la herramienta para hacer el corte tan pequeño o tan grande como desee.

15 Cómo hacer un diseño de MySpace Uso de Photoshop


Haga clic en cada rebanada que se convertirá en un enlace y agregar la dirección URL en el cuadro URL. Haga clic en Aceptar."

dieciséis Guarda la imagen para la web. Haga clic en "Archivo", "Guardar para Web" y "Dispositivos" (o "Guardar para Web").

17 Editar la configuración en el cuadro de diálogo que aparece. Puede cambiar el tipo de archivo y más. Asegúrese de que el valor de la calidad se ha fijado en 100. Haga clic en "Guardar".

Codificación de la Disposición

18 Sube cada rebanada imagen individual a un sitio de alojamiento de imágenes como Photobucket (photobucket.com) o en su propio servidor web. Esto será necesario para ver la imagen en línea.

19 Abra el navegador web Mozilla Firefox. Abra el archivo HTML que Photoshop creado por usted en su navegador web. Usted verá que todos los enlaces se puede hacer clic y que se muestra como una imagen, en lugar de rodajas. Haga clic en "Ver" en el menú, a continuación, haga clic en "Ver código fuente". Copiar el código completo y colocarlo en un documento de procesamiento de textos en blanco. Vuelva a colocar la URL de las imágenes (dado en el código de Photoshop) con las URL dadas por su sitio de alojamiento de imágenes o la URL del servidor web.

20 Crear un DIV en el documento para su presentación para ser colocado en el código DIV debe ser similar a la siguiente y debe ser colocado en el principio de todo el código.:

<Style type = "text / css">
.LayoutDIV {
background-color: transparente;
position: absolute;
izquierda: 50%; top: 150px;
desbordamiento: ninguno;
z-index: 1;
Border-style: none;
border-width: 0px;
border-color: none;
}

</ Style>

21 Colocar un código en entre el DIV diseño y la etiqueta de estilo que ocultará su entera disposición para que pueda hacer espacio para su diseño personalizado. El código utilizado es:

mesa de mesa, mesa de td.text mesa de ping-pong, table.contactTable {display: none;}
td.text mesa, .orangetext15 {visibility: hidden;}
mesa de ping-td.text {display: inline; visibilidad: visible;}
tabla td.text td.text {display: none;}
.whitetext12 {display: none;}
.orangetext12 {display: none;}
.blacktext12 Gen {display: none;}
b div fuente, div fuente u {display: none;}
.nametext {display: none;}

22 Añadir un código en su sección "¿Quién me gustaría conocer" que define el contenido para su diseño. Después de la clase DIV, asegúrese de que el nombre coincide con el nombre en la sección "Acerca de mí". La anchura y la altura deben coincidir con el ancho y la altura de su imagen, así, por ejemplo,

<Div class = "LayoutDIV" style = "margin-left: -425px; margin-top: 0px; anchura: 1010px; altura: 900px;">
<Center>
<Table width = 850 border = 0 = 0 CELLPADDING CELLSPACING = 0>

El resto del código estaría aquí ...

</ TABLE>
</ Center>
</ Div>

Guarde su disposición y ver su nueva página de MySpace.

Consejos y advertencias

  • Debe tener un enlace de bloque, o de lo contrario su página de MySpace puede ser eliminado.