Como hacer simbolos en photoshop. ¿Photoshop CS6 tiene glifos? lo que vas a crear

Use el panel Pictogramas para insertar puntuación, superíndice, subíndice, símbolos de moneda, números, caracteres especiales, así como glifos de otros idiomas a texto en Photoshop.

Para abrir el panel, seleccione Texto > Paneles > Glifos o Ventana > Glifos.

Panel de glifos

UNA. Ranuras de glifos usadas recientemente | b. Elección de una familia tipográfica | C. Selección de estilo | D. Selección de categoría de fuentes | MI. Ranuras de glifos | F. Alejar | GRAMO. Control de escala | h Ampliar | YO. Reducir los glifos | j Acercar los glifos |

• Para cambiar un glifo en la capa de texto activa, haga lo siguiente:
  1. Seleccione dónde insertar el glifo con la herramienta Texto.
  2. Haga doble clic en un glifo en el panel Pictogramas.
• El panel Glifos admite los alfabetos latino, griego y cirílico. Compatibilidad limitada con el hebreo, el árabe y otras escrituras complejas como la india.

• Para cada fuente, los glifos están organizados en diferentes categorías, como Latín básico, Latín A extendido, Latín B extendido, Números, Monedas, Símbolos y muchos más.
• Los glifos también se ordenan según las funciones de OpenType que admiten, como: Alternativas, Ornamentos, Ligaduras extendidas, Numeradores, Denominadores, Conjuntos de estilos, Números monoespaciados, Números ordinales y muchos otros.

UNA. Categoría de fuente | b. Escenario | C. Funciones de tipo abierto

• El panel Pictogramas encuentra automáticamente alternativas para el primer carácter seleccionado en un fragmento de texto.
• Las ranuras de glifo con un cuadro negro sólido en la esquina inferior derecha indican que hay opciones para ese glifo en particular. Estas opciones se pueden ver desde el menú emergente. Para abrirlo, haga clic y mantenga presionada la ranura, o haga clic mientras mantiene presionada tecla Alt u Opciones. Arrastre el puntero del mouse sobre la variante de glifo y suéltelo para pegarlo en la capa activa.

Ranura de glifo con un rectángulo negro sólido en la esquina inferior derecha

Variantes de glifos

Información de glifo

• El control deslizante en la parte inferior del cuadro de diálogo le permite aumentar o disminuir el tamaño de los glifos en el panel.
• El menú de fuentes es un menú ampliado que contiene los mismos elementos que se encuentran en el panel Carácter y Opciones. Sin embargo, no se admite la búsqueda de fuentes.
• Cuando hay varias fuentes en una selección en la capa Texto, no se muestra ninguna fuente en los paneles Carácter, Opciones y Glifos.
• Puede trabajar con el panel Pictogramas sin inicializar la capa de texto.

A medida que se agregan glifos a un documento, se agregan automáticamente a la fila Glifos usados ​​recientemente en la parte superior del panel Glifos. Cadena de glifos utilizados recientemente:

• Puede contener hasta 25 caracteres diferentes. Cuando se excede el límite de 25 caracteres, se agregan nuevos glifos a la izquierda y los anteriores se eliminan a la derecha.
• contiene los mismos caracteres. Los símbolos no cambian cuando el programa se ejecuta en diferentes momentos.
• conserva el peso del glifo e ignora su peso en los paneles Opciones, Carácter y Pictogramas.
• define el tamaño del punto, el color y otros valores del glifo de acuerdo con los de los paneles Carácter y Opciones.

04.07.2016 27.01.2018

En este tutorial, aprenderá a crear íconos planos para redes sociales.

Lo que crearás:

Para crear íconos planos, comenzaremos con el fondo, luego agregaremos efectos a los íconos para darles originalidad, luego dibujaremos sombras largas. Para repetir el tutorial, necesitará Photoshop CS3 o posterior.

Recursos:

• Fuente 1 - http://fontawesome.io/cheatsheet/
• Fuente 2 - http://fontawesome.io/

Paso 1

Crear un nuevo archivo (Ctrl + N) Talla 500×400 píxeles.

Crear nuevo grupo (CTRL+G) y asígnele el nombre "fondo".

Paso 2

Rellena el fondo color # e7e9ea mediante el uso Relleno de herramienta (herramienta Cubo).

Paso 3

Para agregar más efectos al fondo, agregaremos un degradado. Haga clic en el icono Capa de ajuste y elige Degradado (Degradado), use la siguiente configuración:

Modo de fusión de capas Luz suave (Suave ligero) | Opacidad: 25%

Etapa 4

Cree un nuevo grupo y asígnele el nombre "símbolos".

Paso 5

Antes de comenzar, necesitamos configurar el menú Gobernantes y Cuadrículas (Reglas y Cuadrículas. ir al menú Ver-Reglas (vista- Gobernantes) y Ver-Mostrar-Cuadrículas (vista— mostrar— Cuadrículas) . Aquí están mis configuraciones para Reglas y Cuadrículas(se pueden abrir yendo a Edición-Configuración (Editar-Preferencia):

Crear guía, solo necesita hacer clic y arrastrarlo desde la regla. Para crear una guía vertical, arrastre desde la regla vertical y viceversa. Así es como dividí el lienzo (cada icono es igual a 50×50 píxeles y espacio entre cada icono 25 píxeles):

Paso 6

En este tutorial estamos trabajando con la fuente Awesome, puedes agregar íconos personalizados para tu sitio. Por lo general, esto se hace colocando css de fuente a su sitio, pero como estamos trabajando con Photoshop, necesitamos copiar cada ícono que desee usar de la hoja de trucos. Vaya a la página, seleccione el icono que le gustaría dibujar. Usé íconos para lo siguiente ( medios de comunicación social) sitios: Twitter; Facebook; Tumblr Google+;Instagram; Youtube; Contracción nerviosa; buzón deviantart; Pinterest skype; Alimento.

Paso 7

Una vez que haya encontrado el icono que le gustaría usar, cópielo ( Selecciónelo y luego haga clic botón derecho del ratón ratón-copia)

Luego regrese a Photoshop y seleccione herramienta de texto (Textoherramienta) en la barra de herramientas. Cambie la configuración de la fuente como se muestra en la imagen:

Ahora pegue el icono que acaba de copiar. ( Clic derecho - Pegar)

Paso 8

Repite el paso anterior hasta que hayas insertado todos los íconos que te gustaría usar.

Paso 9

Cree un nuevo grupo y cámbiele el nombre "icono bg", coloque el grupo debajo del grupo "símbolos".

Paso 10

Crear nueva capa y colóquelo en el grupo creado en el paso anterior. Cambié el nombre de la capa a "icono bg".

Paso 11

Usando la herramienta Rectángulo con esquinas redondeadas (Rectangularherramienta de forma de círculo)(ubicado en la barra de herramientas debajo herramienta Texto (Herramienta de texto)) creé el fondo del icono,

Aquí están todos los colores que usé:
Gorjeo: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google+:# e44940;
Instagram: # 9bd29d;
YouTube:# f4504c;
Contracción nerviosa:# a96db6;
Buzón: # 81d5ed;
deviantart:# 6e8e61;
Pinterest: # f25f5f;
skype: # 67d5f4;
Alimento:# e9951d;

Puede usar estos colores, o puede usar los colores de su elección; de esta manera, el trabajo adquirirá originalidad.

Si no le gusta el aspecto de los rectángulos redondeados, puede elegir una forma diferente, como un cuadrado o un círculo. Para hacer un círculo o un cuadrado perfecto, recuerda mantener presionado Tecla Shift en el momento de su creación.

Paso 12

Si está satisfecho con el resultado hasta ahora, está listo para continuar, pero si quiere darle vida a los íconos, sigamos mejorando. Empecemos con estilo de capa Sombra (Drop Shadow). Abra el grupo "símbolos", seleccione uno de los iconos y haga clic en el icono efectos especiales-Sombra (Fx-Sombra paralela)

Paso 13

Repite el paso anterior para el resto de iconos. Para hacer su trabajo mucho más fácil, haga clic en haga clic con el botón derecho en la capa-Copiar estilo de pie (-Copiar estilo de capa). Luego seleccione el resto de las capas de iconos, haga clic en clic derecho-Pegar estilo de capa (-Pegar estilo de capa).

Paso 14

Ahora agreguemos una sombra interna al fondo de cada ícono. Abra el grupo "icons bg", seleccione la capa con el icono, haga clic en el icono efectos especiales-Sombra interior (Fx-InnerSombra) . Utilice las siguientes opciones:

Paso 15

Cree una nueva capa y asígnele el nombre "Efecto de brillo". Cambia el color de primer plano a # ffffff; y con la ayuda herramienta Área rectangular (herramienta Marco rectangular) crear algunos rectángulos de la mitad del tamaño de los iconos (aproximadamente 50×25 píxeles). Haga esto para todos los iconos.

Entonces cambia modo de fusión en luz suave (Soft Light), reducir opacidad capa a 20% , a llenar (llenar) antes de 80% .

Paso 16

Desactive la visibilidad de la capa "Efecto de brillo". Cree una nueva capa y asígnele el nombre "Sombra larga". Este paso es un poco más difícil en comparación con el resto de los efectos. Coloque una nueva capa debajo de la capa "Efecto de brillo".

Paso 17

Llevar Herramienta Lazo poligonal y comience a crear una sombra rectangular tocando el borde del ícono en el lado inferior derecho solamente, luego haga una línea diagonal hasta que llegue al borde inferior derecho del fondo del ícono, haga una línea recta hasta que llegue al centro del fondo, luego conecte las líneas. En la imagen se puede ver más claramente cómo dibujar una sombra alargada.

Paso 18

¡Último paso! Reducir opacidad capa de sombra antes 10% , y llenar (fitodos) antes de 0% .

Ahora haga clic en el icono Fx y seleccione cubrircolores (colorcubrir). Utilice las siguientes opciones:

Ahora selecciona cubrirdegradado (Degradadocubrir) y usa estos ajustes:

Resultados finales:

Conceptos básicos para trabajar con herramientas del grupo Texto en Photoshop: panel de control, configuraciones, funciones y capacidades.

Hay un grupo en la barra de herramientas debajo del botón con la letra "T". Lo abrimos de cualquier manera:

• haciendo clic en la esquina inferior derecha negra del icono;
• haciendo clic en el icono con el botón derecho del ratón

Puede activar Texto presionando la tecla T (E en ruso) en su teclado. No importa qué diseño de teclado este momento. Cuando se presiona la tecla Prensa de cambio presionando la tecla "T" varias veces se activarán alternativamente las cuatro herramientas de este grupo.

Figura 1. grupo de herramientas de texto

Todo es intuitivo aquí.

1. Horizontal: para crear un registro familiar en una posición horizontal.
2. Vertical: coloca la etiqueta de arriba a abajo.
3. y 4. Crear rapido mascarillas con selección horizontal y vertical.

Muy a menudo, se utiliza la dirección horizontal.

Texto del panel de control de la barra de herramientas

A instrumento activo El panel de control superior se ve así:

Figura 2. Barra de herramientas de control superior Texto

A Versiones de Photoshop CS6 introdujo el menú Fuente, que contiene varias opciones de configuración. Esto será en otro artículo. Ahora veamos la configuración del panel de control superior.

¡Atención! Es mejor establecer todas las configuraciones del panel superior para las herramientas de texto en Photoshop antes de escribir la inscripción. Pero será posible realizar cambios más tarde, seleccionando primero el texto o parte del mismo que necesita ser cambiado.

• Por encima del número 1 Fig.2 – guardar parámetros. Característica muy útil para mantener ajustes instalados(nombre de fuente, tamaño de fuente, etc.) si tiene que volver a ellos periódicamente o antes de rasterizar la capa de texto.

Haga clic en la flecha pequeña para abrir la ventana. Seleccione "Nuevo conjunto de opciones para la herramienta. Se abre una segunda ventana donde puede especificar un nombre para el parámetro. Presionamos Aceptar. El editor recuerda la configuración.

Fig. 3. Guardar opciones de texto en Photoshop

Aparece en la lista nueva línea. Para mayor claridad, en el paso anterior, se introdujo el nombre "Ejemplo de un nuevo guardado".

Figura 4. Configuraciones guardadas

Ahora, para establecer en el panel todos los valores que estaban al guardar, debe hacer clic en esta línea.

Para eliminar una línea, haga clic derecho sobre ella y seleccione eliminar.

• Por encima del número 2 Fig. 2 - cambiar la orientación del texto. Al presionar el botón con la letra T y las flechas, la dirección de la inscripción cambia de horizontal a vertical y viceversa. No olvide que esta capa de texto debe estar activa en la paleta de capas.
• Por encima del número 3 Fig. 2 - tipografía. Al hacer clic en el botón con una flecha, se abre la lista completa de fuentes disponibles en la computadora. Puede seleccionar el deseado de la lista o ingresarlo manualmente en el cuadro, luego presione Entrar.
• Sobre el número 4 Fig. 2 - Estilo de fuente. El botón de flecha abre una lista de estilos admitidos por la fuente seleccionada. Si el botón está deshabilitado, la fuente seleccionada solo admite un estilo sugerido.
• Encima del botón 5 Fig. 2 - tamaño de fuente también conocido como Kegl. La lista desplegable ofrece opciones de 6 a 72 píxeles. Cualquier valor se puede ingresar en el cuadro manualmente, luego presione Entrar. Es suficiente ingresar solo números, y el editor colocará las letras "pt" automáticamente.

Puede seleccionar el tamaño de la siguiente manera: mueva el cursor a la izquierda de la ventana cuando toma la forma de un dedo con flechas, mantenga presionado con el botón izquierdo del mouse y arrastre hacia la derecha para aumentar el tamaño o hacia la izquierda para disminuirlo . En la ventana, el valor numérico cambiará. Tan pronto como suelte el mouse, el tamaño del texto cambiará.

• Sobre el número 6 Fig. 2 - Estilo de fuente. Al hacer clic en este botón, se abre una lista de estilos compatibles con la fuente seleccionada: cursiva, negrita, negrita... No todas las fuentes son compatibles Lista llena estilos, por lo que puede haber un número diferente de opciones. Si el botón no está activo, la fuente seleccionada solo admite un estilo sugerido.
• Sobre el número 7 Fig. 2 - alineación del texto en un lado o en el centro. Los botones funcionan igual que Documento de Word. Los ajustes están en el panel Párrafo. Lea sobre esto a continuación.
• Sobre el número 8 Fig. 2 - selección de colores. El cuadro muestra el color que se aplicará al texto. Puede cambiarlo haciendo clic en este cuadro y seleccionando cualquier otro en la paleta que se abre. Si el texto ya está ingresado, primero debe seleccionarse.
• Sobre el número 9 Fig. 2 - deformación del texto. Haga clic en este botón, luego abra los estilos y ante nosotros hay varias opciones de deformación. Experimento.

Figura 5. Deformación de texto

• Sobre el número 10 Fig. 2 - abre / cierra paneles Carácter, Párrafo. Más sobre esto.

Paneles Carácter, Párrafo

Abra los paneles Carácter y Párrafo en Photoshop con un botón en el panel de control superior o en el panel derecho. Si no estaban en el panel derecho, active la ruta del menú Ventana: seleccione Símbolo o Párrafo. Los iconos correspondientes aparecen en el panel derecho. Si se seleccionan ambos, aparecerán dos íconos del mismo grupo, pero cuando abra cualquiera de ellos, habrá dos pestañas en la ventana para cambiar fácilmente entre estos paneles.

¡Atención! El panel Carácter, cuando se trabaja con herramientas en el grupo Texto, tiene prioridad sobre el panel Párrafo.

Figura 6. Paneles Carácter, Párrafo

Símbolo del panel

Algunas de las configuraciones en esta pestaña duplican las funciones del panel de control superior y ya se han discutido. No repetiremos. Los valores en ellos se establecerán en los mismos que configuró en el panel superior: la fuente, su tamaño, etc.

El resto se indican en la Figura 6 anterior:

1. Espaciado entre líneas. Especifica el espaciado entre líneas.
2. Interletraje para corregir el espaciado entre dos caracteres. Por ejemplo, de todo el texto, solo es necesario acercar o alejar dos caracteres entre sí. Colocamos el cursor entre ellos, abrimos la lista y seleccionamos la opción deseada, o la ingresamos en el cuadro manualmente.
3. Espaciado entre caracteres para establecer el espaciado entre caracteres de texto.
4. La escala vertical para aumentar/disminuir la altura de los caracteres se establece como un porcentaje. El número se ingresa en el cuadro manualmente. El signo % se puede omitir, Photoshop lo colocará automáticamente tan pronto como presione Entrar.
5. La escala expande/comprime horizontalmente la línea. Así como el parámetro anterior se ingresa como un porcentaje.
6. Compensación de la línea de base. Una característica útil al ingresar fórmulas matemáticas y otras notaciones con superíndice y subíndice. Te permite subir/bajar parte de una línea o palabra. Esta parte debe resaltarse primero. El valor se ingresa en el cuadro manualmente. La siguiente línea ofrece posibilidades similares: pseudoparámetros.
7. Pseudoparámetros. Los ajustes de fuente en esta línea son claramente visibles: negrita, cursiva, texto en mayúscula, etc.
8. Ligaduras, es decir, caracteres que se obtienen fusionando varias letras o caracteres, es decir, combinándolos en un solo carácter. Usado muy raramente. Solo estarán activas las compatibles con la fuente seleccionada.
9. Abre la lista de idiomas para la revisión ortográfica.

Panel de párrafo

Establezca opciones de párrafo como sangría, separación de sílabas, etc.

Figura 7. Panel de párrafo

En la primera línea, se duplican los tres primeros botones del panel de control superior. Ya han sido mencionados. El resto de botones probablemente estarán inactivos. Los siguientes tres botones de esta línea son para alinear la línea inferior del texto y el último es para la alineación de ancho completo.

En el segundo bloque, hay tres ventanas donde puede establecer las sangrías de los bordes derecho o izquierdo y la sangría de la primera línea en píxeles.

En el tercer bloque, se indican guiones antes o después del párrafo

En el bloque siguiente, se habilita/deshabilita la colocación automática de saltos de línea.

La barra de herramientas suele ser la barra de herramientas más utilizada. Este panel aparece en el lado izquierdo de la pantalla cuando inicia Photoshop. Cualquier herramienta se selecciona en cualquier momento de trabajar con el programa. Para facilitar el trabajo con la paleta, he compilado una lista de las principales herramientas en ruso y inglés. También puede leer en detalle cómo funciona cada herramienta y cómo se forman en grupos.

Lista de instrumentos en ruso e inglés
A menudo existe la necesidad de una traducción rápida de los términos de la barra de herramientas al ruso. Aquí he reunido los nombres en ruso e inglés de los comandos de la barra de herramientas. También indicado y tecla de acceso rápido, con el que podrás activar la herramienta.

El pequeño triángulo negro en la esquina inferior derecha del icono de la herramienta indica que hay un submenú de herramientas. Al pasar el cursor sobre una herramienta, se mostrará una información sobre herramientas con el nombre de la herramienta y su tecla de función en el teclado

Todas las herramientas de la paleta de herramientas se pueden agrupar lógicamente en cinco grandes grupos. Estos son los grupos "Resaltar", "Recortar", "Retocar", "Colorear", "Dibujar y Texto". Veamos cada grupo con más detalle. Este es un conjunto de herramientas para la versión CS3 de Photoshop.

1. Grupo de herramientas "Selección" (Herramientas de selección)
Este grupo contiene herramientas para seleccionar áreas de varias formas, mover el área seleccionada, seleccionar áreas de forma irregular de forma rápida y precisa.

El grupo de herramientas Marco se utiliza para seleccionar áreas rectangulares, ovaladas, de una fila y de una columna.

La herramienta Mover mueve selecciones, capas y guías.

El grupo de herramientas Lazo se utiliza para crear selecciones a mano alzada, poligonales (de borde recto) y magnéticas (ancladas).

La herramienta Selección rápida le permite "pintar" rápidamente una selección con una punta de pincel redonda ajustable.

La herramienta Varita mágica selecciona áreas que están coloreadas de manera similar.

2. Grupo de herramientas de corte y corte
Aquí hay herramientas para recortar una imagen y crear fragmentos.

La herramienta Recortar recorta imágenes.

La herramienta Sector crea sectores.

La herramienta Seleccionar sector selecciona sectores.

3. Grupo de herramientas de retoque
Con estas herramientas, puede eliminar defectos en la imagen, borrar y restaurar la imagen, ajustar la nitidez y el desenfoque, el tono y la saturación.

La herramienta Pincel corrector puntual elimina manchas y objetos.

La herramienta Pincel corrector elimina las imperfecciones de una imagen pintándolas con muestras o patrones.

La herramienta Parche corrige las imperfecciones en un área seleccionada de una imagen usando una muestra o un patrón.

La herramienta Ojos rojos elimina los reflejos rojos causados ​​por la fotografía con flash.

La herramienta Tampón de clonar se usa para dibujar usando una imagen de muestra.

La herramienta Tampón de patrón se utiliza para dibujar utilizando parte de una imagen como patrón.

La herramienta Borrador borra píxeles y restaura partes de una imagen al estado en que se encontraba la última vez que se guardó. Puede leer más sobre la herramienta Borrador en la publicación "".

La herramienta Borrador de fondo borra áreas de una imagen a transparencia arrastrándolas.

La herramienta Magic Eraser borra áreas de colores simples de una imagen a transparencia con un solo clic.

La herramienta Desenfocar suaviza los bordes marcados de una imagen.

La herramienta Enfocar enfoca los bordes suaves de una imagen.

La herramienta Difuminar difumina los datos de la imagen.

La herramienta Sobreexponer ilumina áreas de una imagen.

La herramienta Grabar oscurece áreas de la imagen.

La herramienta Esponja cambia la saturación de color en un área.

4. Grupo de herramientas "Painting" (Herramientas de pintura)
Aquí se recopilan todo tipo de herramientas para colorear, reemplazar colores, diseñar imágenes.

La herramienta Pincel aplica pinceladas. Puede leer más sobre la herramienta Pincel en la publicación "".

La herramienta Lápiz dibuja líneas con bordes afilados.

La herramienta Reemplazo de color reemplaza el color seleccionado por uno diferente.

La herramienta Pincel histórico dibuja una copia del estado o la instantánea seleccionados en la ventana de la imagen actual.

La herramienta de pincel Historia del arte dibuja trazos estilizados que imitan varios estilos artísticos utilizando un estado o una instantánea seleccionados.

Las herramientas de degradado crean transiciones rectas, radiales, cónicas, especulares y de diamante entre colores.

La herramienta Cubo de pintura rellena áreas que tienen un color similar al color de primer plano.

5. Grupo de herramientas "Dibujo" y "Texto" (Herramientas de dibujo y tipo)
Este grupo contiene herramientas para seleccionar un contorno, imprimir texto, crear formas arbitrarias.

La herramienta de selección de ruta selecciona formas o segmentos mostrando puntos de anclaje, líneas de dirección y puntos de dirección.

La herramienta Texto crea texto en una imagen. Puede leer más sobre las herramientas de texto en la publicación "".

La herramienta Máscara de texto crea áreas de selección en forma de texto.

El grupo de herramientas Pluma le permite dibujar trazados con bordes suaves.

El grupo de herramientas Forma y la herramienta Línea dibujan formas y líneas en una capa regular o de forma.

La herramienta Forma personalizada crea formas personalizadas seleccionadas de una lista de formas personalizadas.

lo que sucede en el final

En este tutorial, crearemos un conjunto de iconos en Photoshop. El conjunto de iconos debe tener el mismo fondo y el mismo tema. Para practicar, crearemos íconos con un sol, un copo de nieve y un ícono de RSS. Empecemos.

1. Preparando el espacio de trabajo

Paso 1

Comencemos creando un nuevo documento de 350 px por 350 px. Haga clic en el cuadro blanco junto a la configuración Contenido de fondo(Contenido de fondo) para seleccionar un nuevo color de fondo del escenario.

Paso 2

En el cuadro de diálogo Paleta de color (Selector de color) seleccione un color de fondo gris para el escenario (#e0e0e2).

Paso 3

Siempre es bueno que el trabajo esté estructurado desde el principio. Cree un grupo de capas y asígnele un nombre "Sol"(Sol). Allí se colocarán todas las capas relacionadas con la creación del icono con el sol.

2. Crea la base

Paso 1

con una herramienta "Rectángulo redondeado"(Herramienta Rectángulo redondeado) dibuje un rectángulo con dimensiones de 83 px × 64 px y establezca el radio en 8 px. Para obtener un resultado más preciso, utilice el panel Propiedades(Propiedades). Aquí simplemente puede introducir las dimensiones exactas.

Paso 2

Mantenga presionada la tecla Mayús y luego dibuje otro rectángulo redondeado. Esta nueva forma se añadirá a la anterior. Establezca su tamaño en 36 px × 36 px con un radio de 3 px.

Paso 3

Presione ctrl+T para transformar la forma y luego haga clic y arrastre fuera del cuadro delimitador para rotarlo 45°.

Etapa 4

Asegúrate de que la forma esté en el centro del rectángulo anterior. En CC 2014, puede verificar la posición de una forma arrastrándola y ajustándola a la guía en el centro de la forma anterior.

Paso 5

Presione Entrar para guardar el resultado. Puede encontrar que un cuadro de diálogo de confirmación le informa que la forma se convertirá en una ruta regular. Esto significa que ya no podrá editarlo usando el panel Propiedades. Simplemente haga click "Sí"(Sí).

Paso 6

Coloque la forma como se muestra en la imagen de abajo.

Aquí está el resultado a una escala del 100%.

Paso 7

Dibuja una forma similar encima de la anterior, que es 1 px más pequeña. Puede hacerlo duplicando una forma y luego cambiando sus puntos, o simplemente creando una nueva forma.

Paso 8

Establezca el color en #57adf8.

Paso 9

Haga doble clic en la forma y luego aplique Carrera(golpe) y Gradiente de superposición(Superposición de degradado) con los siguientes ajustes.

Para el degradado, utilice la siguiente disposición de colores. Para abrir el editor de degradado y cambiar la configuración del degradado, haga clic en la ventana de vista previa del degradado.

Paso 10

Reducir el nivel torrencial(Rellenar) hasta un 11%. El contenido de la capa será transparente y permanecerá sin cambios.

Aquí está el resultado.

3. Sombra

Paso 1

Crea una nueva capa debajo de la base. Activar la herramienta "Cepillar"(Herramienta Pincel) (B) y luego dibuja una sombra debajo del icono.

Paso 2

Todavía usando la herramienta "Cepillar"(Herramienta Pincel) (B), agregue una sombra más fuerte justo debajo de la punta del ícono.

Paso 3

Mantenga presionada la tecla CTRL y haga clic en el icono más pequeño para seleccionar la forma más pequeña. Cree una nueva capa y use color blanco sobre el área seleccionada. Asegúrate de usar un cepillo suave Rigidez(Dureza)-0%.

Etapa 4

Cuando haya terminado, anule la selección (Ctrl+D) y reduzca la escala opacidad(Opacidad) capa.

Paso 5

Cree una nueva capa y seleccione la base de iconos más pequeña nuevamente. Rellene la selección con un degradado de blanco a negro. Cambio modo de mezcla(Modo de fusión) capa activada superposición(Superposición) y luego escalar hacia abajo opacidad(Opacidad).

Paso 6

Agrega otra capa. Cree una gran selección elíptica en la parte inferior del icono y luego presione Ctrl y haga clic en la capa base para intersectarla. Rellene la selección con un degradado de blanco a negro. Cambio modo de fusión(Modo de fusión) capa activada "Pantalla" Pantalla y hacerlo más pequeño opacidad(Opacidad).

Así es como se ve el resultado al 100%.

Paso 7

Mantenga presionada la tecla Ctrl y haga clic en la miniatura de la capa base. Cree una nueva capa en la parte superior, luego seleccione Edición > Trazo(Edición > Trazo). Establezca el color en azul claro y ancho(Ancho) 1 px.

A continuación, puede ver la diferencia antes y después de agregar el trazo dentro del icono.

Paso 8

Agrega una máscara a la capa de trazo. Rellénelo con negro para ocultar todos los contornos. Traza algunas secciones de la línea con blanco para mostrarlas. Por lo tanto, ahora tenemos el borde del icono seleccionado.

En la imagen a continuación, puede ver la selección de borde en detalle.

Paso 9

Agregar una capa de ajuste Balance de color(Balance de color) encima del icono. Lo usamos para cambiar el color de fondo.

Para que sea más fácil administrar las capas, cambiemos el nombre de la capa a Cambio de color(cambiador de color).

Paso 10

Rellena la máscara de capa de ajuste con negro. Seleccione la base del icono y luego rellénelo con blanco. Así que la capa de ajuste solo afecta al icono. Arrastre los controles deslizantes para cambiar el color.

Paso 11

Duplique todas las capas base de iconos y cambie la configuración en la capa de ajuste Balance de color(Balance de color) por separado.

4. Agregar íconos a íconos

Paso 1

Para nuestro primer ícono, agregaremos un ícono de sol. Comienza dibujando un círculo amarillo.

Paso 2

Aplicar estilos de capa sombra interior(Sombra interior) y brillo interior(Resplandor interior) con los siguientes ajustes. Usa el color #7b6708 y establece ambos modos de fusión Multiplicación(Multiplicar).

Paso 3

Usa un amarillo más claro en el centro del sol.

Etapa 4

Agregue una elipse amarilla más brillante a parte superior sol.

Paso 5

Dibuja una forma delgada y ligera en la parte superior. lado derecho sol para que destaque. Retire el exceso con un borrador suave para una apariencia natural.

Paso 6

Paso 7

Seleccione ambas formas vectoriales y luego duplíquelas: Ctrl+C y luego Ctrl+V. Gira las nuevas formas 45°.

Paso 8

Sigue duplicando y girando las formas hasta que tengamos suficientes rayos.

Paso 9

Solicitar sombra interior(Sombra interior) con color #b48f0b y resplandor externo(Resplandor exterior) con el color #f9dc7e.

Paso 10

Oculte el sol haciendo clic en el icono del ojo junto a la capa. dibujar más triangulos amarillos Como se muestra abajo.

Agregue una forma de círculo al centro de los triángulos y configure el modo de ruta Restar figura frontal(Sustraer).

Hemos terminado, así que traigamos de vuelta el flash y la forma del sol.

Paso 12

Para obtener un sol realista, debemos dibujar una forma redonda amarilla borrosa detrás del sol. Puedes hacerlo manualmente con un pincel suave, o pintar primero el círculo y luego suavizarlo con un filtro. desenfoque gaussiano(Desenfoque gaussiano).