Entender el proceso fundamental de la creación de un icono en Photoshop puede convertirse en una valiosa habilidad de aprender. Hoy vamos a crear un icono de pizarra inspiró el sitio web de recurso de icono por Sebastiaan de With, quien ha dado permiso para hacer un tutorial inspirado por su trabajo. En este tutorial usted aprenderá algunos conceptos importantes, así como la forma de trabajar con algunas aplicaciones de terceros.
paso 1
Crear un nuevo documento con los ajustes siguientes. Usted puede llenar el fondo con cualquier color, pero yo prefiero trabajar con un lienzo transparente. Todo depende de usted.
paso 2
Crear una carpeta nueva capa y lo llaman "marco". En el interior, crear una nueva capa y lo llaman "Madera". Seleccione la herramienta Rectángulo (U) y dibujar un rectángulo, como se muestra a continuación.
Abrir las opciones de fusión de la capa de "madera" y se aplican los siguientes estilos: Sombra interior, Resplandor interior, y la superposición de degradado con los valores que se muestran a continuación. Cuando termine, tendrá un rectángulo de color amarillo-naranja como el que aparece en la última imagen.
paso 3
Crear una nueva capa y lo llaman "textura de madera". Llenar esta capa con negro e ir a Filtro> Ruido> Añadir ruido y configurar las opciones a continuación. Con la misma capa seleccionada, vaya a Filtro> Blur> Gaussian Blur y el tipo en la configuración que se muestra abajo en la segunda imagen. Luego, con la misma capa seleccionada ve a Imagen> Ajustes> Niveles (o pulse Comando + L para Mac o Ctrl + L para Windows), y el tipo en la configuración de la imagen de terceros. Por último, con la misma capa seleccionada, pulse cmd y haga clic en la "madera" de la capa para hacer una selección, ir a la Selección> Invertir y presione la tecla Retroceso para eliminar la capa extra y que coincida con la forma rectangular de la "madera" de la capa. Cambiar el modo de mezcla a "Luz Suave" y reducir la opacidad al 30%. La imagen hasta ahora debe ser similar a la de abajo.
paso 4
Duplicar la "capa de madera de textura" dos veces y cambiarles el nombre a "textura de madera de 1" y "Textura de madera de 2". En la "textura de madera de 1" Cambiar el modo de fusión a Superponer y reducir la opacidad al 10%, y en la "textura de madera de 2" Establecer el modo de mezcla a "Luz Suave" y reducir la opacidad al 15%. En este momento debería ver algo como esto:
paso 5
Crear una nueva capa y lo llaman "tabla". Con la nueva capa seleccionada Mantenga pulsado SHIFT y haga clic sobre la "madera" de la capa, esto hará una selección. Ir a Seleccionar> Modificar> Contrato y cuando en la pantalla el cuadro de diálogo, escriba 60px y haga clic en Aceptar. Rellenar la selección con negro. En este momento usted debe tener la "madera" de capa con el rectángulo naranja y la capa de "verde" con un rectángulo negro más pequeño. Abre las opciones de fusión de la "Verde" de la capa y aplicar los siguientes estilos:
paso 6
Crear una nueva capa y el nombre de "Junta Grunge", se necesita un sistema de cepillo del grunge esquina. He utilizado la esquina Grunge paquete de pincel Midnightstouch. Ajuste el color de primer plano a negro y seleccionar un pincel esquina y hacer algunos efectos grunge. Establecer el modo de fusión en Normal y reducir la opacidad al 10%. Con suerte, usted vino para arriba con algo como la imagen a continuación:
paso 7
Crear una nueva capa y lo llaman "efecto antiguo". Asegúrese de que el color frontal es negro y seleccione un pincel de tiza (estos cepillos se incluyen por defecto en Photoshop). Configurarlo para que 100px, extraer algunas líneas para hacer un efecto de edad y reducir la opacidad de la capa a 10%. En este punto usted debe tener algo como:
paso 8
Crear una nueva capa y lo llaman "Sombras". Con la capa de sombra seleccionado, presiona cmd y haga clic sobre la capa de tablero para hacer una selección de ese tamaño, llenar la nueva selección con negro. Ahora ve a la paleta de capas y hacer una nueva máscara de capa, seleccione un pincel grande y suave (alrededor de 600px) y con el negro como su color y la opacidad del pincel de un 50% de empezar a dibujar un círculo en el centro de la capa. Usted verá que el principio de color negro a desaparecer, y cuando estés satisfecho con el resultado de reducir la opacidad de la capa a 50%. Su creación debe ser similar a:
paso 9
Aquí, usted debe lanzar su creatividad. Crear una nueva capa y lo llaman el "Contenido". Dibuja lo que quieras aquí, con el propósito de este tutorial ya tiene una ilustración teniendo listo. Asegúrese de que todo lo que dibujar o escribir en esta capa se es blanco. Cuando haya terminado, reducir la opacidad de la capa a 70%. Estos son algunos ejemplos de lo que puede hacer en esta parte:
paso 10
Ahora vamos a la elaboración de contenidos grunge. Para la capa de contenido agregar una máscara de capa como lo hicimos en el paso 8 con las sombras. Seleccione un cepillo de grunge, he utilizado la función Set cepillo: 33 Texturas Grunge sutiles y efectos, también se puede utilizar los pinceles por defecto tiza. Ajuste el color de primer plano a negro y añadir algunos efectos grunge con su capa de contenido, hasta que sienta que se ve bien. En este punto, espero que su imagen se ve similar a:
paso 11
Ahora vamos a hacer uniones de madera. Con la herramienta Rectángulo (U). Dibuja un rectángulo vertical 2px, asegúrese de que su altura es la misma de su estructura de madera. Aplicar el estilo de capa siguiente a su forma. Luego coloque cada línea en cada una de las esquinas del marco. Seleccione las 4 capas y combinarlas (cmd + E). Llame a esta capa "Líneas" y pasar por debajo de la "textura de madera" de la capa.
paso 12
Seleccionar todas las capas y copiarlos al hacer clic derecho y seleccionar capas duplicadas. Fusión de sus nuevas capas duplicadas y pulse cmd + J o Ctrl + J para duplicar tres veces su nueva capa. Usted puede poner las capas originales en una carpeta ya que tenemos que esconder y trabajar con los nuevos. No hagas nada a la capa superior, como vamos a trabajar con las otras dos copias para hacer las sombras. Añadir un desenfoque gaussiano (Filtro> Desenfoque> Desenfoque Gaussiano) de 5.0px de ambas capas. Mover una de las capas borrosa 3px abajo. Esta es una especie de cómo se ve el icono en este punto:
paso 13
En este paso se deben fusionar sus tres capas y haga clic en cmd + T o Ctrl + T para abrir la herramienta de transformación libre y gire 9 grados hacia la izquierda. Por último, cambiar el tamaño de su imagen para que quepa en su lienzo.
Hemos terminado nuestro icono, y ahora vamos a aprender a preparar y exportar. Usted tiene dos opciones, podemos utilizar el IconBuilder de la Iconfactory, que es un plug-in Photoshop que te ayuda a crear y guardar sus propios iconos en diferentes tamaños. Cuesta $ 79, con una prueba gratuita, así que si usted realmente desea aprender cómo hacerlo, usted puede descargar y trabajar con la versión de prueba. La otra opción es con una aplicación llamada img2icns de rana brillante. Al igual que IconBuilder, img2icns tiene una versión gratuita que puede utilizar mientras se decide si comprarlo o no. Este sólo cuesta $ 12.90 para la versión Pro, que es muy barato! Así que si usted está interesado en el diseño de iconos que usted puede considerar la compra de esta aplicación ya que es realmente un buen negocio.