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.

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.

3

Practicas de Introducción.(2)

VENTANA DE PHOTOSHOP Cs4

Área de Paletas Barra de Menús

Barra de

Herramientas

Control de

Mascara

Control de

Color

Barra de Estado

Cuadro de

Información

Cuadro de

Texto ZOOM

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.

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

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

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

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

48

49

Esta herramienta permite seleccionar

aquellos trazados que se han hecho con la

herramienta pluma

De trazado sirve para manipular desde los

nodos la silueta y Directa solo para

seleccionar la forma y moverlo de lugar sin

50

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.

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.

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

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.

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.

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.

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.

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.

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.

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

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

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.

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

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.

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.

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.

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

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

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.

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

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.

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.

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.

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.

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.

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.

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

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.

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.

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

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.

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.

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.

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.

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

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.