Trabajando con vectores en Pixelmator

Pixelmator es una aplicación de edición de imágenes fácil de usar, rápida y potente para Mac. En este tutorial, explicaremos cómo trabajar con formas vectoriales..


Antes de comenzar

En Pixelmator, hay tres herramientas que se pueden usar para crear y manipular objetos vectoriales. Cada uno se puede encontrar en la paleta de herramientas..

  1. Lapicera
  2. Herramienta de lápiz de forma libre
  3. Herramienta de forma personalizada


1. Las herramientas de la pluma

Las dos herramientas de lápiz son ideales para dibujar a mano o para rastrear imágenes existentes. Echemos un vistazo a cómo usarlos..

Paso 1

Crear una nueva imagen (Archivo> Nuevo…) de 600 x 600 píxeles y seleccione la Lapicera desde el Paleta de herramientas. Haga clic dentro de la ventana del documento en el punto donde queremos comenzar a dibujar. Luego, haga clic en otro punto en la ventana del documento para crear el siguiente punto de la forma. Repita esto unas cuantas veces. Tenga en cuenta que puede cerrar su forma haciendo clic nuevamente en el punto de inicio. Hacer doble clic sin cerrar la forma te dejará con una línea..


Paso 2

Seleccione la herramienta de lápiz de forma libre en la paleta de herramientas. Esta herramienta es casi la misma que la herramienta Pluma que usamos en los pasos anteriores. La única diferencia es que tenemos que hacer clic y dibujar para crear una forma. Entonces haga clic con el mouse en la ventana del documento y mantenga presionado el botón del mouse. Luego dibuja una forma con el ratón. Al soltar el botón del ratón se finaliza la forma. Este es el método básico para editar todo tipo de formas vectoriales en Pixelmator.


Paso 3

Selecciona el Herramienta de lápiz de forma libre desde el Paleta de herramientas. Esta herramienta es casi la misma que la Lapicera Lo usamos en los pasos anteriores. La única diferencia es que tenemos que hacer clic y dibujar para crear una forma. Entonces haga clic con el mouse en la ventana del documento y mantenga presionado el botón del mouse. Luego dibuja una forma con el ratón. Al soltar el botón del ratón se cierra la forma..

Cuando nosotros Ctrl-Click en la forma y elige Hacer editable o haga doble clic en la forma para hacerlo editable, veremos que aparecen los mismos controles rojos para editar y podemos ajustar la forma aún más. También tenga en cuenta que, de forma predeterminada, cada nueva forma se agrega en una nueva capa.



2. La herramienta de forma personalizada

los Herramienta de forma personalizada consta de varias formas definidas estándar que podemos agregar fácilmente a nuestro documento.

Paso 1

Eliminar todas las capas excepto la capa de fondo estándar. Haga clic en el Herramienta de forma personalizada y mantenga pulsado el botón del ratón. Aparecerá un menú desplegable que nos permitirá elegir entre varias formas predefinidas. Selecciona el Forma de rectángulo redondeado.


Paso 2

Desde el Ver menú, escoger Mostrar cuadrícula. Usar una cuadrícula es una gran ayuda para hacer imágenes desde cero y, por lo tanto, un compañero agradable cuando se usan las funciones de formas de Pixelmator.

La configuración de la rejilla se puede ajustar en la Preferencias de Pixelmator en el Gobernantes sección. Para este documento utilicé una Cuadricula cada 10 por ciento con 5 Subdivisiones.


Paso 3

Dibuja un rectángulo redondeado con la Herramienta de forma personalizada. En el Barra de opciones de herramientas, establecemos el Llenar a Color y elija un color gris claro de la paleta de muestras como se muestra en la siguiente figura.


La forma de rectángulo redondeado tiene una característica ingeniosa que nos permite ajustar el radio de las esquinas. El ajuste de este radio se realiza arrastrando el pequeño punto azul en la esquina superior izquierda hacia la derecha o hacia la izquierda. Para nuestro documento he fijado el radio a 60..



3. Creando un icono de cámara

Paso 1

De la misma manera que en el paso 3 de la última sección, dibujamos un rectángulo redondeado con la Herramienta de forma personalizada. En el Barra de opciones de herramientas, establecemos el Llenar a Color y elija un color gris oscuro casi negro de la paleta de muestras. Usa un radio pequeño para la esquina..


Paso 2

Desde el Herramienta de forma personalizada Selecciona el Forma de elipse. Al igual que con las selecciones, también podemos agregar, restar e intersectar formas que están en la misma capa. Puede ser que no todo Barra de opciones de herramientas es visible, por lo que para ver los modos de suma y resta, es posible que necesite ampliar la ventana del documento. Selecciona el Agregar al modo de forma, cuando los modos de suma y resta se hacen visibles. Como se muestra en la figura..

Paso 3

Cuando agregue formas a una capa de forma existente, tarde o temprano descubrirá que es difícil distinguir las diferentes formas en la capa. Al hacer clic en el pequeño icono de engranaje en el Barra de opciones de herramientas y eligiendo Mostrar esquema, Podemos ver el contorno de cada forma en la capa, lo que hace que sea mucho más fácil trabajar.


Etapa 4

Asegúrate de que estás en Agregar modo y dibuja un círculo sobre el cuerpo de la cámara. Esto se convertirá en el contorno de la lente de la cámara. Para crear un círculo perfecto, puede mantener presionada la tecla Mayús mientras arrastra. Cuando sueltes el botón del ratón, notarás que Herramienta de movimiento se activa automáticamente. Haciendo que sea fácil mover nuestro círculo en su lugar de inmediato.


Paso 5

Continuamos con nuestra lente copiando la forma circular que acabamos de crear. Hacemos esto presionando Comando-C en nuestro teclado para copiar, seguido de Comando-V pegar. Verás que la copia de la forma se coloca en la misma capa. Cambiar a Modo de resta y coloca la forma sobre la otra forma circular. Ahora hacemos la forma de resta más pequeña arrastrando los mangos hacia adentro. Utilizar el Opción clave y la Cambio al mismo tiempo, mientras arrastra, para asegurarse de que mantengamos las proporciones circulares y disminuyamos el tamaño de nuestra forma desde todos los lados al mismo tiempo.


Paso 6

Hagamos este ejercicio una vez más. Exactamente de la misma manera pero ahora en modo agregar nuevamente. Así que con la forma actual seleccionada, presionamos Comando-C, seguido por Comando-V. Cambiar a Agregar modo, mueva la forma en su lugar y hágala más pequeña arrastrando con el mouse y usando la Opción y Cambio llaves.


Paso 7

Cada cámara tiene un obturador y para hacer nuestro obturador elegimos el Forma rectangular desde el Herramienta de forma personalizada. Asegúrate de que todavía estamos en Agregar modo y dibuja el rectángulo para nuestro obturador. Como ves, la forma del rectángulo no viene con ninguna opción especial.


Paso 8

Para el visor vamos a utilizar una forma del Paleta de formas. los Paleta de formas Se puede acceder eligiendo Mostrar formas desde el Ver menú o abriendo el Herramienta de forma personalizada y eligiendo Forma personalizada.

Desde el Paleta de formas Elegimos la forma del pentágono. Asegúrate de cambiar a Modo de resta y dibuja un pequeño pentágono allí donde normalmente vemos el visor.


Paso 9

Aparecerá un control deslizante que nos permitirá elegir la cantidad de puntos que queremos tener en nuestra forma. Esta forma es también un tipo de forma que se llama Forma inteligente en pixelmator. Permite ajustar la cantidad de puntos hasta 4.



4. Guardar formas personalizadas

Si todo se ha hecho correctamente, terminará con un documento que consta de tres capas. La capa superior es la forma de nuestra cámara terminada. Esta forma de cámara se puede guardar y reutilizar en proyectos posteriores..

Paso 1

Seleccione la capa con la forma de la cámara haciendo clic en ella y arrástrela a la paleta de formas. Verá aparecer un ícono más y al soltar el botón del mouse, la forma se colocará en la paleta de formas..



Felicidades!

En este tutorial, le mostramos cómo crear rápidamente un ícono de cámara con unas pocas formas vectoriales. Mostramos cómo usar los modos agregar y restar, cómo editar una forma y cómo guardar las formas para usarlas más adelante. Esperamos que haya disfrutado de este tutorial y que esté atento a nuestro próximo tutorial de Pixelmator, que explicará cómo utilizar pinceles y degradados..