Photoshop online nos permite modificar fotografías, logotipos, dibujos,etc. de una forma sencilla y muy parecida a Adobe Photoshop. Aquí encontrareis los conocimientos básicos para poder empezar hacer vuestras creaciones, añadiendo filtros, insertando textos para poder crear cabeceras para página web, facebook, twitter, blog... o incluso la posibilidad de hacer banners publicitarios. Ahora solo queda la práctica

1. Photoshop Online
Primeras nociones para modificar
imágenes:
http://photoshopen.blogspot.com/

2. Pantalla principal
Lo primero que nos aparece al entrar
en http://photoshopen.blogspot.com/
es esta ventana. Aquí tenemos dos
opciones:
1) Crear una nueva imagen;
pinchando aquí, nos abrirá una
nueva ventana para darle las
características deseadas (ver
siguiente diapositiva)
2) Abrir una imagen desde el
ordenador; aquí abriremos una
fotografía, logotipo, dibujo… ya
creada y que nos interesa
modificar.

3. Crear una nueva imagen
Al darle a esta opción,
automáticamente se nos abre una
ventana (img. Derch.) en la cual
añadiremos las características
deseadas. Nombre del archivo, ancho
y alto son las medidas del archivo en
pixeles y la casilla de transparencia la
dejaremos sin clicar. Una vez hayamos
hecho estos cambios, le daremos al OK
para empezar a desarrollar una
imágenes, dibujo, logotipo… desde un
“lienzo” en blanco

4. Mesa de trabajo

5. Las capas
La ventaja principal de photoshop es
el trabajo en capas. Las capas son
como hojas transparentes, en cada
una de ellas colocaremos un dibujo, un
objeto o un texto, de esta manera,
cuando queramos modificar cada
imagen o forma, solo afectará a dicha
imagen = capa en la que estemos
ubicados.
Las capas se pueden poner desplazar
para adelante y atrás arrastrandolas
hacia arriba o abajo.
En la capa que nos viene por defecto,
siempre nos aparecerá un candado a
la derecha. Para poder modificar esta
capa, moverla, etc. tendremos que dar
doble click encima del candado
haciéndolo desaparecer.

6. Crear y borrar capas
Para crear una capa nueva, daremos al
2º icono de la derecha.
Automaticaménte se nos abre una
nueva capa y nos sitúa en la misma
(seleccionada en color azul)
Para borrar una capa, tenemos que
seleccionarla (sabemos que está
seleccionada cuando está en azul) y
darle al icono de la papelera, 1º de la
derecha.

7. Herramientas y Color
En la parte izquierda tenemos las
herramientas que nos servirán para
poder crear o modificar una imagen.
Al fina de esta columna, tenemos la
selección del color. Clicando encima
del rectángulo negro, nos aparece una
amplia gama de colores. Una vez
escogido el color deseado,
pincharemos en OK

8. Recortar una imagen
Esta herramienta nos sirve para
recortar una imagen a nuestro criterio.
Pinchamos con el ratón encima de un
punto y sin soltarlo, arrastramos hasta
la esquita opuesta formando un
rectángulo a nuestro gusto.
Se nos formará un marco con cuadros
azules en cada esquina
permitiéndonos rectificar el rectángulo
arrastrándolo hasta donde queramos.

9. Mover elementos
Esta flecha negra, nos permite mover
el elemento. Hay que tener en cuenta
en qué capa estamos dado que
moverá el elemento de la capa en la
que nos encontramos.
En la imagen que ponemos de
ejemplo, podemos ver que cada forma
está en una capa distinta. La capa
seleccionada es la del rectángulo azul,
por lo tanto moveremos solo ese
objeto.

10. Herramienta de selección
Esta herramienta nos permite
seleccionar un rectángulo o
circunferencia en la imagen, para
luego hacer con esa selección lo que
queramos. Ejemplos: pintarla, volverla
transparente, recortar…
Escogeremos la selección que mejor
nos convenga en la parte superior,
óvalo o rectángulo
Aquí
seleccionamos
óvalo o
rectángulo

11. Herramienta de selección
El lazo también nos permite
seleccionar de dos maneras diferentes.
El lazo poligonal nos permite hacer
una selección mediante rectas
teniendo en cuenta que siempre hay
que cerrar el recorrido y el lazo a mano
alzada nos deja dibujar la selección a
nuestro antojo

12. Herramienta de selección
La varita nos permite seleccionar
gamas de colores. Hace una selección
del color en el que pinchemos
teniendo siempre en cuenta la
Tolerancia que le demos. Entre mayor
sea la tolerancia (max. 255) mayor
extensión del tono seleccionará.
Un concepto que tenemos que tener
en cuenta en imágenes web es que
están compuestas por pixeles (ppp.) y
cada pixel es un tono de color, por lo
tanto, si ponemos una tolerancia
mínima puede que nos llegue a
seleccionar solo un pixel.

13. Lapiz y Pincel
Tanto con el lápiz como con el pincel,
dibujamos a mano alzada. En ambos
casos seleccionamos el color con el
que queremos dibujar, el tipo de
pincel y forma del lápiz, tamaño y la
transparencia, si le quisiéramos dar.

14. Goma de borrar
La goma nos permite borrar lo que
hayamos dibujado (tenemos que tener
en cuenta en qué capa estamos para
borrar) y mediante formas diferentes
Bote de pintura
Primero escogemos el color y
seleccionamos el espacio que
queremos cubrir de color luego,
clicamos en el bote y pinchamos sobre
lo seleccionado

15. Tampón de clonar
Esta herramienta nos permite duplicar
un objeto para dibujarlo en otro lado.
Mientras tenemos el botón de control
pulsado, damos un click en una parte
del objeto que queremos duplicar,
soltamos control y con el ratón
pulsamos sin soltar en la zona donde
duplicaremos lo seleccionado
(Ejem.: kiwi)

16. Formas geométricas
Cuatro formas para poder desarrollar
un dibujo, logotipo… rectángulo,
rectángulo con esquinas redondeadas,
circulo y linea.
Las formas tienen color interior y de
contorno. El interior lo cambiamos en
la parte superior derecha donde pone
Rellenar figura y el contorno lo
seleccionamos en la columna de
herramientas.

17. Herramienta de texto
Una vez seleccionada la herramienta,
pinchamos en la parte del documento
donde queremos escribir (aunque
luego podremos moverlo). Nos
aparecerá una ventana donde
escribiremos el texto, daremos el color
a la letra, el estilo, tamaño y tipo de
fuente. Una vez hecho todo esto,
daremos a OK.
Si queremos mover el texto,
tendremos que seleccionar la flecha
negra para deslizar el texto a
donde queramos.

18. Selector de color
Esta herramienta nos permite
seleccionar un tono exacto de la
imagen que estemos trabajando.

19. Ajustes
En el menú superior encontramos la
opción de ajustes:
Brillo y Contraste, nos permite poner
la imagen más clara y dar más
contraste entre los tonos
Tono y Saturación, tiene tres opciones.
La opción del tono hace que cambie el
color de la imagen, saturación,
intensifica los colores y luminosidad,
ilumina la foto hasta el punto de
quemarla.
En las tres opciones, no es bueno
abusar a no ser que sea ese el efecto
que buscamos.
Invertir, Sepia, Solarizar, Desaturar,
Foto antigua…Son efectos que damos
a la foto automáticamente.

20. Filtros
Encontramos esta opción en el menú
superior. Aquí se nos despliega una
gran selección de filtros para dar otro
efecto a la imagen. Se pueden añadir
unos encima de otros. No se tiene por
que utilizar solo uno.

21. Guardar la imagen
En el menú superior Archivo > Guardar
Ponemos el nombre del archivo y
seleccionamos el formato para
guardar. Generalmente escogeremos
JPEG y seleccionaremos la calidad
(img. inferior). Para imágenes en las
que hemos utilizado tranparencias
siempre habrá que guardarlo en PNG.
En ambas opciones daremos a OK y
seleccionaremos donde guardarlo para
finalizar con el proceso.