Este documento presenta una introducción a las técnicas de representación digital y al programa Sketchbook Pro 2016. Cubre objetivos como comprender los tipos de líneas y su importancia, y familiarizarse con el uso de la tableta digital. Incluye información sobre conceptos de bocetaje como investigación, exploración y persuasión. También presenta ejercicios para practicar el control de líneas y el reconocimiento de la tableta digital.

1. Técnicas de representación digitales
Clase 1 y 2: Tipos de líneas,
Conceptualización: Proceso de diseño;
Sketchbook pro 2016
8 y 11 de agosto 2017
TAMM

2. Objetivos
El alumno comenzará a comprender qué son las
líneas, qué expresan y su importancia en la
comunicación (ideas, bocetos, etc.)
El alumno comenzará a
familiarizarse con el
programa
computacional, el uso de
la tableta digital y la
aplicación de la técnica
digital.

3. Tipos de línea y expresión
La línea puede expresar ideas, emociones y
sentimientos.
La línea está impregnada de la personalidad de la
persona que la traza, como una firma.

4. Líneas rectas: vertical, horizontal y
oblicua
• Vertical: arriba,
altura, grandeza,
delgado, estilizado.
Ejemplo: Gótico.

5. • Horizontal: paz,
calma, horizonte,
tranquilidad.
• Oblícuas:
Velocidad,
movimiento,
guía la
mirada a
cierto
punto.

6. • Línea Curva:
redondeos,
amistoso, suavidad,
sensualidad.
• Línea Quebrada:
peligro, filo,
energía,

7. ¡Soy chobi!

9. Bocetaje
El bocetaje es la forma más
rápida para definir
problemas, explorar ideas y
desarrollar formas.
Es un medio de comunicación y
la calidad de la presentación
depende de la etapa de diseño
en la que nos encontremos.
Boceto: Dibujo a trazos rápidos, dibujo
sin terminar.
Bocetaje: Trazar líneas generales de algo.

10. Uno de los beneficios cognitivos del boceto
es que, el simple acto de formular imágenes
mentales en un modo concreto sobre papel
hace posible reflejar el concepto, y de
manera casi instantánea desarrollar más
conceptos nuevos (iteración).

12. IMPORTANTEEEEE
Lanzar líneas rápido… ¡¡¡RÁPIDOOOO!!!
para generar la mayor cantidad de ideas y
propuestas en un corto tiempo y no
preocuparse por “hacerlo bonito” sino
porque se entienda la idea general.

14. Boceto
Visualización en
distintos ángulos
Producto
final
Karim Rashid

17. • No preocuparse por salirse de la raya.
• Lanzar líneas con la mano suelta usando los
distintos pivotes del cuerpo: muñeca, codo y
hombro.
• No borrar, seguir dibujando, si es necesario
repasar la línea.
• Usar figuras geométricas sencillas como base
para medir y generar figuras más complejas:
círculos, curvas, cuadrados, triángulos, etc.

18. • El alumno realizará un
boceto rápido de una
licuadora.
• Usarán una hoja
tamaño carta y las
herramientas que crean
adecuadas para
presentar el boceto
como cada uno crea
conveniente.
• Entrega: Viernes 11
agosto antes de las
3pm en el grupo de
Facebook. Suban la
foto o el escaneo si lo
hacen a mano.
Ejercicio diagnóstico

19. Lectura 1: Levels of sketching
Los estudiantes leerán el artículo: Levels of sketching
Pueden encontrarlo en el grupo de Facebook, documento en word en el
área de Archivos
Deben escribir un reporte en Word o pdf sobre la lectura en máximo una
cuartilla. Su opinión, no un resumen del artículo.
Deben mandar el archivo al correo: van_loves_akane@hotmail.com
El formato del nombre debe ser:
Matrícula+Nombre+Lectura1.doc
Ejemplo: A00339476_TaniaMunoa_Lectura1.doc
Entrega: Viernes 11 de agosto antes de las 5:30pm via
correo electrónico.

20. Proceso de diseño
El bocetaje va evolucionando dependiendo de la
etapa de diseño en la que nos encontremos:
1. Investigación: Burdo y rápido, formal, conceptos
(Doodles).
2. Exploración: Formal, volúmenes básicos y rápidos,
sin mucho detalle.
3. Explicación: Detalles básicos, notas, flechas,
volúmenes medios y refinamiento de líneas,
acercamientos y detalles.
4. Persuasión: Detalle completo, color y materiales
tentativos tendiendo al render.

21. Investigación-Conceptualización
Vistas y formas básicas para explorar la idea general.

22. Muchas ideas resueltas en poco tiempo

23. Exploración: perpectivas con mayor detalle
que la investigación.

24. Perspectivas, análisis de formas, un
poco más de detalles.

26. Explicación: manejo de cortes, detalles,
acercamientos, flechas, notas

29. Manejo de flechas, letreros, análisis de
materiales, cortes, grosores, etc.

31. Persuasión-presentación

32. Presentar el objeto: ¿cómo venderías
la idea?

34. Ejercicio 4: Diseño de batidora de
mano
• El alumno diseñará una lámpara de mano siguiendo las
etapas de diseño descritas anteriormente.
• 1er Etapa: Investigación.
– Para la próxima clase (15 de agosto antes de las
3pm) realizarán un benchmarking del objeto,
investigación del mismo (historia, usos, tecnología,etc)
e investigarán sobre el concepto: definirá qué líneas
utilizará para dar a entender el concepto (curvas,
rectas, oblicuas, etc.).
– Realizará todas sus anotaciones en una hoja carta,
puede hacer doodles, diagramas, etc.
– El archivo se subirá en jpg en la carpeta
correspondiente en el grupo de Facebook.

36. Concepto: Elefante

37. • Para empezar a bocetar necesitas saber:
– ¿qué voy a diseñar? OBJETO
– ¿qué quiero expresar y para quién voy a
diseñarlo? CONCEPTO
– cómo lo voy a expresar: usando formas,
figuras, líneas de expresión, volúmenes.
– ¿qué características lo hace ser?
– ¿qué características le voy a dar?
Funciones básicas, partes que lo
componen, etc.
• Mientras bocetas las primeras ideas vas
pensando ¿cómo lo hago más original,
distinto o innovador? EVOLUCIÓN.
Proceso de diseño: Tips para
empezar a bocetar

38. Delimitar el concepto:
• Objeto: Batidora de mano
• ¿Qué lo hace ser? ¿Cómo es? ¿Cómo funciona
y cómo podría cambiar esa función?
• A quién va dirigido: hombres, mujeres o ambos;
adultos, jóvenes, etc.
• Dónde lo va a utilizar: hogar, cocina, bar,
cafetería, etc.
• Funciones: Se conecta a la corriente, usa
baterías, se tiene que recargar, puede ser de
ambas formas, energía solar, plutonio, etc.

40. El alumno comenzará a familiarizarse con el
programa computacional, el uso de la tableta
digital y la aplicación de la técnica digital.
Objetivos

41. Sketchbook pro 16
• Familia Autodesk
• Extensión .tiff (respeta transparencias y alta
calidad de imagen)
• Compatible con extensión Photoshop (.psd) y
programas de pintura digital y/o edición de
imagen como Paint tool Sai, Corel Painter, etc.

42. Herramientas
Propiedades de
pinceles
Tamaño de pincel
Menú general
Capas
Tabla de colores
Espacio de trabajo

43. Recomendaciones
• Configurar la página antes de comenzar
a trabajar.
• Usar capas o layers, no trabajar todo
sobre la misma, jerarquicen.
• Jugar con todas las puntas y configurarlas
para ver con cuál te acomodas más para
cada actividad: bocetar, pintar, texturizar,
etc.

44. Archivos (configuración)
Dots per Inch (DPI) o Puntos por
pulgada (PPP). Unidad de
resolución de impresión,
mientras más alto el número,
mejor calidad de impresión.
72 dpis: Default, resolución de
imagen web.
300 dpis: resolución óptima de
impresión para pósters o carteles
que están cerca del observador.

45. Tamaño de imagen

47. Herramientas
• Dimensiones
• Lazo
• Selección
• Perspectiva
• Simetría
• Compás
• Regla
• Texto
• Figuras
predeterminadas
• Lupa
• Movimiento
• Recorte
• Capas y sus
propiedades
• Brushes o pinceles

48. Brushes
• La herramienta básica de Sketchbook son los
pinceles o brushes.
• Tratan de imitar lo más posible la realidad.
• Los brushes nos dan distintos acabados y es
necesario conocerlos para reconocer para qué
nos puede servir cada uno.

50. • Para poder trabajar con los brushes es necesario
configurarlos.
• Se puede controlar el grosor, la opacidad, la dureza, el
esparcido, etc.
• La configuración depende del tipo de brush que imita el
programa.

51. Ejercicio 1a: Control de líneas
• Hoja carta, ejercicio a mano alzada donde el trazo debe ser
continuo y controlado.
• Cada línea se repasa 8 veces tratando de seguir la primera, no
queremos líneas peludas, necesitamos control en el trazo.
• Entrega: Martes 15 de agosto antes de las 3pm.
Líneas Arcos Ondas

52. Ejercicio 1b: Axurados
• En una hoja tamaño carta, dividirán la
hoja como se muestra y realizarán el
ejercicio de axurados lanzando las líneas
y controlándolas.
• Entrega: Martes 15 de agosto antes de
las 3pm.
• Ambos ejercicios se suben a la carpeta
Ejercicio 1: Control de líneas (4
archivos en total por persona)

54. Ejercicio 2: Reconocimiento de
tableta e ilustración
• El alumno configurará la hoja de papel en la que
trabajará: tamaño web (1280 x 1024 px a 100 dpis)
• Dibujará una plancha basándose en la fotografía (o la
de su casa), con volúmenes, colores, técnicas que
conozcan de bocetaje, pueden artistear si quieren.
• El objetivo es que usen las herramientas y comiencen a
familiarizarse con ellas.
• Hacer algunos ejercicios de calentamiento que se les
explicará en las siguientes diapositivas.
• Se sube a la carpeta Ejercicio 2:
ReconocimientoTableta en el grupo de facebook.
• Fecha límite: Martes 15 de agosto antes de las 3pm.

56. Ejercicio sugerido: Soltura de
mano previo a lanzarse a dibujar
En el programa Sketchbook pro abrir una hoja
(puede ser la de default o definirla en carta)
realiza una plana de gusanitos, cada uno debe
tener 8 espirales.

57. Ejercicios de calentamiento

59. Lectura 2: Calidad de línea
El alumno realizará la lectura del artículo: Calidad de línea de la
página de Neopixel:
http://www.neopixel.com.mx/articulos-neopixel/articulos-ilustracion/1619-calid
Escribirá una conclusión en máximo una cuartilla y enviará el
archivo en Word o pdf por email al correo:
van_loves_akane@hotmail.com
El formato del nombre del archivo debe ser:
Matrícula+Nombre+Lectura1.doc
Ejemplo: A00339476-TaniaMunoa-Lectura2.doc
La entrega deberá ser: martes 15 de agosto antes de las
5:30pm.

60. Tutoriales
Sketchbook pro introducción (español)
• http://www.youtube.com/watch?v=KIYp2EaF
Basics of Sketchbook Pro (inglés)
• https://www.youtube.com/watch?v=J08sCaR
Sketchbook pro Concept Sketch
• https://www.youtube.com/watch?v=nrCXYb7

61. Referencias
Oloffson, E. (2007) Design Sketching, KEEOS,
Suiza
Steur, R. (2007) Sketching, BisPublishers,
Holanda
Julián, F. (2005) Dibujo para diseñadores
industriales, Parramon.
Idsketching (2012) Industrial Design Sketching and
Drawing Video Tutorials.