3ra Clase: Botón de encendido

Diseño Botón de encendido

Para realizar el diseño de botón encendido se requiere usar como base los primeros pasos de la clase anterior, si es necesario vuelva a la entrada de la clase anterior, un repaso rápido sería:

Creas un círculo grande y lo pones en medio de la hoja de trabajo
Lo pintas de azul y le quitas los bordes
Creas un círculo mas pequeño, le quitas los bordes y le pones un azul más claro que el primero, lo colocas en la parte inferior del primero.
Seleccionas todo, nos vamos a la opción OBJETO>FUSIÓN>CREAR

Estaríamos hasta aquí:

Creamos un tercer círculo que sea grande pero que no pase el tamaño del primero. Y lo formamos como semi-curva usando los puntos de ancla con la herramienta selección directa así como la clase pasada.

Ahora vamos a degradado, le damos clic a la barra para que se aplique y en ángulo le ponemos -90. Pasa esto:

Ahora vamos a la sección de transparencia y donde dice tipo ponemos TRAMA. Queda así:

Como verán el concepto es lo mismo que la clase pasada pero ahora viene lo nuevo.

Creamos un círculo mediano, lo pintamos de un azul mas oscuro que el primero, nos podemos ayudar usando la herramienta cuentagotas teniendo seleccionado el nuevo circulo ponemos la herramienta CUENTAGOTAS y le damos clic a la zona donde está el primero color azul, ya ahí se nos hace mas facil encontrar en la paleta de colores un azul mas oscuro.

(Como ven el círculo mediano tiene un azul mas oscuro)

Seleccionamos nuestro nuevo círculo, nos vamos a la opción OBJETO>TRAZADO>AÑADIR PUNTOS DE ANCLA

Como se vio en la clase pasada al usar la herramienta selección directa (mouse blanco) cada gráfico tiene sus puntos de ancla que son esas lineas que pasan por los bordes. Bueno con esta opción se aumentan más PUNTOS DE ANCLA.

Seleccionamos el punto de ancla de extremo superior y con la tecla borrar lo quitamos. Nos quedaría algo así:

Ahora seleccionamos la figura que nos queda e invertimos los colores con la herramienta de intercambio que se muestra a continuación

Y nuestra figura quedaría así:

Seleccionado eso ahora nos vamos a la opción trazo ya saben en la barra de la derecha y donde dice GROSOR le aumentamos a nuestro gusto, yo recomiendo de tamaño 11.

Abajo de eso vemos unos pequeños iconos uno de esos dice puntas redondas o extremo redondeado, le damos clic a ese icono y nos queda así:

Ahora nos faltaría la linea del medio, para ello nos vamos  a la herramienta SEGMENTO DE LÍNEA y trazamos una línea en medio de la figura, como no hemos quitado el grosor, la barra estará del mismo formato.
Creamos la linea y la movemos a nuestro parecer. Nos quedaría así:

A continuación seleccionamos toda esa forma, aplastamos CTRL+C para copiarla y luego CTRL+F para pegar la copia alfrente de la primera.
Ahora sin mover nada le damos al punto de tamaño de la figura, (RECUERDEN LA SEGUNDA ESTA AL FRENTE AHORITA ESTÁN EN LA SEGUNDA.) teniendo aplastado el clic en el extremo superior derecho sin soltarlo aplastamos los botones CTRL+SHIFT  para que al encoger la figura no pierda su posición. Y lo encogemos tan solo un poco como si fuera  1mm

Una vez echo eso lo pintamos de blanco, nos parecerá que el color se hakeo pero si usamos la herramienta de intercambiar color de relleno por bordes pasará esto:

Para eliminar lo azul  del medio tan solo le damos al cuadro con raya roja que esta abajo de dicha herramienta. Queda así:

Listo, ahora solo faltaría encogerlo (YA SABEN CTRL+SHIFT AL MOMENTO DE ENCOGER PARA QUE NO SE MUEVA SU POSICIÓN) y ponerlo en el medio de nuestra primera figura.
Y listo tenemos nuestro botón de encendido.