DISEÑO WEB D.
Dibujando el icono: Chat
PRÁCTICA LABORATORIO EN INKSCAPE Paso 11: En la barra de colores ubica el color azul y sus degradados.
Luego, selecciona el color #5599FF (celeste).
Go Ingeniería de Sistemas y Computación
Paso 12: Selecciona la Herramienta “Círculos, Elipses y Arcos” de la Herramienta Círculos
Elipses y Arcos
barra de herramientas. Realiza con clic de arrastre un elipse
como en la muestra.
2019-II-DISEÑO WEB-GO SIS-A Ing. NICHO CORDOVA, ERNESTO LUDWIN Paso 13: Para eliminar el color negro del borde de la elipse, ubícate en el
Fecha: 23 06 19 ICONOGRAFIA EN INFORMÁTICA GO-2019-II USAT extremo izquierdo de la barra de colores y en el casillero con un
Inkscape es un editor de gráficos vectoriales libre y de código abierto. aspa roja realiza un clic con el botón izquierdo. Se muestra un
Inkscape puede crear y editar diagramas, líneas, gráficos, logotipos, e ilustraciones complejas. menú contextual.
INSTRUCCIONES: Desarrolla la práctica de gráficos vectoriales, siguiendo los pasos en forma secuencial, Ubica el comando “Fijar trazo” y realiza un clic. Se mostrará en
utilizando las diversas acciones con el mouse y el uso de método abreviado con teclado. la elipse la eliminación del borde negro.
A. Ingresando al programa Inkscape. Este proceso también se puede realizar para eliminar el color de
Paso 01: Ingresar al programa Inkscape. Realizando doble clic en el fondo del objeto seleccionado, con el comando: “Fijar relleno”.
icono de acceso directo ubicado en el Escritorio. Herramienta Paso 14: Selecciona la herramienta Crear Estrellas y Polígonos.
Rectángulo y cuadrado
Paso 02: Realiza un clic en la herramienta: “Crear Rectángulo y En la parte superior se muestra la barra de Propiedades de la herramienta
Cuadrado”. Se muestra un puntero (una cruz y un recuadro) seleccionada. En el recuadro: “Esquinas”, escribe 3, que es la cantidad de
Paso 03: El controlador de círculo, permite redondear las esquinas y el lados del polígono (Triangulo).
controlador de cuadrado modifica la forma del rectángulo. Paso 15: Realiza un clic de arrastre en el área de trabajo. Se muestra un
Realiza un clic de arrastre para formar un rectángulo. triángulo de color celeste.
B. Dibujando el icono: Formularios Ubícalo en la forma de un indicador de la elipse. Tratando de
Paso 04: Ubica el puntero en el círculo de la parte superior izquierda y superponerlo.
realiza un clic de arrastre hacia abajo para crear curvas en las Paso 16: Selecciona ambos objetos con clic de arrastre.
esquinas del rectángulo. Paso 17: En la barra de menú selecciona la opción
Paso 05: En la barra de colores, ubica el color azul y sus degradados. “Objeto”, luego un clic en el comando
Luego, selecciona el color #5599FF (celeste). “Agrupar”. Usa en el futuro el método abreviado
El recuadro se pintará de ese color. con teclado (Ctrl + G).
Paso 06: Realiza otros rectángulos de menor tamaño para representar Se mostrará un nuevo objeto formado por la
barras de escritura según la figura mostrada. unión del elipse y el triángulo.
Paso 07: Pinta los recuadros de color celeste más claro. Usando la barra Paso 18: Selecciona el nuevo objeto y duplícalo presionado
de colores azules y sus degradados. Usar el color #AACCFF. (Ctrl + D). Luego, en la barra de colores ubica en el
Paso 08: Realiza otro rectángulo con esquinas redondeadas para formar matiz de grises de código: #939DAC.
el gancho metálico del tablero. Invierte la figura usando el botón: “Reflejar objetos en
Utiliza el color gris de la barra de colores con el código forma Horizontal”. Ver imagen.
#939DAC. Paso 19: Selecciona la herramienta “Elipse, circulo y arcos”,
para construir un circulo pequeño de fondo blanco.
C. Creando texto: “Formularios” Sin color de borde.
Paso 09: Selecciona la herramienta de texto. Se muestra un puntero de Duplica este dibujo presionando las teclas (Ctrl + D).
una cruz y una letra “A”. Ubica los círculos espaciadamente en forma
Paso 10: Escribir el texto “Formularios”. horizontal como se muestra la figura.
Utiliza la fuente: Sans-serif y estilo: Bold E. Creando texto: “Chat”
Listo!! …el primer gráfico que representa Paso 20: Selecciona la herramienta de texto. Escribe la palabra “Chat”.
Lista de textos y controles llamado Formularios.
