Guía de un idiota a photoshop, parte 3: sugerencias de pro

Tabla de contenido

§1. Introducción

§ 2-trucos de Photoshop que no lo sabía

§ 3.-Creación de una bandera de YouTube con enlaces

§ 4-básico de retoque fotográfico

§ 5-Bono # 1: Creación de una silueta de una foto en pocos minutos

§ 6-Bono # 2: Ceating un Favicon en Photoshop

§7. Conclusión

1. Introducción

El aprendizaje de Photoshop es divertido y fácil, si usted está dispuesto a aprender. En realidad, esa frase se puede aplicar a aprender nada, pero en esta guía usted aprenderá Photoshop, como lo hizo en la Parte I y Parte II de nuestros tutoriales photoshop fresco.

Para que sepan, se recomienda que lea estos dos manuales anteriores antes de leer éste. Ellos cubren material que esta guía se basa en.

La mejor manera de dominar cualquier software es practicar durante la lectura de tutoriales paso a paso. No se limite a leer - hacer. Como dice el dicho “El conocimiento no es nada sin la práctica.” Si usted acaba de leer esto, no recordará nada, por lo que es importante para la práctica a medida que lee - entonces usted estará familiarizado con el proceso y las herramientas que utilizó y que será capaz de aplicar sus conocimientos más tarde.

Así que no sólo sentarse allí. Cargar Photoshop, algunas fotos con los que jugar y seguir estas instrucciones a medida que lee.

Después de terminar este capítulo de la serie, aprenderá un montón de herramientas y técnicas de Photoshop. Si alguien pregunta, usted será capaz de decir “Sí, lo sé Photoshop”. Sólo tiene que seguir practicando.

Siempre hay varias maneras de hacer algo en Photoshop- el más importante es aprender los conceptos básicos - el resto sólo está limitado por su imaginación.

Por lo tanto, lo que aprenderá en esta ocasión?

En primer lugar, vamos a ir a través de los consejos más importantes de Photoshop y trucos que te harán la vida más fácil y dramáticamente para ahorrar tiempo. A continuación, te voy a mostrar cómo crear un banner de YouTube con enlaces (esto requiere una cuenta de socio de YouTube). Después de eso, yo voy a enseñar algunas técnicas básicas de retoque fotográfico y la forma de crear rápidamente una silueta de una foto.

Como he dicho antes, lo principal es aprender cómo utilizar las herramientas en diferentes situaciones, por lo que, a medida que avanzamos, trata de imaginar cómo se puede aplicar ciertas herramientas para sus necesidades.

Una cosa más, realmente recomiendo descargar e imprimir el Hoja de trucos de Photoshop (accesos directos) por MakeUseOf - es un gran ahorro de tiempo.

Para que lo sepas, estoy usando Adobe Photoshop CS5 (y lo recomiendo), pero no se preocupen si está utilizando una versión anterior: casi todas las herramientas son lo mismo, y voy a señalar las que son nuevas. MakeUseOf han publicado recientemente una nueva guía para Photoshop CS6. No dude en comprobar que funciona también.

También tenga en cuenta que estoy utilizando Windows, no un Mac. Estos consejos y trucos funcionarán para los usuarios de Mac, pero pueden requerir un poco diferentes pulsaciones de teclas. Has sido advertido.

2. trucos de Photoshop que usted no sabía

2.1 Múltiples deshacer

En la mayoría de los programas, Ctrl + Z para deshacer las acciones que ha tomado, lo que le permite retroceder en el tiempo por lo que usted desea. En PS, Ctrl + Z sólo se da un paso atrás, y repitiendo lo único “deshacer lo deshecho”. ¿Quieres ir más atrás? Presione Ctrl + Alt + Z.

2.2 Cambiar el tamaño rápidamente pincel actual

Para cambiar el tamaño rápidamente su pincel: utilizar “[” para reducir y “]” para ampliar.

2.3 Configuración del primer plano / fondo a valores por defecto

colores predeterminados para el primer plano y el fondo son de color blanco y negro, respectivamente, los dos colores que se necesitan con frecuencia. Si ha cambiado estos dos colores, pero necesita negro o blanco, simplemente pulse “re”En el teclado para traer de vuelta a los valores por defecto: blanco y negro. Esto es muy rápida en comparación con la educación de la paleta de colores y cambiar los colores manualmente.

2.4 Interruptor de primer plano / fondo Colores

Para cambiar entre los colores de primer plano y de fondo, simplemente pulse “X”.

2.5 Relleno con color

Para llenar rápidamente una selección o capa con el color de primer plano, el uso Alt + Retroceso. Ctrl + Retroceso llenará con el color de fondo.

Vídeo: DEAD RISING 2 | PARTE 1 | LET'S PLAY ESPAÑOL [HD]

2.6 Restablecer bastante que Cancelar

A veces, cuando se utiliza un filtro o cualquier otra herramienta para editar un objeto o una imagen, puede estropear todo. Sin querer destruir su imagen, pulsa en Cancelar en el cuadro de diálogo herramienta sólo para volver a abrir la herramienta y empezar de nuevo. ¿Eres tu? Bueno, aquí hay una solución mejor. Aunque todavía en el cuadro de diálogo, mantenga alt y pulse Reiniciar, que aparecerá en “cancelar” era antes.

2.7 Seleccionar capas múltiples

Para seleccionar dos o más capas, mantenga Ctrl y hacer clic en las capas deseadas. Si desea seleccionar un número de capas consecutivas, mantenga Cambio, haga clic en la primera capa y (aún sosteniendo Cambio) Haga clic en el último. Se seleccionarán todas las capas entre estos dos.

2.8 Dibuje una línea perfecta con un cepillo

Para dibujar una línea recta con un cepillo basta con hacer clic en el que desea que comience la línea, a continuación, Shift + clic en el punto final (funciona con ángulos de 45 °).

2.9 Re-utilizar el último filtro

Ha utilizado un filtro de una vez, pero piensa que necesita hacerlo una vez más? Utilizar Ctrl + F. Recuerde, sólo funciona si usted ha usado un filtro antes.

2,10 duplicar una capa

Hay algunas maneras diferentes de hacer esto, pero es el más rápido Ctrl + J. Asegúrate de que tienes una capa seleccionada.

2.11 Cambiar el tamaño de un objeto mientras se mantiene la relación de aspecto

Para cambiar el tamaño de cualquier objeto sin distorsión, enter Transformación libre con el modo Ctrl + T, sostener Cambio y estirar o encoger el objeto con el ratón. Participación Alt + Shift se cambie el tamaño del objeto con respecto a su centro.

2.12 Distorsión rápida

Si desea distorsionar un objeto o selección, uso Ctrl + T (Free Transform) y mantenga Ctrl distorsionarlo. El camino más largo: con Transformada libre activo, haga clic derecho en la selección y elija Distorsionar.

2.13 Crear una nueva capa debajo / encima de una activa

A veces se necesita una nueva capa debajo o por encima uno activo, por lo que se pulsa el icono de nueva capa a continuación, arrastre la capa fresca bajo o sobre la capa activa, ¿verdad? Aquí está una manera más rápida: mantenga Ctrl o Shift y haga clic en el icono Nueva capa de poner una nueva capa debajo o por encima, respectivamente.

2.14 Fundido último filtro

¿Se siente como el filtro que se aplica es demasiado? Utilizar Descolorarse. Shift + Ctrl + F (Edit-gt; Fundido ...), y luego jugar con las opciones en el cuadro de diálogo hasta que se obtiene lo que necesita:

2.15 turno de fondo en una capa normal

No me gusta el icono de candado en la capa de fondo por defecto, lo que me impide hacer cambios a esa capa inferior. Si lo hace también, desbloquearlo arrastrando el icono de bloqueo para el icono de la papelera. Así es: solo clic y arrastrar el bloqueo a la papelera en la parte inferior izquierda del panel de capas y ya está.

2.16 arrastre la selección

Después de que se ha realizado una selección, puede arrastrar siempre que lo desee mediante la celebración de la Espacio clave (sin soltar el ratón):

2.17 Navegar por el espacio de trabajo a la izquierda / derecha / arriba / abajo

Para navegar hacia la izquierda o la derecha, mantenga Ctrl y desplazarse hacia abajo o hacia arriba, respectivamente.

Para desplazarse hacia arriba o hacia abajo, simplemente desplazarse hacia arriba o hacia abajo sin Ctrl.

2.18 Copia visible y pegar en una nueva capa

prensa Ctrl + Shift + Alt + E juntos y va a copiar todos los elementos visibles y pegarlos en una nueva capa.

2,19 cambiar rápidamente el color de fondo del espacio de trabajo

Hay dos formas rápidas para cambiar el color de fondo del área de trabajo:

a) Haga clic en él para elegir unos colores diferentes:

b) Elija la herramienta Cubo de pintura, seleccionar un color de primer plano y Shift + clic en el fondo.

2.20 Selección de carga rápidamente Capa

Para cargar rápidamente una selección de capas, simplemente mantenga Ctrl y haga clic en la miniatura de la capa:

2,21 cambiar de un documento

Ahorrar tiempo al cambiar entre ventanas de documentos abiertos: el uso Ctrl + Tab para cambiar hacia adelante y Ctrl + Shift + Tab para cambiar hacia atrás:

2.22 control de opacidad rápida

Para ajustar rápidamente la opacidad de una capa seleccionada, sólo tiene que pulsar una tecla numérica para establecer un porcentaje rápida ( “1“= 10%,” 2“= 20%,“3“= 30%, ... etc). Si tiene cepillo de la herramienta activa, se ajustará la opacidad del cepillo:

Nota: si se pulsa dos números de manera rápida, que va a cambiar la opacidad a un porcentaje preciso (es decir .: va a cambiarlo a un 31% si se pulsa “3”Y“1" con rapidez).

2,23 cambiar rápidamente entre herramientas

Algunas herramientas tienen submenús. Para navegar a través de ellos, usted no tiene que hacer clic y mantenga pulsado el ratón si usted sabe este pequeño truco: mantener Cambio y pulse la herramienta tecla de acceso directo (¿Qué teclas de acceso rápido de la hoja de trucos se mencionó anteriormente). Por ejemplo: para la herramienta Lazo, pulse Shift + L.

Visibilidad 2.24 Panel

A veces quieres ver la totalidad de su creación, pero todos esos paneles activos a encontrar en el camino. Estos son algunos consejos: utilizar el F tecla para cambiar entre los tamaños de pantalla, y luego presione Lengüeta hacer que toda la herramienta de cuadros de diálogo desaparecen (no se preocupe: puede presionar Tab otra vez para llevarlos de vuelta).

2,25 preciso del cursor

Activar bloqueo de mayúsculas si desea que el cursor para ser precisos:

Vídeo: DEAD RISING 2 | PARTE 5 | LET'S PLAY ESPAÑOL [HD]

2,26 saltar a través de la mezcla de opciones

Para saltar rápidamente a través de las opciones de fusión de una bodega capa seleccionada Cambio y pulse -/ +:

2.27 Otras capas Ocultar

Para ocultar todas las capas que no sean el seleccionado, mantenga alt y haga clic en el icono “ojo”:

2,28 Mostrar / Ocultar Capas consiguientes

¿Quieres mostrar u ocultar capas en una fila? Puede hacer clic en el icono del ojo de la capa de partida y, sin soltar el puntero del ratón, mover hacia arriba o hacia abajo hasta llegar a la capa final:

2.29 zoom a 100%

Éste es muy útil. Para llevar la vista al 100% sólo haga doble clic en el Enfocar herramienta:

2,30 ajustar los valores numéricos

Casi cada cuadro de diálogo y el panel en Photoshop tiene un par de cuadros de valores numéricos ajustables. Usted sólo tiene que arrastrar y soltar el icono junto a estas cajas para ajustar rápidamente el número. Sólo hay que poner el cursor sobre el icono situado a la izquierda del cuadro de valor, mantenga y arrastre hacia la derecha o hacia la izquierda para aumentar o disminuir el valor. Puede mantener Shift mientras arrastra si desea saltar por 10:

2.31 Eliminar capas ocultas

Este pequeño consejo le ayuda a deshacerse de todas las capas ocultas en un documento, que es especialmente útil cuando se trabaja con un montón de capas. Un clic: ir a Capas-gt; Eliminar-gt; Las capas ocultas:

2.32 Eliminar las capas vacías

A veces, en una persecución a alta velocidad después de su imaginación, puede suceder para crear una capa y se deja sin tocar. Por lo tanto, se queda allí - vacía. ¿Qué pasa si usted tiene 50 capas y algunos de ellos están vacíos? Ir Archivo-gt; Scripts-gt; Eliminar todas las capas vacías:

3. Creación de un video de Youtube Bandera Con Enlaces

Si usted tiene una cuenta de socio de YouTube, usted tiene más opciones para estilizar tu canal de usuario de un usuario regular de YouTube. Una de las mejores opciones es la adición de un banner personalizado a su página, como se ve en la mayoría de los canales en la sección de encabezado.

Hoy vas a aprender cómo crear esa bandera en Photoshop. Aún mejor: va a crear una pancarta con enlaces (por ejemplo, a las páginas sociales, como Facebook y Twitter, o en su sitio web).

Para empezar, cree un nuevo documento (Ctrl + N) en Photoshop.

Estamos creando una bandera de tamaño máximo por lo que establecer el ancho de 960 px y la altura de 150 px. Asegúrese de que la resolución es 72 px / pulgada y pulsa OK:

Ahora vamos a añadir algunos gráficos y botones.

Por supuesto que tendrá que poner su logotipo allí. Importe su archivo de logotipo en Photoshop. Si se trata de un archivo de imagen, puede simplemente arrastrar y soltar.

Alinear el logotipo donde quieras. He utilizado la posición clásica: la esquina superior izquierda.

Añadir un poco de texto, que describe su ocupación con la herramienta de texto (T) justo debajo del logotipo.

Si lo desea, cambiar el color de fondo. Añadir un gradiente, o hacer lo que te gusta. Me limitaré a añadir un gradiente.

Utilice la herramienta de degradado (G) para llenar el fondo con un gradiente:

Ok, ahora tenemos un simple casi listo para usar bandera,:

Pero necesitamos botones sociales: ese es el foco principal de este tutorial. Así que vamos a traer un poco de iconos de Google. Sólo la búsqueda de RSS, Twitter, iconos de Facebook (u otros si lo desea), copiar y pegar en su área de trabajo en Photoshop y alinearlos a la parte derecha de la bandera:

Para añadir un poco de profundidad a nuestros iconos vamos a añadir un poco de sombra. Para hacerlo, haga clic en la capa de un icono y seleccione Opciones de fusión:

En el cuadro de diálogo emergente, seleccione Sombra paralela (Valores por defecto están bien):

Aplicar el mismo efecto a otros iconos (se puede utilizar haga clic con -gt; Copiar estilo de capa y luego Pegar estilo de capa en el panel de capas).

Añadir un poco de texto, como “Stay Tuned”, justo por encima de los iconos:

Digamos que conseguimos lo que necesitábamos y ahora vamos a guardar para la web. Ir Archivo-gt; Guardar para Web & dispositivos, seleccione PNG-8 (para una mejor calidad) en el menú desplegable y guardarlo en algún lugar:

Ahora vamos a pasar a la posibilidad de subir y codificación.

Ingrese a su cuenta de YouTube e ir a Opciones de marca / banderas y mapas de imagen, haga clic en Elija el archivo y subir su banner:

Poner 150 dentro Barra de canales Altura área de texto:

Ahora haga clic en Guardar cambios en la esquina inferior derecha y vaya a su página de socios de YouTube y comprobar su bandera. Está ahí, pero los enlaces no funcionan.

Bueno, vamos a añadir esos enlaces.

Para añadir enlaces a una imagen que tendrá que crear un mapa de código para ello. No tenga miedo, que no requiere habilidades de codificación, y casi todo está automatizado con la herramienta en línea gratuita en Image-Maps.com.

Ir image-maps.com, vaya a su bandera y haga clic en Iniciar Mapping Your Image:

Después de eso, verá una página de “ayudar a image-maps.com”, espere 10 segundos y haga clic Continuar con el paso siguiente.

En el lado derecho, verá un área de menú, haga clic en Rectángulo:

Mira a su bandera, verá que hay un rectángulo con las áreas de texto:

Arrastre / estirar el rectángulo de encajar el primer icono (no se preocupe por las áreas de texto, por ahora, vamos a cambiar en el código) y haga clic Salvar:

Haga lo mismo para los otros iconos.

Después de que todos los botones / iconos se asignan, haga clic en Obtener el código en el panel de la derecha:

En esta página, haga clic en código HTML:

Aquí viene la parte difícil.

Una vez que se pulsa el botón de código HTML, se le llevará a su código, lo que parece muy “ocupado”. De hecho, hay muchos elementos inútiles. No cerrarla.

He preparado una versión limpia (de tres botones en su banner) - sólo puede copiar y siga las instrucciones adicionales.

código limpio:

Explicaciones de los valores marcados con (en rojo):

• full_path_to_your_banner - ir a su página de YouTube y haga clic derecho en su bandera (que ya ha subido) y (dependiendo de su navegador) encontrar el URL completo de su banner y copiarlo. Debe ser algo así como https://i2.ytimg.com/u/UcJ1c4V37ArMB8VDO33RhA/profile_header.jpg. A continuación, reemplace full_path_to_your_banner con la URL de la bandera.

• any_name - poner cualquier nombre allí, como “my_mapcode”, o “johnsmap”, etc.

• coordinates1 de image-maps.com - si marca el código HTML generado por imagen-mapas antes en la etapa 3.18, verá líneas de este tipo:

Copiar esos dígitos (resaltados) como son y pegarlos en lugar de coordinates1 de image-maps.com (en la secuencia correcta, es decir, primero las coordenadas en lugar de coordinates1, segundos - en lugar de coordinates2 y así sucesivamente).

• first_button_link - el enlace donde el primer botón conducirá a. Por ejemplo, si el primer botón es la página de Facebook, entonces su first_button_link será el enlace a su página de Facebook que incluye http: //. Este es el mismo para los otros enlaces de botones (sus enlaces a Twitter, Google y otros perfiles / sitios web).

• title_text_for_first_link - título es un texto que aparecerá cuando un usuario se cierne el ratón sobre un enlace en su bandera. Así que ponga una descripción existe para cada enlace, como “Ensamble a nuestra comunidad de Facebook”, “Síguenos en Twitter” y así sucesivamente.

Vuelva a colocar todos los valores que he marcado en rojo con los valores de su código HTML respectivamente.

Una vez que haya terminado con el mapcode, puede cerrar image-maps.com y olvidarse de él. Ir a su página de YouTube de nuevo, Opciones de marca / banderas y mapas de imagen y copiar & pegar su mapcode acabada en el área correspondiente y haga clic Guardar cambios.

Eso es. Refrescar la página de YouTube y ver sus enlaces.

4. básico de retoque fotográfico

Si usted es un fotógrafo profesional o simplemente tomar fotos como un aficionado, usted todavía tiene que retocar las fotos para que se vean mejor. No es necesario un laboratorio, como lo era antes fotografía- digital de todo lo que necesita ahora es un ordenador y algunas herramientas de retoque fotográfico.

Photoshop, como siempre, es muy útil. Y si está utilizando Photoshop sólo para retoque fotográfico rápida que no es necesario para dominar todo lo relacionado con el programa. Sólo necesitará las herramientas más esenciales.

Estas herramientas son los fundamentos, y sólo voy a mostrar el uso básico para que se familiarice con ellos. Todo lo que necesita para los métodos más avanzados es la práctica.

Así que digamos que usted ha tomado algunas buenas fotos y quiere hacer algunos cambios, correcciones y así sucesivamente. Subirlo a su máquina y abrirlo con Photoshop.

4.1 Niveles

Esta es la primera herramienta de empezar a jugar con al abrir una imagen. Se le da control sobre los niveles de brillo con un histograma de la imagen. Es muy útil cuando se desea hacer sombras más oscuras, o el objeto más brillante frontal, o los cielos más viva, y así sucesivamente. También lea nuestro artículo relacionado “Cómo corregir sobreexpuesta fotos en Photoshop”

Los controles marcados en círculos rojos se pueden mover hacia la izquierda o la derecha. El menú desplegable en el círculo verde le da control sobre los canales de color de una imagen. Juega con ello.
Cómo arreglar sobreexpuesta fotos en PhotoshopCómo arreglar sobreexpuesta fotos en PhotoshopSi usted es un fotógrafo y tener un buen sentido de la luz, este tutorial no es para ti. Usted probablemente sabe cómo solucionar fotos sobreexpuestas o subexpuestas. El público objetivo aquí es el aspirante a ...Lee mas

Filtro 4.2 de fotos

los Filtro de fotografía herramienta es muy útil cuando se desea aplicar un poco de color a toda la imagen, cambiando su “estado de ánimo” (que se desea dar un color amarillo-ish para una imagen del otoño y un color azulado más frío de una imagen de invierno para).

Puede seleccionar uno de los preajustes de filtro predeterminado en el menú desplegable o aplicar el color seleccionado a medida y ajustar la densidad del filtro elegido. He elegido filtro frío para mi imagen para mejorar el tono azul del agua:

4.3 Dodge y Burn

En realidad se trata de dos herramientas diferentes, pero los pusieron en una categoría ya que hacen lo contrario el uno del otro. Básicamente, el Esquivar herramienta hace que las zonas afectadas más ligero y la Quemar herramienta les hace más oscuro.

Con estas dos herramientas poco lo que puede mejorar dramáticamente una imagen, dándole un aspecto totalmente diferente. Compruebe el siguiente ejemplo, el cual hice rápidamente para que pueda ver el más pequeño de lo que puede hacer:

4.4 Pincel

Éste vino con CS2, por lo que recuerdo, y ayuda con la “curación” digital, a veces llamado “aerografía”. Casi todas las chicas se quejan de su foto, diciendo “eliminar esta mancha” o “No quiero que este topo”. No hay problema: con el cepillo Spot Healing herramienta que puede hacerla feliz!

He quitado el famoso lunar Cindy Crawford con un solo clic:

4.5 de desenfoque

La herramienta de desenfoque que se utiliza mejor cuando se quiere enfocar un objeto o un área de una imagen. Hay una herramienta más completa para la borrosidad en el filtros menú, que tiene varios métodos de desenfoque. El que yo le muestro es la herramienta básica.

Esta herramienta de desenfoque se utiliza como un cepillo, lo que significa que se aplica a la zona de debajo de su ratón. Se usa para cambiar el foco de una imagen. Por ejemplo: haciendo que el fondo borroso da cierta profundidad a su imagen:

Relleno 4.6 basada en el contenido

Ahora bien, esta herramienta no es básica: es tan potente como la varita de Harry Potter, y que fácilmente podría ser el sujeto de su propia guía. Es sólo en Photoshop CS5 y más tarde, por lo que si usted tiene una versión anterior ... lo siento.

Con Content-Aware Fill puede quitar las cosas no deseadas de una imagen sin dejar atrás un lugar negro: Photoshop adivinará lo que debería estar allí y llenar el vacío. Antes CS5 esto no fue una tarea fácil, pero ahora es simple. Por supuesto que no es perfecto, y para obtener los mejores resultados tendrá que hacer algunos ajustes, pero esta herramienta hace el trabajo muy bien.

Básicamente, la herramienta calcula los alrededores de una selección y luego “pinta” de la zona de llenar con una suposición acerca de lo que debería estar allí. Que realmente necesita para jugar con esto para creer: sólo tiene que seleccionar el objeto que desea eliminar, dejando un poco de espacio a su alrededor mediante la ampliación de la selección. A continuación, y aplicar el relleno (Editar-gt; Llenar o Shift + F5):

Con esos 6 herramientas que puede darle a sus fotos un aspecto fresco en pocos minutos. Juega un poco con los valores y la configuración y obtendrá más familiarizados con ellos.

5. Bono # 1: Creación de una silueta de una foto en pocos minutos

¿Qué es una silueta? Es un esquema de cualquier figura llena de un color sólido, por lo general un tono oscuro. Usted ve una silueta natural cuando nos fijamos en algo en contra de una puesta de sol.

Las siluetas son muy útiles cuando se trata de gráficos: casi siempre se ajustan a un segundo plano, ya que no tienen muchos detalles para interferir con la imagen. Por otra parte, las siluetas se pueden utilizar para la creación de formas y pinceles personalizados.

En este rápido tutorial, aprenderá lo fácil que puede crear una silueta de casi cualquier imagen en Photoshop.

Tenga en cuenta que el paso más importante es hacer una buena selección - cuanto más precisa es la mejor calidad será su silueta final.

Paso 1

Abrir una imagen en Photoshop y hacer una selección. He hecho mía utilizando el Lazo magnético herramienta. Es más fácil hacer una selección en imágenes que tienen un fondo con algunos detalles:

Paso 2

Crear un nueva capa haciendo clic en el pequeño icono en la paleta Capas:

Paso 3

Llenar la selección con negro:

Etapa 4

Ahora deshacerse de los antecedentes simplemente eliminando la capa original (en mi caso es la capa “foto”):

Eso es. La silueta está ahora listo para su uso. Ahora puede poner esta silueta delante de cualquier cosa. Aquí hay algo de “arte”:

6. Bono # 2: Creación de un Favicon en Photoshop

Si usted es propietario de un sitio web, o tiene intención de ser uno, tendrá un favicon. ¿Que es eso? Un favicon es un pequeño icono (16 × 16 píxeles) o la imagen que se muestra en la barra de direcciones o pestaña del navegador de Internet.

Es una parte importante de la identidad de su sitio web, al igual que su logotipo, por lo que no hay que subestimar.

No se puede simplemente crear una imagen 16x16px, cambiar su extensión de archivo de .ico y el uso como un favicon. Hay muchas herramientas para crear un favicon, pero voy a mostrar cómo hacerlo en Photoshop.

1. Photoshop no reconoce el formato .ico por sí mismo en absoluto, por lo que necesitamos un plugin para Photoshop que “amigable” con él. El plugin es gratuito y se puede descargar desde Telegraphics. Se llama ICO (icono de Windows) Formato:

2. Ahora tendrá que instalarlo en su sistema:

Cerrar Photoshop si está abierto.

Descomprimir el archivo y copiar & pegar el ICOFormat.8bi presentar en su Formatos de archivo carpeta en el directorio de Photoshop (Archivos de programa / Adobe Photoshop / plugins / Formatos de archivo para los usuarios de Windows).

3. Abrir Photoshop y crear un nuevo documento 64px de ancho y 64px de altura (que será demasiado difícil trabajar con 16 × 16, por lo que es más cómodo de utilizar un lienzo de 64 × 64).

4. Si tiene un logotipo, cambiar su tamaño a un cuadrado, abrirlo con Photoshop y cambiar el tamaño de la imagen para cambiar el tamaño de 64 × 64.When, elija bicúbica más enfocada, ya que si no lo hace, va a difuminar la imagen:

Ajustar su imagen un poco. Es probable que necesite utilizar el herramienta lápiz para corregir las cosas aquí y allá, y tal vez Afilar un poco. Cuando se sienta que está listo, cambiar el tamaño de la imagen a la final de 16 × 16 y ver si se ve bien.

Si usted siente que necesita más trabajo, deshacer el cambio de tamaño y seguir trabajando. Cuando es finalmente listo, cambiar su tamaño a 16 × 16.

5. Ahora tenemos que guardarlo en .ico formato.

Ya que tenemos instalado el plugin de ICO, Photoshop ahora puede guardar como ICO. Sólo tiene que ir a Archivo-gt; Guardar como ... y elige ventanas ICO en el menú desplegable (recuerde el nombre de “favicon“):

Ahora subir su favicon.ico en el directorio raíz de su sitio web utilizando su cliente FTP favorito. Es mejor cargarlo en el raíz directorio para que los navegadores lo encontrará automáticamente, pero te voy a mostrar algo de pequeño código HTML que ayudará al navegador encontrar su favicon sin lugar a duda:

Añadir este código en algún lugar entre

header.php. Ya está!

7. Conclusión

¡Eso es todo por ahora! Espero que esta guía te ha enseñado algo, y estad atentos para la próxima guía de Photoshop MakeUseOf.com.

Más guías de Photoshop:

• Guía Fácil Photoshop: Parte 1
• Manual de Photoshop es un idiota - 2
• Guía de un idiota a Photoshop, Parte 4: Características avanzadas y Fun Photo Effects
• Novedades de Photoshop CS6, su última Visión general