DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO 2ª Parte ... · PDF...

download DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO 2ª Parte ... · PDF fileDEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO 4 10. Utilizando la herramienta Bezier , realiza las letras del logo. Quizás

If you can't read please download the document

Transcript of DEP.TECNOLOGÍA / I.E.S. DIONISIO AGUADO 2ª Parte ... · PDF...

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 1

    2 ParteEJERCICIOS DE INKSCAPE

    PRCTICAS INKSCAPE/ BASADAS EN CURSO DE JOACLINT ISTGUD

    1. Vas a realizar una serie de ejercicios basados en el programa inkscape donde aprenderas a

    utilizar este programa.

    2. Tienes que ir guardando los resultados dentro de tu pendrive o memoria flash , para

    ello crea una carpeta a la que llamars ejercicios inkscape.

    3. Cada uno de los ejercicios los iras guardando como :

    Logo1 , logo2

    4. Habras de escribir tu nombre en alguna parte del ejercicio que realices.

    5. GUARDA TODOS LOS EJERCICIOS CON FORMATO .SVG Y EXPORTA EN MAPA DE BITS

    (Archivo -> Exportar mapa de bits ) .PNG

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 2

    LOGO8: GRADIENTES DE DOS COLORES1. Abre el Logo8 , para utilizarlo de base2. Crea una capa nueva: Capa Aadir capa. Llama a la nueva capa LOGO.

    3. Comenzaremos a realizar el crculo exterior (verde). Utiliza un color diferente y baja la opacidad para poder ver el logo original. Ajusta el ancho del borde(trazo) al original (aprox 12px).

    4. Creamos el crculo interior (morado).

    5. Disminuye el grosor del trazo (borde a 3px). Posiblemente tengas que ajustar de nuevo el circulo.

    6. Crearemos el crculo (amarillo), que dar lugar despus a los sectores en blanco y azul. Disminuye el borde de este hasta 1 px.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 3

    7. Utilizaremos la booleana Trayecto Divisin, para dividir el circulo recien realizado (amarillo) en sus cuatro sectores. Para ello has de trazar una linea con la herramienta Bezier (es necesario que la crees con 3 nodos), que atraviese el crculo primero en vertical. Selecciona esta linea y el crculo y realiza la divisin.

    8. Repite la misma operacin pero ahora la lnea es horizontal:

    Como tienes dos semicrculos, primero tienes que hacerlo con una mitad y despus con la otra:

    9. Finalmente una vez que tienes el circulo dividido en los cuatro sectores . Selecciona cada sector y ajusta su tamao al original:

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 4

    10. Utilizando la herramienta Bezier , realiza las letras del logo. Quizs necesites usar alguna operacin booleana para realizar la B.

    11. Llego el momento de mover todo lo que hemos dibujado, por debajo del logo original.

    Ahora empezaremos a trabajar con gradientes de colores. El ms sencillo ser realizar un degradado entre dos colores. En Inkscape a los colores que forman el gradiente se les llama Paradas.

    12. Vamos a dar color a los sectores interiores(en azul y blanco en el originall ) , para ello utilizaremos un Gradiente Lineal.

    Inkscape fabrica un gradiente de dos colores, pero como no puede elegir el segundo al azar lo que hace es que el primero se repita pero transparente.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 5

    Aplicaremos el Gradiente lineal a los sectores centrales:

    Selecciona un sector y haz que no tenga trazo (linea en el borde) .

    Aplica mos el gradiente :

    Haz clic sobre la herramienta Crear y editar gradiente y traza una lnea sobre el sector a colorear. Aparecer un segmento delimitado por un cuadradito (origen) y un crculo (final ) (origen y final del gradiente), colcalos de forma adecuada para conseguir el degradado .

    Ahora vamos a ajustar el color del degrado igual que el original:

    Primero selecciona uno de los nodos del degrado de nuestra figura (por ejemplo el

    crculo) . A continuacin selecciona con la herramienta Cuentagotas, el color correspondiente en el logo original a esa zona. Automaticamente cambiara el color de nuestra figura.

    Repite los mismos pasos pero ahora para el cuadradito del gradiente.

    El color puede quedar algo apagado por que tienes la opacidad al 50%, sube la opacidad al 100% y veras los resultados.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 6

    Repite el proceso con el resto de los sectores y elimina el borde (trazo) de todos:

    13. Si editas el gradiente veras esto.

    14. Aplicaremos el gradiente a la zona negra. Primero la seleccionas y despus pulsa sobre el

    icono de edicin de relleno y trayecto.

    El objeto va a tener color de (borde) trazo, en gris. Podemos copiar el color del original:

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 7

    Selecciona el circulo, despus la herramienta Cuentagotas y pincha sobre el borde gris , manteniendo pulsada la tecla del teclado.(as seleccionas el borde).

    y para el Relleno vamos a seleccionar la opcin un Gradiente Radial.

    En este caso el gradiente consta de 3 nodos. Si no quieres distorsionar el gradiente es importante que mantengas los dos brazos del gradiente de la misma longitud. Siempre que manipules uno de los extremos hazlo con CTRL y SHIFT pulsados.

    Coloca el gradiente en su lugar para que quede como en el original y toma las muestras de color como en el caso anterior.

    El que se quede el crculo gris, es debido a la opacidad, que la tenemos baja. Si la situas al 100% . El resultado debe ser parecido al del original.

    15. Finalizamos el logo copiando colores del original para el crculo que se encuentra debajo de los sectores blancos y azules . (el que hicimos en segundo lugar de color morado)

    16. Hacemos lo mismo para colorear las letras, puedes darles color con un degradado, copiando del original . Adems si duplicas la letra y una de ellas (la que esta por debajo) la coloreas de negro y la desenfocas , obtienes as una pequea sombra debajo de la misma que le otorga un aspecto ms tridimensional.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 8

    1 2 3

    Aspecto de la letra

    17. Finalmente coloca la opacidad de todos los rellenos al 100% y escribe tu nombre en algn lugar del logo.

    18. Guarda como logo8.svg y exporta en mapa de bits como logo8.png.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 9

    LOGO9 : RECORTANDO BITMAPS1. Abre el Logo9 , para utilizarlo de base2. Crea una capa nueva: Capa ->Aadir capa. Llama a la nueva

    capa LOGO.

    Inkscape ofrece algunas alternativas para editar bitmaps importados a la escena.

    Partiremos de la imagen de la Coca cola que descargars junto con el logo.

    1. Vamos a utilizar una funcin que se llama Clip, y funciona como la operacin booleana diferencia. Para ello necesitaremos:- dos objetos (el clip dominante puede ser el bitmap)- el objeto colocado debajo es el dominante y quedar en escena tras la operacin.- Lo que sobra del otro objeto de encima queda transparente.

    As que lo que tenemos que hacer es crear un objeto que tape por completo a la Coca cola que queremos seleccionar. Utiliza la herramienta Bezier y dibuja el contorno de la Coca cola, dale un color para distinguirla.

    Selecciona ahora el objeto realizado y el mapa de bits, haz. Objeto -> Clip -> Aplicar

    Obtendrs algo parecido a esto, la perfeccion de la eliminacion del fondo depender de lo perfeccionista que seas.

    Si realizas Objeto -> Clip -> Liberar , recuperars los dos objetos originales.

    2. Aadiremos el Texto . Para ello utiliza la herramienta Bezier y ajusta correctamente las curvas. Cierra el dibujo para poder colorearlo, de forma que el punto donde comienzas sea el final.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez

  • DEP.TECNOLOGA / I.E.S. DIONISIO AGUADO 10

    En el caso de que la letra tenga un hueco, debers realizar el contorno exterior y luego el contorno interior, para luego realizar Trayecto Diferencia

    3. Una vez que tengas todas las letras, haz un duplicado de ellas y a la copia que se quede en el fondo le cambias a color negro y la desplazas hacia abajo y la izquierda para crear la sombra.

    4. Nos queda colocar la botella entremedias de las dos palabras Coca Cola, y rotarla adecuadamente usando los transformadores.

    PRCTICAS INKSCAPE / Mara Jos Gonzlez