Tutorial Photoshop - Redimencion imagen y link directo

Como muchos saben, en varios foros se les exige que una imagen tenga una resolucion predeterminada. Aveces, la conseguimos y otras veces, obtenemos una imagen de una resolucion mayor o menor que pueden descuadrar una tablilla o no ser aceptada en tales casos. Muchas veces, varios usuarios no comprenden en como redimensionar una imagen ni tampoco que es un "Link directo". Aqui se dejara una pequeña guia de como hacerlo.

1 - Photoshop:
En este tutorial se usara de base photoshop. Pero si obtienes mediante la web algun otro programa para poder redimensionar imagenes a tu gusto, seria de gran agrado que dejes un comentario con la misma asi es agregada al tutorial. Yo uso el Photoshop Cs5 pero tambien es aceptable usar el Cs4 o para computadoras mas viejas, el Cs3 TODOS PORTABLES.
Aqui les dejo el link mediante mediafire para el photoshop. Pesa alrededor de 120mb: Photoshop

2- Un servidor:
Necesitamos un servidor que aloje imagenes ajenas. Se puede usar tinypic, imageshack, imgur (Yo uso esta ultima) etc. La cuestion, es que nosotros si queremos usar la imagen en un codigo o tablilla, siempre vamos a copiar el LINK DIRECTO que nos proporciona la pagina.

3 - Empezando:
Primero antes que nada, abrimos nuestro photoshop. Seguido, vamos a "Archivos" (O File, depende del idioma) y luego a Nuevo. Se nos abrira una ventana pidiendo la resolucion que queremos. En este caso, vamos a usar la resolucion requerida para las tablillas de los expedientes: 490x300 (AnchoxAlto). Siempre que necesitemos hacer una imagen, buscamos el numero del tamaño y lo colocamos. Luego, en la seccion donde dice "fondo" colocamos Transparente.


Al final, obtendremos esto:


4 - Eligiendo la imagen:
Ahora, mediante el photoshop vamos a abrir la imagen a redimensionar. Para eso, vamos a "Archivos" y luego "Abrir", buscando la imagen deseada y nuevamente, damos al boton "abrir" y nos saltara la imagen.


Vamos a ver que arriba de esta, hay varias pestañas. La que dice "Untitled - 1" (En mi caso) seria la ventana donde esta la imagen transparente de 490x300 y la pestaña de "Goku - no - baka" es la imagen a redimensionar.

5 - Utilizacion de la herramienta "Seleccion":
Aqui llega lo mas importante y tendran que prestar mucha atencion. En la seccion de herramientas (Donde esta el pincel, goma, etc) Tomen (Contando de arriba para abajo) el segundo icono que seria un recuadre. Esto se llama "Herramienta de seleccion". Asegurense de tener estas cosas marcadas y el numero en 0 en su photoshop.


Luego, van a la pestaña de la imagen y con esta herramienta hacen click en una esquina. Manteniendo el boton apretado, van hacia el lado contrario, dejando que un recuadro de lineas entrecortadas cubra toda la imagen. Te deberia de quedar algo asi:


PD: Si solo quieres seleccionar una parte de tu imagen (por ejemplo, ojos) solo tienes que armar un recuadro alrededor de la zona deseada.

6 - Copiar y pegar:
Siguiendo en esta pestaña, apretamos Control+C en nuestro tecleado. Luego, vamos a la pestaña donde esta nuestra resolucion de fondo blanco y apretamos Control+V. Les tendra que quedar una imagen dispareja al fondo como aqui



Esto es normal, ahora sigue la parte divertida que es redimensionar.

7 - Redimensionar:
Ahora  le damos clic a la primera herramienta de nuestro apartado, que es una flecha con una cruz. ES MUY IMPORTANTE QUE ESTE SELECCIONADO ESTE RECUADRE LLAMADO "Show Transform Control"



Una vez hecho clic en la herramienta, de manera automatica en la imagen saldra otro cuadro con pequeños cuadritos en cada esquina y lado. Ademas veremos, que ese es el tamaño real de la imagen.


Ahora, tomamos una de las esquinas y empezamos a mover el tamaño de la imagen a gusto y antojo. La idea es que quede en proporcion a la resolucion. Ni muy ancho y ni muy alto, siempre respetando el tamaño original. Aveces, la imagen no entrara en toda la seccion, por lo cual deberemos de elegir que enseñar de la imagen y que no. Al final, mi imagen quedo asi:


Como veran, tuve que eliminar el recuadro blanco que tenia la misma y un poco de su fondo, pero de suerte, se sigue manteniendo la originalidad.

8 - Guardar la imagen:
Ahora, vamos a "Archivos" y luego a "Guardar como". Alli, en el tipo de archivo, seleccionamos JPEG (El que se muestra en la imagen) y colocamos un nombre a nuestro archivo para despues guardarlo.


9 - Subir la imagen:
Ahora, con nuestro servidor (En este caso, Imgur) subimos nuestra imagen. La pagina deberia de dar varios enlaces pero dependiendo para su uso vamos a usar en la mayoria de los casos el enlace de la imagen directo. Como se muestra aqui con nuestra imagen:


Este link, lo vamos a pegar por ejemplo, en la tablilla de los expedientes. En un lugar, hay una seccion donde dice "URL DE LA IMAGEN" por lo cual, aqui pegamos el link directo y nunca borramos las comillas


PD: Png:
El archivo PNG sirve por si has manipulado tu imagen. Por ejemplo, debes de tener un conocimiento basico del photoshop para esto, pero si una capa es transparente, y sobre estas colocas la imagen, a la misma puedes borrarles partes. Si esta imagen, la guardamos en JPEG no habra fondo transparente y se remplazara con uno blanco, pero en cambio si lo guardamos en PNG se respetara eso y tendremos una imagen sin fondo:


Uso de un avatar:
En todos los foros, se pide un maximo de tamaño de la imagen. En JPEG, cuando guardamos la misma podemos modificar el tamaño con una barra que aparece frente nuestro, la bajamos hasta por debajo de 64kb y la guardamos. PERO, si nuestro avatar es PNG, van a tener que alojar la imagen en un servidor y tomar el link de la misma, colocando el enlace en donde dice "Vincular imagen fuera del Sitio". Obviamente, todo esto esta en la seccion de modificar el avatar.


Espero que haya sido de tu ayuda este tutorial! Si tienes alguna duda, consulta!