[CLUB] [PHOTOSHOP] 00 - Introducción

Bueno vamos a empezar con el cursito. Este hilo va en conjunto al hilo:

[CLUB][Participantes] Aprender Photoshop en GSMspain



Vamos a explicar brevemente el panel de herramientas.



Este panel tiene dos formas diferentes de presentarse, una es la que puedes ver en la imagen. La otra es exactamente igual pero con todas las herramientas dispuestas en vertical. Para cambiar de visualización sólo tendrás que hacer clic en el botón que aparece en la esquina superior izquierda .

Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha . Éste es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y mantienes pulsado un instante el botón del ratón (o pulsas el botón derecho), se desplegará la lista de herramientas pertenecientes al grupo.



Por ejemplo, si desplegamos el menú del icono pincel se desplegará la lista de herramientas de dibujo. La letra que aparece a la derecha del nombre de la herramienta nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo.

En el panel de herramientas podemos encontrar también los selectores de color , en Photoshop trabajaremos siempre con dos colores activos. Pulsando la X o con el icono de doble flecha intercambiaremos los colores de los recuadros.

Para seleccionar un color haz clic sobre uno de los recuadros y se abrirá el cuadro de diálogo Selector de color. Una vez aquí podrás elegir un color de entre toda la paleta que Photoshop te ofrece.



La herramienta Cuentagotas, toma muestras de color de cualquier parte del lienzo y nos lo pone como color principal o secundario según el seleccionado.

También es posible, y más cómodo, utilizar la ventana de Navegador. En principio, la encontrarás minimizada a la derecha del área de trabajo, haz clic sobre Navegador y se mostrará una miniatura de la imagen con la que estamos trabajando.



Si no se encontrase visible puedes activarla desde el menú Ventana → Navegador en la barra de menú.

Otra ventana interesante es la de Color, generalmente bajo el grupo de Navegador. Puedes acceder a ella a través del menú Ventana → Color, o pulsando la tecla F6.

Desde aquí puedes seleccionar colores de una forma más rápida que desde el cuadro de diálogo de selección de color. Desplazando los controles a izquierda y derecha deberás encontrar la proporción exacta de rojo, azul y verde para formar el color que estas buscando.



La pestaña Estilos contiene diferentes estilos de relleno o texturas que podrás utilizar en tus composiciones. Más adelante veremos cómo utilizarlos y cómo crear nuestros propios estilos.



Otra ventana que utilizaremos será la ventana de Historia, accesible desde el menú Ventana → Historia.



Historia, muestra por orden cronológico las acciones realizadas sobre una imagen, donde las posiciones al pie de la lista son más recientes que las situadas al principio. Con esta función podremos volver atrás a un estado anterior de nuestro dibujo.

En esta misma ventana encontramos también la pestaña Acciones, que ofrece la posibilidad de lanzar un conjunto de acciones mecanizadas predefinidas con anterioridad. En principio, el conjunto de acciones disponibles son las predeterminadas por Photoshop, aunque existe la posibilidad de crear acciones propias mediante el botón de Grabar Acción de la ventana.



En el segundo mensaje de Trucos, atajos y consejos para PS, aconsejo aumentar los estados de historia a un número considerablemente superior al que viene por defecto para poder guardar más estados de historia a no ser que tengas un PC muy lento, ya que los estados se guardan en memoria. [CLUB][PHOTOSHOP]Trucos, atajos y consejos para PS

Práctica número 1

Abrimos un archivo nuevo utilizando el moviendo el ratón a Archivo -> Nuevo o bien utilizando el atajo de teclado Control+N. Una vez hacemos esto, nos encontraremos la siguiente ventana.



El apartado marcado en rojo "Nombre" es bastante autodescriptivo ( igual que el resto de parámetros de configuración del documento nuevo) dará un nombre a nuestro nuevo documento, en mi caso voy a llamarle "Práctica 1".
Los valores marcados en violeta y azul, son respectivamente la Anchura y Altura de nuestro documento, podemos especificar el programa que unidad de medida usar siendo la más común los Pixels (Px). A nuestro documento, le daremos los valores 300 x 200 x 72 ( Anchura x Altura x Resolución) EDITO: En píxeles
Resaltado en Cyan, encontramos la resuloción del nuevo documento, por lo general la mantendremos en 72 pixels por pulgada.
En color verde, encontramos el Modo de color, pudiendo ser RGB, CMYK, Escala de grises, Mapa de bits... de momento utilizaremos color RGB con 8bits.
En amarillo, podremos cambiar el contenido inicial del fondo, pudiendo elegir entre cualquier color plano o transparente (el fondo transparente en photoshop se representa por una celda de cuadrados blancos y grises), en este cuadro de texto usaremos la opción "Transparente". Presionamos OK y ya tenemos nuestro nuevo documento creado.

Ahora, en la barra de herramientas, situada a la izquierda de nuestro documento,haremos click sobre la herramienta marco rectangular (O pulsaremos la M como atajo de teclado). Esta herramienta selecciona una zona de nuestro documento y solo podremos modificar la zona seleccionado. Hacemos click en un lado de nuestro documento y arrastramos hasta tener una forma hecha con lineas discontinuas,igual que la que en la imagen de abajo esta marcada en rojo.Cuando la tengamos, dejamos de hacer click.



Ahora usaremos el cubo de pintura para rellenar nuestra selección de color. Para ello, buscaremos esta herramienta en la barra de herramientas. Es posible que no la encontremos, esto es debido a que en el mismo botón photoshop guarda varias herramientas, -¿como encontrarlas?, dejando el ratón pulsado encima del icono en cuestión. En nuestro caso, si no encontramos el cubo de pintura iremos a la herramienta Degradado (o G) y dejaremos el ratón pulsado, entonces nos saldrá un desplegable con el cubo de pintura.



En el botón de la herramienta seleccionada en la imagen (Degradado en este caso) deberos dejar el ratón pulsado, para que se despliegue el menú con la herramienta Bote de pintura.

Una vez seleccionemos el bote de pintura, hacemos click en el cuadrado que aparece en la parte inferior de la barra de herramientas y seleccionamos un color rojo. Después de esto hacemos click con el bote de pintura en el área seleccionada del documento.


Ahora deberíamos tener en nuestro documento un rectángulo rojo. Presionamos Control+D (Comando utilizado para eliminar una selección del documento, deseleccionar).

Ahora vamos a utilizar el sistema de capas de adobe photoshop. la paleta de capas se encuentra a la derecha de la pantalla, y en esta una de las capas aparecerá marcada en azul, esto indica que estamos trabajando en esa capa. Ahora mismo, tenemos una capa con un rectángulo rojo. Haremos click en el icono marcado en la imagen de abajo y crearemos una capa nueva.



Nos aseguramos de tener marcada en azul,es decir seleccionada, la "Capa 2". Una vez lo hagamos presionamos la M para seleccionar la herramienta marco rectangular y dibujamos con ella un rectángulo justo debajo del anterior, del doble de anchura. Acto seguido, presionamos la G para utilizar la herramienta bote de pintura, cogemos el color amarillo y coloreamos nuestra seleccion para obtener algo como esto;



Imagino, que habeis adivinado que estamos dibujando una bandera española. Una de las ventajas de trabajar por capas, es que cuando queremos tener una capa nueva exactamente igual que otra, solo tenemos que marcar en azul o seleccionar la capa que queremos duplicar y hacer click en Control + J, inmediatamente en la paleta de capas se creará una capa llamada "Capa 1 copia". Ahora utilizaremos la herramienta mover (la seleccionaremos presionando la tecla V) y haremos click, arrastrando nuestra capa copiada (que está justo debajo de la capa original) debajo del rectángulo grande amarillo.

Una vez tengamos algo parecido a la bandera española, seleccionaremos la capa que mas arriba esté en la paleta de capas, y pulsaremos Control + E dos veces, para fusionar todas nuestras capas en una sola. Ahora, ya tenemos nuestro dibujo base. Empecemos a darle efectos.

Haremos click en el menú "Filtros" situado en la parte superior de la pantalla, moveremos el cursor hasta "distorsionar" y esperaremos a que se abra el desplegable. Entonces elegiremos la opción "Onda". Una vez hagamos esto, nos aparecerá en pantalla el siguiente cuadro de diálogo, teneis que poner los mismos valores que en la imagen.



Resaltado en rojo están los parametros en los que tendreis que realizar modificaciones de valor, vuestra ventana tiene que quedar igual que la de la imagen. Una vez hayamos terminado, hacemos click en "OK"



Aquí tenemos el resultado final de la primera práctica. Para guardarlo vamos al menú superior "Archivo" hacemos click en "Guardar Como.." elegimos la extensión de archivo .PNG y hacemos click en guardar. Ya tenemos nuestro archivo guardado y listo y preparado para subirlo como mensaje en este post siguiendo el tuto de [TUTORIAL] Subir imágenes a Tinypic.

quote:

---

EDITO: Si no sale bien a la primera con los valores puestos, los podéis cambiar un poco hasta que se parezca más al resultado final del ejemplo pero no pasa ni media, esto es porque según el tamaño y la proporción elegida, el efecto de onda varía de un ejercicio a otro, tampoco es cuestión de que salga idéntico si parece una bandera al viento a simple vista pues ya vale.

---

En esta práctica hemos aprendido a...
- Seleccionar zonas del documento para trabajar solo en éstas.
- Dejar pulsados los botones de herramientas para encontrar herramientas nuevas.
- Trabajar de una forma básica con las capas.
- Aplicar filtros de distorsión a nuestras imágenes.
- Guardar una imagen en formato .PNG

Espero que ha nadie le moleste que la práctica sea una bandera de España, si alguien quiere poner una argentina u otra que tenga un color arriba y abajo y otro en el centro (2 colores) también vale.

En esta ocasión no voy a poner un ejercicio sin resolver al ser una práctica de carácter introductorio, aún así me gustaría ir viendo vuestras banderitas a ver cómo os salen, para no abrir muchos hilos, las dudas y preguntas aquí.

Dejo un tuto para subir imágenes al foro [TUTORIAL] Subir imágenes a Tinypic

Lo pongo todo en varios mensajes porque no me deja poner muchas imágenes en un sólo mensaje.

Decir también que no hace falta estar apuntado para participar, estar apuntado sólo sirve para yo llevar un seguimiento de aquellos que quieran que les avise de los cap por MP, etc.

Saludos.

Felicidades por el currazo!

Perdona ELpetakas, pero qué versión de PS usas?

quote:

---

Originalmente escrito por LunaXi
Perdona ELpetakas, pero qué versión de PS usas?

---

Vale cualquier versión posterior a la CS4, yo uso la CS6. Instala la que quieras según la potencia de tu PC, si tienes otra versión tampoco pasa nada aunque puedes ver cosas que cambien un poco a lo que tienes.

Saludos.

elpetakas eres un crack, grande tutorial. Chavales, que se vaya animando y se vayan viendo esas banderitas

Ams, por si alguien no supiera exportar la foto en png, jpg etc.

- Az click en Archivos, Guardar como... Dentro de guardar como, al lado izquierdo de donde esta el botón cancelar, nos encontramos Formato, pues ahí desplegáis los formatos y eliges el formato al que deseáis guardar o exportar.

quote:

---

Originalmente escrito por Diserepar
elpetakas eres un crack, grande tutorial. Chavales, que se vaya animando y se vayan viendo esas banderitas

Ams, por si alguien no supiera exportar la foto en png, jpg etc.

- Az click en Archivos, Guardar como... Dentro de guardar como, al lado izquierdo de donde esta el botón cancelar, nos encontramos Formato, pues ahí desplegáis los formatos y eliges el formato al que deseáis guardar o exportar.

---

ejem... no veo tu banderita

La tengo hecha desde que termine de leer tu tutorial. Mira mi baderita xD