Antes existía el Image Ready que permitía crear GIF animados pero con CS4 la cosa ha cambiado y ahora se pueden crear animaciones más complicadas, personalmente creo que sólo debe usarse en animaciones simples, para lograr un buen efecto mejor es incrustar un Flash que dará un archivo menos pesado y un efecto más logrado.
Via STR0NGBACKER
En este tutorial voy a explicar como hacer una caja usando Photoshop CS4, lo primero es conseguir la imagen de caja o dibujar la forma de la caja que vamos a utilizar para ponerle las diversas caras, en mi caso usé Illustrator para dibujar la caja pero una imagen bajada de Internet también funciona muy bien.
Vamos a usar este filtro para hacer que las diversas caras de nuestra caja tengan la figura que les corresponde para ello primero debemos seleccionar la cara que deseamos modificar usando la herramienta lazo poligonal, además en otra capa u otro archivo debemos tener el dibujo que deseamos poner en esa cara y crear una nueva capa.
photoshop crear caja 1
Luego elegimos en el menu filtros->punto de fuga y se abrirá una nueva ventana, allí debemos crear los planos que conforman la caja es decir debemos seleccionar las diversas caras visibles de la caja similar a la selección que hicimos con la herramienta lazo poligonal, en la figura se ve más claro.
Todo empieza colocando los puntos de la primera cara (frontal), luego apretando la tecla control vamos hacia uno de los extremos y al arrastrar se crea el 2do plano y finalmente de la misma forma creamos el ultimo plano.
Photoshop creando caja punto de fuga
Para colocar la cara de la caja que deseamos, primero hay que tenerla esta en el portapapeles y luego con la combinación CTRL+V la pegamos, luego podemos moverla e incluso cambiarle el tamaño usando la herraminenta transformar (quinta de la izquierda), eso colocará la “textura” que corresponde a dicha cara, ajustando automáticamente la perpectiva que corresponde.
Photoshop creando caja de jugos
Siguiendo los pasos antes mencionados es posible crear el resto de caras de nuestra caja en Photoshop, para obtener el siguiente resultado:
resultado final caja photoshop
Cuando hablo con diseñadores de páginas web me encuentro con muchos fanáticos de fireworks que me hablan sobre el manejo que tiene este sobre los gráficos vectoriales y la gran posibilidad de combinar mapas de bits con vectores.
Parece ser que muchos olvidan que Photoshop también cuenta con un buen manejo de gráficos vectoriales que sumado a smart objects le dan gran potencia por encima de Fireworks desde mi punto de vista.
Si nos fijamos en Photoshop hay una pestaña trazos o paths, si no la tienen la pueden activar en el menu Window/Paths allí se van a guardar los trazados vectoriales que realisemos.
Esta es la herramienta principal para el manejo de gráficos vectoriales, funciona igual que en Illustrator, para los que no la conocen se activa con la tecla “P”, al dar click se van agregando nodos, si das click y arrastras puedes realizar lineas curvas si deseas obtener una curvatura mayor o cambiar de dirección lo realizas apretando la tecla ALT y así podrás mover las líneas que delimitan la curva de cada nodo.
Photoshop herramienta pluma
También es posible insertar figuras geométricas como cuadrados, triángulos, estrellas, líneas las opciones son similares a la pluma es posible insertar el nuevo objeto como trazado, máscara de capa vectorial y una función adicional que no esta disponible con la pluma para crear mapas de bits, esta última sólo la recomienda sin van a aplicarle filtros al objeto de lo contrario mejor manejarlo todo en forma vectorial.
Photoshop shapes
Una vez realizado nuestro trazado o máscara vectorial podemos modificar los nodos o toda la imágen completa para ello hay una herramienta de selección que se activa con la tecla “A” y que tiene 2 variantes una flecha negra que selecciona el objeto completo y una flecha blanca para seleccionar y mover alguno de los nodos del objeto.
Por defecto Photoshop cuenta con algunos gráficos vectoriales predefinidos que se encuentra en la misma opción para insertar polígonos, podemos encontrar cientos de estos en Internet o crear los nuestros para ello seleccionamos nuestro trazado y luego elegimos menu EDIT/Define Custom Shape
custom shape Photoshop
Finalmente es posible convertir un texto en un trazado para asi poder editarlo y usarlo para crear un logotipo modificando sus nodos para esto escribe un texto luego a la capa del texto le das click derecho y aparecerá la opción “Convert to shape” esto convertirá nuestro texto en un trazado luego usando la flecha blanca(direct selection tool) podremos modificar los nodos.
photsohop trazados texto
Es muy común editar fotos en Photoshop para borrar manchas, lunares, etc pero muchas veces los clientes quieren que además eliminemos algunas arrugas o a quien no le gustaría lucir esa piel que se ve en las revistas de modas bueno voy a explicar como lograr esto y además tener un control sobre el área que deseamos sea afectada esto para no terminar con una foto demasiado irreal.
Este tutorial lo voy a realizar usando Photoshop CS4 pero los trucos aquí mostrados funcionan bien desde Photoshop CS.
Lo primero es duplicar la capa en la que tenemos nuestra foto, luego aplicamos el filtro polvo y manchas (dust and scratches), no nos preocupemos si la imagen parece que esta un poco borrosa ya que eso luego vamos a arreglarlo luego; posteriormente aplicamos el filtro Blur/Gaussian Blur con un valor entre 1 a 1.5 px como en la imagen.
suavizando la piel
Si dejaramos la imagen como esta se vería muy borrosa es por esto que vamos a aplicarla sólo en áreas localizadas, para ello sobre nuestra capa editada le colocamos una máscara de capa: Capa/Mascara de capa/Ocultar todo (Layer/Layer Mask/Hide All) al realizar este paso la capa modificada quedará oculta luego cogemos un pincel suavizado de tamaño mediano unos 40px de diámetro al 20% de dureza puede ser suficiente y pintamos sobre nuestra máscara con un pincel blanco esto permitirá que sólo determinadas areas se vean afectadas como vemos en la figura.
Usando la máscara de capa
Usando esta imagen de capa podemos hacer muchas cosas más como cambiar el color de los ojos por ejemplo, veamos ahora el resultado final
suavizar piel photoshop
Nunca he sido bueno memorizando teclas rápidas y eso que llevo varios años metido en el mundo del diseño, sin embargo para recordar las más comunes siempre es interesante contar con un resumen de esta y que mejor que en PDF para revisarlas rápidamente no sólo para Photshop CS4 sino también para versiones anteriores.
Últimos Comentarios