+ = Introducción al modelado 2D: Photoshop. Modelado 2D Herramientas de modelado 2D Photoshop. Imágenes = Mapas de bits. Modelado 2D. Color.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "+ = Introducción al modelado 2D: Photoshop. Modelado 2D Herramientas de modelado 2D Photoshop. Imágenes = Mapas de bits. Modelado 2D. Color."

Sara Quintana Ávila
hace 7 años
Vistas:

1 Contenidos Introducción al modelado 2D: Photoshop Modelado 2D Herramientas de modelado 2D Photoshop Introducción Escritorio de Photoshop Tutorial: Modelado de un ojo Armazones: JHotDraw 1/26 Modelado 2D Creación de texturas Imagen que recubre una malla 3D Objetos sólidos Personajes Fondos Skybox + = Modelado 2D en videojuegos Imágenes = Mapas de bits Modelado 2D para videojuegos Color Antes se usaban paletas de 256 colores (Quake) Actualmente se usa RGB o RGB-Alfa Canal alfa = Transparencia 8 bits por canal Formatos No comprimidos BMP, TIFF Comprimidos JPG, GIF, PNG Nebula carga todos los formatos OJO!!! Todos son expandidos en memoria TEXTURA Armazones: JHotDraw 3/26 Armazones: JHotDraw 2/26

2 Herramientas comerciales Freehand Adobe Ilustrator Paint Shop Pro PHOTOSHOP Herramientas gratuitas Paint? Gimp Otras herramientas Terragen Útil para generar skyboxes muy realistas Paint3D Genera texturas pintando sobre el modelo 3D Herramientas de Modelado 2D Características Trabaja simultáneamente con: Mapas de bits Gráficos vectoriales Uso de capas Múltiples modos de color RGB 8 / 16 bits por canal CMYK LAB Múltiples formatos PSD EPS, PDF GIF, PNG JPG BMP TIFF RAW Photoshop Armazones: JHotDraw 4/26 Armazones: JHotDraw 5/26 Barra de menús El entorno de trabajo Área de paletas Tutorial: El ojo Barra de Opciones Cuadro de Herramientas Área de imagen activa Paletas Armazones: JHotDraw 6/26 Armazones: JHotDraw 7/26

3 Qué vamos a aprender? Tutorial: Paso 1 Pinceles Colores Degradados Selecciones Creación Rellenar / Contornear Transformaciones Traslación Escala Rotación Capas Creación y copia Agrupar capas Opacidad de capa Fusión de capas Estilos de capa Filtros Desenfoque gaussiano Nubes Zoom Ruido Archivo Nuevo Vista Guía nueva Horizontal = 8,65 Vista Guía nueva Vertical = 8,65 Armazones: JHotDraw 8/26 Armazones: JHotDraw 9/26 Crear una nueva capa Tutorial: Paso 2 Cambiar el color Frontal Tutorial: Paso 2 R:33, G:46, B:80 Edición Rellenar Usar el color frontal Crear selección con herramienta Marco Circular Crear selección con la tecla ALT pulsada Armazones: JHotDraw 10/26 Armazones: JHotDraw 11/26

4 Tutorial: Paso 3 Tutorial: Paso 4 Abrir archivo pupila-negra.psd Arrastrar la capa hasta el lienzo textura_ojo con herramienta Mover Creamos una nueva capa Creamos un círculo blanco de 3,44cm de altura y anchura Filtro Ruido Añadir Ruido Centramos la capa Seleccionar el lienzo: CTRL+A Capa Alinear con la selección Centros horizontales Capa Alinear con la selección Centros verticales Armazones: JHotDraw 12/26 Armazones: JHotDraw 13/26 Deseleccionar: CTRL + D Filtro Desenfocar Desenfoque radial Cantidad: 100; Método: Zoom; Calidad: Óptima Cambiar Modo de capa a Superponer Tutorial: Paso 4 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

5 Tutorial: Paso 6 Tutorial: Paso 6 Duplicar Capa Arrastrar capa a duplicar hasta el botón de crear nueva capa Rotar una capa Edición Transformar Rotar Colorear la nueva capa: Imagen Ajustes Tono /Saturación Armazones: JHotDraw 16/26 Armazones: JHotDraw 17/26 Duplicar última capa Escalar una capa Edición Transformar Escala Tutorial: Paso 7 Tutorial: Paso 8 Crear nueva capa Hacer selección a partir de Capa 1: CTRL + Click sobre miniatura Capa 1 Filtro Interpretar Nubes (Colores Negro y Blanco) Deseleccionar: CTRL + D 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

6 Tutorial: Paso 9 Transformar escala en Capa 3 Edición Transformar Escala (Hasta que delimiten el ojo) Desenfoque Gaussiano a capas Capa1, Capa2 Copia, Capa2 Copia 2 y Capa2 Copia 3 Radio: 3,2 (Para repetir el mismo filtro: CTRL + F) Ajustar niveles Capa 4 Imagen Ajustes Niveles Crear nueva capa Crear una selección con marco elíptico de 4,5 cm de altura y anchura Edición Contornear Radio: 15,7px Cambiar Opacidad: 60% Tutorial: Paso 10 Armazones: JHotDraw 20/26 Armazones: JHotDraw 21/26 Usaremos Pinceles para dar brillos blancos Tutorial: Paso 11 Hacemos grupos de capas para tenerlas ordenadas Enlazar las capas: Hacer click junto a miniaturas Capa Nueva Conjunto de Capas a partir de enlazadas Tutorial: Paso 12 Aplicar distintos tamaños de Pincel Punto superior Izquierdo: px Punto derecho: px Punto inferior izquierdo: 10 px Armazones: JHotDraw 22/26 Armazones: JHotDraw 23/26

7 Tutorial: Paso 13 Crear nueva capa por encima de Fondo Crear una selección con la herramienta Marco Elíptico 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 Radio: 2,3 px Capa Estilo de Capa Resplandor Interior Transformar Escala del grupo IRIS Edición Transformar Escala (127% en ancho y alto) Tutorial: Paso 13 Armazones: JHotDraw 24/26 Armazones: JHotDraw 25/26 Enlaces Tutoriales Photoshop Texturas Búsqueda de imágenes en Google Armazones: JHotDraw 26/26

Documentos relacionados

PHOTOSHOP CS. 6 Crear selecciones 6.1 Vídeo real - Concepto de selección 6.2 Herramienta Marco rectangular

PHOTOSHOP CS. 6 Crear selecciones 6.1 Vídeo real - Concepto de selección 6.2 Herramienta Marco rectangular PHOTOSHOP CS 1 Conocer Photoshop 1.1 Conceptos 1.2 Requerimientos mínimos del sistema para Photoshop 1.3 Entrar en Photoshop 1.4 Área de trabajo 1.5 Salir del programa 1.6 Simulación - Entrar y Salir de