Todo el mundo sabe que un teclado de computadora estándar tiene un poco más
cientos de teclas, lo que significa que no puede mostrar todos esos caracteres que
son utilizados por los seres humanos en la vida diaria. Pero no todo el mundo sabe eso
además de escribir los caracteres que vemos en
su teclado, Windows también tiene la capacidad de usar otros caracteres. Por ejemplo:
Pero
a pesar de que estos (y muchos otros) símbolos no están en
teclado, podemos usarlos muy fácilmente al escribir nuestro
textos. Vamos a intentarlo ...
Digamos la opción más simple: escribimos texto en el Bloc de notas ( Inicio - Todos los programas - Accesorios - Bloc de notas) y necesitamos insertar un símbolo de copyright en el texto:
Para hacer esto, necesitamos abrir el llamado Tabla de personajesque existe en el sistema operativo Windows. Es muy fácil hacer esto: Inicio - Todos los programas - Accesorios - Utilidades - Tabla de símbolos.
Ante nosotros abriremos una tabla de símbolos en Unicode, en el que necesitamos encontrar el símbolo que necesitamos:
Después de eso, debe hacer clic en este símbolo con el botón izquierdo del mouse y luego presionar el botón Escoger y el botón Copiar:
Esto copiará el símbolo seleccionado al portapapeles.
Después de eso, el símbolo que necesitamos aparecerá en el texto:
Como puede ver, ¡no tiene nada de difícil! Este es el más simple y directo (en
mi opinión) el camino, aunque puedes cambiar ligeramente el orden de las acciones y
ingresar caracteres sin abrir Tabla de personajes... Para hacer esto, solo necesita conocer una determinada combinación de teclas.
El hecho es que en Windows a muchos caracteres se les asigna un código único, que se ingresa con la tecla Alt.
Por ejemplo, para ingresar el mismo símbolo de copyright, debe presionar la combinación de teclas Alt + 0169, es decir presione (y mantenga) la tecla Alty luego presione las teclas numéricas 0
, 1
, 6
y 9
.
Tenga en cuenta que cuando se presiona la tecla Alt
Los números del campo principal del teclado pueden bloquearse y, por lo tanto, para
ingrese números, puede usar un campo de teclado adicional
(después de habilitarlo con la llave Num lock
Puede ver qué combinación de teclas corresponde al símbolo seleccionado en la esquina inferior derecha Tablas de símbolos:
Si usa algunos símbolos constantemente, entonces
Recomiendo crear una nota para usted mismo (una tabla con una descripción suele
códigos usados) e imprimirlo en una impresora. Por ejemplo, esto:
Pero tenga en cuenta que no todos los símbolos de la tabla tienen un
combinación y, por lo tanto, algunos caracteres deben ingresarse como se describe arriba
camino.
Para que le resulte más fácil encontrar el símbolo deseado en la tabla,
puede utilizar parámetros adicionales y ver
símbolos por grupos.
Para hacer esto, marque Opciones extra y luego seleccione las opciones deseadas en los campos Conjunto de caracteres y Agrupamiento... Por ejemplo, en esta figura puede ver cómo puede mostrar solo caracteres numéricos:
O, por ejemplo, puede mostrar solo la codificación cirílica de Windows que sea conveniente para nosotros:
Bueno, en conclusión, me gustaría señalar que algunos programas tienen la capacidad incorporada para insertar caracteres especiales.
Por ejemplo, en el menú de Word, puede elegir Insertar - Símbolo (foto de Word 2010):
Esto acelera enormemente el trabajo al escribir, porque no es necesario recurrir a la tabla de símbolos de Windows.
04.07.2016 27.01.2018
En este tutorial, aprenderá a crear íconos de redes sociales planos.
Qué vas a crear:
Comenzaremos creando iconos planos con el fondo, luego agregaremos efectos a los iconos para darles originalidad, luego dibujaremos sombras largas. Para repetir este tutorial, necesitará Photoshop CS3 o posterior.
Recursos:
- Fuente 1 - http://fontawesome.io/cheatsheet/
- Fuente 2 - http://fontawesome.io/
Paso 1
Crea un archivo nuevo (Ctrl + N) Talla 500 × 400 píxeles.
Crea un grupo nuevo (CTRL + G) y asígnele el nombre "Fondo".
Paso 2
Completa el fondo color # e7e9ea mediante la herramienta Bucket.
Paso 3
Para agregar más efectos al fondo, agregaremos un degradado. Haga clic en el icono Capa de ajuste y seleccione Degradado (Degradado), utilizar la siguiente configuración:
Modo de fusión de capas Luz suave (Suave Ligero) | Opacidad: 25%
Paso 4
Cree un nuevo grupo y asígnele el nombre "símbolos".
Paso 5
Antes de comenzar, debemos personalizar el menú. Gobernantes y Rejillas (Reglas y cuadrículas)... Ir al menú Vista de regla (Ver- Gobernantes) y Ver-Mostrar-Cuadrículas (Ver— mostrar— Rejillas) ... Aquí están mis configuraciones para Lineeks y Grids (se pueden abrir yendo a Preferencia de edición:
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 divido el lienzo (cada icono es 50 × 50 píxeles y la distancia entre cada icono 25 ppp):
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 una fuente CSS en 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. He utilizado iconos para los siguientes sitios (redes sociales): Twitter; Facebook; Tumblr; Google+, Instagram; Youtube; Contracción nerviosa; Dropbox; Deviantart; Pinterest; Skype; Alimentar.
Paso 7
Una vez que haya encontrado el icono que le gustaría usar, cópielo ( Selecciónelo y luego haga clic derecho-Copiar)
Luego regrese a Photoshop y seleccione la herramienta Texto (Texto Herramienta) en la barra de herramientas. Cambie la configuración de fuente como se muestra en la imagen:
Ahora pega el icono que acabas de copiar. ( Clic derecho-Pegar)
Paso 8
Repite el paso anterior hasta que hayas insertado todos los iconos que te gustaría usar.
Paso 9
Cree un nuevo grupo y cámbiele el nombre "icon bg", coloque el grupo debajo del grupo "símbolos".
Paso 10
Crea una nueva capa y colócala en el grupo creado en el paso anterior. Cambié el nombre de la capa a "icon bg".
Paso 11
Usando la herramienta Rectángulo redondeado (Rectangular Herramienta de forma de círculo) (ubicado en la barra de herramientas debajo la herramienta de texto) Creé un fondo de icono,
Aquí están todos los colores que usé:
Gorjeo: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +: # e44940;
Instagram: # 9bd29d;
Youtube: # f4504c;
Contracción: # a96db6;
Dropbox: # 81d5ed;
Deviantart: # 6e8e61;
Pinterest: # f25f5f;
Skype: # 67d5f4;
Alimentar: # e9951d;
Puede usar estos colores, o puede usar colores a su discreción, de esta manera el trabajo adquirirá originalidad.
Si no le gusta cómo se ven los rectángulos redondeados, puede elegir una forma diferente, como un cuadrado o un círculo. Para hacer un círculo o cuadrado perfecto, recuerde mantener tecla Shift en el momento de su creación.
Paso 12
Si está satisfecho con el resultado en esta etapa, puede seguir adelante, pero si quiere dar vida a los iconos, continuemos mejorando. Empecemos con estilo de capa Sombra (Sombra paralela). Abra el grupo "símbolos", seleccione uno de los iconos y haga clic en el icono Fx-Shadow (Fx-Sombra paralela)
Paso 13
Repite el paso anterior con el resto de iconos. Para facilitar su trabajo, haga clic en haga clic derecho en la capa-Copiar estilo estando 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 interior al fondo de cada ícono. Abra el grupo "iconos bg", seleccione la capa con el icono, haga clic en el icono Fx-Sombra interior (Fx-Interior Sombra) ... Utilice los siguientes parámetros:
Paso 15
Crea una nueva capa y llámala "Efecto de brillo". Cambie su color de primer plano a # ffffff; y con la ayuda la herramienta Marco rectangular crear algunos rectángulos, 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 (luz suave),reducir opacidad capa a 20% y llenar (llenar) antes de 80% .
Paso 16
Desactive la visibilidad de la capa "Efecto de brillo". Crea una nueva capa y llámala "Long Shadow". Este paso es un poco complicado en comparación con el resto de efectos. Coloque una nueva capa debajo de la capa "Efecto de brillo".
Paso 17
Tomar la herramienta Lazo poligonal y comience a crear una sombra rectangular tocando el borde del icono en el lado inferior derecho solamente, luego dibuje una línea diagonal hasta que llegue al borde inferior derecho del fondo del icono, dibuje una línea recta hasta que llegue al centro del fondo, luego conecte las líneas. En la imagen, puede ver con mayor claridad cómo dibujar una sombra larga.
Paso 18
¡Último paso! Reducir opacidad capa con sombra para 10% y llenarFill) antes de 0% .
Ahora haga clic en el icono Fx y seleccione Cubrir colores (Color Cubrir)... Utilice los siguientes parámetros:
Ahora seleccione Cubrir degradado (Degradado Cubrir) y use estas configuraciones:
Resultados finales:
Muy a menudo preguntan cómo, estando en Windows (ya sea en Word, Bloc de notas o Photoshop, no importa) insertar especiales. símbolos?
Para los no iniciados, les explicaré por si acaso: especial. Los símbolos son una variedad de iconos y símbolos, como derechos de autor (©), poderes (5²) o fracciones (¼). Todos estos son personajes especiales.
Eso es todo. Digamos que quiere poner la fracción ¼. ¿Cómo se puede hacer esto? ¡Y esto se hace de manera muy simple!
Cómo insertar un carácter especial en Photoshop o cualquier otro programa
Y entonces, para empezar, veamos: qué tipo de símbolos y símbolos especiales existen en general. Para hacer esto, abra la tabla de símbolos.
Se encuentra aquí: Inicio -\u003e Todos los programas -\u003e Accesorios -\u003e Herramientas del sistema -\u003e Tabla de símbolos
Se abre la siguiente ventana frente a usted: En la que puede ver varios símbolos. Selecciona el símbolo que te interese y en la esquina inferior derecha (lo tenemos marcado con un círculo azul) aparecerá un atajo de teclado para insertar este símbolo.
Por el momento, el símbolo de copyright © está seleccionado y, en consecuencia, para insertarlo, debe hacer lo siguiente: Presione la tecla Alt y manténgala presionada en el teclado numérico (el que tiene las flechas, vea la imagen a continuación), escriba el número 0169, luego suelte alt. ¡Eso es todo!
Recuerde que es posible que las fuentes no estándar no admitan caracteres especiales. Además, en el visor de caracteres especiales puede ver qué fuentes, qué caracteres son compatibles. Para hacer esto, simplemente seleccione la fuente que desee en la parte superior de la ventana.
Para la mayoría de los usuarios de la aplicación Word, este problema es muy fácil de resolver. En el editor de texto de Word, haga clic en "Insertar" -\u003e "Símbolo"... Aparecerá una ventana en la que puede seleccionar simbolos... Al hacer clic en el botón "Insertar", aparecerán automáticamente en el campo principal del editor de texto.
La barra de herramientas suele ser el panel más utilizado. Este panel aparece en el lado izquierdo de la pantalla cuando inicia Photoshop. En cualquier momento al trabajar con el programa, se selecciona una herramienta. Para facilitar el trabajo con la paleta, he compilado una lista de las principales herramientas en ruso e inglés. También puede leer en detalle cómo funciona cada instrumento y cómo se forman en grupos.
Lista de instrumentos en ruso e inglés
A menudo es necesario traducir rápidamente 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 hay una tecla de acceso rápido que se puede utilizar para 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. Si mueve el cursor sobre una herramienta, aparece 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 combinar lógicamente en cinco grandes grupos. Estos son los grupos "Selección", "Recortar", "Retocar", "Colorear", "Dibujar y Texto". Echemos un vistazo más de cerca a cada grupo. 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 de forma rápida y precisa áreas de forma irregular.
El conjunto de herramientas Marquesina se utiliza para seleccionar áreas rectangulares, ovaladas, de una sola fila y de una sola columna.
La herramienta Mover mueve selecciones, capas y guías.
El conjunto de herramientas Lazo se utiliza para crear selecciones de marquesina dibujadas a mano, poligonales (bordes rectos) y magnéticos (anclados).
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 de colores similares.
2. Grupo de herramientas "Recortar" (herramientas de recorte y división)
Aquí están las herramientas para recortar una imagen y crear fragmentos.
La herramienta Recortar recortará las imágenes.
La herramienta Cortar crea cortes.
La herramienta Seleccionar sector selecciona sectores.
3. Grupo de herramientas "Retoque" (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" (Pincel corrector) elimina los defectos de una imagen pintando sobre ellos con muestras o patrones.
La herramienta Parche elimina defectos en un área seleccionada de una imagen usando una muestra o patrón.
La herramienta Ojos rojos elimina los reflejos rojos provocados por la fotografía con flash.
La herramienta Tampón de clonar dibuja con una imagen de muestra.
Utilice la herramienta Sello de patrón para pintar utilizando una parte de una imagen como patrón.
La herramienta Borrador borra píxeles y restaura partes de la imagen al estado de la última vez que se guardó. Se pueden encontrar más detalles sobre la herramienta "Borrador" en la publicación "".
La herramienta Borrador de fondo, al arrastrar y soltar, borra áreas de la imagen para que quede transparente.
La herramienta Borrador mágico borra las áreas de colores sólidos de una imagen a transparencia con un solo clic.
La herramienta "Desenfocar" (Desenfocar) suaviza los bordes nítidos de la imagen.
La herramienta Enfocar agudiza los bordes suaves de la imagen.
La herramienta Dedo difumina los datos de la imagen.
La herramienta Esquivar ilumina áreas de la imagen.
La herramienta "Dimmer" (Burn) oscurece las áreas de la imagen.
La herramienta Esponja cambia la saturación de un área.
4. Grupo de herramientas "Pintura" (herramientas de pintura)
Aquí puedes encontrar todo tipo de herramientas para colorear, reemplazar colores, estilizar imágenes.
La herramienta "Pincel" (Pincel) aplica trazos de pincel. Puede leer más sobre la herramienta Pincel en la publicación "".
La herramienta "Lápiz" (Lápiz) dibuja líneas con bordes claros.
La herramienta Reemplazo de color reemplaza el color seleccionado por uno diferente.
La herramienta Pincel histórico dibuja una copia del estado o instantánea seleccionado en la ventana de la imagen actual.
La herramienta Pincel de historia del arte pinta trazos estilizados que imitan varios estilos de arte utilizando el estado o la instantánea seleccionados.
Las herramientas Degradado crean transiciones rectas, radiales, ahusadas, espejadas y en forma de diamante entre colores.
La herramienta Bote de pintura rellena áreas de colores similares con un color de primer plano.
5. Grupo de herramientas "Dibujo" y "Texto" (herramientas de dibujo y tipografía)
Este grupo contiene herramientas para seleccionar un contorno, imprimir texto y crear formas arbitrarias.
La herramienta de selección de ruta selecciona formas o segmentos mostrando puntos de ancla, líneas de dirección y puntos de dirección.
La herramienta Texto crea texto en una imagen. Se pueden encontrar más detalles sobre herramientas para trabajar con texto en la publicación ““.
La herramienta Máscara de texto crea áreas de selección en forma de texto.
El conjunto de herramientas Pluma le permite dibujar trazados con bordes suaves.
El conjunto 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.
que pasará al final
En este tutorial, crearemos un conjunto de iconos en Photoshop. El conjunto de iconos debe tener el mismo fondo y tema. Para nuestro entrenamiento, crearemos íconos con el sol, el copo de nieve y el ícono RSS. Empecemos.
1. Preparando el área de trabajo
Paso 1
Comencemos por crear un nuevo documento de 350 px por 350 px. Haga clic en el cuadrado blanco junto a la configuración Contenido de fondo (Contenido de fondo) para seleccionar un nuevo color de fondo para el escenario.
Paso 2
En el cuadro de diálogo Paleta de color (Selector de color) seleccione un color de fondo gris del escenario (# e0e0e2).
Paso 3
Siempre es bueno cuando el trabajo está estructurado desde el principio. Crea un grupo de capas y asígnale un nombre "El sol"(Dom). Todas las capas relacionadas con la creación del icono del sol se colocarán allí.
2. Crea la base
Paso 1
Con una herramienta "Rectángulo redondeado"(Herramienta Rectángulo redondeado) dibuja un rectángulo con dimensiones de 83 px × 64 px y establece el radio en 8 px. Para un resultado más preciso, use el panel Propiedades(Propiedades). Aquí simplemente puede ingresar las dimensiones exactas.
Paso 2
Mantenga presionada la tecla Mayús y luego dibuje otro rectángulo redondeado. Esta nueva forma se agregará a la anterior. Establezca su tamaño en 36 px x 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 °.
Paso 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 Enter para guardar el resultado. Puede encontrar que un cuadro de diálogo de confirmación le informa que la forma se convertirá en un contorno regular. Esto significa que ya no podrá editarlo utilizando el panel Propiedades. Simplemente haga click "Si"(Si).
Paso 6
Coloque la forma como se muestra en la siguiente imagen.
Aquí está el resultado a escala del 100%.
Paso 7
Dibuja una forma similar encima de la anterior, que es 1 px más pequeña. Puede hacer esto duplicando la 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 contorno (Accidente cerebrovascular) y Gradiente de superposición (Superposición de degradado) con la siguiente configuración.
Utilice la siguiente disposición de colores para el degradado. Para abrir el editor de degradado y cambiar la configuración del degradado, haga clic en la vista previa del degradado.
Paso 10
Disminuir el nivel llenar (Llenar) 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 "Cepillo" (Herramienta Pincel) (B) y luego dibuja una sombra debajo del icono.
Paso 2
Todavía usando la herramienta "Cepillo" (Herramienta Pincel) (B), agregue una sombra más fuerte justo debajo de la punta del icono.
Paso 3
CTRL-clic en la miniatura más pequeña para seleccionar la forma más pequeña. Crea una nueva capa y usa blanco sobre el área seleccionada. Asegúrate de usar un cepillo suave. Rigidez (Dureza) -0%.
Paso 4
Cuando termine, anule la selección (Ctrl + D) y aleje opacidad(Opacidad) capa.
Paso 5
Cree una nueva capa y seleccione la base de iconos más pequeña nuevamente. Llene la selección con un degradado de blanco a negro. Cambio modo de mezcla(Modo de fusión) capa en Superposición (Superposición) y luego encogerlo opacidad (Opacidad).
Paso 6
Agrega otra capa. Haga una gran selección elíptica en la parte inferior del icono y luego presione Ctrl y haga clic en la capa base para cruzarla. Llene la selección con un degradado de blanco a negro. Cambio modo de mezcla (Modo de fusión) capa en "Pantalla" Pantalla y encogerlo opacidad (Opacidad).
Así es como se ve el resultado a una escala del 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\u003e Trazo (Editar\u003e Trazo). Establezca el color en azul claro y anchura (Ancho) 1 px.
A continuación puede ver la diferencia antes y después de agregar un trazo dentro del icono.
Paso 8
Agrega una máscara a la capa de trazo. Rellénelo de negro para ocultar todos los caminos. Dibuja algunas líneas blancas para mostrarlas. Así, ahora hemos seleccionado el borde del icono.
En la imagen de abajo, puede ver la selección de bordes en detalle.
Paso 9
Agrega una capa de ajuste Balance de color (Balance de color) encima del icono. Lo usamos para cambiar el color de fondo.
Para que nuestras capas sean más fáciles de administrar, 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 de blanco. Por tanto, la capa de ajuste solo afecta al icono. Arrastre los controles deslizantes para cambiar el color.
Paso 11
Duplique todas las capas de la base del icono y cambie los parámetros 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. Empiece por dibujar un círculo amarillo.
Paso 2
Aplicar estilos de capa Sombra interior(Sombra interior) y Brillo interior(Resplandor interior) con los siguientes ajustes. Use el color # 7b6708 y configure ambos modos de fusión Multiplicación(Multiplicar).
Paso 3
Usa un amarillo más claro en el centro del sol.
Paso 4
Agrega una elipse amarilla más brillante en la parte superior del sol.
Paso 5
Dibuja una forma delgada y ligera en el lado superior derecho del sol para que se destaque. Elimina el exceso con una goma de borrar suave para un aspecto natural.
Paso 6
Paso 7
Seleccione ambas formas vectoriales y luego duplíquelas: Ctrl + C y luego Ctrl + V. Gire las nuevas formas 45 °.
Paso 8
Continúe duplicando y rotando las formas hasta que tengamos suficientes rayos.
Paso 9
Aplicar Sombra interior (Sombra interior) con color # b48f0b y Resplandor externo (Resplandor exterior) con color # f9dc7e.
Paso 10
Oculta el sol haciendo clic en el icono del ojo junto a la capa. Dibuja más triángulos amarillos como se muestra a continuación.
Agregue una forma circular al centro de los triángulos y establezca el modo de ruta Resta la figura del frente (Sustraer).
Hemos terminado, así que recuperemos el destello y las formas del sol.
Paso 12
Para obtener un sol realista, necesitamos dibujar una forma redonda amarilla borrosa detrás del sol. Puede hacerlo a mano con un pincel suave, o dibujar primero un círculo y luego suavizarlo con un filtro desenfoque gaussiano (Desenfoque gaussiano).
