desarrollo web



PHOTOSHOP  4°


 1.. CAMBIO DE MEDIDAS DE LA IMAGEN 


entramos en el programa buscamos la imagen que vayamos a utilizar sacando le una copia,   y  guardamos la imagen  obviamente tiene que ser la original para que así cuando tengamos algún problema conservemos la imagen 


luego buscamos en el programa  el menu vista y alli  buscamos el tamaño de impresión
y colocamos que tamaño al momento de imprimir queremos obtener


luego le damos clic en el menú imagen y buscamos la opción
tamaño de la imagen allí encontraremos  como podemos cambiar la imagen del modo que deseemos también encontraremos la cantidad de pixeles 
anchura por altura


la cambiamos y la agrandamos o también la podemos hacer mas pequeña que antes en si tenemos que cambiar el tamaño de imagen como lo podemos ver en  la siguientes  imágenes la primera es de gran tamaño y al siguiente de menor tamaño



2..COMO RECORTAR UNA IMAGEN
podemos escoger cualquier imagen pero en este caso hemos escogido la anterior 


ahora pasamos a recortar la imagen con la herramienta recortar 
que esta en las opciones al lado izquierdo del programa que tiene este icono


luego damos clic en la imagen que vayamos a recortar 


luego que la ayamos recortado podemos le damos clic fuera de la imagen y nos van a parecer un icono de dos flechas el cual va hacer que podamos arreglar la imagen si esta  contorsionada y la podremos enderezar o poner en la pocision que deseemos 

luego de esto pasamos a dar clic en enter para que quede cortada




para quitar los espacio en blanco vuelvo a cortar la imagen asi 




3.. USO DE LA HERRAMIENTA VARITA MAGICA
primero escogemos una imagen  en este caso es esta 


luego vamos a las opciones del programa en la parte izquierda en donde vamos a escoger la herramienta varita mágica



luego cogemos un punto en donde deseemos en este caso  di clic en el cabello de la joven




luego voy al menú y  selecciono herramienta filtro, elijo textura y clic en retazo




luego la imagen me queda asi 








4.. USO DE LA HERRAMIENTA MARCO 
escogemos la fotografía en la cual vamos a poner el marco






aquí  escogimos esta fotografía
luego damos clic en la herramienta marco rectangular en seguida cambiara el puntero a una cruz


luego seleccionamos  la parte en donde vamos a  colocar el marco
como lo vemos aquí


luego de  seleccionar vamos a dar clic en  las teclas de dirección  
para cualquier ajuste que necesite la imagen 
luego para darle un color naranja a la imagen tenemos que entrar al menú 
imagen luego seleccionamos ajustes y por ultimo en filtro de fotografia






haciendo que la parte seleccionad se oscurezca un poco mas y que las personas que la ven la miren con mas claridad


 y la imagen queda así



en recuadro seleccionado se mira mejor 

5..USO DE LA HERRAMIENTA LAZO POLIGONAL

aquí vamos a  utilizar esta fotografía   
luego  escogemos la herramienta
lazo poligonal 

luego damos clic en la parte de la imagen hasta que la seleccionemos todo


ya terminamos  de seleccionar
ahora vamos a crear una una nueva capa 


luego de esto vamos agregar un  nuevo color en el fondo
y la imagen queda así



PHOTOSHOP 5°

                       1°..MASCARA VECTORIAL

escogemos una imagen a  la cual querramos  colocar una mascara vectorial en esta caso yo escogí esta imagen 



                         luego de esto vamos al menu capas que esta situada al derecha del programa

le damos doble clic  en la parte azul y haci le saldra este comando


le damos clic en ok, luego de esto 
vamos a 
seleccionar la imagen y luego de esto vamos al menú  capa buscamos la opción
mascara vectorial luego allí escogemos ocultar todo 


después de esta opción vamos 
a observar que la imagen nos queda así

vamos a escoger la herramienta elipse  


con el puntero vamos a escoger esta herramienta y vamos a seleccionar pequeñas partes de la imagen
así:

luego de esto vamos al menú edición y damos clic en rellenar y nos saldrá otro icono como este


le damos clic en ok y obtendremos un relleno como este


luego de esto vamos a recortar la parte que deseemos escogemos la herramienta de corte 


luego seleccionamos  la zona en donde  deseemos recortar


luego que acabemos de seleccionar presionamos intro
y la imagen queda así:


como podemos ver solo aparece lo que seleccionamos 

2.. IMÁGENES COMPUESTAS
 para esta actividad vamos a escoger una imagen la cual deseemos para un fondo aquí escogí esta 


luego de esto vamos al menú 
capa seleccionamos nueva luego capa a partir de fondo


luego de esto nos va aparecer un icono como el siguiente en donde tenemos que poner un nombre 


y le damos clic en ok y se serrara automáticamente 
y en este comando aparecerá  así:


                                         luego de esto pasamos a cambiar la opacidad de la imagen 


y el fondo  quedaría así:

luego que el fondo quede hacia vamos a abrir una fotografía la cual tengamos escogida para  ponerla enfrente del fondo y vamos al menú archivo abrir con escogemos la fotografía y luego con la herramienta 
mover

ya que la ayeamos seleccionado  vamos a mover la fotografía hacia bajo de modo que quede encima del fondo de la siguiente manera


y por ultimo la imagen nos va a quedar asi:


3..COMO CREAR UN PANORAMA 
vamos a escoger imagenes para crear un panorama  aquí yo escogí las de la institución
para unirlas y hacer un panorama 







  ahora voy a utilizar la herramienta automatizar que esta en archivo, luego clic en automatizar, clic en photomerge.



luego de esto utilice la herramienta recirtar y las fotos me quedaron unidas asi :


como podemos ver el panorama me quedo hacia uniendo las fotografías  elegidas en el principio hay que tener en cuenta  que estas imagen en lo posible tienen que ser tomadas por la misma cámara para que no tengamos problemas al  unirlas

PHOTOSHOP 6°


derechos del autor 


     PHOTOSHOP 7°


          1°TIPOS DE FORMAS 


 en esta practica vamos aprender como dibujar una capa de forma
primero vamos abrir el programa photoshop  y lo dejaremos con el tamaño que por defecto aparece al abrirlo


luego de esto vamos a seleccionar la opción herramientas polígono en donde también encontraremos mas formas esta opción  aparece en la parte izquierda  del programa 



luego que  tengamos seleccionada esta herramienta 
vamos a la  barra de opciones 


al encontrarnos aquí escogemos la opción  color  aquí escogemos el color que vayamos a ponerle a la figura 
al escoger la herramienta polígono nos va   aparecer una imagen en forma de estrella 
y al lado de ella hay una flecha hacia bajo y le damos clic
y nos va  a parecer lo siguiente

lo que vemos seleccionado eso tenemos que seleccionar
luego de esto vamos a archivo nuevo
y dibujamos la forma  en esta ocasión como  nos podemos dar cuenta  nos saldrá  una estrella del color que elegimos 

vamos a la opción capas que se encuentra en la parte derecha 
y veremos que se encuentra  de esta manera 
esto significa que la imagen de forma 1 esta relacionadas 
ahora  hacemos clic en la miniatura de relleno 



y seleccionamos un color nuevo para la forma y le damos clic en ok 
y la imagen nos queda así:

2°AJUSTE DEL TRAZADO DE UNA FORMA
 
escogemos la herramienta trazado en photoshop le damos clic en esta herramienta hasta que salga la opcion selección directa 

luego de que la tengamos seleccionada vamos a dar clic en la imagen y esta automáticamente nos seleccionara todo de esta manera 
ahora escogí la herramienta angla ge  


ya que la escogemos vamos ahora a mover algunas partes de la forma  de manera que nos quede asi:
3°AÑADIR O RESTAR DE ÁREAS DE FORMA 


para añadir una capa de forma
ahora al imagen anterior le vamos añadir otras formas 
primero vamos abrir las herramientas de forma 
y le damos clic en añadir que se encuentra en la parte superior del programa 


en el cual esta este icono en donde tenemos que hacer clic


luego que hacemos esto dibujamos un ovalo encima de la imagen asiendo que se añada ala imagen  


 para restar una capa de forma 
escogemos como anteriormente una forma ahora escogeremos 
la forma de rectángulo redondeado

y en la barra superior  y hacemos clic en restar capa de forma 
y dibujamos encima de la imagen quitando le la capa de forma de manera que la imagen quede así:


4º PARA MODIFICAR UNA FORMA UTILIZANDO ESTILOS DE CAPA 

podemos escoger la imagen anterior o una que aiga tenido el mismo procedimiento anterior 
en este caso escogí una forma que tuvo el mismo procedimiento anterior

luego de esto vamoa a escoger trazo si le damos doble clic encontraremos que este tiene opciones para cambiar el color,opacidad o tipo de relleno todo esto lo podemos modificar
y la imagen nos puede quedar asi:
luego de esto también pueden cambiar la textura, bisel y relieve y muchas forma diferentes mas 
5º USO DE LA VARITA MÁGICA

primero escogeremos una imagen, para esta aplicación escogeremos la imagen de unas rosas
luego de esto abra la herramienta varita magica
luego de esto vamos ha seleccionar  el color que deseemos pero antes de esto tienes que ver en la barra superior del programa en donde encontraremos mas estas opciones 








luego que tengamos esto vamos a seleccionar hasta que la rosa nos quede asi:


luego de esto como podemos ver solo selecciono una parte pero ahora vamos a escoger la herramienta varita de selección rápida 
y nos ayudara a que seleccionemos toda la imagen
luego que la aigamos seleccionado vamos a escoger brillo y contraste que se encuentran en la derecha del programa




y le modificamos 
y la imagen nos puede quedar asi:


6º USO DE LA HERRAMIENTA MARCO 
en esta ocasión vamos a escoger un marco yo escogí este 


primer escogemos la herramienta marco rectangular que se encuentra en la barra de herramientas 
del lado izquierdo del programa 
y seleccionamos el marco que escogimos 


creamos una nueva capa  comom podemos ver esta seleccionada solo una parte 
ahora vamos a ir al menu de imagen, ajustes,filtro de fotografia
ya que hacemos esto vamos ahora a darle clic y nos aparece un cuadro de dialogo 



en este cuadro de dialogo vamos a darle clic 
en ok y la imagen nos quedara asi:
  la parte remarcada mas oscura

USO DEL LASO POLIGONAL

escogemos la imagen que vallamos deseemo s aqui la escogio esta
escogemos la herramienta laso poligonal la cual aparecerá la este icono 

poco a poco vamos seleccionando la imagen asi:

luego que terminemos de seleccionar  la imagen va aparecer de esta manera 

luego de esto vamos a crear una nueva capa 


ya que la pagina este cread vamos al menú  edición que se encuentra en la parte superior del programa  
luego de esto vamos a escoger la capa nueva que creamos  y nos vamos edición pegar


lugo nos vamos a la parte derecha de programa y seleccionamos un color y la imagen nos quedara asi:
MASCARAS VECTORIALES 
una nueva imagen aqui  escogi esta imagen

 

      luego de esto vamos a capa y escogemos la opcion mascara vectorial y alli ocultar todo



 la imagen quedara en cuadros grises con blanco luego de esto vamos al menú herramientas de forma
aquí escogí la forma corazón vamos haciendo corazones sobre la capa de manera que quede asi:

ya que agamos esto vamos a 

y por ultimo la imagen nos queda asi:


PHOTOSHOP 8

  1°COMO PONERLE TEXTO A UNA IMAGEN 

aqui prenderemos como colocar el texto a la siguiente imagen o a la imagen que deseemos 

luego vamos al menu de texto 

 escogemos en la parte superior de arriba nos apareceran las opciones de tamaño, color, alineacion,  fuente y estilo
 
 luego de esto vamos al menu suavisado que tiene este icono

 y nos aprarece este cuadro de dialogo en donde escogemos en la parte inferior izquierde nitido o enfocado


luego de esto vamos arrastrar el mause por la parte en donde vayamos a poner el texto

soltamos el mause y agregamos el texto que deseemos

dejamos el archivo abierto

2° COMO MODIFICAR TEXTO CON LAS PALETAS  CARACTER Y PARRAFO

Con la anterior imagen vamos al icono en suavisado para aser cambios en imagenes en este caso le oscureci el color, cambie la letra, y el tamaño
y la imagen con el texto quedara asi


3°MODIFICANDO TEXTO UTILIZANDO LA PALETA PARRAFO
co la anterior imagen vamos leccionar  de nuevo el icono suavizado y en la parte superior derecha vamos a
a encontrar la opcion parrafo que aparecera de la siguiente ,manera

como podran darce cuenta aumante otro texto de bajo del anterior este texto es el  que vamos a modificar
nos vamos al menu edicion y damos clic en laopcion transformacion libre



y el texto nos aparecera en el cuadro de rotacion, en donde vamos a mover hacia un lado
de manera que la imagen quedara asi:


4º TEXTO  DEFORMADO


                                        para el texto deformado escogí la siguiente fotografía


vamos a la opción de texto deformado que se encuentra en la parte superior del texto 
damos clic en esta opción y encontraremos que hay  opciones para darle forma al texto


yo escogí la forma bandera 
y la imagen quedo  asi:


5º MODIFICAR TEXTO CON ESTILO DE CAPA


con el mismo archivo ahora vamos a la ventana de capas en donde tenemos que escoger la capa del texto para modificar lo hacemos doble clic en capa del texto y nos aparecerá un  cuadro de dialogo
en donde aremos modificaciones  como el bisel y relieve



en esta ocasión yo di clic en resplandor interior,bisel y relieve, contorno y textura 
le doy clic en ok 


por ultimo el texto queda asi:


6°COMO GUADAR UNA IAMGEN COMO JPG
PARA WEB Y DISPOSITIVOS
Abrimos una imagen  en esta ocasión   escogí la siguiente imagen
Luego de esto  vamos  al menú de archivo y buscamos la opción guardar para web y dispositivo


Luego que hayamos dado clic en esta opción vamos
A mirar que aparece un cuadro de dialogo que es el siguiente





 Luego en la partre superior de la ventana podemos ver que tiene obciones vamos a escoger la opción de  2 copias en donde  vamos hacer clic
Podemos ver que dentro de estas opciones  a la derecha del cuadro hay unas opciones de cambiar
A JPG y también la calidad y guardamos los cambios  y como podemos ver  tambien la imagen original se queda abierta y no sufre ningun cambio

7°COMO ESTABLECER LA RESOLUCION A 300 PPP

a la imagen que esta abierta  vamos a ir al menú imagen  y escogemos la opción  tamaño de imagen 

luego de esto vamos a ver que se abre un cuadro de dialogo  como el siguiente

tenemos que ver que la seleccion de remuestrear la imagen no este seleccionada pues si lo esta podemos eliminar pixeles, lo importante aqui es que en la opcion resolucion cambiemos el numero en este caso yo lo cambie a 300

y damos clic en ok

  8°CONVERTIR IMAGENES A CMYK

                               en esta ocacion escogemos una imagen



vamos al menu imagen luego modo luego color MCYK


y nos preguntara que si queremos acoplar y le damos clic en si
guardamos 

9°CREACION DE TIFFS

con la anterior imagen seleccione archivo luego la opcion guardar como





y podremos ver que un cuadro de dialogo se aprarecera

al guardar la imagen vemos que ete cuadro tiene mas opciones para guarda entoncer damos clic en la esquina derecha de la flecha que aparece en formato y nos dara mas opciones 
bajamos y encontraremos la opcion de formato de TIFF
y damos clic
y al darle clic aqui el cuadro de tiff aparece otro cuadro  en donde no aremos mas modificaciones
 
PHOTOSHOP 9°

1° CREACION DE  UNA FORMA PERSONALIZADA 
iniciamos PHOTOSHOP y creamos un documento nuevo 
vamos al panel de herramientas y escogemos la herramienta la herramienta forma personalizada
para que esta nos salga tendremos que tener presionado el mause en la herramienta regtangulo


en la barra de opciones asegúrese de que capas de forma este seleccionado


luego seleccione una forma personalizada, tal como la chinchera


NOTA: la figura amarilla es la chinchera 

luego escogemos un color que no sea negro del panel de colores  



luego arrastre el puntero por el lienzo y para obtener una forma uniforme tenemos presionada la tecla mayus mientras deslizamos el puntero y la imagen nos quedara de esta manera 

aplicar un filtro 

seleccione la capa que tenga la forma personalizada , por defecto esta se llama "forma1"


seleccione el menu   filtro señale bosquejar y aga clic en modelo de semitono..


pero antes de dar ok nos PHOTOSHOP nos advertirá que la imagen ya no sera mas  una mascara vectorial 
y damos ok

y un cuadro de dialogo de modelo semitono aparecerá 


en la parte derecha del cuadro configuraremos el tamaño en2, contraste en 20 y el tipo de motivo en punto
y le damos clic en ok
filtro de semitono aolicado 

aplicacion de otro filtro 
aga clic en la capa con la forma personalisada 
seleccione el menu filtro señale arttistico y elija  esponja 


al iugual que el modelo semitono aparecera un cuadro de dialogo que le permitira ver de forma preliminar y cambiar la configuracion para el filtro esponja 



en la parte derecha cambie el tamaño del picel en 2,definicion en 1, y suavisado en 5
aga clic en ok 


observe como el  filtro esponja modifica el efecto del filtro modelo de semitono, es posible crear un amplio rango de efectos al comvinar los filtros 
-guarde los cambios como efectos _ tono 


2º USO DEL FILTRO LICUAR 
abra una imagen en el programa jpg 


seleccione capa la cual desea aplicar el filtro licuar 
seleccione el menu filtro y aga clic en licuar 


el cuadro de dialogo de licuar aparecera 


en el lado derecho configure el tamaño del pixel que utilizara 
tiehne que ser lo suficientemente grande para modificar su imagen 
en la izquierda seleccione la herramienta deformar hacia delante 



luego arrastre el puntero atravez de la imagen 
NOTA: la herramienta reconstruir, la cual se encuentra debajo de la herramienta deformar hacia delante deshace los efectos de una herramienta de licuar, para revertir  seleccione la herramienta reconstruir y arrastre el puntero por toda la imagen 

Experimente tambien con otras herramientas de licuar, como las herramientas desinflar,inflar molenete a la derecha y turbulencia 

yo luego hice un experimento con todas las opciones 


cuando estemos sartisfechos con el cambio damos clic en ok
y guardamos como filtro_licuar 

5 comentarios:

BIENVENIDOS