Cómo hacer un ícono de Google Plus en Photoshop
Hola fans de Photoshop! Con todo el alboroto que se está haciendo últimamente sobre Google Plus, no hubo forma de evitar hacer un tutorial relacionado con Photoshop. Aunque parezca fácil, el ícono g + de aspecto simple es, de hecho, un poco difícil de reproducir a la perfección, pero seguramente eso no nos detendrá. Prepárate para sumergirte en un Photoshop más avanzado.!Paso 1 - Tamaño del icono
Para éste, buscaremos un icono más grande: 256 X 256 px. También puedes intentar hacerte un ícono de 128 x 128px o 512 x 512px, pero un ícono regular debería hacer el trabajo.
Paso 2 - Configuración de sus guías
Para este tutorial, tendremos que ser extremadamente precisos, así que vamos a configurar algunas guías para ayudarnos en el camino. Para crear una nueva guía, vaya a Ver, Nueva Guía.
Deberá repetir este paso varias veces para crear las siguientes guías. (Recuerda, estamos trabajando en píxeles, así que no olvides cambiar el cm en el cuadro de posición a una px):
Guías horizontales: 0px, 40px, 256px
Guías verticales: 0px, 64px, 128px, 192px, 256px
(Abajo - ejemplo para la segunda guía horizontal)
Una vez que hayas terminado, tu lienzo debería verse así:
Paso 3 - Ampliando tu lienzo
Queremos tener el logotipo de Google Plus en un fondo suave de blanco a gris en el estilo típico de Google. Hacer clic Imagen, tamaño de lienzo y establecer el lienzo en una resolución de fondo de pantalla. Para este, fuimos con 720p (1280 × 720).
Ahora levante la herramienta de degradado y cree un radial gradiente que se desvanece de blanco a un gris claro. Algo similar a esto:
Paso 4 - Crear la forma
Crear un nueva capa. Ahora ve al Herramientas de forma y seleccione el Herramienta de rectángulo redondeado. Cambia su radio a 20 px Y su color a un gris oscuro. (343434). Ahora, utilizando las guías que hicimos anteriormente, arrastre la forma redondeada y asegúrese de que encaje bien en sus límites..
Paso 5 - Parte superior del logotipo
En primer lugar, rasteriza tu capa con rclic derecho, Rasterizar. Ahora, usando el Herramienta Marco Rectangular seleccione la parte superior del logo (Entre la primera y la segunda guía horizontal.) y entonces botón derecho del ratón eligiendo Capa a través de corte. Ahora, separe la nueva capa en cuatro capas más pequeñas, cada una para cada pieza superior: así es como se vería si habilito y luego deshabilito cada capa una por una:
Sugerencia rápida: puede cambiar el nombre de sus capas y asignarles nombres como pieza superior 1, pieza superior 2, etc. Esto no solo hará las cosas más limpias, sino que también las hará más fáciles. Incluso puedes probar Poniendo las piezas superiores en su propio grupo de capas..
Paso 5 - Visuales de la parte inferior
Seleccione la capa que contiene la parte inferior de la imagen ... (esta):
… y entonces botón derecho del ratón seleccionando Opciones de mezcla. Desde aquí querrás añadir algunos Bisel y relieve...
... y un Gradiente de superposición (se desvanece de 1d1d1d a 292929).
Tu imagen debería obtener un cambio similar al siguiente:
Paso 6 - Top Part Visuals
Primero, asegúrate de habilitar tu pieza de icono superior izquierda. Ahora, de nuevo, abre esa capa Opciones de Blanding y dale algo Sombra interior...
... así como algunos Superposición de color.
Aquí es cómo debe verse su imagen antes y después de los cambios:
Repita este paso para cada nueva capa, configurando su color de superposición correcto:
1ª Pieza: Rojo - f23a3f
2da pieza: Azul - 5988f5
3ra pieza: Verde - 5fb816
4ta pieza: Amarillo - ffc000
Paso 7 - Agregar un brillo ligero
Hacer una nueva capa y colocarlo sobre todas las demás capas. Ahora usa un Herramienta gradiente para crear un Gradiente radial desvanecimiento del blanco a la transparencia Dentro del área del icono. A continuación, establezca la Opacidad de la capa a 30% y el Modo de fusión a Cubrir. Los cambios son apenas perceptibles, pero siguen siendo bastante vitales. Aquí hay un rápido antes / después:
Paso 8 - El Todopoderoso g+
Toma una captura de pantalla rápidadel logo de Google desde Google.com. Entonces pegar el disparo directamente en Photoshop (Su capa va entre el gradiente de superposición y el resto de la imagen.) y Quita cualquier cosa que no sea la minúscula "g".
Ahora puede usar cualquier herramienta que prefiera para eliminar el fondo de la pequeña “g” y también puede usar Refinar borde para suavizar un poco. Entonces Ctrl + Clic la miniatura de la capa y luego, mientras tiene una Marco rectangular en tu mano botón derecho del ratón y seleccione Llenar. Utilizar Blanco a 100% y Normal y deberías llegar a esto:
Ahora por el plus. Bueno, nada que discutir aquí, de verdad. Solo toma un Tipo de herramienta y encuentra una fuente que tenga un bonito "+" cual es similar al logo original Y conseguirlo en la imagen. Cuando hayas terminado, deberías tener esto:
Paso 9 - El Gran Finalmente!
¡Un paso más te espera! Ir Ver> Borrar guías para deshacerse de las Guías, ya que ya no las necesitaremos y luego su imagen estará completa. (Ah, y no te olvides de presionar Ctrl + Shift + S rápido, no querrás perder todo ese trabajo duro, ¿verdad?)
Paso 10 - Disfruta!
¡Finalmente hecho! Pero espera, ¿por qué parar aquí? ¡Quién sabe qué otros logotipos geniales podrían salir de esta plantilla! Adelante, pruebe su creatividad y vea lo que se le ocurre..
