Bienvenid@ guest espero que esta guia te sea de ayuda! ante cualquier duda recuerda que mi NM esta siempre abierto! :D

<a href="http://www.neopets.com/~phetalo"><img src="http://i123.photobucket.com/albums/o288/hittokiri_cap_kun/screens/banner-1.gif"></a>








f



















1. ¿Cómo consigo photoshop?

Bueno el primer paso para hacer cualquier cosa es conseguir el programa. Fijate en tu computadora posiblemente lo tengas sino aca te van 3 opciones:

1º Comprar el programa. Puede salir caro si compras la version original, en algunos paises puedas comprar la versión pirata y te sale re barato. te aconsejo que compres el programa si puedes :D

2º Busca a algun familiar o amigo que lo tenga y le pides que te lo queme en un Cd o lo guarde en un memorystick. Luego copias el programa en tu PC o lo usas directamente desde el CD. *Nota: de esta manera el programa no estara instalado pero podras usarlo igual.

3º bajalo de internet. si tienes suerte bajaras el programa y conseguiras un crak ( la verdad es un poco dificil crackearlo) o puedes bajar la version de prueba de 30 días, de esta manera tendras que bajarlo una vez al mes pero podras usarlo igual, esta es una buena opción. *Nota: no puedo hacer publicidad a otras paginas por eso no te pongo de donde bajarlo pero ve al google y busca "photoshop CS2"

Volver arriba

 

¿Por qué photoshop y no paint?

Mucha gente dice: ¿por qué usar el photoshop y no el paint si es mas facil y viene en todas las computadoras?

Pues hay muchas mas ventajas! aca te muestro algunas:

1. La calidad de la imagen es mucho mejor en photoshop, esto le da un valor agregado a tus imagenes. Agrande una imagen para mostrarte la diferencia (la de la derecha es de photoshop y la de la izquierda de paint):

A pesar que la de photoshop esta un poco pixelada la de paint esta aun mas pixelada.

Fíjate en el peso de las imagenes! las de photoshop es mas liviana, esto porque puedo elegir el formato y la calidad de la imagen antes de guardarla (explicare eso mas abajo).

2º El paint funciona como una sola imagen y el photoshop por capas, esto te da las siguientes ventajas: Puedas dar efectos diferentes a cada parte de la imagen y si te equivocas y quieres borrar algo pudes hacerlo sin afectar a la imagen de abajo, ademas de que puedes crear varias opciones y comparar cual te gusta mas, ej:

Mira como puedo borrar la korbat sin borrar el screen de bajo:

Pero mira en este caso como al borrar el korbat borro tambien el screen:

 

Volver arriba

Cómo hacer un screen

Nota: Los números en rojo son los ejemplos. Cuando leas y veas un numero asi (1) fijate en la imagen. Si no entiendes alguna palabra fijate en el glosario que aparece a la derecha de la pagina o haz click sobre ella :D, y si no esta en el glosario... pues busca en la web!

paso1

Lo primero es ver algo gracioso o interesante de lo que quieras hacer el screen.

Despúes debes imprimir la pantalla, es como copiarla o tomarle una foto, para eso presiona la tecla "print Scrn" (1) al presionarla copiaras la pantalla.

Paso2

Ahora nos vamos al photoshop. Abre el programa y ve a "file", "new" (1). Automaticamente te abrira un "lienzo" del tamaño de tu pantalla (2). Pon aceptar y te abrira un lienzo en blanco.

Paso3

En ese nuevo lienzo es donde pegaremos la pantalla (1)haz click en el y apreta: ctrl+v como pegas normalemete o ve a:" edit" y seleccionas "paste".(2)

Ya esta, el screen esta listo para que lo modifiques!

Paso4

Recuerda que el photoshop funciona con capas o layers, asi que cualquiero cosa que quieras poner, imagenes, texto etc. ponlo en layers diferentes, asi podras modificarlos o borrarlos individualmente.

Para crear una capa nueva vete a la ventana de capas, y haces click donde muestra la imagen (1), dentro de esa capa selecionada puedes poner imagenes o lo que quieras.

Paso5

Dentro del nuevo layer puedes pintar y escribir a pulso el comentario que quieras. (1) Esta herramienta es la del pincel haz click en ella (2) aca puedes cambiar el color (3) Aca cambias el grosor y la forma del pincel

Paso6

Si queires escribir algo solo haces click en la herramienta de texto (1) (el nuevo layer aparecera automaticamente(2) ) (3) aca puedes cambiar el color (4) aca cambias el tamaño y la fuente de letra.

Paso 7

Añade los dibujos y el texto que quieras, para moverlos o cambiarles de tamaño selecciona esta herramienta (1), tu screen ahora se vera como este:

Paso8

Tu screen ya esta hecho! pero fijate en las partes que te señalo con verde, esos son elementos que no son necesarios en tu screen, si los dejas tu imagen sera muy grande y pesada. Asi que vamos a deshacernos de esas partes cortando la imagen!

Para cortarla elige esta herramienta (1) ahora haz un rectangulo seleccionando la parte que quieres con estos cuadraditos (2) agranda o reduce la seleccion, (fíjate que todo lo que no esta seleccionado esta en plomo) cuando la seleccion este hecha presiona entrer, la imagen se achicara a la seleccion automaticamante!

al final tu screen se vera así:

Recuerda: esta guia es una parte muy pequeña de lo que puedas hacer, es importante que explores que es lo que puede hacer cada herramienta del programa.

Si quieres aprender otras cosas hay muchos mas tutoriales en internet, solo buscalos y aprende a hacer infinidad de imagenes :D

Volver arriba

Calar una imagen

Si quieres poner una imagen de neopets o cual quier otra, pero que no tenga fondo sigue los siguientes pasos!

Paso1

Ten abierto tu screen y en otro lienzo abre la imagen que quieres poner o copiala de neo, solo seleciona la imagen y presiona ctrl+c y sigue los mismos pasos que aqui

Como puedes ver en el lienzo 1 está mi screen y en el 2 la imagen que colocaré, la copie de neo y puede ser cualquier imagen, de neopets, petpets u objetos, para todos es el mismo procedimiento.

Paso2

Sólo trabajaremos con el lienzo 2, en este caso con la imagen del spardel, lo que haremos será quitarle el fondo blanco para que la imagen parezca recortada.

Primero elige esta herramienta (1) que es la barita mágica. Esta heramienta nos permite seleccionar partes de la imagen por colores.

Paso3

Con la herramienta de la barita hacemos click en la parte blanca de la imagen. como puedes ver en la imagen al rededor del spardel aparece una linea punteada. eso significa que hemos seleccionado toda la parte blanca (si la imagen tiene mas partes que queremos borrar selecciona y borra una por una).

Ahora para borrarla solamente presionamos la tecla "delete"

Paso4

Ahora diras: Aprete delete y el fondo blanco sigue!!!

sip, sigue por que nos olvidamos de una cosa, como explique antes el photoshop funciona con layers y siempre hay un layer con fondo blanco, asi que lo único que hacemos es borrar ese layer. Vete a la barra de layers (1), selecciona la capa que dice background (2) y has click en el basurero(3)

Lísto! tu imagen se verá así. Los cuadraditos en el fondo significan que esa parte de la imagen es transparente.

Paso5

Digamos que quieres que la imagen mire para el otro lado, es decir quieres voltear la imagen como en un espejo. Lo que tienes que hacer es: Encima de la imagen (asegurate que tienes seleccionado el layer correcto) apreta "ctrl + t" te apareceran los cuadritos para cambiar el tamaño de la imagen.

Haz click con el botón derecho de mouse, y te parecera un menú asi (1) en ese menú selecciona "flip horizontal" (2) y luego "enter" . Tu imagen mirara al otro lado.

Resultado:

Paso6

Ahora pondremos al spardel ya sin el fondo en nuestro screen.

Abrimos los dos lienzos, uno con el screen y el otro con la imagen que vamos a colocar. Seleccionamos esta herramienta y hacemos click sobre la imagen (el spardel en este caso).

Arrastramos la imagen al otro lienzo.

Ya esta! te aparecera en un layer nuevo dentro del screen.

Con la misma herramienta lo puedes mover y poner donde quieras.

Le puedes poner texto o dibujos

Volver arriba

Ventajas de los formatos

Prmero veremos la mejor forma de guardar tus imagenes o screeens, y luego veremos la diferencia entre formatos, sus ventajas y desventajas.

Paso1

Primero y recontra importante es que tienes que tener tus graficos ordenados!, sino sera muy dificil que lo encuentres cuando los quieras abrir de nuevo o subir a la web.

*Te recomiendo que tengas una carpeta de neopets, o de graficos o como quieras llamarla.

*Dentro de esa carpeta crea otras carpetas en las que guardes tus imágenes clasificadas por categorías.

*Dentro de cada categoría una carpeta con las imagenes de cada actualización.

*ponle nombre a cada imagen, nombres cortos para que te hubiques de que trata cada archivo.

aca te pongo un ejemplo de como tengo guardados mis screenies:

Paso 2

Es hora de guardar tu imagen una vez terminada. Pero aca esta el truco: No vamos a guardar la imagen en guardar como, sino que vamos a file o archivo y elegimos la opcion "save for web" o "guardar para web", aca podras elegir el formato que mejor que convenga.

Paso3

Se abrira un cuadro como este, ahi puedes ver tu imagen, haciendo click en cada cuadro puedes cambiar el formato y comparar la imagens para ver cual está mejor.

En esta parte pudes elegir el fomtato, los que aparecen ahi son los formatos que mejor funcionan para la web. Fijate en las diferencias de cada uno. Para imagenes de este tipo el formato recomendado es PNG-8, mas adelante te explicare por que.

En esta parte (1) ves el formato, aca (2) ves el peso de la imagen, siempre procura que tus screens no sobrepasen los 20 k, aca (3) ves cuanto tardara en cargar tu imagen aproximadamate. En el ejemplo puse una imagen en gif y la otra en PNG para que veas la diferencia.

Una vez que elegiste tu formato presionas save y lo guadas en tu carpeta.

Formatos

JPG

ventajas

Este formato es uno de los mas livianos, es decir que una imagen en JPG tarda muy poco en cargar.

Es ideal para fotografías.

desventajas

las imagenes en este formato tienden a perder calidad.

El texto jamás saldrá bien, tendrá unas manchitas al rededor como puedes ver en el ejemplo, asi que si tienes un grafico con texto no lo guardes en jpg.

JAMAS! pero JAMAS!!!!!! imprimas nada en jpg, no importa que sea foto, no importa el tamaño, jpg es para ver en la pantalla si imprimes algo en este formato te saldrá de pesima calidad, para imprimir mejor usa el formato TIFF o BMP o GIF.

Aunque tu imagen este calada, si la guardas en este formto el fondo blanco aparecera automaticamente. Este formato solo permite imagenes cuadradas.

Gif

Ventajas

Las imagenes en gif no suelen ser muy pesadas.

Este formato guarda muy bien las transparencias y no aparece el fondo blanco. las imagenes caladas salen perfectas.

Puedes imprimir en este formato y obtener bueanos resultados.

Lo mejor de este formato es que sirve para imagenes en movimiento o "gifs animados" (de ahi viene el nombre gif). para crearlos necesitas un programa como el image ready que viene con el photoshop o el paint shop pro (NO es lo mismo que el ms paint)

Desventajas

Es mas pesado que el jpg y el PNG... despues creo que no hay ninguno me encanta este formato XD

PNG

Ventajas

Es un formato muy liviano.

El texto te saldra perfecto, este formato guarda muy bien la calidad.

Es el mejor fotmato para imagenes en Neopets, como layouts, screens, banners sin movimiento, etc..

Desventajas

No guada bien transparencias y a veces las imagenes caladas te apareceran con un borde negro, pero tambien es uno de mis favoritos XD

 

volver arriba

Subir una imagen a la web

Cuando ya tengas todos tus screens o graficos listos debes subirlos a la web o no podras ponerlos en neopets.

Para eso deberas tener una cuenta en un servidor como photobucket o imageshak. Yo uso el Photobucket asi que te explicare como subir tus imagenes desde esa pagina.

paso1

Primero que nada te vas a la pagina photobucket.com y te creas una cuenta.

Paso2

Despues de crear la cuenta la abres. tu album se vera como en el ejemplo. Aca (1) puedes crearte sub albums.

Para subir la imagen a la web hacemos clic en "examinar" (2)

Te apareceran tus archivos, y como me hiciste caso y tienes todo muy ordenado ¬¬, encontraras tus archivos rapidamente, haces click en el que quieres subir, luego abrir y finalmete upload.

Paso3

Espera a que cargue tu archivo y te aparecera en tu album.

Este es tu codigo URL, es el que necesitas para poner tu imagen en neo o en cualquier otro sitio.

Paso4

Mucha gente no sabe que cada neopet tiene su propia pagina. Elige el neopet que quieras para que tenga tu pagina de screens. Esta pagina la puedes modificar asi:

Ve a "mi cuenta" y elige panel de control

Luego en la parte de abajo elige "editar la pagina del neopet"

Presiona editar debajo del neopet que tendra tus screens

La pagina de tu pet ya viene pre determinada asi que borramos todo el codigo HTML y escribimos el nuestro.

para colocar tus imagenes consulta la guia de html de neopets, o directamente pon este codigo:

<img src ="tu codigo URL que copiaste del photobucket">

Presionas modificar y listo!

Paso5

Solo queda hacer publicidad a tus screens!!!

anuncia en los foros, crea banners y consigue afiliados.

Si creaste screens con ayuda de mi guia mandame un banner para que lo publique aqui ;)

volver arriba

Otros tutoriales

MUY PRONTO HARE UNA GUIA DE DIBUJO!

 

 

 

Pon un link en tu página!

 

 

Glosario

Pixelada: Un pixel es un cuadradito de color de una imagen. Una imagen en la computadores esta formada por un conjunto de pixeles. Cuando una imagen esta pixelada significa que los pixeles son muy pocos y eso hace que la imagen se vea como un videojuego antiguo, es decir que los cuadraditos se notan mucho. Esto pasa cuando agrandamos una imagen.

Ejemplo de imagen pixelada:

Peso: El peso de una imagen es la cantidad de Kb o MB que ocupa. Mientras mas pesada sea mas tardará en abrirse, es por eso que algunas imagenes tardan mucho en verse, porque pesan mucho, esto depende del tamaño de la imagen y del formato en el que la guardes.

Lienzo: Un lienzo en el photoshop al iagual que en un cuadro es el documento o espacio en el que vas a trabajar. Puedes tener mas de un lienzo abierto en el photoshop.




NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions