Este documento presenta información sobre un ejercicio de bocetos diarios digitales que los estudiantes deben realizar usando la técnica libre de su preferencia. Los bocetos se subirán semanalmente a un grupo en línea y se revisarán para asegurar el cumplimiento. También incluye una lista de objetos comunes que los estudiantes pueden usar como inspiración para sus bocetos. Finalmente, proporciona recursos en línea adicionales sobre bocetos diarios.

1. Técnicasde representación
digitales
Photoshop: Fotomanipulación
Clase 11 y 12
TAMM-18septiembre2018

2. Ejercicio parcial: Sketch-a-day
•
•
Deben realizar un sketch diario, apartir del día Martes 18 de
septiembre hasta el Viernes 19 de octubre (31 entotal).
Latécnica eslibre, pueden haber bocetos en hoja con
bolígrafo, charpaks, nada en lápiz,pero de preferencia la
mayoría endigital.
•
•
Se subirán los bocetos en la
carpeta correspondiente en el
grupo (una carpeta semanal).
Se revisará semanalmente que
estén subiendo los bocetos. Si
no se suben para el día viernes
de cada semana ya no se
tomarán en cuenta.

3. Se van a mezclar el inktober 2018 con
la lista de objetos de la sig. diapositiva
http://mrjakeparker.com/inktober

4. 1. Tostador
2. Microondas
3. Lámpara de mano
4. Mochila
5. Cepillo de dientes
6. Lámpara de mesa
7. Rasuradora
8. Batidora
9. Aspiradora
10.Cafetera
11.Sillón
12.Mouse de computadora
13.Bruja
14.Reloj despertador
15.Zapato/Tenis
16.Pastel
17.Monstruo
18.Cepillo lavaplatos
19.Reloj de pulsera
20.Espada
21.Guitarra
22.Macetero
23.Patín
24.Hoguera de jardín
25.Bob Esponja
26.Casco
27.Librero con cajones
28. Máquina de coser
29. Robot
30.Botella de sake
31.Lentes de sol

5. Páginasútiles
Canalde youtube Sketch-a-day de Spencer Nugent
https://www.youtube.com/user/sketchadaydotcom
Facebook de sketch-a-day
https://www.facebook.com/sketchaday/

6. Objetivos
• El alumno aprenderá a utilizar
las herramientas básicas del
programa Photoshop para
editar, modificar y mejorar las
imágenes de sus proyectos.
• Aprenderá distintas técnicas y
efectos para aprender a
vender, visualmente, sus
productos (y también ponerse
guapos para las fotos del
facebook).

8. Fotomontaje

9. Objetivos
• Elalumno aprenderá las
funciones de un
fotomontaje, para qué
les puede servir y cómo
serealiza.

10. Fotomontaje o fotomanipulación
Elfotomontaje esel proceso de mezclar imágenes
para crear unanueva.
Esuna especiede “collage” donde loselementos
sedebenmimetizar lo mejor posible.
Tododebeconvivirenel mismo
espacio/escenario/universo.

13. Características
Secreanimágenesquenopodrían
serfotografiadas enla
realidad.
Sirve para:
•
•
•
•
•
• Mostrar alguna función(POP,
Arquitectura, etc.)
Explicar una idea demanera
gráfica.
Narrar unahistoria
(storyboards).
Expresióny exploración gráfica.
Anuncios publicitarios.
Paraburlarse de otros…¬¬

16. elementos

17. ProductoFinal

19. Photoshop
•
•
• Programa de edición de imagen, arte digital y
composición gráfica.
Familia: Adobe; por lo que es compatible con
cualquier otro programa de dicha familia.
Su aplicación principal es retoque de fotografía, edición
y composición de imágenes, efectos visuales, pintura
digital y en algunos casos, animación.

20. ¿Quépodemoshacercon Photoshop?
¿Paraquése utiliza?

21. •Crear mundos con efectos
surrealistas.
•Efectos de iluminación.
•Presentaciones para explicar
o vender ideas.
•Pintura digital.
•Publicidad.
•Retoque fotográfico.
•Ponerse bonitos para
facebook.
•Memes…. ^^”

23. Photoshopes maaaaaagiiiiiiiiia:

25. ¿Manipular larealidad?

26. Manejo debalancedecolorpara cambiarel aspectoodar unmood distinto:

31. …yenalgunasocasioneshay tragedias:

35. ¡Super foto para facebook!

36. Lo más ÉPICOOOOO:
http://www.theleek.com/terrible-
photoshop-russian-wedding-pictures/
El ruso que no hace fotos de
bodas: https://hipertextual.com/juno/este-
fotografo-ruso-maneja-photoshop-nivel-dios

37. DoveEvolution
Las“bondades” de Photoshop
https://www.youtube.com/watch?v=iYhCn0jf46U

39. Ejercicio 6: Edición de Quimera
• El alumno, utilizando varias imágenes sacadas de
internet, realizará una criatura fantástica (Quimera)
aplicando las herramientas de photoshop vistas en la
clase.
• Usará herramientas de edición: corte, transformación,
perspectiva, etc.; y de dibujo: brushes, pintura, formas
predeterminadas, etc.
• Debe verse lo más real posible, debe estar bien
recortada y editada.
• Documento: 1280x800 , entre 100 y 200dpis.
• Revisión en clase: Viernes 21 de septiembre,
• Entrega: Sábado 22 de septiembre antes de las
11:59pm.

44. Matte painting
Es una imagen pintada de un escenario
que ayuda a crear un fondo o un
ambiente para una película. Esto
ayuda a crear nuevos mundos o
recrear escenarios que existieron hace
mucho tiempo.
• http://www.shadowlocked.com/201205272
60 3/lists/the-fifty-greatest-matte-
paintings-of- all-time.html

47. http://sandara.deviantart.com/art/
matte-painting-tutorial-159991880

48. Ejercicio7: Fotomontaje/Matte
painting
• El alumno, usando fotografías que se
le entregarán, creará un mundo
fantástico/surreal.
• Utilizará todas las herramientas y
mañas de Photoshop para lograrlo,
así como la ley de tercios para
generar una composición gráfica.
• Formato: web 2048 x 1152 entre 150
• y 200 dpis
• Revisión: Viernes 21 de
septiembre y Martes 2 de
octubre
• Entrega: Viernes 5 de octubre
antes de las 4pm.

54. Frederic St-Arnaud
http://fstarno.deviantart.com/

55. Abrir programa y espacio de
trabajo
• Paracomenzar
senecesita abrir
un documento
nuevo, el cual
debe
configurarse de
acuerdo alas
necesidadesdel
proyecto.
• Archivo->Nuevo

57. Archivos
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.

58. Características de un documento nuevo
Ancho
Alto
Resolución
Modo de
Color
Unidades: pixeles,
CM, pulgadas, picas

59. Adecuar alto y ancho con la dimensión deseada.
Resolución dependiendo de la utilidad 300 dpis (pixeles/pulgada) para
impresión.
Modo de Color CMYK (impresión) o RGB para pantalla.

60. Workspace
Herramientas
Layers, channels y paths
Selección de Color

61. Herramientas

62. Photoshop maneja herramientas para cada necesidad:
•Herramientas de selección: nos permiten mover
elementos, seleccionar según formas predeterminadas,
seleccionar de manera libre, etc.
•Herramientas para cortar y crear sectores: nos
permiten cortar partes de nuestra imagen, o delimitar
sectores.
•Herramientas de medida: estas son el cuentagotas, el
muestreo de color, la regla, las notas, y el recuento.
•Herramientas para retocar: estas herramientas nos
sirven para hacer correcciones sobre la imagen. Podemos
emparchar, pintar, eliminar ojos rojos, desenfocar, borrar,
clonar, etc.

63. • Herramientas de pintura: Estas herramientas
son el pincel, el lápiz, el pincel histórico, el
degradado, el bote de pintura, etc.
• Herramientas de dibujo y texto: entre estas
herramientas contamos con la pluma, el texto
horizontal y vertical, la máscara de texto
horizontal y vertical, la selección de trazado, las
figuras geométricas y personalizadas.
• Herramientas de navegación: las herramientas
de navigación tienen que ver con las
características 3D de rotación, desplazamiento,
escala, zoom y otras

64. http://www.jetsetcom.net/images/downloads/photoshop_cc_tools_modifier_keys.pdf

69. http://www.jetsetcom.net/images/downloads/photoshop_cc_shortcuts_2013_09_08.pdf

71. Layers
Dar click en el ícono para
desplegar el cuadro deacciones
•Create new layers (crear nuevolayer)
•Duplicate layer (Duplicar el layer)
•Delete layer (borrar el layerseleccionado)
•New Group (crear grupo donde colocaraslayers)
•New Group from Layers (crear grupo apartir delayers
seleccionados)

72. Herramientas de selección
• Como su nombre lo indica, sirven para
seleccionar cierta área o elemento.
• Las líneas punteadas que aparecen alrededor
del elemento indican un recorte y sólo lo que
está dentro de dicha selección podrá ser
editado.
• Para deseleccionar se utiliza la abreviación:
Ctrl+D

74. Varita MágicayQuick selection
• Sirven para seleccionar de manera rápidaun
color específico.
• Sepuede regular la tolerancia para cuando
tienes varios colores difíciles dediferenciar.

75. Transformación
• Sirve para transformar la imagen (o
sección de imagen) seleccionada:
• Abreviación Ctrl+T o buscar en Edit-
>Transform
• Aparece un recuadro donde, al colocar la
flecha de selección en las esquinas
(recuadros pequeños) puedes agrandar,
achicar o girar la imagen.
• Apretando Shift mientras realizas
la transformación el objeto
mantendrá su proporción.

77. Transformo transformación
La herramienta :
• Scale (tamaño)
• Rotate (girar el objeto en cualquier
dirección)
• Skew, distort y perspective (se usan
para modificar la imagen en diferentes
formas, escalas, perspectiva y
adaptarla a la posición que necesites )
• Warp (modifica la imagen moviendo
ciertos puntos dentro de la misma)

79. Trasladarunaimagena unworkspace
distinto
• Se abre el área de trabajo donde se
realizará todo el proyecto y se abre la
imagen que se desea editar.
• Para poder trasladar una imagen a
otro workspace es indispensable que
el layer (o capa) no esté bloqueado.
• Posteriormente,el workspace de la imagen
se desprende y con la flecha de arrastra
el elemento a la otra ventana.

80. Candado
(doble click
para
desbloquear)
Workspace enel
que estás
trabajando
Imagen quedeseas
colocar

82. Clippingmask
•
•
• Es una herramienta que
sirve para “recortar”
imágenes, quitar fondos, sin
tener que borrarlos o perder
parte de la imagen.
Es una máscara de recorte
que sirve para realizar
fotomontajes.
Funciona pintando sobre la
hoja de la derecha, los
colores de los brushes
cambia a negro para
“borrar” y blanco para
reaparecer la imagen.

83. CloneStamp
Elbotón de clon ayuda a
copiar partes de laimagen
para disimular, imitar
texturas, etc.
Paraimitar cierta parte de la
imagen seda click
izquierdo+Alt sobre el layer
que quieres copiar y luego
click donde quieres que se
repita el patrón
seleccionado.

84. Clone stamp se usó
para recrear el piso y la
pared.

85. Pintura (bote ydegradados)
•
•
Bote de pintura
sirve para pintar
un área abierta de
un color sólido.
El degradado se
puede editar para
generar distintos
tipos de degradados:
lineales, circulares,
céntricos, cortes,
etc.; con colores de
la preferencia del
usuario.

86. Color seleccionado (doble click para
abrir el color picker)
Tamaño del documento como lo estamos viendo

87. Paint Bucket: rellena
todo con un color
sólido

88. Gradiente: te permite utilizar degradados para generar efectos
Doble click en el rectángulo del
gradiente para abrir el editor.

89. Tipos de degradados: Diamante, circular, lineal y recorte.

90. Pluma
•
•
• La pluma sirve para
trazar líneas o realizar
selecciones basándose
en vectores.
Se pueden realizar
trazos rectos o curvas
jalando las anclas.
Los vectores son
ecuaciones que el
programa va
completando con forme
va generando las líneas.

91. Recortesyvectores:usode la pluma
•
•
La línea se puede editar
moviendo los puntos de
ancla.
Lostrazos pueden ser
líneas, áreas de recorte
o manchas de color
usando el Path.
Ancla
Vectores

92. Form Path
Diferentes tipos de
pluma

93. Escogeen la barra de herramientas el tipo deelemento
que deseascrear: líneas o formas sólidas.

94. También puedes escoger el tipo de
elemento que quieres crear desde
la sección de PATHSjunto alos
Layers.

95. Sidasclick derecho mientras el vector está activado,
aparecerá un cuadro con una lista deacciones.
Puedesescoger el tipo de acción o línea quese
trazará con Stroke Path.
Right click >Stroke Path

97. Simulate pressure da la
apariencia de un trazo a
mano alzada con lápiz

99. Video Tutorial trazo yrecorte con
pluma
Tutorial Photoshop: UsarPluma.
Conectatutoriales.
• http://www.youtube.com/watch?v=wk7w-
UnbqtU&list=PLBF93442E2025CEE4&index=1
0&feature=plpp_video

100. Brushes
• Lospinceles son una aplicación
que puede servir para:
– Dibujar con ciertacalidad,
estilo, figura ygrosor.
– Imágenes predeterminadas
que sirven para resaltaruna
imagen o complemento de
fondos.
– Parainstalar brushes, la
extensión es.abr

101. Estilo
Aerógrafo
Tamaño
depincel
Hardnessy softness (blurry)
Clickpara abrir eleditor
Hardpoint
Softpoint

102. Clickpara abrir laspropiedades
Loadbrushes, bajar
brushes que ya están en
sudisco duro.
Lista de brushes predeterminada o ya
instalados
Puedenbajar brushes de internet, deviantart
esuna gran fuente donde pueden
encontrarlos.

105. Pueden abrir
el editor de
brushes para
obtener
distintos tipos
de trazo. Sila
sensibilidad no
funciona
entrar abrush
presets para
revisar que
esté activado.

109. Brushes
• Losbrushes sirven para dar texturas, dependiendo de
suconfiguración, figura, opacidad yespaciado.
http://conceptcookie.deviantart.com/art/Getting-
Started-Brushes-and-Erasers-398299178

110. Advertencias
• Paleta decolores:Generar un layer con
todos los tonos sólidos que van ausarpara
pintar.
• Parallamar al gotero(y utilizar cierto color
que seencuentre en la imagen) setiene la
herramienta en Brush (B)y seaprieta ALT+
clickizquierdo sobre el color que quieres
escoger.

111. Trucopara suavizarcolorocontornos
pixeleados
Usar la herramienta blur
(gotita) para suavizar
bordes o hacer
esparcidos (difuminar).
Usenesta herramienta con
precaución. Seleccionarla
y bajar la fuerza (en la
sección de configuración
de la herramienta) (a un
10%máso menos) para
suavizarla e irlo calando.

112. Controlar herramientas conel teclado
•
•
•
• Corchetes([ ]): agrandar y empequeñecer la punta dela
herramienta que esté utilizando:pincel, borrador, blur,
dodge, etc.
Clicken algún número del teclado ajusta la opacidad.
Ejempo: 1 =10%;4=40%;0=100%.Siescribes los
números rápido lo interpreta literal,ejemplo: 4+5=45%.
Barraespaciadora:paneo, sirve para mover la hoja
dentro delworkspace.
R:Rotación;rotar la hoja ayuda aacomodarse para
realizar los trazos. Puedesrotarla con el mouse o
escribiendo el número del ángulo. Lodesactivas conEsc.

113. Efectos de capa(blending options)
Sonefectos que afectan sólo al elemento que se
encuentra en la capa(layer) seleccionado (icono F)
– Sombrasexternas e internas
– Iluminación o efecto de luz externa einterna
– Contorno (grosor) ytextura
– Satinado
– Color encima (cambio de color)
– Gradiente encima
– Patrón o textura encima
– Líneapara aumentar el grosor.

114. Efectos de capa

115. ¡Más trucazoooos!

116. Layeradjustment
Creamáscarasde
efectos sobre los
layers, eslo mismo
que los ajustes desde
Imagen pero esta se
convierte enmáscara
y puede ajustarse a
las necesidades de la
manipulación.

118. Ediciónde imagen
Lasección de Imagen
contiene todas las
funciones paragenerar
cambios de color,
saturación, mancha,
filtros de fotografía,
rotar imagen,etc.

119. Encuentran los controlesen
Image>Adjustments

120. Propiedadesde losajustesde imagen

121. Hue/Saturation
Ayuda acambiar el color general (hue), la saturacióndel
color y aclarar uobscurecer.

122. Match color
•
•
• Estaherramienta sirve para
igualar tonos entre las
distintas imágenes con las
que seestán trabajando.
Sedebe escoger la
iluminación de una imagen,
y será la que seimitará para
todos los layers.
Sepuede calibrar la
intensidad de loscolores,
iluminación, etc.

123. Blendmodeentre capas
Enla ventana de layers (capas) existe un mezclador de texturas y
efectos de color que afecta atodos los layers que seencuentran
abajo. Estosefectos dependen del tipo de blender que estás
utilizando en la capaseleccionada.

124. El efecto que se seleccione afecta al resto
de las capas que se encuentran abajo.
Genera combinaciones y efectos de
luces, texturas, color, saturación, etc.
Estos blending ayudan a crear distintos
efectos como texturizados, iluminación,
mimetizar imágenes, cambiar ambientes,
etc.

129. Filtros
Losfiltros son aplicaciones que ayudan acrear efectos
distintos alas imágenes. Existen distintos filtros de acuerdo
acadanecesidad: desde convertir la imagen en algún estilo
artístico, hasta generar efectos de plastificado,desenfoque,
ruido, luces,etc.

130. Lista de filtros
Ventana de edición de filtros

131. Tutorial para manejo de filtros y
descargas.
Filtros y complementos. Conectatutoriales.
• http://www.youtube.com/watch?
v=k3tWgFFruJE&list=PL023B11ED805EF189&i
ndex=17&feature=plpp_video

132. Efectosde luz
Pararealizar efectos de luz y rayos esnecesario aplicar
brushes, utilizar un fondo obscuro para que resalten
los colores, o aplicar stock de rayos, todo estopuede
ser regulado por losblend modepara generar
distintos efectos ysensaciones.

134. Tutorial Coloreadodepinceles(varios
tips)
Tutorial Photoshop: colorearpinceles.
Conectatutoriales.
• http://www.youtube.com/watch?
v=rPHia1EaZE4&list=PLBF93442E2025CEE4&in
dex=20&feature=plpp_video

140. Tutorial 2: Creating acomposite image
with PSCS6
http://www.adobe.com/i
nspire/2012/06/compo
site-image-photoshop-
cs6.html

141. Recomendaciones
LuneBleu –Ana Cruz(fotomanipulación y
fotografía)
• http://lunebleu.deviantart.com/
Diseño | web
• http://tecnologia-
mundo.blogspot.mx/2010/10/diseno-grafico-
30-hermosas-imagenes-de.html

142. Recomendaciones
•Manual de Photoshop CS6
TR267.5.A3 M36 2013
•Técnicasde arte digital
TR642.T43
•Aprende PhotoshopCS6
TR267.5A66 2012
•PhotoshopTutorials
http://photoshoptutorials.deviantart.com/gallery/