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”

1

Tecámac de F.V., Estado de México, a martes 4 de diciembre de 2012.

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

Practicas de Introducción.(2)

VENTANA DE PHOTOSHOP Cs4

3

Área de PaletasBarra de Menús

Barra de Herramientas

Control de Mascara

Control de Color

Barra de Estado

Cuadro de Información

Cuadro de Texto ZOOM

Herramientas de Photoshop Cs4N*

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.

4

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.

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.

5

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

6

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 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

curvas con una precisión mayor de la que es posible con la herramienta Pluma de forma libre. Dicha herramienta proporciona el mejor control y la mayor precisión en el dibujo.

41

42

43

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 color plano de relleno. Es decir, usted puede adaptar un fondo a la

48

7

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 plumaDe trazado sirve para manipular desde los nodos la silueta y Directa solo para seleccionar la forma y moverlo de lugar sin modificarla.

50

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

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.

9

3. Con el pincel marcas todos los dientes que deseas blanquear.

4. Deseleccionas la máscara rápida.

5. Te vas a Menú selección/Invertir.

10

6. Te vas a menú Imagen/Ajustes/Niveles y acomodas a modo de blanquear los dientes, y aceptar. Y listo..!

CONCLUSIÓNEstá 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.

11

3. Copiamos la imagen de Boo y la pegamos en la capa debajo de la de POCOYO.

4. Acomodas la Imagen de Boo hasta lograr un fotomontaje no muy notable. Y listo..!

CONCLUSIÓN

12

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.

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

3. Seleccionamos las dos capas (Ctrl) Nos vamos a menú Edición/Fusionar Capas Automáticamente/Apilar Imágenes y aceptar. Y listo..!

14

CONCLUSIÓNUna 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.

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.

15

3. Copiamos y pegamos las dos imágenes por encima de la imagen de fondo de invierno que ya teníamos.

4. Acomodamos las dos imágenes en nuestro fondo a modo de formar un nuevo paisaje. Y listo..!

CONCLUSIÓNEsta 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

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/VnYxTMhttp://www.youtube.com/watch?v=m9iVCwjAas8http://bit.ly/POdflE

17

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%-

18

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

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.

19

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.

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.

20

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

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..!

21

ConclusiónEsta 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.

PRACT.8-Luz Neón.

1. Abrimos una imagen de I-Carly.

22

2. Con la Herramienta pluma marcamos una línea diagonal con varios nodos.

3. Movemos las líneas a modo de que se hagan curvas y así se vea una efecto en onda.

23

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.

5. Clic izquierdo sobre la capa de el trazo/opciones de fusión/Resplandor exterior:

24

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..!

CONCLUSIÓNEsta 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.

25

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%.

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

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

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

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

3. Y repetirnos el paso 2, pero ahora seleccionaremos un color verde para el tallo de la flor. Y listo..!

CONCLUSIÓNEstá 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

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

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

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

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

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

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ÓNEsta 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

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

3. Le agregamos una pequeña imagen de uso libros con una manzana, referente a la escuela. Y listo..!

CONCLUSIÓNEsta practica es muy buena eh interesante ya que pude expresar sentimientos

por medio de imagen y dar un mensaje.

38

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

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ÓNEsta practica al igual que otras me gusto por que me puedo expresar por medio

de una imagen.

40

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ÓNEsta 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

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

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ÓNEsta 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