1. Colegio de Estudios Científicos y
Tecnológicos del Estado de México.
P l a n t e l: Tecámac
Carrera: Técnico en Informática
Asignatura: “Utilización de Software de Diseño para el manejo de
Gráficos”
Docente: Domínguez Escalona René
Alumno:
Campos Centeno Jorge Alejandro
Título: ”Compendio de Practicas
PsCs4”
Tecámac de F.V., Estado de México, a martes 4 de diciembre de 2012.
1

2. INTODUCCIÓN
Adobe Photoshop es el nombre o marca comercial oficial que recibe uno de los
programas más populares de la casa, Adobe Systems, junto con sus
programas hermanos Adobe Illustrator y Adobe Flash, y que se trata
esencialmente de una aplicación informática en forma de taller de pintura y
fotografía que trabaja sobre un "lienzo" y que está destinado para
laedición, retoque fotográfico y pintura a base de imágenes de mapa de bits. Su
nombre en español significa literalmente "tienda de Fotos" pero puede
interpretarse como "taller de foto". Su capacidad de retoque y modificación de
fotografías le ha dado el rubro de ser el programa de edición de imágenes más
famoso del mundo.
En este trabajo podrás encontrar un manual de practicas, el como hacer una
por una paso por paso y con iltustraciones.
2

3. Practicas de Introducción.(2)
VENTANA DE PHOTOSHOP Cs4
Área de Paletas
Barra de Menús
Barra de
Herramientas
Control de
Color
Control de
Mascara
Barra de Estado
Cuadro de
Cuadro de
Texto ZOOM
Información
3

4. Herramientas de Photoshop Cs4
N* Icono & Nombre Descripción
1 Herramienta Mover Con esta herramienta puedes mover las
cosas que estén en tu área de trabajo.
2 Puedes marcar rectángulos o cuadros a los
cuales puedes editar específicamente.
3 Puedes marcar círculos o elipses a los
cuales puedes editar específicamente.
4 Puedes marcar líneas horizontales que no
afectan tu trabajo.
5 Puedes marcar líneas verticales que no
afectan tu trabajo.
6 Puedes marcar determinada figura para
después recortarla.
7 Puedes marcar determinada figura pero
poligonalmente para después recortarla.
8 Puedes marcar determinada figura para
después recortarla. Solo que esta va
marcando por donde valla el cursor.
9 Puedes seleccionar todo rápidamente.
10 Puedes seleccionar rápido y
específicamente.
11 Recortas en forma de cuadro o rectángulo.
12 Recortas de la forma que desees.
13
14 Te da la muestra del color que elijas.
15 Además de darte la muestra de color te da
detalles del que desees.
4

5. 16 Dibuja una regla.
17 Puedes agregar una nota.
18 Esta herramienta sirve para retocar
fotografías y corregir partes de una
fotografía, simplemente pintando encima
de la zona que queramos corregir esta
aplicara los cambios automáticamente.
19 Como su nombre lo dice sirve para quitar
manchas en el rostro como acné, lunares,
etc.
20 Esta herramienta también hace coincidir la
textura, iluminación y sombreado de los
píxeles muestreados además lo combina
con las características de Selección de la
Herramienta Lazo.
21 Ayuda a quitar los ojos rojos de una
fotografía.
22 La herramienta Pincel pinta trazos de
pincel.
23 Esta herramienta pinta trazos de bordes
marcados.
24 Esta te permite remplazar colores de una
imagen por otros.
25 Con esta herramienta como su nombre lo
dice podemos clonar cualquier cosa.
26 Pinta parte de una imagen como un
motivo
27 Esta herramienta nos permite pintar en la
imagen actual el contenido de un estado
anterior de la imagen
28 Esta herramienta permite pintar con trazos
estilizados, utilizando los datos de origen de
un estado o una instantánea de historia
5

6. especificados. Al experimentar con
diferentes opciones de estilo de pintura,
tamaño y tolerancia, puede simular la
textura de pintar con diferentes colores y
estilos artísticos.
29 Como su nombre lo dice nos ayuda a
borrar en general.
30 Como su nombre lo dice nos ayuda a
borrar fondos
31 Al hacer clic en una capa con la
herramienta Borrador mágico ésta cambia
automáticamente todos los píxeles
similares. Si trabaja en el color de fondo o
en una capa con la transparencia
bloqueada, los píxeles cambian al color de
fondo; de lo contrario, la transparencia
remplaza a los píxeles. Puede optar por
borrar sólo los píxeles contiguos o todos los
píxeles similares de la capa actual.
32 Esta se utiliza para cubrir una zona con
dicho efecto. Crea una fusión gradual
entre varios colores. Puede seleccionar
rellenos de degradado prestablecidos o
crear los suyos propios.
33 Esta herramienta es muy sencilla de utilizar
y es muy útil para aplicar a zonas amplias
un color determinado. Siempre actúa sobre
los pixeles con características semejantes.
34 Ayuda a desenfocar una parte de nuestra
imagen.
35 Ayuda a enfocar una parte de nuestra
imagen.
36 Ayuda a desenfocar una parte de nuestra
imagen pero con la simulación que se esta
6

7. desenfocando por medio de un dedo.
37 Ayuda a ver la imagen como si tuviera
mucho tiempo expuesta ala luz y así mas
clara.
38 Ayuda a visualizar nuestra imagen con
escaso tiempo de exposición a la luz.
39 La herramienta Esponja, es la que Satura o
Des satura las imágenes.
40
Pluma le permite crear líneas rectas y
41 curvas con una precisión mayor de la que
es posible con la herramienta Pluma de
42
forma libre. Dicha herramienta proporciona
43 el mejor control y la mayor precisión en el
dibujo.
44
45 Insertas texto horizontal.
46 Insertas texto vertical.
47 Las otras 2 opciones que ofrece la
herramienta Texto es la de Máscara de
texto horizontal y Máscara de texto vertical,
esto significa que se creará texto sin un
48 color plano de relleno. Es decir, usted
puede adaptar un fondo a la tipografía o
ponerle un degradado o agregarle
efectos, puede hacer de la selección lo
que a usted se le ocurra, imagínese que la
tipografía deja de serlo para convertirse en
una selección creada por usted con
formas de letras.
49 Esta herramienta permite seleccionar
aquellos trazados que se han hecho con la
herramienta pluma
50 De trazado sirve para manipular desde los
nodos la silueta y Directa solo para
seleccionar la forma y moverlo de lugar sin
7

8. modificarla.
51 Dibuja Rectángulos o cuadros.
52 Dibuja Rectángulos o cuadros, pero con las
esquinas redondeadas.
53 Dibuja elipses o círculos.
54 Dibuja polígonos.
55 Dibuja Líneas.
56 Dibuja a mano alzada.
57 Ayuda a arrastrar.
58 Ayuda a arrastrar y además a girar.
59 Herramienta Zoom Ayuda a acercar o alejar la imagen.
8

9. PRACT.1-Blanqueo de Dientes.
1. Abrir una imagen de una sonrisa y duplicarla en un documento de
PsCs4.
2. Dentro de la capa de la segunda imagen, seleccionar la herramienta
Pincel, y mascara rápida.
3. Con el pincel marcas todos los dientes que deseas blanquear.
9

10. 4. Deseleccionas la máscara rápida.
5. Te vas a Menú selección/Invertir.
6. Te vas a menú Imagen/Ajustes/Niveles y acomodas a modo de
blanquear los dientes, y aceptar. Y listo..!
CONCLUSIÓN
10

11. Está practica es muy interesante y buena en cuanto a vanidad. Este efecto nos
ayuda a casi todos, y además es muy sencilla de hacer, con pasos sin
dificultad.
PRACT.2-Fotomontaje.
1. Abrir una imagen de POCOYO y una de La niña de Moster Inc. (Boo).
2. Con la herramienta Borrador le borramos la cara a POCOYO.
3. Copiamos la imagen de Boo y la pegamos en la capa debajo de la de
POCOYO.
11

12. 4. Acomodas la Imagen de Boo hasta lograr un fotomontaje no muy
notable. Y listo..!
CONCLUSIÓN
Una práctica que me gustó mucho, ya que nos ayuda a hacer miles de cosas
con estos conocimientos previa. Además esto era lo que yo esperaba de
Photoshop; Hacer fotomontajes.
12

13. PRACT.3-Fusión de Capas.
1. Abrir dos imágenes de paisajes (principalmente).
2. Copiar la primera imagen y pegarla encima de la segunda.
Acomodándola al modo que deseemos para que forme un nuevo
paisaje.
13

14. 3. Seleccionamos las dos capas (Ctrl) Nos vamos a menú Edición/Fusionar
Capas Automáticamente/Apilar Imágenes y aceptar. Y listo..!
CONCLUSIÓN
Una práctica muy fácil y así mismo útil. Ya que gracias a los conocimientos
adquiridos durante esta práctica, sé que voy a poder infinidad de cosas y
diseños en este magnífico programa.
14

15. PRACT.4-Fondo de Pantalla.
1. Abrir una imagen de un fondo de pantalla de invierno a un tamaño de
imagen de 1024 x 768..
2. Abrimos una imagen de la luna y así mismo una de Súper Man
previamente recortada, ya sin fondo.
3. Copiamos y pegamos las dos imágenes por encima de la imagen de
fondo de invierno que ya teníamos.
15

16. 4. Acomodamos las dos imágenes en nuestro fondo a modo de formar un
nuevo paisaje. Y listo..!
CONCLUSIÓN
Esta practica es una de mis favoritas, ya que como en muchas practicas
puedo poner mi imaginación, Creatividad y Originalidad que son puntos
clave en este semestre.
16

17. PRACT.5-Texto con efecto en Photoshop.
En este link esta toda la información paso por paso.
http://www.youtube.com/watch?v=uaPqOgZMbow
WEBRAFIA:
http://bit.ly/VnYxTM
http://www.youtube.com/watch?v=m9iVCwjAas8
http://bit.ly/POdflE
17

18. PRACT.6-Tarjeta Navideña.
1. Abrimos una imagen de fondo de pantalla de navidad.
2. Agregamos texto (Que) en una nueva capa en tipo de letra Century
Gothic, a un tamaño de 80 y a color blanco. Después de agregar el texto
con las características anteriores.
Seleccionamos la capa del texto/opciones de Fusión/Resplandor
Exterior:
 Color(9600ff)
 Opacidad-100%
 Ruido-100%
 Extender-40%-
 Tamaño-10%
3. Y listo..! Así se agregan tres palabras mas (DIOS-Te-Bendiga)
Cambiando valores y colores de cada uno en su resplandor exterior.
CONCLUSIÓN
18

19. Esta practica es también una de mis favoritas ya que pude crear una imagen
muy bonita, que me encanto a mi y que nunca creí poder hacerla. No cabe
duda que este programa es MAGNIFICO..!!
PRACT.7-Avatar.
1. Agregamos una imagen de una persona ya sin fondo,
previamente recortada.
2. Seleccionamos la capa y nos vamos a Capa de relleno o
ajuste/Tono-Saturación/Colorear y allí seleccionamos el color
que deseemos, que en este caso es un azul tipo avatar.
3. Damos clic a la miniatura de mascara de la
capa/Imagen/Ajustes/Invertir. Seleccionamos la herramienta
Pincel y empezamos a pintar su cara, pelo y parte de los
brazos, en fin toda su piel que sea visible.
19

20. 4. Colocamos Ojos y Orejas de un Avatar.
5. Seleccionamos la capa de la imagen de Boo/Filtro/Licuar/Herramienta
inflar y enanchamos un poco su nariz y aceptar.
6. Agregamos una imagen sin fondo de un tatuaje en una nueva capa, con
una opción de fusión de superponer una opacidad de :59 y una relleno
de :79
20

21. 7. En una nueva capa seleccionamos la herramienta pincel difuminado a
tamaño de 6px y a color blanco y ponemos puntos donde se ven reales y
convenientes. Y listo..!
Conclusión
Esta practica no me gusto se me hizo muy complicada y con muchos pasos a
seguir, pero creo que los conocimientos obtenidos durante esta practica me
ayudaran de meucho.
21

22. PRACT.8-Luz Neón.
1. Abrimos una imagen de I-Carly.
2. Con la Herramienta pluma marcamos una línea diagonal con varios
nodos.
22

23. 3. Movemos las líneas a modo de que se hagan curvas y así se vea una
efecto en onda.
4. Seleccionamos la herramienta pincel al tamaño que queramos(Se
recomiendo pequeño) y a color deseado y seleccionamos de nuevo la
herramienta pluma, posicionamos el puntero justo en la línea que
teníamos marcada y clic izquierdo/contornear trazado/pincel/ok. Y
seleccionamos la herramienta Selección de Trazo y presionamos
Suprimir.
23

24. 5. Clic izquierdo sobre la capa de el trazo/opciones de fusión/Resplandor
exterior:
 Color: Azul cielo (57edfb)
 Opacidad: 100%
 Ruido: 0
 Extender: 11
 Tamaño: 5
Y para terminar borramos un lado si un lado no por donde pasa por la
cara de alguno de nuestros personajes. Y listo..!
24

25. CONCLUSIÓN
Esta práctica es muy buena, ya que no ayuda mucho y aunque no es laboriosa
es buena, sé que con los conocimientos obtenidos durante esta práctica, podre
hacer muchas cosas más.
PRACT.9-Violencia de Género.
1. En un nuevo documento ponemos una imagen pequeña del logo del
cáncer de mama y lo posicionamos en la esquina inferior derecha con
una opacidad al 100%.
25

26. 2. Copeamos y pegamos esa misma imagen pero a tamaño de todo
nuestro lienzo y lo posicionamos en el centro de nuestro lienzo con una
opacidad de 65%
3. Agregamos texto en otra capa “La Batalla contra el cáncer de mama se
gana con la” Century Gothic color negro y tamaño 30.
26

27. 4. Se agrega texto en otra capa “MANO” color morado Century Gothic
tamaño 35 y negritas.
5. Con el pincel difuminado se agrega color azul claro y rosa claro en el
marco superior y en el izquierdo. Y listo..!
27

28. CONCLUSIÓN.
En esta práctica pude poner mi imaginación y creación, me gusto aunque no
tuve mucho que agregarle es sencilla pero da un mensaje y así ayuda a
reflexionar sobre este tema tan controversial.
PRACT.10-Colorear.
28

29. 1. Abrimos una imagen a blanco y negro, la duplicamos y agrandamos
nuestro lienzo al doble en cuanto a su altura y copeamos toda la capa y
en otra capa pegamos y acomodamos a modo de que una imagen
quede arriba y la otra abajo.
2. Seleccionamos la capa y nos vamos a Capa de relleno o ajuste/Tono-
Saturación/Colorear y allí seleccionamos el color que deseemos, que en
este caso es un rosa para los pétalos de la flor. Y damos clic a la
miniatura de mascara de la capa/Imagen/Ajustes/Invertir. Seleccionamos
la herramienta Pincel y empezamos a pintar los pétalos.
29

30. 3. Y repetirnos el paso 2, pero ahora seleccionaremos un color verde para
el tallo de la flor. Y listo..!
CONCLUSIÓN
Está es de mis practicas favoritas, me gustó mucho, es fácil de hacer y crea un
muy buen efecto además los conocimientos obtenidos en esta práctica sé que
me ayudaran de mucho.
30

31. PRACT.11-Restauración Fotográfica.
1. Abrimos una imagen antigua y maltratada por el tiempo, y la duplicamos
y cambiamos el tamaño de lienzo en cuento a anchura lo duplicamos y
ponemos la misma imagen pero en otra capa justo del lado de la
primera.
2. Con la herramienta Tampón Clonar vamos a seleccionar un lado donde
este en buen estado la foto y empezamos a dar marcar los lados donde
no tenemos imagen.
31

32. 3. Y con la herramienta de pincel corrector marcamos los lados dañados
que nos quedaron Y listo..!
CONCLUSIÓN.
Esta practica no me gusto, csiento que es muy laborioza y creo no la utilizare
mucho , pero hubieron conociemientos los cueles alomeorj volvere a utilizar.
32

33. PRACT.12-Imagen Gif.
1. Abrimos una nueva a la cual le pondremos color uniforme e (cf8d01). Y
activamos la ventana animación.
2. Con la herramienta formas seleccionamos una huellita de perro, la
posicionamos el la esquina superior izquierda.
33

34. 3. Y la empezamos a mover hacia adelante y así mismo campos insertando
nueva casilla en la línea de tiempo de la animación con tiempo de
separación de dos segundos. Y así todo el recorrido asta el final y lo
guardas para web y dispositivos. Y listo..!
34

35. 13-Foto de Generación.
1. Agregamos una imagen del grupo previamente tomada.
2. Agregamos texto en otra capa “Orgullosamente” en color blanco,
tamaño: 140 y tipo de letra: Segoe Script.
35

36. 3. Y con las mismas características del texto anterior se agrega
“CecYtem..!!” en color verde obscuro.
4. Se agrega el logo de CECyTEM ya sin fondo y el texto “CECyTEM” del
logo oficial y Listo..!
CONCLUSIÓN
Esta practica me gusto mucho, que aunque no se le hizo mucho a la foto
original con eso poco que se agregó se da el mensaje de orgullo en la
institución y fue muy chistoso tomarnos la foto y lo peor elegir una entre tantas
que fueron tomadas.
36

37. PRACT.14-CECYTEM.
1. Abrir una imagen de pergamino sin texto.
2. Agregar texto “En no tenemos maestros... tenemos segundos padres”
en tipo de letra: Segoe Script, Tamaño:36, Y color: Negro
37

38. 3. Le agregamos una pequeña imagen de uso libros con una manzana,
referente a la escuela. Y listo..!
CONCLUSIÓN
Esta practica es muy buena eh interesante ya que pude expresar sentimientos
por medio de imagen y dar un mensaje.
38

39. PRACT.15-Sexualidad.
1. Abrimos un nuevo documento al cual en la primera capa aremos un
degradado central fucsia con blanco.
2. Le agregamos una imagen de unas tijeras y una de el logo del sida ya
sin fondo las dos.
39

40. 3. Con la herramienta Pincel en color negro y tamaño pequeño marcamos
unas pequeñas líneas como de opción para recortar, que vallan desde la
imagen de las tijeras hasta la del logo del sida.
4. Y agregamos en texto “a terminar con esta terrible cadena.” En color
azul y Century Gothic y “AYUDANOS” en color verde y LCD. Y listo..!
CONCLUSIÓN
Esta practica al igual que otras me gusto por que me puedo expresar por medio
de una imagen.
40

41. PRACT.16-informatica.
1. Abrimos una imagen de impresión de pantalla de www.google.com
2. Agregamos texto “INFORMATICA” en la línea de búsqueda de la
imagen. Y así mismo se agregan las siguientes palabra”Animación,
Paginas Web, Software, Documentos, Hardware & Diseño” en diferentes
colores y tamaños. Y listo..!
CONCLUSIÓN
Esta practica me permite al igual que oras mostrar lo que siento y en
este caso as materias que eh llevado durante esta carrera y la verdad
hay algunas en las que no soy muy bueno, pero que allí están.
41

42. PRACT.17-Bullying.
1. Abrimos una imagen de fondo de unos tabiques.
2. Agregamos texto “Luto” en color blanco tipo de letra: Courier New y
duplicamos la capa de texto pero al segundo texto lo agrandamos a 70%
mas grande que el primero y con una opacidad de 65%.
42

43. 3. Agregamos el logo de muerte y así mismo texto “Por las victimas de este
fenómeno” a color azul y con el mismo tipo de letra del texto anterior y
listo.
CONCLUSIÓN
Esta practica me gusto, pude expresarme por medio de ilustraciones y
reflexionar sobre este fenómeno mundial y pensar en nuestras acciones que
hemos tenido para acabar con esto.
43