Unidad5 Mod2 VJ Parte2

ELEARNING TOTAL Desarrollador de Videojuegos (Nivel Inicial)
Desarrollador de
Videojuegos
(Nivel Inicial)
Unidad 5: UV Map
Contacto: info@elearning-total.com
Web: www.elearning-total.com
1
1. Texturas con Photoshop 4
2. Adobe Photoshop – Herramientas de Edición 5
2
 Aprendan las diferentes formas de crear un mapeado UV para texturizar objetos

realizados con Blender.
 Conocer las herramientas básicas de Photoshop para poder crear sus propias
texturas.
3
1. Texturas con Photoshop
Crear una Textura con una imagen creada / editada en Photoshop

Una vez que tenemos el mapa UV como lo queremos podemos proceder a crear o aplicar
la textura, para crearla se puede hacer en Blender mediante el modo Texture Paint o en un
programa de procesamiento de imágenes como GIMP o Photoshop y se puede exportar
una imagen del mapa UV para usarlo de referencia.
En el menú UV en la cabecera del

editor UV/Image en la primera opción export UV
Layout, al darle clic nos abrirá la ventana del
explorador de archivos para que especifiquemos
donde queremos guardarlo y nos da algunas
opciones del lado izquierdo abajo, en las cuales
podemos determinar el tamaño de la imagen, el
formato y la opacidad.
 Abrimos el archivo, por ejemplo en el Adobe

Photoshop y editamos la imagen.
 Por último para cargar una textura ya

existente simplemente la agregamos al
material.
4
2. Adobe Photoshop – Herramientas de Edición
Photoshop, creado por Adobe Systems, es una de las herramientas software para
el tratamiento de imagen más potente y popular de hoy en día.
Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar,
para eso es recomendable el uso de Adobe Illustrator.
Photoshop está principalmente orientado a tratar y manipular imágenes, o bien creadas por
otros programas, o digitalizadas por un escáner o máquina fotográfica.
Entonces, una vez introducida la imagen en el programa podemos retocarla, transformarla

y editarla con un sinfín de posibilidades.
De hecho, esta es una de las características más interesantes de Photoshop, ya que Adobe
ha sabido crear un programa intuitivo y muy completo que hace que se desmarque de la
competencia y sea el software más utilizado por diseñadores e ilustradores.
Photoshop es un software comercial, y se ha de comprar una licencia para poder usarlo

indefinidamente. No obstante, Adobe permite descargar y probar el programa totalmente
gratis, pero por un periodo de 30 días.
5
INTERFACE
Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el

entorno de trabajo.
Photoshop nos permite trabajar directamente con los mapas de bit.
Para abrir un archivo, vamos a Archivo → Abrir.
Una vez abierta la imagen, todas las barras y paneles se encuentran activos y el área de
trabajo toma esta forma:
Barra de menú
Desde aquí podemos acceder a diferentes opciones de menú, como por ejemplo abrir un
archivo, guardarlo y luego cerrarlo.
6
Pestaña de documento
En la pestaña de documento veremos:
 El nombre del archivo
 La extensión del archivo (.jpg, .gif, .psd, etc)
 La escala de visualización en relación al tamaño real.
 El modo y la profundidad de color
El panel de herramientas
El panel alargado que vemos en la imagen de la derecha es el Panel de

Herramientas, ahí podemos ver en forma de iconos todas las herramientas
disponibles en Photoshop.
Este panel tiene dos formas diferentes de presentarse, una es la que podemos
ver en la imagen. La otra (predefinida por Photoshop CS4) es exactamente igual
pero con todas las herramientas dispuestas en vertical. Para cambiar de
visualización sólo tenemos que hacer clic en el botón que aparece en la esquina
superior izquierda .
Prestemos atención, ya que algunas de ellas tienen un pequeño triángulo en su

esquina inferior derecha . Éste es el indicador de grupo de herramientas.
Si posicionamos el cursor sobre alguno de estos iconos y mantenemos pulsado

un instante el botón del mouse (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.
En el panel de herramientas podemos encontrar también los selectores de

color:
7
En Photoshop trabajaremos siempre con dos colores activos, que pueden ser totalmente
configurados por el usuario.
El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán
como color de trabajo. El que se encuentra detrás es el color de Fondo, podemos establecer
este color como el color del fondo del documento, de esta forma podemos utilizar
herramientas que pinten con el color de fondo y así imitar de alguna forma el borrado de
píxeles.
El recuadro que se encuentra al frente

muestra el color que estamos utilizando,
en cualquier momento podemos hacer
clic sobre el icono de doble flecha o
con la tecla “X” e intercambiaremos los
colores de los recuadros entre sí,
haciendo que el color que se encontraba
en el recuadro del fondo pase al frente y,
por lo tanto, nuestras herramientas
usarán ese color como predeterminado.
Para seleccionar un color hacemos clic sobre uno de los recuadros y se abrirá el cuadro de
diálogo Selector de color.
La barra de opciones de herramientas
En la parte superior de la ventana y bajo la barra de menú encontramos la barra de

Opciones de Herramientas, el contenido de esta barra cambiará según la herramienta que
tengamos seleccionada.
Desde aquí podemos cambiar aspectos de la herramienta como su tamaño, su opacidad,

etc. Cada vez que hagas un cambio en la herramienta, éste se mantendrá para que cuando
volvamos a seleccionarla su estado sea el mismo que era cuando la utilizamos por última
vez.
8
Herramientas de Selección
 Marco rectángular: Selecciona áreas
rectangulares o cuadradas a partir de su
diagonal.
 Marco Elíptico: Selecciona áreas elípticas o

circulares a partir de la diagonal de su caja.
 Marco Fila/columna: A partir de un sólo clic realiza una selección de una fila o
columna de píxeles.
Podemos sumar selecciones (de la misma

herramienta o diferentes) presionando la tecla Shift
al realizar una nueva selección.
Podemos restar selecciones (de la misma

herramienta o diferentes) presionando la tecla Alt al
realizar una nueva selección.
Para soltar una selección, vamos a Selección –

Deseleccionar.
O desde el teclar Ctrl + D.
 Lazo a mano alzada: Permite delimitar

áreas con un recorrido cerrado realizado a
mano alzada.
 Lazo poligonal: Permite delimitar áreas con

un recorrido cerrado determinando los vértices
de un polígono irregular.
 Lazo magnético: El lazo magnético detecta

las diferencias de luz y color en los contornos
del recorrido cerrado que realicemos para
determinar los límites de la selección.
9
 Varita mágica: Permite, haciendo clic en un sólo pixel, seleccionar los de color
similar.
 Selección rápida: Mediante el recorrido de una punta de pincel (área de cursor) se

detecta el color de los pixeles muestreados y se seleccionan los de color similar,
añadiéndose en el recorrido las nuevas áreas de color detectadas y seleccionadas.
La Herramienta borrador
 El Borrador permite sacar la información de color de
una zona determinada del lienzo y sustituirla por el
color de Fondo.
En la barra de opciones encontramos todas las opciones para su configuración:

dureza, opacidad o flujo hasta adaptarse a nuestras necesidades.
Manejo de capas
El sistema de capas de los editores de
mapa de bit permite componer una
imagen a partir de la superposición de
elementos gráficos o de transformación
separados en distintos niveles (capas)
intercambiables y editables.
Para su mejor comprensión se suele

comparar con la composición de
imágenes a partir de la superposición de
acetatos transparentes los cuales
contienen figuras que se mezclan por
superposición, aunque en los editores de mapa de bit este concepto se lleva mucho más
lejos.
10
Las capas fueron un gran avance en la edición de imagen digital pues permiten hacer
reversible cualquier operación que realicemos en la imagen, además la posibilidad de
guardar archivos con las capas separadas hace posible la reutilización de determinadas
partes de una imagen.
Cuando trabajamos con Photoshop, podemos guardar el archivo editable, con la

distribución de capas, en formato .psd
Tipos de capas
 La capa fondo: es la capa que hace de papel
de fondo y por eso no puede contener
transparencias ni permite transformaciones o
desplazamientos.
Capa vectorial
 Las capas genéricas: son los “acetatos” que
contienen las figuras que forman la imagen. Capa de texto
Las áreas que no contengan nada quedarán
transparentes, las figuras “flotan” dentro de su Capa genérica
capa. Pueden ser creadas en gran número, se
pueden nombrar, ordenar, agrupar, duplicar o
Capa fondo
eliminar.
 Las capas de texto: son capas que contienen

un elemento textual editable.
 Las capas de ajuste son capas que modifican el color y la luminosidad de otras
capas mediante parámetros de ajuste.
 Las capas vectoriales: son capas que contienen información vectorial (trazados).
Podemos unificar dos o más capas con Ctrl + E
11
El panel de capas
El panel de capas nos permite visualizar, editar, ordenar y modificar las capas y sus
propiedades de forma intuitiva a través de movimientos simples e iconos.
 Activar capa: Haciendo un clic en la parte vacía de la capa.
La capa activa es en la que se realizarán las acciones sucesivas.
 Activar varias capas: Se realizan clics sucesivos pulsando simultáneamente la

tecla shift (para capas sucesivas) o Ctrl (para capas alternas).
 Enlazar capas: Las capas pueden quedar vinculadas si una vez activas pulsamos
el botón de enlace en la parte inferior del panel.
Esto hará que las capas se muevan y se trasladen en grupo.
 Mostar ocultar una capa: Haciendo clic en el ojo a la izquierda de la miniatura de

la capa.
 Ordenar las capas: Haciendo clic en una capa y arrastrándola hasta la posición
deseada (capas superiores estarán por delante en el orden visual).
 Renombrar capas: Doble clic en el nombre y editar.
 Eliminar capas: Un clic en la papelera del panel o pulsar la tecla borrar para
eliminar la capa activa o bien arrastramos la capa que queramos eliminar (aunque
no esté activa) a la papelera del panel.
 Crear capa vacía: Hacemos clic en el botón “nueva capa” del panel.
 Duplicar capas: Arrastramos la capa y la soltamos en el botón de “nueva capa”.
 Combinar capas: Con el comando “combinar capas” del menú capa o con el atajo
Ctrl+E.
El resultado es que las capas combinadas se fusionan en una sola capa.
 Trasladar capas: Se pueden trasladar capas de un documento a otro haciendo clic

y arrastrando la capa desde el panel de capas al documento de destino.
 Opacidad: es una propiedad de las capas que permite graduar su nivel de

transparencia con un valor porcentual (0% - 100%).
12
La opacidad de una capa se aplica a toda el área de la capa por igual añadiéndose
la transparencia de los pixeles contenidos en esta.
 Modo de fusión: es una propiedad de las capas que modifica la manera de mezclar
el color de los pixeles de una capa con las que hay debajo de esta.
En cada modo de la lista se realiza una discriminación entre los valores de

luminosidad y color (o ambos) de los pixeles, determinando un sistema aditivo o
sustractivo de mezcla con los pixeles de las capas inferiores.
Modo de fusión Opacidad
Mostrar/ocultar
capa
Renombrar capa
Capa activa
Enlazar capas Eliminar capas
Crear capa vacía
13
Herramienta Pincel
La herramienta de pincel (o Brushes) se puede seleccionar
desde el menú de herramientas y está agrupada junto con
la herramienta de lápiz, la de sustitución de color o pincel
mezclador. Las dos primeras con características parecidas,
pero con algunas diferencias.
El Lápiz y el Pincel permiten pintar con el color frontal

actual, aunque por defecto la herramienta Pincel crea trazos mucho más suaves mientras
que los bordes del lápiz son más irregulares.
La herramienta Sustitución de color para sustituir colores de una imagen por otros.
La herramienta Pincel Mezclador sirve para dar un efecto artístico a la composición,

simulando el mismo efecto que pasar un pincel por un cuadro con pintura fresca.
Una de las diferencias respecto al Lápiz es la posibilidad de convertir esta herramienta

en aerógrafo, para ello sólo tenemos que pulsar el botón en la barra de Opciones de
Herramientas. Este botón tiene dos estados, pulsado (el aerógrafo está activado) e
inactivo (el pincel actuará normalmente).
Esta opción es útil cuando queremos que la herramienta pinte conforme a

la presión ejercida por el pincel. Así, si mantenemos el botón del
mouse pulsado durante un tiempo se irá añadiendo más pintura a
la imagen, mientras que si el aerógrafo se encuentra desactivado,
por mucho que mantengamos la presión, la cantidad de pintura en
un punto será siempre la misma.
Pulsando la tecla SHIFT, permitirá crear líneas rectas con las herramientas de pinturas.
Tanto horizontales como verticales haciendo clic con el mouse en el principio del trazo.
14
Tipos de pinceles
Una vez seleccionada la herramienta
pincel podemos configurarla para aportar
diversos tipos de grosores, texturas y
difuminado de los bordes.
Con los pinceles que vienen por defecto en

Photoshop podemos elegir varias
grosuras y difuminados y además alterar
valores como el diámetro del pincel y la
dureza.
A mayor grosor, el área que

pintaremos con el pincel también
será mayor.
La dureza sirve para definir lo concreto o definido que será el trazo del pincel, con menor
dureza más difuminado será el trazo, sobre todo en los bordes.
Cuanta más dureza tenga un pincel, menos suaves serás sus trazos.
Podemos alterar por nosotros mismos esos valores para obtener distintos acabados, así
como cambiar el color del pincel a través del selector de colores de Photoshop.
Entre las opciones de la herramienta de pincel también está la opacidad y el flujo.
La opacidad sirve para dibujar con más o menos transparencia del trazo.
El flujo establece la velocidad con la que la herramienta Pincel aplica la pintura, por lo que
cuanto menor sea el porcentaje que aplicamos, más suave será el resultado.
Una de las características más complejas de Photoshop es el Modo de Fusión.

Dependiendo del modo en el que se utilice la herramienta pintará de una forma u otra.
15
Herramienta Sustitución de color

La herramienta Sustitución de color te permite reemplazar colores de una imagen por otros.
Al seleccionarla del panel de herramientas debemos modificar sus opciones para que actúe
de acuerdo a nuestras necesidades.
En la barra de opciones de herramientas verás lo siguiente:
Una vez seleccionado la punta de pincel con la que vamos a trabajar deberemos configurar
el resto de las opciones para que la herramienta funcione correctamente.
Normalmente nuestra intención será cambiar el Color de la

imagen, aunque también podemos cambiar
la Luminosidad, Saturación o Tono de la imagen utilizando
esta herramienta. Selecciona la opción adecuada para cada
una de estas acciones en el desplegable Modo.
Los tres botones que se muestran a continuación corresponden a cómo se tomará el

muestreo (Tecla ALT) para sustituir el color en la imagen.
La punta de esta herramienta tiene una forma especial. Está formada por una base
redondeada (como un pincel normal) pero añade una mirilla en forma de aspa en su
centro . La opción Continuo evalúa cada píxel de color que pasa por el aspa del
puntero y sustituye cada vez el color evaluado.
Si escogiésemos Una vez , el color muestreado sería el primero sobre el que hicimos
clic, y se sustituiría únicamente ese color en la imagen.
También es posible definir un color de

fondo (en el panel de herramientas) y
usarlo como muestra para sustituir ese
color en la imagen activando la
opción Muestra de fondos .
16
La opción Límites acepta 3 valores. Establece los límites en el modo en el que se sustituyen
los colores.
Como predeterminado encontramos Contiguo, que sustituye las áreas con el color
muestreado por el aspa aunque sólo si se encuentran conectadas.
La opción No contiguo realiza el contrario, conectadas o no, sustituye todas las áreas con
el color de muestra dentro de la punta del pincel.
La última, Hallar bordes, actúa como el primero pero preservando la nitidez de los bordes
de la forma.
En cuanto a la Tolerancia, podríamos decir que fija el rango de colores similares a la

muestra a sustituir. Una mayor tolerancia permite que se sustituyan colores parecidos al
muestreado, pero si nos excedemos, afectaremos a más tonos de los deseados. Mientras
que una tolerancia nula sólo sustituirá áreas con el color exacto al de muestra.
Para definir un borde suave en las áreas corregidas, selecciona Suavizar.
Herramienta Tampón de Motivo

Otro grupo de herramientas que también nos permiten añadir pintura
sobre el lienzo: los Tampones.
El Tampón de Motivo te permite pintar del mismo modo que los pinceles, por lo que muchas
de sus opciones son iguales. La diferencia se encuentra en que esta herramienta no utiliza
pintura sino un patrón o Motivo.
Haremos clic en el desplegable de Motivo para ver las opciones disponibles.
Si observamos esta ventana veremos que es muy similar a la paleta de. Haciendo clic en
el botón veremos que es posible cargar diferentes motivos agrupados por categorías.
17
Igual que con la paleta de pinceles, es posible

crear motivos personalizados.
Otra opción disponible es la de Alineado, con

esta opción activada nos aseguramos de que
el motivo se muestre uniforme aunque haya
sido creado con diferentes trazados. Este
recurso es muy útil para evitar la
superposición de trazos, creando un motivo
final homogéneo.
Finalmente, también es posible añadirle al

tampón un ligero efecto impresionista
marcando su correspondiente casilla. De este
modo, el resultado del tampón será más
suave y difuso.
Crear Motivos Personalizados

Crear motivos personalizados es relativamente sencillo, la dificultad
podemos encontrarla en hacer que la repetición del patrón resulte los
más homogénea y con los menores cambios bruscos posibles.
Para crear un motivo deberemos seleccionarlo primero de una imagen

ya existente o creado por nosotros mismos. Para ello utilizaremos la
herramienta Marco Rectangular
 Seleccionaremos el área de la imagen que posteriormente será el motivo.

 Intentemos que los bordes de éste tengan colores y tonalidades similares para
mejorar la calidad del motivo.
 Una vez seleccionado, haremos clic en Edición > Definir Motivo para guardarlo en el
sistema. Para que se muestre esta opción.
 En el cuadro debemos introducir el nombre del nuevo motivo.
18
Una vez guardado, podemos acceder a desde

la barra de opciones de herramientas y utilizarlo
como deseemos.
Herramienta Pincel Mezclador

El Pincel mezclador es una herramienta que simula los efectos que se consiguen al
pintar con un pincel sobre un lienzo de verdad: mezcla de colores, disminución de la
humedad a medida que se alarga el trazo, diferencia en la carga de pintura del pincel, etc.
Trata a los píxeles de color como si fuera pintura fresca real, esto significa que podemos
mezclar los colores.
La forma de pintar con este pincel es bastante distinta al pincel común. Aunque podemos
pintar con el color frontal, lo normal es que se tome el color de la imagen. Y el color será la
mezcla, no uniforme, de los colores que haya bajo el pincel. Piensa en cómo se comportaría
un pincel al pasarlo sobre un cuadro con pintura fresca.
El pincel tiene dos áreas de pintura: la reserva que corresponde con el color frontal
(imaginemos que mojamos el pincel sobre un tarro con pintura) y el depósito, formado por
la pintura que se va tomando del lienzo. Por lo tanto, a medida que vayamos mezclando
colores, el color del depósito cambiará. En cambio, si pintamos sobre un área blanca, el
depósito se irá gastando hasta pintar únicamente con el color de reserva.
Esa mezcla, la Muestra de carga actual del pincel, es lo que

encontramos en el recuadro con fondo transparente de la
barra. Encontramos las siguientes opciones:
19
Cargar pincel: Vuelve a cargar la reserva. Podemos hacer que ocurra después de cada
trazo pulsando .
Esta configuración imita al proceso de pintar mojando en pintura las cerdas del pincel y que
al pintar sobre el lienzo se irá agotando y debemos volver a mojar. Con el controlador
deslizable aumentamos o disminuimos el porcentaje de “Carga” antes de pintar.
Limpiar pincel: Quita toda la pintura del pincel, reserva y depósito. Podemos hacer que
ocurra después de cada trazo pulsando .
Para crear una pintura de apariencia más

orgánica, o si estamos pintando un lienzo en
blanco, es posible que deseemos salir de este
ajuste y limpiar el pincel de forma manual
haciendo clic en “Carga del pincel actual”
>”Limpia pincel”.
El pincel tiene unos valores de Humedad, Carga y Mezcla. Podemos ajustarlos a medida,
o elegir uno de los valores preestablecidos del desplegable.
Humedad: Regula cuánta pintura se toma del lienzo (en el depósito). Cuanto mayor sea el
porcentaje de humedad, más pintura se tomará.
Carga: Este porcentaje indica la cantidad de pintura que habrá en la reserva. Si hay poca,
se gastará, y el trazado presentará huecos.
Mezcla: Regula en qué proporción se mezcla la pintura del lienzo (depósito) con la reserva
cuando se pinta por encima de ellos. Creando nuevos colores tal cual haríamos en un lienzo
real.
Flujo: El flujo define la cantidad o la “densidad” de la pintura simulada que está siendo
colocada sobre el lienzo.
20
Tampón de clonar
La herramienta Tampón de clonar es igual que un pincel pero lo que pintará será lo
que haya en la parte de la imagen que hayamos tomado la muestra (Alt + clic izquierdo).
La herramienta Tampón de clonar resulta útil para duplicar objetos o eliminar defectos de
una imagen.
El tampón de clonar, a diferencia de las

herramientas Parche o el Pincel Corrector,
no tiene en cuenta valores de contraste o
brillo. Es por ello que la fusión de las zonas
copiadas prácticamente no existe. Los
mejores resultados al usar el tampón se dan
cuando la combinamos con el pincel corrector
y el parche.
El tampón de clonar tiene una barra de opciones donde podemos configurar el

funcionamiento del tampón y adaptarlo a las necesidades de nuestro retoque. Las opciones
son las mismas que las de cualquier Pincel ya que ambas herramientas funcionan de la
misma manera.
Para comenzar a clonar con el tampón lo primero es elegir el tamaño adecuado del pincel
que dependerá de la zona a clonar en cada imagen.
Un flujo y la opacidad bajos harán que tengamos que repetir la operación más veces pero
el resultado será más satisfactorio. En la opción Muestra determinaremos en qué capa
queremos que se tome en cuenta para clonar.
Una vez determinados todos los parámetros

podemos comenzar la clonación.
La opción Alineado mantendrá fijo el punto inicial

o lo mantendrá alineado con respecto a la zona en
la que apliquemos la muestra.
21
La herramienta Parche
La herramienta Parche toma una muestra de una
zona y aplica esa muestra a otra. Compara las áreas de
origen y destino (la textura, el brillo, el color, el contraste, etc.) para que no haya saltos
bruscos en los arreglos.
La herramienta se encuentra en el mismo botón que los pinceles correctores.
El parche de Photoshop tiene una barra de opciones como el resto de las herramientas.
Con la barra de opciones podemos determinar si sumamos, restamos o interseccionamos

en la selección. Si tildamos la opción transparente obtendremos textura en la muestra pero
el fondo será translúcido.
Lo que diferenciará el uso del parche será la opción origen y destino. La herramienta
funcionará de un modo u otro en función de lo que tengamos seleccionado.
 Si seleccionamos Origen, deberemos indicar el origen del parcheado haciendo clic

sobre la selección y arrastrando el puntero hasta el área de Origen de los píxeles
que queremos hacer que se tomen como referencia.
 Si seleccionamos Destino, arrastraremos la selección sobre la zona
de Destino donde se parcheará la imagen sustituyéndose estos píxeles por los de
la selección inicial.
Para comenzar a retocar con el parche debemos hacer una selección cerrada sin dejar de
pulsar el botón izquierdo del mouse. La zona donde la hagamos dependerá de si hemos
elegido la opción origen o la opción destino. Con la primera rodearemos el área que
queremos modificar. Haciendo clic
sobre ésta y dejando pulsado el ratón
la deslazaremos hasta donde
queremos que se tome la muestra
para el arreglo. En el espacio que
seleccionamos en primer lugar
iremos viendo la parte de la imagen a
la que estamos arrastrándola.
Photoshop hará el arreglo de ese sector cuando dejemos de hacer clic con el mouse.
22
Esta herramienta es útil para modificar pequeñas zona de pantalla permitiéndole clonar
áreas de imagen y ajustarlas a la iluminación y sombras del destino. También puede
resultarnos muy útil una vez utilizada la herramienta Tampón de clonar para disimular la
zona de donde se extrajo la forma y ajustarla un poco más al resto del fondo.
Si hemos elegido la opción destino

debemos rodear con el mouse la zona
que queramos tomar como muestra.
Una vez seleccionada la arrastraremos
sin dejar de pulsar el mouse hasta el
lugar de la foto que nos interese. Esta
opción es útil para clonar algún motivo
de la imagen.
En cualquiera de las opciones es útil ampliar la imagen para poder ser precisos.
Si hacemos clic en la opción Usar motivo éste se aplicará a la selección

que hayamos hecho con el parche.
La Herramienta Pincel corrector

El pincel corrector tiene además una variante, el
pincel corrector puntual.
Usamos los correctores de Photoshop cuando queremos reparar ciertas imperfecciones de

las imágenes.
El pincel corrector toma una muestra de la zona que elegimos y después la aplica sobre el
área que le hemos indicado. Photoshop compara el brillo, la luz, la textura y el contraste
para que la clonación sea lo más parecida posible.
Pincel corrector: Para trabajar con esta herramienta lo primero es mantener pulsada la
tecla Alt mientras se selecciona la zona de la imagen que queremos tomar como referencia.
Photoshop tomará esa muestra para reparar el área defectuosa. Ahora debemos hacer clic
con el mouse sobre la zona a reparar y pintar sobre ella. El cursor en forma de cruz mostrará
la parte de la imagen que se está usando como muestra.
23
En el caso de corrección de pieles lo adecuado es seleccionar zonas cercanas para que los
tonos y las texturas no difieran mucho.
Pincel Corrector puntual: se diferencia del anterior en que no toma ninguna muestra
previa. Este pincel corrige las imperfecciones tomando como referencia los pixeles que
están alrededor del lugar donde hemos pinchado con el ratón. Se recomienda para defectos
pequeños y que puedan subsanarse con las zonas adyacentes.
Para utilizarlo bastará por pasar el mouse, sin dejar de pulsar el botón derecho, sobre la
zona a corregir. En la barra de opciones de la herramienta deberá estar seleccionada la
opción “Según el contenido”. Photoshop hará la corrección automáticamente.
24
Ajustes de imagen
Las capas de ajuste de Photoshop nos permiten efectuar ajustes en las fotografías de un
modo muy eficaz y nada destructivo.
Podemos entender las capas de ajuste como una película transparente sobre la que
aplicaremos cambios en la imagen para ver cómo afectan.
La mayor ventaja de las capas de ajuste de Photoshop es que

podemos volver al estado inicial de la foto solamente
eliminando esta capa de ajuste.
Podemos pulsar sobre el icono Crear nueva capa de relleno

o ajuste del panel de capas o podemos seguir la ruta: Capa
> Nueva capa de ajuste y elegir ahí la que nos convenga.
Al añadir la nueva capa de ajuste, Photoshop abrirá

automáticamente la pestaña ajustes para que comencemos a aplicar los cambios.
Dependiendo del tipo de capa podremos controlar unos parámetros u otros.
Cuando creamos una nueva capa de ajuste los cambios se aplican a todas las capas que
tenga por debajo. Podemos cambiar la posición de esta capa haciendo clic en ella con el
mouse y arrastrándola a la posición que deseemos.
Para aplicar la capa de ajuste sólo a la capa inferior

debemos pulsar la tecla Alt y situar el cursor del
mouse donde ambas capas se juntan. Hacemos clic
y el ajuste sólo afectará a la capa señalada.
Todos estos ajustes también pueden aplicarse

desde la barra de menú en la opción Imagen >
Ajustes
La diferencia entre utilizar esta opción y la capa de

ajuste es que si nosotros aplicamos los ajustes
desde la opción de Imagen, los cambios son
permanentes. En cambio la capa de ajuste es no
destructiva.
25
Estilos de capa
Los estilos de capa son una utilidad para aplicar efectos rápidos y personalizables a
elementos de una ilustración.
De una forma sencilla podemos

conseguir algunos efectos como
sombras o resplandores, sin tener
que complicarnos con procedimientos
o trabajos que requieran de varios
pasos. La ventaja de los estilos de
capa es que se aplican
dinámicamente a las capas, de modo
que, si la capa cambia, el estilo se
adapta dinámicamente al nuevo
formato de la capa.
Otra característica de los estilos de

cada es que son no destructivos, por lo tanto si en algún momento queremos sacarlos o
modificarlos, no perdemos la imagen original.
Cuando tenemos una capa creada, podemos acceder al cuadro de diálogo para crear
estilos de capa haciendo un doble clic sobre la capa que se quiere aplicar el estilo, en el
panel de capas.
Esto nos abrirá una ventana que contiene un listado de estilos, que podemos seleccionar y
donde además podemos configurar cada uno de estos estilos.
El menú de estilos de capa también se puede acceder primero seleccionando la capa sobre
la que queremos crear estilos y luego activando el estilo de capa deseado a través del menú
"Capa - Estilos de capa - El nombre del estilo de capa a aplicar o configurar".
Nota: Los estilos de capa sólo se pueden crear sobre capas, en

principio a la capa especial "fondo" no se le pueden aplicar estilos
de capa.
En la ventana de estilos de capa, se pueden seleccionar uno o varios estilos y haciendo clic
con el mouse en cada uno de los diferentes ítems, se accede a un formulario donde se
pueden configurar distintos parámetros para cada estilo.
26
Filtros
Los filtros se utilizan para aplicar efectos especiales a las imágenes o para realizar tareas
comunes de edición de imágenes como, por ejemplo, enfocar partes de una ilustración.
Los filtros están divididos en categorías según sus características:
Filtros artísticos
Los filtros del submenú Artístico permiten obtener efectos pictóricos y artísticos para
proyectos comerciales o de bellas artes.
Filtros para desenfocar
Los filtros de desenfoque suavizan una selección o una imagen entera y son útiles para
retocar.
Filtros de trazos de pincel
Al igual que los filtros artísticos, los filtros de trazos de pincel proporcionan un efecto
pictórico o de bellas artes utilizando diferentes efectos de pincel y tinta.
Filtros para distorsionar
Los filtros de distorsión deforman geométricamente una imagen creando efectos

tridimensionales u otros efectos de cambio de forma.
Filtros de ruido
Los filtros de ruido añaden o eliminan ruido o píxeles con niveles de color distribuidos
aleatoriamente. Pueden crear texturas inusuales.
Filtros para pixelizar
Los filtros del submenú Pixelizar definen claramente una selección agrupando en celdas los
píxeles con valores de color similares.
27
Filtros para interpretar
Los filtros para interpretar crean formas tridimensionales, motivos de nubes, motivos de
refracción y simulaciones de reflexiones de la luz en una imagen.
Filtros para enfocar
Los filtros de enfoque enfocan imágenes borrosas, aumentado el contraste de los píxeles
adyacentes.
Filtros para bosquejar
Los filtros del submenú Bosquejar añaden textura a las imágenes, con frecuencia para crear
un efecto tridimensional.
Filtros para estilizar
Los filtros para estilizar producen un efecto de pintura o impresionista en una selección al
desplazar los píxeles y luego buscar y realzar el contraste de la imagen.
Filtros de textura
Utilice los filtros de textura para simular una apariencia de profundidad, de sustancia o para
añadir un aspecto más natural.
28
GALERÍA DE FILTROS
Hacer clic en Filtro > Galería de Filtros para ver su ventana de trabajo:
Desde aquí podemos gestionar gran parte de los filtros (aunque no todos) y aplicarlos
combinados con una sola operación.
Seleccionar desde el navegador de filtros la miniatura de filtro que queremos aplicar. Al

seleccionarla se aplicará directamente en el área de Previsualización de Filtros.
Podemos modificar las opciones del filtro desde el panel de opciones, y una vez realizados
los nuevos cambios podemos añadir un filtro nuevo haciendo clic en el icono Nueva capa
de efecto al pie de la lista de Filtros aplicados.
De esta forma podrás combinar diferentes filtros sobre la misma imagen pudiendo ver el
resultado final de una sola vez.
Es posible anular la visibilidad de alguno de los filtros haciendo clic sobre el icono al
lado del nombre del filtro.
Se puede borrar cualquier filtro aplicado seleccionándolo en la lista de filtros aplicados y

pulsando el botón Eliminar capa de efecto .
Una vez terminado pulsa el botón OK para aceptar los cambios o cancela y volverás al
lienzo tal y como lo dejaste.
29
ATAJOS DEL TECLADO PARA PHOTOSHOP
Visualización de Paletas y Herramientas:

TAB (Tabulador) para ocultar la barra de herramientas y las paletas.
SHIFT + TAB para esconder solo las paletas.
Area de trabajo:
“F” para alternar entre 3 modos de pantalla diferentes y así poder obtener un mayor área de trabajo.
Doble Clic en la herramienta “Zoom” la imagen pasa a visualizarse al 100%

Doble Clic en la herramienta “Mano” la imagen se encaja en todo el espacio disponible.
“Z” Herramienta Zoom.
“H” o Mantener la Barra espaciadora: Herramienta Mano
Selecciónes:
Ctrl + “A” para seleccionar toda la capa.
Ctrl + “D” para deseleccionar.
Ctrl + Shift + “D” para volver a seleccionar lo que deseleccionaste.
Ctrl + Shift + “i” para invertir la selección que tienes. Muy útil cuando hacemos una selección a partir de una Máscara de
Capa ya que por lo general deseamos tener una selección de lo que no está enmascarado y por lo tanto siempre
tendremos que invertir.
Ctrl + “H” si molesta el “camino de hormigas” que indica lo que hay seleccionado podemos hacer que deje de verse (NO
deseleccionar, sino solamente ocultarlo). Para volver a ver la selección repetir el atajo.
Visualización de Capas:
Si quieres ocultar todas las capas menos una en un solo paso simplemente mantén presionada la tecla Alt y hacer clic en
el ícono del ojo que está junto a la miniatura de Capa en la Paleta “Capas” de la Capa que deseas mantener.
Combinación de Capas:
Ctrl + Shift + “E” para combinar todas las Capas visibles.
Ctrl + Alt + Shift + “E” combinar todas las capas visibles en una nueva dejando intactas todas las demás.
Transformación de Capas:
Ctrl + “T”: “Transformación Libre”
Ctrl + Alt + “T” la transformación que realices se hará en una capa nueva sin alterar para nada la capa en la que estabas
trabajando.
Recorre el “Historial”:
Ctrl + Alt + “Z” y Ctrl/ + Shift + “Z” recorres respectivamente hacia atrás y hacia adelante la paleta “Historia”.
Visualiza los distintos documentos abiertos:

Ctrl + Tab Con varios documentos abiertos en PS podemos ir pasando de unos a otros.
30
Crear Textura de repetición

 Primero bajamos una textura de internet.
 La abrimos en Photoshop.
 Para ver cómo responde a la repetición hacemos lo siguiente:
a. La forma más rápida de comprobarlo es aplicar un
filtro Desplazamiento (Filtros > Otro > Desplazamiento), introduciendo unos
valores para Horizontal y Vertical que sean la mitad de la anchura y altura
totales de la imagen. Esto lo vemos en la info que está en la barra inferior:
31
b. Con esto conseguimos que la textura vaya desapareciendo por la derecha y

apareciendo por la izquierda, y lo mismo en el sentido vertical. Lo normal sera
que aparezcan unas líneas en el centro del documento que nos indican que
los bordes izquierdo y derecho (que ahora están en el centro) no “conectan”;
igual pasa con los bordes superior e inferior. Bien, está claro que esta imagen
NO es tileable. Volvemos al estado anterior (Ctrl + Z) para tener la imagen
original.
 Para empezar ampliamos el tamaño del lienzo

(Ctrl + Alt + “C”) hasta tenerlo un 300% más
grande —en anchura y altura— y hacemos que la
textura se repita 9 veces. Duplicamos la capa (Ctrl
+ J o Alt sobre la textura + Arrastrar y soltar).
Acomodamos las capas hasta que quede como la
imagen. Luego las combinamos (Ctrl + E).
 Este va a ser nuestro principal

Capa de trabajo llamada TXT.
 Si nos fijamos bien en la imagen

vemos que el principal problema
es que hay una variación tonal:
no coincide la intensidad lumínica
por toda su superficie, tiene zonas
más oscuras y otras más claras,
haciéndose mucho más evidentes al intentar ensamblar los bordes.
32
Proceso 1: Ecualización de color y Luz

o Paso 1. Realiza una copia de la capa Fondo (Ctrl + J)
o Paso 2. Abre Filtros > Desenfoque > Promediar
o Paso 3. Coloca la capa TXT al principio de la lista de capas (Manteniendo botón
izquierdo y deslizando la capa hacia arriba), ajusta su opacidad al 50% y en Modo
de fusión escoge Luz lineal.
o Paso 4. Abre Filtros > Otro > Paso alto… y prueba con el parámetro “Radio” para
controlar el efecto.
o Para los detalles podemos utilizar las herramientas vistas anteriormente como:
33
Bibliografía utilizada y sugerida

 Raph Koster. A Theory of Fun for Game Design. 2º Edición. US. O’Reilly Media.
2013.
 Jesse Schell. The Art of Game Design: A book of lenses. 1º Edición. US. CRC Press.
2008.
 Game Design Workshop: Designing, Prototyping and Playtesting games Autores:

Tracy Fullerton, Chris Swain, Steven Hoffman Editorial: CMP Books. 2008.
 Introducción al Diseño de Videojuegos. Albert T. Franch. UOC. 2011.
 http://wiki.blender.org/index.php/Doc:ES/2.6/Manual.
34
Lo que vimos:
Vimos cómo crear cualquier tipo de textura usando un editor de imagen. En este caso
Adobe Photoshop.
35

Unidad5 Mod2 VJ Parte2

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Unidad5 Mod2 VJ Parte2

Cargado por

Copyright:

Formatos disponibles

ELEARNING TOTAL Desarrollador de Videojuegos (Nivel Inicial)

1. Texturas con Photoshop 4

2. Adobe Photoshop – Herramientas de Edición 5

 Aprendan las diferentes formas de crear un mapeado UV para texturizar objetos

1. Texturas con Photoshop

Crear una Textura con una imagen creada / editada en Photoshop

En el menú UV en la cabecera del

 Abrimos el archivo, por ejemplo en el Adobe

 Por último para cargar una textura ya

2. Adobe Photoshop – Herramientas de Edición

Entonces, una vez introducida la imagen en el programa podemos retocarla, transformarla

Photoshop es un software comercial, y se ha de comprar una licencia para poder usarlo

Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el

Photoshop nos permite trabajar directamente con los mapas de bit.

Para abrir un archivo, vamos a Archivo → Abrir.

En la pestaña de documento veremos:

 El nombre del archivo

 La extensión del archivo (.jpg, .gif, .psd, etc)

 La escala de visualización en relación al tamaño real.

 El modo y la profundidad de color

El panel alargado que vemos en la imagen de la derecha es el Panel de

Prestemos atención, ya que algunas de ellas tienen un pequeño triángulo en su

Si posicionamos el cursor sobre alguno de estos iconos y mantenemos pulsado

Por ejemplo, si desplegamos el menú del icono pincel se desplegará la lista de

En el panel de herramientas podemos encontrar también los selectores de

El recuadro que se encuentra al frente

La barra de opciones de herramientas

En la parte superior de la ventana y bajo la barra de menú encontramos la barra de

Desde aquí podemos cambiar aspectos de la herramienta como su tamaño, su opacidad,

 Marco Elíptico: Selecciona áreas elípticas o

Podemos sumar selecciones (de la misma

Podemos restar selecciones (de la misma

Para soltar una selección, vamos a Selección –

O desde el teclar Ctrl + D.

 Lazo a mano alzada: Permite delimitar

 Lazo poligonal: Permite delimitar áreas con

 Lazo magnético: El lazo magnético detecta

 Selección rápida: Mediante el recorrido de una punta de pincel (área de cursor) se

En la barra de opciones encontramos todas las opciones para su configuración:

Para su mejor comprensión se suele

Cuando trabajamos con Photoshop, podemos guardar el archivo editable, con la

 Las capas de texto: son capas que contienen

Podemos unificar dos o más capas con Ctrl + E

 Activar capa: Haciendo un clic en la parte vacía de la capa.

La capa activa es en la que se realizarán las acciones sucesivas.

 Activar varias capas: Se realizan clics sucesivos pulsando simultáneamente la

Esto hará que las capas se muevan y se trasladen en grupo.

 Mostar ocultar una capa: Haciendo clic en el ojo a la izquierda de la miniatura de

 Renombrar capas: Doble clic en el nombre y editar.

 Duplicar capas: Arrastramos la capa y la soltamos en el botón de “nueva capa”.

El resultado es que las capas combinadas se fusionan en una sola capa.

 Trasladar capas: Se pueden trasladar capas de un documento a otro haciendo clic

 Opacidad: es una propiedad de las capas que permite graduar su nivel de

En cada modo de la lista se realiza una discriminación entre los valores de

Modo de fusión Opacidad

Enlazar capas Eliminar capas

Crear capa vacía

El Lápiz y el Pincel permiten pintar con el color frontal

La herramienta Pincel Mezclador sirve para dar un efecto artístico a la composición,

Una de las diferencias respecto al Lápiz es la posibilidad de convertir esta herramienta

Esta opción es útil cuando queremos que la herramienta pinte conforme a

Con los pinceles que vienen por defecto en

A mayor grosor, el área que