Contenidos

Modelado 2D

Introduccin al modelado 2D: Photoshop

Herramientas de modelado 2D Photoshop

Introduccin Escritorio de Photoshop Tutorial: Modelado de un ojo

Armazones: JHotDraw

1/26

Modelado 2D en videojuegos

Modelado 2D para videojuegos

Modelado 2D
Creacin de texturas
Imagen que recubre una malla 3D
Objetos slidos Personajes

Imgenes = Mapas de bits Color

Antes se usaban paletas de 256 colores (Quake) Actualmente se usa RGB o RGB-Alfa
Canal alfa = Transparencia 8 bits por canal

Fondos
Skybox

Formatos
No comprimidos
BMP, TIFF

+
TEXTURA

Comprimidos
JPG, GIF, PNG

Nebula carga todos los formatos

OJO!!! Todos son expandidos en memoria
Armazones: JHotDraw

2/26

Armazones: JHotDraw

3/26

Herramientas de Modelado 2D

Photoshop Caractersticas
Trabaja simultneamente con:
Mapas de bits

Herramientas comerciales
Freehand Adobe Ilustrator Paint Shop Pro PHOTOSHOP

Mltiples modos de color

RGB
8 / 16 bits por canal

CMYK LAB

Mltiples formatos

Herramientas gratuitas
Paint ? Gimp

Grficos vectoriales

Otras herramientas
Terragen
til para generar skyboxes muy realistas

Uso de capas

PSD EPS, PDF GIF, PNG JPG BMP TIFF RAW

Paint3D
Genera texturas pintando sobre el modelo 3D
Armazones: JHotDraw

4/26

Armazones: JHotDraw

5/26

El entorno de trabajo
Barra de mens rea de paletas

Tutorial: El ojo

Barra de Opciones

Cuadro de Herramientas

rea de imagen activa

Armazones: JHotDraw

Paletas

6/26

Armazones: JHotDraw

7/26

Qu vamos a aprender?
Archivo Nuevo

Tutorial: Paso 1

Pinceles Colores Degradados Selecciones

Creacin Rellenar / Contornear

Capas
Creacin y copia Agrupar capas Opacidad de capa Fusin de capas Estilos de capa

Filtros
Desenfoque gaussiano Nubes Zoom Ruido

Transformaciones
Traslacin Escala Rotacin

Vista Gua nueva Horizontal = 8,65 Vista Gua nueva Vertical = 8,65

Armazones: JHotDraw

8/26

Armazones: JHotDraw

9/26

Tutorial: Paso 2
Crear una nueva capa Cambiar el color Frontal R:33, G:46, B:80

Tutorial: Paso 2

Edicin Rellenar Usar el color frontal

Crear seleccin con herramienta Marco Circular

Crear seleccin con la tecla ALT pulsada

Armazones: JHotDraw

10/26

Armazones: JHotDraw

11/26

Tutorial: Paso 3
Abrir archivo pupila-negra.psd Arrastrar la capa hasta el lienzo textura_ojo con herramienta Mover Creamos una nueva capa Creamos un crculo blanco de 3,44cm de altura y anchura Filtro Ruido Aadir Ruido

Tutorial: Paso 4

Centramos la capa Seleccionar el lienzo: CTRL+A Capa Alinear con la seleccin Centros horizontales Capa Alinear con la seleccin Centros verticales
Armazones: JHotDraw

12/26

Armazones: JHotDraw

13/26

Tutorial: Paso 4
Deseleccionar: CTRL + D Filtro Desenfocar Desenfoque radial Cantidad: 100; Mtodo: Zoom; Calidad: ptima Cambiar Modo de capa a Superponer

Tutorial: Paso 5
Abrir archivo pupila-verde.psd Arrastrar la capa hasta el lienzo textura_ojo con herramienta Mover y centrar la capa Modo de Capa = Superponer Capa Estilo de Capa Sombre Paralela

Armazones: JHotDraw

14/26

Armazones: JHotDraw

15/26

Tutorial: Paso 6
Duplicar Capa Arrastrar capa a duplicar hasta el botn de crear nueva capa Rotar una capa Edicin Transformar Rotar

Tutorial: Paso 6

Colorear la nueva capa: Imagen Ajustes Tono /Saturacin

Armazones: JHotDraw

16/26

Armazones: JHotDraw

17/26

Tutorial: Paso 7
Duplicar ltima capa Escalar una capa Edicin Transformar Escala

Tutorial: Paso 8
Crear nueva capa Hacer seleccin a partir de Capa 1: CTRL + Click sobre miniatura Capa 1 Filtro Interpretar Nubes (Colores Negro y Blanco) Deseleccionar: CTRL + D Filtro Desenfocar Desenfoque Gaussiano Modo de capa: Superponer

Cambiar el modo y la opacidad Capa 2 Copia 3= Modo Oscurecer; Opacidad: 61% Capa 2 Copia 2= Modo Oscurecer; Opacidad: 74%

Armazones: JHotDraw

18/26

Armazones: JHotDraw

19/26

Tutorial: Paso 9
Transformar escala en Capa 3 Edicin Transformar Escala (Hasta que delimiten el ojo) Desenfoque Gaussiano a capas Capa1, Capa2 Copia, Capa2 Copia 2 y Capa2 Copia 3 Filtro Desenfocar Desenfoque Gaussiano Radio: 3,2 (Para repetir el mismo filtro: CTRL + F) Ajustar niveles Capa 4 Imagen Ajustes Niveles

Tutorial: Paso 10
Crear nueva capa Crear una seleccin con marco elptico de 4,5 cm de altura y anchura Edicin Contornear Filtro Desenfocar Desenfoque Gaussiano Radio: 15,7px Cambiar Opacidad: 60%

Armazones: JHotDraw

20/26

Armazones: JHotDraw

21/26

Tutorial: Paso 11
Usaremos Pinceles para dar brillos blancos

Tutorial: Paso 12
Hacemos grupos de capas para tenerlas ordenadas Enlazar las capas: Hacer click junto a miniaturas Capa Nueva Conjunto de Capas a partir de enlazadas

Aplicar distintos tamaos de Pincel Punto superior Izquierdo: 125 90 30 px Punto derecho: 60 40 30 px Punto inferior izquierdo: 10 px

Armazones: JHotDraw

22/26

Armazones: JHotDraw

23/26

Tutorial: Paso 13
Crear nueva capa por encima de Fondo Crear una seleccin con la herramienta Marco Elptico de 15cm de ancho y alto Usar la herramienta de degradado Color frontal: R: 255, G: 255; B: 255 Color fondo: R: 101, G: 112; B: 128

Tutorial: Paso 13
Filtro Desenfocar Desenfoque Gaussiano Radio: 2,3 px Capa Estilo de Capa Resplandor Interior Transformar Escala del grupo IRIS Edicin Transformar Escala (127% en ancho y alto)

Armazones: JHotDraw

24/26

Armazones: JHotDraw

25/26

Enlaces

Tutoriales Photoshop
http://www.adobe.com/products/tips/photoshop.html http://www.solophotoshop.com http://www.pixel2life.com http://www.idigitalemotion.com http://www.tutorialized.com/tutorials/Photoshop/1

Texturas
http://www.3dcafe.com http://textures.forrest.cz http://www.animax.it http://www.3dmaxer.dk/Textures.asp Bsqueda de imgenes en Google

Armazones: JHotDraw

26/26