Diseño photoshop

UNIVERSIDAD NACIONAL DE CHIMBORAZO CIENCIAS POLÌTICAS Y ADMINISTRATIVAS COMUNICACIÒN SOCIAL Nombre: Lisbeth Huacho Semestre: 4º Diseño gráfico 2 ¿Qué es y para qué sirve Photoshop?

Adobe Photoshop es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos". Es líder mundial del mercado de las aplicaciones de edición de imágenes y domina este sector de tal manera que su nombre es ampliamente empleado como sinónimo para la edición de imágenes en general.

Photoshop puede ser una herramienta muy importante para la elaboración de publicidades, fotos institucionales y la elaboración de tu logo y marca. Toda foto siempre tiene algo por mejorar y eso es lo que hace de este programa una herramienta importante.

Puedes realizar creaciones artísticas y hacer una compilación de fotos o imágenes para llevar a cabo una composición en la cual se publicite tu negocio o marca. Además, te permite quitar los horribles ojos rojos que aparecen en algunas fotos, cortar imágenes para que sólo salga lo que desees, extraer sólo una cosa u objeto de una imagen, realizar retoques de color para aclarar más la foto u oscurecerla, darle más brillo, entre otras cosas.

Son experimentaciones digitales que pueden generar grandes composiciones y ser bastante atractivas para elaborar mensajes.

Puedes usar Photoshop de varias maneras, sólo tienes que darle un buen uso y emplearlo en tu negocio. También puedes retocar las fotos de tu equipo de trabajo o de tu oficina, lo que no quiere decir crear una falsa realidad, sino simplemente retocar puntos que en una foto normal no suelen salir muy bien por diversos factores. (blogspot.com, 2015)

El Entorno de Photoshop CS (I) El Área de Trabajo: Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el entorno de trabajo. Abramos una imagen de prueba para que todas las opciones se encuentren disponibles. Recuerda que podemos abrir nuestros archivos a través del menú Archivo Abrir.

Una vez abierta la imagen, todas las barras y paneles se encuentran activos y el área de trabajo toma esta forma:

La Barra de Menú:

La barra en el extremo superior es la Barra de Menú, esta barra aparece en la mayoría de programas por lo que ya debes estar acostumbrado a ella. Desde aquí podrás acceder a diferentes opciones de menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo. También podrás acceder a opciones mucho más complejas que iremos viendo a lo largo del curso.

El Panel de Herramientas: El panel alargado es el Panel de Herramientas, ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop. Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha

Herramienta Pincel. Este

es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y pulsas el botón derecho del ratón se desplegará la lista de herramientas pertenecientes al grupo.

Si desplegamos el menú del icono pincel se desplegará la lista de herramientas de dibujo.

Herramientas de Dibujo

Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el Pincel y el Lápiz. La letra que aparece a la derecha del nombre de la herramienta nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo. La herramienta activa se encuentra siempre marcada por un cuadrado negro.

En el panel de herramientas podemos encontrar también los selectores de color Selectores de

Color,

en Photoshop trabajaremos siempre con dos colores activos, que

pueden ser totalmente configurados por el usuario. El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán como color de trabajo. El que se encuentra detrás es el color de Fondo, podemos establecer este color como el color del fondo del documento, de esta forma podemos utilizar herramientas que pinten con el color de fondo y así imitar de alguna forma el borrado de píxeles.

El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquier momento podemos hacer clic sobre el icono de doble flecha

Icono Conmutar

colores e intercambiaremos los colores de los recuadros entre sí, haciendo que el color

que se encontraba en el recuadro del fondo pase al frente y, por lo tanto, nuestras herramientas usarán ese color como predeterminado.

Observa que en cualquier momento puedes hacer clic sobre el icono

Icono restaurar a

Blanco & Negro para restablecer los colores activos a negro y blanco (los iniciales de Photoshop).

Para seleccionar un color haz clic sobre uno de los recuadros y se abrirá el cuadro de diálogo Selector de color. Una vez aquí podrás elegir un color de entre toda la paleta que Photoshop te ofrece.

Una vez seleccionado el color puede que te aparezcan unos iconos como estos: El

icono

advierte al usuario que el color seleccionado se halla fuera de la paleta

de impresión, y es posible que cuando quieras imprimir la imagen, este color no se corresponda exactamente con el que escogiste y se muestre con un tono diferente.

Lo mismo ocurre con el icono de incompatibilidad web

, si creas una imagen que

contenga un color no compatible con los estándares web es muy probable que se muestre de diferentes formas según el navegador y el sistema operativo utilizado.

Durante el curso iremos viendo una por una las herramientas de este panel, aunque debido a la extensión que eso supondría dejaremos algunas de lado por tratarse de herramientas avanzadas o de escasa utilidad para el usuario novel.

Aun así, mostraremos un listado de las herramientas que pasaremos por alto y una breve explicación de su funcionalidad:  Este grupo de herramientas se utiliza para crear sectores.  Los sectores se utilizan para dividir una imagen en áreas funcionales (sectores) que pueden tener propiedades diferentes. Estas imágenes irán destinadas a la publicación web. o Este grupo de herramientas se utiliza para crear trazados. o Los trazados se utilizan para crear formas vectoriales (lineas y curvas definidas matemáticamente). Estas formas son independientes a la resolución y pueden redimensionarse sin problemas.  La primera opción, la herramienta Cuentagotas, toma muestras de color de cualquier parte del lienzo y la hace activa en los selectores de color. 

La herramienta Muestra de color toma hasta como máximo 4 muestras de color del lienzo para mostrar sus propiedades en la paleta de Información (junto al Navegador).



La última, la herramienta Medición, mide la distancia entre dos puntos dados mostrándose el resultado, también, en la paleta Información.

Los iconos al pie del panel

nos permiten alternar entre distintas vistas del

área de trabajo, unas más despejadas que otras. El último botón

importa

la

imagen a ImageReady, un programa que se instala con Photoshop y que se dedica exclusivamente a la edición y posterior publicación de imagenes en internet.

La Barra de Opciones de Herramientas En la parte superior de la ventana y bajo la barra de menú encontramos la barra de Opciones de Herramientas, el contenido de esta barra cambiará según la herramienta que

tengamos seleccionada. A medida que avancemos y aprendamos nuevas herramientas iremos viendo como utilizar esta barra y sus opciones.

De momento diremos que desde aquí podemos cambiar aspectos de la herramienta como su tamaño, su opacidad, etc. Cada vez que hagas un cambio en la herramienta, éste se mantendrá para que cuando vuelvas a seleccionarla su estado sea el mismo que era cuando la utilizaste por última vez. Si en algún momento quieres restaurar la herramienta a su estado original, deberás hacer clic con el botón derecho del ratón sobre la imagen de la herramienta en la barra de opciones de herramienta y seleccionar Restaurar Herramienta.

La opción Restaurar Todas volvería todas las herramientas a su estado original. (aulaclic.es, 2015)

Características de Photoshop Photoshop en sus primeras versiones trabaja en un espacio bitmap formado por una sola capa donde se pueden aplicar todo un conjunto de efectos,textos,marcas,tratamientos.

A medida que se a ido modificando el software a obtenido ciertas mejoras fundamentales, como la incorporación de un espacio de trabajo multicapa, inclusión de elementos vectoriales, mejoras en el color, tratamiento extensivo de tipografías, efectos creativos y algunas cosas mas.

Photoshop a dejado de ser una herramienta utilizada únicamente utilizada por diseñadores para ser una herramienta utilizada por fotógrafos profesionales de todo el mundo y también para que todas las personas puedan usarlo. (blogspot, 2015)

Capas de Photoshop.

Las capas de Photoshop son una de las herramientas que tenemos que dominar para poder trabajar con soltura con este potente programa de diseño. La otra cosa que debemos aprender a dominar son las selecciones. En el Taller de Photoshop de DesarrolloWeb.com ya hemos publicado varios artículos sobre las selecciones, así que es el turno de hablar de las capas.

El diseño en Photoshop, y en muchos otros programas de diseño gráfico, se realiza a través de la creación de diversas capas. Las capas son algo así como componentes independientes de la imagen, sobre las que se puede dibujar o crear efectos de manera que afecten sólo a dicha capa. Al superponer diversas capas se obtiene el diseño completo de la imagen. ¿Qué ventajas se obtiene al trabajar con distintas capas?

Sería una pregunta interesante de responder, para poder entender la razón por la que el trabajo con Photoshop se basa en la creación de distintas capas. Al trabajar con capas, como se ha dicho, se puede operar sobre una parte de una imagen, sin que se alteren otras partes de la misma. Esto es muy útil, ya que nos permite realizar cambios en elementos de la imagen sin preocuparnos del resto del diseño.

Una de las principales utilidades de las capas consiste en que cualquier capa se puede posicionar de manera independiente. Es decir, podemos tener una capa con un elemento gráfico y al mover esa capa, podemos situar ese componente en cualquier otro lugar de la imagen, sin que se desplacen otras partes del gráfico.

Al crear distintas capas podemos también realizar efectos sobre las mismas de manera independiente. Por ejemplo, podemos tener un texto en la imagen que está en una capa y luego hacer un efecto de sombra sobre la capa de texto. Como el efecto es independiente para esa capa, el sombreado sólo se aplicará al texto, dejando el resto de la imagen inalterado.

Otras de las muchas utilidades recurrentes a la hora de trabajar con capas es crear una nueva capa, copia de una anterior. Entonces podemos experimentar haciendo cambios en esa capa copia con total libertad. Si luego por cualquier cuestión no nos gustan los cambios, siempre podemos tirar a la basura la capa copiada y alterada y volver a la capa original de la que habíamos partido.

Lo cierto es que las utilidades de las capas son muy numerosas y las podremos experimentar en nuestro trabajo en el día a día con Photoshop. Cuando hacemos cambios a una imagen, para estar seguros que no vamos a estropear nada, siempre conviene crear una nueva capa y hacer nuestras pruebas o dibujos sobre ella. Si no nos gusta lo que hemos hecho, siempre podemos desechar la capa creada sin que nos afecte a nuestra imagen.

Trabajo con Capas en Photoshop Casi todo el trabajo con capas se centraliza en la ventana de capas. Esta ventana se encuentra abierta por defecto al iniciar Photoshop, pero si no la vemos, siempre podemos mostrarla con el menú de "Ventana – Capas". A continuación vemos la ventana de capas:

El otro lugar desde donde se pueden ordenar comandos sobre capas es el menú de "Capa", que tiene diversas acciones útiles y recurrentes para efectuar sobre las mismas.

En la ventana de capas tenemos un listado de todas las capas que forman parte de nuestro diseño. Conviene estar siempre muy pendientes de lo que pasa en la ventana de capas, para no despistarnos y controlar el proceso de diseño. Lo primero que tenemos que ver en esta ventana es que hay una capa que está con el fondo de color azul. Esto quiere decir que esa es la capa activa. Cualquier acción que realicemos con Photoshop se aplicará sobre la capa activa. Por ejemplo, si utilizamos el pincel para pintar cualquier cosa en la imagen, en realidad estaremos pintando sólo sobre la capa activa.

Para cambiar la capa activa, simplemente tenemos que hacer clic en la ventana de capas sobre la capa que queremos trabajar con ella.

Otro ejemplo de la importancia de estar atentos a cuál es la capa activa de nuestra imagen es la creación de selecciones. Al hacer una selección y copiar el contenido de la imagen (CTRL + C o bien menú "Edición – Copiar"), lo que hacemos es copiar sólo el contenido de la capa activa. Es importante saber cuál es la capa activa, porque ocurrirá en ocasiones que copiemos un contenido que no estamos deseando, por estar trabajando sobre una capa distinta a la esperada.

Nota: podemos copiar el contenido de un área seleccionada sobre la imagen completa (todas sus capas), en vez de solamente la capa activa con el menú "Edición - copiar combinado" o la tecla rápida "Mayúsculas + CTRL + C").

Otra cosa que tenemos que tener muy en cuenta es el orden de capas, puesto que dicho orden incide directamente en el diseño de la imagen, al mostrarse las capas que están más arriba sobre las capas que están abajo. Las que hay arriba se superponen y pueden tapar los contenidos de las capas que hay debajo. Para alterar el orden de las capas simplemente tenemos que, dentro de la ventana de capas, arrastrar y soltar una capa en otro lugar.

Problema típico que nos encontraremos al trabajar con Photoshop está directamente relacionado con el orden de las capas y la capa activa. Nos ocurrirá a veces que hacemos cambios sobre la imagen, como pintar con el pincel o rellenar de color, y luego no vemos que la imagen se altere. La razón de ello puede ser porque tenemos una capa encima, que no deje ver lo que estamos pintando sobre una capa cuyo orden está más abajo.

Hay una capa especial que es la capa "fondo". No todos los diseños de Photoshop tienen una capa fondo, de hecho al crear un archivo nuevo podemos elegir si queremos un fondo de color o un fondo transparente. En este último caso, simplemente no se colocará ningún fondo, para tener una imagen con fondo transparente. La capa fondo es especial porque no se puede mover y hay algunas otras acciones que tampoco se pueden realizar sobre el fondo. Así que tener cuidado con eso.

En el siguiente artículo de este manual vamos a ver una serie de las acciones más importantes a realizar con capas.

Solo un detalle más, que ahora no viene mucho al caso, pero que debe indicarse para ahorrar posibles quebraderos de cabeza. No todas las imágenes que abramos con

Photoshop tienen la posibilidad de crear capas. Por ejemplo, si abrimos un archivo .gif, veremos que no se pueden crear capas. Esto es porque el modo de la imagen es "Indexado" y ese modo no permite capas. Pero podemos cambiar el modo de la imagen fácilmente desde el menú "Imagen - Modo - Color RGB". (desarrolloweb.com, 2015)

Secciones de Photoshop En esencia, la herramienta Sector se usa para dividir una imagen completa de Photoshop en secciones más pequeñas. Esto también tiene un papel que desempeñar en hacer imágenes capaces de recibir clics o botones web, especialmente cuando se integran como parte de un diseño complejo. Cualquier sitio web que cuente con un diseño de gráfica completo probablemente fue cortado desde un gran diseño en Photoshop.

Trabajos citados aulaclic.es. (25 de 11 de 2015). Obtenido de http://www.aulaclic.es/photoshop/t_2_1.htm blogspot, c. (25 de 11 de 2015). Obtenido de http://photoshopdc.blogspot.com/2013/03/caracteristicas-de-photoshop.html blogspot.com. (25 de 11 de 2015). Obtenido de http://ticinformaticafederacion.blogspot.com/2011/10/que-es-photoshop-y-para-quesirve.html desarrolloweb.com. (25 de 11 de 2015). Obtenido de http://www.desarrolloweb.com/articulos/capas-de-photoshop.html