Collage sobre Le Corbusier, en blanco y negro con manchas rojas:
              su retrato con las gafas redondas, la Villa Savoye, la silueta
              negra del Modulor sobre un triángulo rojo, unos bocetos de su
              cuaderno y la frase «A house is a machine for living in».

Del dibujo a la imagen.

Clase 08 · práctica: introducción a Photoshop. Y esto de arriba es un collage: lo que vamos a aprender a hacer.

Hasta hoy dibujábamos líneas. Hoy empezamos a hacer imágenes.

AutoCAD y Rhino dicen dónde está cada cosa. Photoshop dice cómo se ve: el color de un suelo, la sombra que cae de un forjado, la madera de una puerta. Aquí ya no dibujamos la casa: hacemos imágenes —collages, fotomontajes, láminas— y pensamos en cómo presentarla, qué contar con ella y a quién. La entrega final del curso —la vista con materiales y texturas— se termina aquí, y hoy es el primer día.

asignatura
Dibujo asistido por ordenador II
titulación
Interiorismo
curso
Primer cuatrimestre
programas
Photoshop · AutoCAD
duración
2 h
hace falta
Un dibujo a línea de la Guiette en AutoCAD: la axonometría del Make2D de ayer o, si no está, la planta baja

LO QUE HACEMOS HOY

  1. Para qué lo usamos: píxeles y vectores10′
  2. Apertura de Photoshop10′
  3. La pantalla15′
  4. El archivo: tamaño y resolución15′
  5. Las capas20′
  6. Traer el dibujo de AutoCAD15′
  7. Seleccionar20′
  8. Rellenar: color, texturas y sombras25′
  9. Guardar como toca10′
  10. La práctica y los deberes del martes 6—
01 10 min · teoría

Para qué lo usamos: píxeles y vectores

Todo lo que hemos dibujado hasta ahora son vectores: una línea es dos puntos y una recta entre ellos, mide lo que mide y se puede ampliar sin que pase nada. Photoshop no sabe lo que es una línea. Trabaja con píxeles: una cuadrícula de puntos, cada uno de un color. Una imagen de Photoshop no tiene escala ni medidas; tiene un ancho y un alto en píxeles, y ya.

Una línea inclinada dibujada como vector: una recta limpia entre dos puntos. vector: de aquí a allí
AutoCAD y Rhino. La línea es una idea: de aquí a allí. Se amplía todo lo que se quiera y sigue siendo una línea.
La misma línea inclinada en píxeles: una escalera de cuadraditos negros sobre una cuadrícula. píxeles: cuadrados
Photoshop. La misma línea es una escalera de cuadrados. Si se amplía mucho, se ven. Por eso el tamaño y la resolución se deciden al principio, no al final.

Entonces, ¿para qué lo queremos? Para el collage.

Un collage: sobre un gran círculo amarillo, fotos en blanco y
                  negro recortadas y superpuestas —un edificio curvo, una
                  chimenea, una escalera, un tranvía, gente andando, árboles, una
                  bandada de pájaros— y un paso de cebra que sale del papel.
Esto es un collage. Fotos recortadas, un color plano detrás, gente a escala, un cielo que no es una foto. Cada pieza va en su capa, y por eso se puede mover, cambiar o quitar sin tocar las demás.
El panel Capas de Photoshop con seis capas apiladas: un texto,
                  su sombra, un pincel gris, una capa de imagen, un pincel negro
                  y, abajo, el fondo, bloqueado con un candado.
Y así se ve por dentro. El panel de Capas de un collage: cada cosa en su hoja, con su nombre; el fondo abajo, con el candado.

La entrega final del curso es la casa cortada y en perspectiva con sus materiales, en render o en collage. El collage es esto: el dibujo a línea que sale de AutoCAD o de Rhino, y encima color, texturas, sombras, cielo, gente. Photoshop no dibuja la casa —eso ya está hecho—: la viste. Y para vestirla hacen falta cuatro cosas, que son las de hoy: un archivo del tamaño correcto, capas, selecciones y rellenos.

02 10 min · Photoshop

Apertura de Photoshop

Icono de Adobe Photoshop: las letras Ps sobre un cuadrado azul oscuro.
Photoshop Adobe, desde 1990. El programa de la imagen.

Al abrir Photoshop sale la pantalla de inicio: a la izquierda, Nuevo archivo y Abrir; en medio, lo último que se tocó. Todo empieza por Nuevo archivo (Ctrl N), que abre el cuadro Nuevo documento. Ahí se decide el papel, y se decide antes de dibujar nada: es lo que viene ahora.

El cuadro Nuevo documento de Photoshop, en la pestaña Imprimir:
                los tamaños de papel en cuadrícula, con A3 elegido (297 por 420
                mm a 300 ppi), y a la derecha los detalles: ancho 297 y alto
                420 milímetros, orientación vertical, resolución 300 píxeles
                por pulgada, color RGB a 8 bits, fondo blanco, y el botón
                Crear.
  1. la pestaña Imprimir
  2. A3: 297 × 420 mm
  3. ancho y alto en milímetros, y la orientación
  4. 300 píxeles por pulgada: para imprimir
  5. RGB, 8 bits: lo que viene puesto
  6. fondo blanco
  7. y Crear
Elección del tamaño del papel. Archivo → Nuevo, pestaña Imprimir, A3. A la derecha se comprueba todo antes de darle a Crear: 297 × 420, 300 ppp, RGB.

SI EL CUADRO NO SALE ASÍ

En versiones más viejas, Archivo → Nuevo abre el cuadro clásico, más pequeño. Tiene los mismos campos —ancho, alto, resolución, modo de color— y se rellenan igual: 297 × 420 mm, 300 píxeles por pulgada, RGB.

03 15 min · Photoshop

La pantalla

Cuatro zonas, como en AutoCAD: las herramientas en una columna a la izquierda; la barra de opciones arriba, que cambia según la herramienta que tengas cogida; los paneles a la derecha —el que importa es Capas—; y en medio el lienzo, la imagen.

Photoshop recién abierto con un A3 en blanco: la columna de
                herramientas a la izquierda, la barra de opciones arriba, el
                lienzo blanco en el centro y, a la derecha, los paneles de
                Color y Muestras, Propiedades —con el lienzo de 3508 por 4961
                píxeles a 300 ppp— y Capas, con solo la capa Fondo.
  1. las herramientas: una columna, una letra cada una
  2. la barra de opciones: cambia con la herramienta
  3. el lienzo: el A3, todavía en blanco
  4. Color y Muestras: de aquí sale el color con el que se rellena
  5. Propiedades: 3508 × 4961 píxeles, 300 ppp
  6. Capas: de momento, solo el fondo
  7. abajo, el zoom y el tamaño en píxeles
La pantalla, tal cual. Un documento nuevo en A3, y las cuatro zonas: herramientas, opciones, lienzo y paneles. Si el panel de Capas no está, Ventana → Capas (o F7).
Photoshop con las plantas de la Guiette abiertas y el menú Ventana
                desplegado: dentro de Espacio de trabajo, la opción Essentials
                (Default) marcada. A la derecha, los paneles de Color, Ajustes y
                Capas, con el grupo de las plantas y el fondo.
Para que los paneles os salgan como a mí. Ventana → Espacio de trabajo → Essentials (Default). Si alguien ha movido paneles y no encuentra las Capas, esto lo deja todo en su sitio. Y de paso, en la imagen, las plantas de la Guiette ya dentro de Photoshop, cada una en su capa.

Y moverse por la imagen, sin tocar nada: zoom y mano.

MOVERSE POR LA IMAGEN
Haces Tecla Y pasa
acercar / alejarCtrl + / Ctrl −Como la rueda del ratón en AutoCAD (aquí, rueda con Alt).
ver enteraCtrl 0La imagen ajustada a la ventana. El Zoom Extensión de AutoCAD.
ver al 100 %Ctrl 1Un píxel de la imagen, un píxel de pantalla: lo que hay de verdad.
manobarra espaciadoraMantenida, arrastras la imagen. Se suelta y vuelves a lo que estabas.
deshacerCtrl ZTantas veces como haga falta. El panel Historia enseña la lista.
quitar la selecciónCtrl DSe acaba el hormigueo. Si algo «no te deja pintar», casi siempre hay una selección olvidada: Ctrl D y a seguir.
04 15 min · Photoshop

El archivo: tamaño y resolución

En AutoCAD el tamaño del papel se decidía al final, en el espacio papel. Aquí se decide lo primero, porque los píxeles no se inventan después: si el archivo nace pequeño, ampliarlo lo emborrona. Archivo → Nuevo (Ctrl N), pestaña Imprimir, y se fijan tres cosas.

  1. El tamaño: A3

    El mismo de la lámina de AutoCAD. Horizontal o vertical, según el dibujo. 420 × 297 mm.

  2. La resolución: 300 píxeles por pulgada

    Para imprimir. Un A3 a 300 ppp son 4961 × 3508 píxeles: 17 millones de puntos. Para verlo solo en pantalla bastarían 150, pero esto se imprime.

  3. El color: RGB, 8 bits

    Lo que viene puesto. Nada de CMYK: eso es de imprenta, no de impresora, y los colores se apagan.

Dos rectángulos del mismo tamaño de papel: a la izquierda, a 72 píxeles por pulgada, pocos cuadrados grandes; a la derecha, a 300, muchos cuadrados pequeños. 72 ppp: pantalla 300 ppp: imprimir mismo papel, muchos menos píxeles
La resolución. El mismo A3 con pocos píxeles o con muchos. Se elige al crear el archivo; luego ya no se puede subir sin trampa.

AQUÍ YA NO HAY ESCALA

En AutoCAD la lámina se imprimía a 1:100 y cada línea medía lo que mide la casa. En Photoshop eso se acabó: la escala la trae el dibujo cuando lo importamos a A3, y a partir de ahí solo hay píxeles. Por eso el dibujo se termina de dibujar en AutoCAD, con sus cotas y su cajetín, y Photoshop solo lo viste. Si hay que mover una pared, se vuelve al DWG.

05 20 min · Photoshop

Las capas

Se llaman igual que en AutoCAD y no son lo mismo. Allí una capa era una etiqueta: servía para encender, apagar y dar grosor. Aquí una capa es una hoja transparente puesta encima de otra: lo que se pinta en la de arriba tapa lo de abajo, y el orden importa. El collage es una pila de hojas: abajo el fondo, encima los colores, encima las texturas, encima las sombras y, arriba del todo, siempre, el dibujo a línea.

El panel Capas de Photoshop con seis capas apiladas: un texto,
                su sombra, un pincel gris, una capa de imagen, un pincel negro
                y, abajo, el fondo, bloqueado con un candado.
Un panel de Capas de verdad. Cada cosa en su hoja, con su nombre; el fondo abajo y con el candado. Se lee de abajo arriba, como la pila.
Cinco hojas apiladas en axonometría, de abajo arriba: fondo, colores, texturas, sombras y, la última, la línea. fondo colores texturas sombras la línea
La pila. Cada cosa en su hoja, y la línea arriba del todo, en modo Multiplicar, para que el negro se vea sobre cualquier color y el blanco desaparezca.
EL PANEL CAPAS
Haces Dónde / tecla Y pasa
capa nuevaCtrl Shift NUna hoja transparente encima de la que tengas cogida. Se le pone nombre al crearla: «muros», «suelo», «sombras».
ver / esconderel ojoLa bombilla de AutoCAD. Para mirar qué hay debajo.
ordenararrastrar · Ctrl ] / Ctrl [Sube o baja la capa un puesto. Lo de arriba tapa a lo de abajo.
opacidadarriba a la derecha del panelAl 100 % tapa; al 30 % deja ver lo de abajo. Las sombras van así.
modo de fusiónel desplegable «Normal»Multiplicar es el que usamos: el color se suma al de abajo como una lámina de acetato. Para la línea y para las sombras.
bloquearel candadoPara que no se pinte encima de la línea sin querer. La capa de línea, siempre bloqueada.
agruparCtrl GUna carpeta con varias capas dentro: «materiales», «gente», «vegetación».
duplicarCtrl JCopia la capa (o lo seleccionado) en una capa nueva.

LA REGLA DE LAS CAPAS

Nunca se pinta en la capa de la línea, ni en el fondo. Cada cosa nueva, en su capa. Cuesta dos segundos y es lo que permite cambiar el color de un suelo a las once de la noche sin rehacer nada. Un collage en una sola capa es como un DWG con todo en la capa 0: no se puede tocar sin romperlo.

06 15 min · AutoCAD → Photoshop

Traer el dibujo de AutoCAD

El camino es el de siempre, el de imprimir, solo que en vez de a papel se imprime a un PDF, y ese PDF se abre en Photoshop. Es el mismo dibujo, con la misma escala y el mismo A3: por eso se hace desde el espacio papel, como la entrega, y no desde el modelo.

  1. En AutoCAD: imprimir a PDF

    Desde la presentación A3, Ctrl P, impresora DWG To PDF.pc3, tamaño A3, escala 1:1 sobre la presentación. Estilo de trazado el de siempre, con los grosores de la lámina. Solo el dibujo: sin cotas ni cajetín, que estorban en el collage. Y el nombre: Nombre_apellido_guiette_linea.pdf.

  2. En Photoshop: abrir el PDF

    Archivo → Abrir, se elige el PDF y sale el cuadro Importar PDF. Ahí: Páginas, resolución 300, modo RGB, y Suavizado marcado. Se abre como un documento nuevo, a tamaño A3 y con el fondo transparente: solo hay líneas.

  3. Dejarla como capa de línea

    Se le cambia el nombre a la capa: línea. Modo de fusión Multiplicar, y el candado. Debajo, una capa nueva rellena de blanco, fondo. Entre las dos irá todo lo demás.

SI LA LÍNEA SALE GRIS O BORROSA

O el PDF se abrió a 72 ppp —se repite con 300— o el estilo de trazado de AutoCAD imprimió en colores y no en negro. Se vuelve a imprimir con el estilo monochrome.ctb o con el de la lámina, que ya lleva los grosores. La línea que entra en Photoshop tiene que ser la buena: aquí no se arregla.

07 20 min · Photoshop

Seleccionar

En AutoCAD se seleccionaban objetos: una línea, un círculo. Aquí no hay objetos: se selecciona una zona de píxeles, y todo lo que hagas después —pintar, rellenar, borrar— pasa solo dentro de esa zona. Es la herramienta más importante del programa, y por eso hay varias maneras de hacerla.

LAS HERRAMIENTAS DE SELECCIÓN
Herramienta Tecla Para qué
Marco rectangularMUn rectángulo. Un cielo, un fondo, una franja de suelo.
Lazo poligonalLClic a clic, como la polilínea: sigue el contorno de una habitación en axonometría. Doble clic cierra.
Varita mágicaWClic dentro de una zona cerrada por líneas y la coge entera. Con el dibujo a línea es la reina: un clic, una habitación.
Selección rápidaW (misma casilla)Se «pinta» la selección con un pincel. Para fotos; con nuestra línea, la varita va mejor.

La varita funciona si el contorno está cerrado.

Otra vez lo mismo que en Rhino con el Solid=Yes: si a una habitación le falta un trozo de línea, la varita se sale por el hueco y selecciona media casa. Se ve enseguida —el hormigueo de la selección se va por donde no debe— y se arregla en el DWG, no aquí: se cierra la línea, se vuelve a imprimir el PDF. Con la varita, mirar arriba la Tolerancia (32 está bien) y que Contiguo esté marcado: si no, coge todo lo blanco de la imagen a la vez.

Y para que la varita mire la línea y no la capa donde estás pintando: Muestrear todas las capas, marcado, arriba en la barra de opciones. Así se selecciona sobre la línea y se rellena en otra capa.

CON LA SELECCIÓN HECHA
Haces Tecla Y pasa
añadirShift + clicSe suma otra zona a la que ya tenías. Tres habitaciones, un clic cada una.
quitarAlt + clicSe resta. El hueco de la escalera, fuera del suelo.
invertirCtrl Shift ITodo lo que no estaba seleccionado. Coges la casa y con esto tienes el cielo.
deseleccionarCtrl DSe acabó la selección. Si algo «no te deja pintar», casi siempre es que hay una selección olvidada.
ampliar / contraerSelección → ModificarUno o dos píxeles hacia fuera, para que el color se meta debajo de la línea y no quede un filo blanco.
08 25 min · Photoshop

Rellenar: color, texturas y sombras

El gesto de hoy, el que se repite cien veces: capa nueva, selección, relleno. Con eso se viste una casa entera. Primero con colores planos; después las texturas; al final las sombras, que son las que la hacen de verdad.

  1. Color plano

    Capa nueva «muros». Varita sobre la línea (con «Muestrear todas las capas»), un clic por muro, Shift para ir sumando. Se elige el color en el panel Color y Alt Retroceso rellena la selección con él. Ctrl D. Siguiente: «suelos».

  2. Textura

    Una foto de madera, de hormigón, de un terrazo. Archivo → Colocar incrustado la mete en su capa, justo encima de la capa de color a la que va. Se escala con Ctrl T —desde una esquina, Intro para aceptar— hasta cubrir la zona, y Alt + clic en la raya entre las dos capas: máscara de recorte. La textura solo se ve donde había color. La madera toma la forma del suelo.

  3. Sombra

    Capa nueva «sombras», arriba de todo menos de la línea, en modo Multiplicar y opacidad al 35 %. Con el lazo poligonal se dibuja la forma que la sombra tiene en el dibujo —lo que cae del forjado sobre la fachada, lo que cae de un muro sobre el suelo— y se rellena de negro. Un solo color oscuro, la misma dirección de luz en todo el dibujo.

  4. Degradado

    Para el cielo o para un suelo que se aleja: herramienta Degradado (G, misma casilla que el bote), de un color a transparente, arrastrando en la dirección en que se apaga.

LO QUE NO ES UN COLLAGE

Una textura estirada hasta deformarla. Una foto de madera a una escala que en la casa serían tablas de dos metros de ancho. Sombras en dos direcciones. Una persona más alta que la puerta. Todo eso se ve al primer vistazo y se arregla con lo que ya sabéis: la escala del dibujo manda. Una tabla de suelo mide diez centímetros, y en un A3 a 1:100 son un milímetro.

TEXTURAS Y GENTE, DE DÓNDE

Fotos propias, siempre que se pueda: un suelo de casa, una pared. Y para la gente y los árboles, PNG con fondo transparente: hay bancos gratuitos (Skalgubbar, Mrcutout) hechos para esto. Se colocan con Colocar incrustado, cada uno en su capa, y se escalan con la altura de una puerta como referencia: dos metros diez.

Lámina A3 de la Maison Guiette: las cuatro plantas a la
                izquierda, con zonas rellenas de amarillo y de rojo y unas
                líneas de referencia amarillas, y a la derecha la axonometría de
                la casa con los vidrios en amarillo. Abajo, el cajetín: Maison
                Guiette, Le Corbusier, Amberes 1926; lámina 01 de 02,
                axonometría y los cinco puntos; escala 1:100, A3 horizontal;
                dibuja Patricia Carrasco.
Adónde vamos. La lámina de la entrega 2 con el color puesto: las plantas con sus zonas en amarillo y rojo, la axonometría con los vidrios. Es exactamente lo de hoy: el dibujo a línea de AutoCAD y, encima, color plano en capas. Dibuja Patricia Carrasco.
09 10 min · Photoshop

Guardar como toca

Dos archivos, siempre. El PSD es el de trabajo: guarda las capas, y es al que se vuelve para cambiar cualquier cosa. Ctrl S lo guarda; se hace cada diez minutos, no al final. Y el JPG (o el PDF) es la imagen terminada, plana, la que se entrega y se manda: Archivo → Exportar → Exportar como, JPG, calidad alta.

Y los nombres, los de siempre: Nombre_apellido_guiette.psd y Nombre_apellido_guiette.jpg, al lado del Nombre_apellido_guiette.dwg y del .pdf. No vale Entrega final_final.psd.

NO SE ACOPLA

Photoshop ofrece «acoplar la imagen»: juntar todas las capas en una. Nunca en el PSD. Es el equivalente a descomponer todos los bloques y fundir las capas en AutoCAD: el archivo queda plano y ya no se puede tocar. Para entregar plano ya está el JPG.

10 la práctica de hoy y los deberes del martes 6

Deberes

PARA EL MARTES 6 DE OCTUBRE, CLASE 10

Estos deberes puntúan. El lunes 5, en la clase 9, se trabaja en ellos en clase; el martes 6 se entregan. Hay que entregar:

  • Una isométrica del modelo 3D. Vale el volumen exterior, la casa entera vista desde una esquina; o la isométrica descompuesta: las piezas separadas en el aire —los alzados sacados de la caja, los forjados uno a uno—, como la explotada de la clase 07.
  • El archivo 3D de Rhino, con la casa levantada: forjados, muros y huecos, cada cosa en su capa.
  • Impreso en A3, desde el espacio papel, con su cajetín.
  • Y en PDF, el mismo A3.
  • Los archivos, con el nombre de siempre: Nombre_apellido_guiette.3dm y Nombre_apellido_guiette.pdf. Y el collage de hoy, si lo termináis, Nombre_apellido_guiette.psd y Nombre_apellido_guiette.jpg. No vale Entrega final_final.pdf.

DÓNDE VA ESTO

Son las gráficas en casa que puntúan: se entregan el martes 6 de octubre, en la clase 10, y el lunes 5 la clase 9 es para trabajar en ellas. Y son el paso previo a la entrega 2, el lunes 19 de octubre: plantas, alzados y la casa levantada en volumen. Las fechas están en el calendario.

La línea se dibuja una vez. El color, todas las que haga falta.

volver al índice