Es muy sencillo.
Mostrando entradas con la etiqueta informatica para principiantes. Mostrar todas las entradas
Mostrando entradas con la etiqueta informatica para principiantes. Mostrar todas las entradas
lunes, 28 de julio de 2014
HACER BANDERINES CON POWERPOINT
Para utilizar como separadores, hacer scrap digital, decorar vuestro blog o página web...
Es muy sencillo.
Es muy sencillo.
martes, 14 de enero de 2014
COMO HACER IMAGENES PNG CON FONDO TRANSPARENTE CON POWER POINT
A veces manejar determinados editores es muy complicado y además
no todo el mundo puede acceder a ellos ya que tienen precios elevados.
Hoy os traigo un pequeño manual de cómo coger una foto cualquiera
y poder guardarla tras pocos retoques en formato png y con el fondo
quitado. Este tipo de imágenes son muy útiles cuando queremos
personalizar fotos, hacer fondos....Espero que os sirva de ayuda y
cualquier duda ya me comentáis. Intentaré explicarme lo mejor que pueda.
1. Abrimos un documento NUEVO. Si nos sale con alguna plantilla ya
preestablecida, le damos al botón derecho y en diseño elegimos EN BLANCO.
2. Nos vamos a INSERTAR IMAGEN y seleccionamos la imagen a la que le
queramos quitar el fondo.
3. Nos vamos a la esquina y apretamos el botón de QUITAR FONDO
no todo el mundo puede acceder a ellos ya que tienen precios elevados.
Hoy os traigo un pequeño manual de cómo coger una foto cualquiera
y poder guardarla tras pocos retoques en formato png y con el fondo
quitado. Este tipo de imágenes son muy útiles cuando queremos
personalizar fotos, hacer fondos....Espero que os sirva de ayuda y
cualquier duda ya me comentáis. Intentaré explicarme lo mejor que pueda.
1. Abrimos un documento NUEVO. Si nos sale con alguna plantilla ya
preestablecida, le damos al botón derecho y en diseño elegimos EN BLANCO.
2. Nos vamos a INSERTAR IMAGEN y seleccionamos la imagen a la que le
queramos quitar el fondo.
3. Nos vamos a la esquina y apretamos el botón de QUITAR FONDO
4. El programa dejará a la vista lo que cree que tiene que mantener y el resto
(lo que va a borrar) lo pondrá en rosa. Tenemos primero que redimensionar
con las flechitas hasta que el cuadrado de selección ocupe toda la imagen
que queramos.
(lo que va a borrar) lo pondrá en rosa. Tenemos primero que redimensionar
con las flechitas hasta que el cuadrado de selección ocupe toda la imagen
que queramos.
Quedaría así.
Lo rosa es lo que se va a eliminar, pero a mi me gustaría también que se borrara
el fondo que hay entre el brazo y el cuerpo de Jensen que no se ha borrado.
Así que nos vamos a la parte superior y le damos al botón de MARCAR LAS
ÁREAS PARA QUITAR (si quisieramos añadir algo más para que se viera
entonces sería el botón MARCAR LAS ÁREAS A MANENTER) y con el ratón
vamos haciendo click para que borre o ponga el trozo que nos interesa.
5. Una vez hecho todo damos MANTENER CAMBIOS y foto lista.
6. Ahora sólo queda guardarla bien para que mantenga su fondo. Para ello
marcamos la foto y le damos al botón derecho GUARDAR COMO IMAGEN y
cuando nos salga el dialogo para guardar no nos olvidemos de seleccionar
el formato de archivo PNG.
Ya tenemos nuestra foto lista.
martes, 20 de agosto de 2013
INTRODUCCION AL CSS
http://www.xsvc.com.ve/tutoriales/ManualCssHojasDeEstilos.pdf
Introducción a las CSS
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así
porque fué concebido para otros usos (científicos sobretodo), distinto a los actuales,
mucho más amplios.
Para solucionar estos problemas los diseñadores han utilizado técnicas tales como la
utilización de tablas imagenes transparentes para ajustarlas, utilización de etiquetas que
no son estádares del HTML y otras. Estas "trampas" han causado a menudo problemas en
las páginas a la hora de su visualizaciónen distintas plataformas.
Además, los diseñadores se han visto frustrados por la dificultad con la que, aun
utilizando estos trucos, se encontraban a la hora de maquetar las páginas, ya que muchos
de ellos venian maquetando páginas sobre el papel, donde el control sobre la forma del
documento es absoluto.
Finalmente, otro antecedente que ha hecho necesario el desarrollo de esta tecnología
consiste en que las páginas web tienen mezclado en su código HTML el contenido del
documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes
ya que la lectura del código HTML se hece pesada y difícil a la hora de buscar errores o
depurar las páginas. Aunque, desde el punto de vista de la riqueza de la información y la
utilidad de las páginas a la hora de almacenar su contenido, es un gran problema que
estos textos estáen mezclados con etiquetas incrustadas para dar forma a estos: se
degrada su utilidad.
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque
práctico para que en pocos capítulos podáis usar las CSS de una manera depurada,
reflejando toda nuestra experiencia en su uso
Introducción a las CSS
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así
porque fué concebido para otros usos (científicos sobretodo), distinto a los actuales,
mucho más amplios.
Para solucionar estos problemas los diseñadores han utilizado técnicas tales como la
utilización de tablas imagenes transparentes para ajustarlas, utilización de etiquetas que
no son estádares del HTML y otras. Estas "trampas" han causado a menudo problemas en
las páginas a la hora de su visualizaciónen distintas plataformas.
Además, los diseñadores se han visto frustrados por la dificultad con la que, aun
utilizando estos trucos, se encontraban a la hora de maquetar las páginas, ya que muchos
de ellos venian maquetando páginas sobre el papel, donde el control sobre la forma del
documento es absoluto.
Finalmente, otro antecedente que ha hecho necesario el desarrollo de esta tecnología
consiste en que las páginas web tienen mezclado en su código HTML el contenido del
documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes
ya que la lectura del código HTML se hece pesada y difícil a la hora de buscar errores o
depurar las páginas. Aunque, desde el punto de vista de la riqueza de la información y la
utilidad de las páginas a la hora de almacenar su contenido, es un gran problema que
estos textos estáen mezclados con etiquetas incrustadas para dar forma a estos: se
degrada su utilidad.
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque
práctico para que en pocos capítulos podáis usar las CSS de una manera depurada,
reflejando toda nuestra experiencia en su uso
sábado, 2 de febrero de 2013
HACER TITULO PARA BLOGGER CON PHOTOSCAPE
Para poder poner nuestra propia imagen con el título de nuestro blog, simplemente tendremos que ir a Diseño
¿Cómo crear esos títulos? Os pongo las imágenes de algunos de los títulos que he usado yo según la temporada: por Halloween, Navidad, Primavera...
Yo he utilizado siempre un fondo transparente, pero podemos utilizar como fondo una textura que se adapte a las necesidades de nuestro blog.
Todo lo que voy a explicar está hecho con Photoscape.
1. Nos vamos a Editor y abrimos la textura o la transparencia que queramos utilizar.
Para descargar un fondo transparente pincha aquí.
2. En Edición damos a redimensionar. Yo uso el tamaño 1000X209 que me ajusta perfectamente a mi cabecera, pero lo mejor es que probéis este tamaño en vuestro blog y si no pongáis las medidas que mejor queden.
Os dejo aquí algunos fondos que podéis usar:
.png "png fondo titulo blogger")
3. En Complementos nos vamos a la montañita con el sol y vamos añadiendo uno a uno los elementos que van a configurar nuestro título. Si las letras las queremos poner como una fuente normal, no como imagen nos iremos a la T y escribiremos lo que queramos. Queda más bonito si en lugar de eso utlizamos imágenes de alfabetos, según se adapten a nuestro blog.
Por ejemplo, yo voy a coger de fondo la imagen azul y le voy a añadir el título con un alfabeto png. Después, del mismo modo, iré añadiendo imágenes. Quedará así.
El alfabeto lo encontraréis aquí si lo descargáis tendréis que cortar las letras ya que van de tres en tres.
(Con photoscape, recortar elegís con el cuadradito la letra y la guardáis con otro nombre).
Desde aquí podéis descargar un archivo comprimido con bastantes gorjuss.
4. Una vez guardado el título, ya lo podemos colocar como imagen en Diseño
MATERIALES QUE PODÉIS USAR
Os dejo enlaces para otros alfabetos:
Espero que os sea útil. Un saludo.
miércoles, 30 de mayo de 2012
PLANTILLA PARA BLOGGER COMO CREARLA
OS DEJO EL ENLACE A UN MANUAL BASTANTE SENCILLO DE CÓMO CREAR UNA PLANTILLA PARA EL BLOG. ESPERO QUE OS SEA ÚTIL.
http://www.ayuda-bloggers.info/2012/04/crear-una-plantilla-para-blogger-todo.html
http://www.ayuda-bloggers.info/2012/04/crear-una-plantilla-para-blogger-todo.html
domingo, 26 de febrero de 2012
MANUAL DE INKSCAPE
Aquí os dejo un manual muy bueno de Inkscape, otro editor fotográfico más avanzado que el Photoscape, con el que podréis realizar muchas cosas. Espero que os sea útil. Yo estoy empezando a utilizarlo y me gusta bastante. Un saludo.
MANUAL PDF
ESTE ES EL ÍNDICE DEL CURSO:
MANUAL PDF
ESTE ES EL ÍNDICE DEL CURSO:
domingo, 15 de enero de 2012
PHOTOSCAPE: COMO HACER CALENDARIOS
Para hacer calendarios bonitos para imprimir o para tener en nuestro PC, podemos utilizar el Photoscape.
Primero tendremos que decidir si queremos hacer una hoja por cada mes o un calendario anual en un sola hoja.
Os dejó aquí el enlace para descargar tanto calendarios anuales como calendarios mes a mes.
* Descarga de Calendarios anuales
* Descarga de Calendario mes a mes.
COMO HACER EL CALENDARIO ANUAL
Material utilizado para calendario infantil 1.
Primero tendremos que decidir si queremos hacer una hoja por cada mes o un calendario anual en un sola hoja.
Os dejó aquí el enlace para descargar tanto calendarios anuales como calendarios mes a mes.
* Descarga de Calendarios anuales
* Descarga de Calendario mes a mes.
COMO HACER EL CALENDARIO ANUAL
 |
| CALENDARIO INFANTIL 1 |
Material utilizado para calendario infantil 1.
1. Abrimos la imagen de fondo
2. Nos vamos a Complementos y apretamos en el botón que tiene una montaña y un sol.
3. Fotos= vamos añadiendo las fotos de las muñecas y las colocamos donde más nos guste
4. Hacemos el mismo procedimiento y añadimos los efectos de luz (en mi caso les he dado una opacidad intermedia para que no destacaran tanto).
5. Colocamos (de la misma manera) la imagen del calendario y redimensionamos hasta colocarla al gusto.
6. Como el fondo del calendario es blanco y a mí no me gustaba dejarlo así he hecho lo siguiente: he ido a Complementos=he elegido dentro de las figuras geométricas que nos da el programa el Cuadrado y el color rosa (acordaros de poner relleno) y he rebajado la opacidad para que se pudiera ver bien el calendario pero quedara el fondo de color rosa. He redimiensionado el cuadrado para que ocupara todo el calendario y listo.
7. Acordaros de fusionar y ya tenemos el calendario hecho.
Otra opción con los mismos materiales
1. Abrimos la imagen de fondo
2. Añadimos las fotos de las muñecas grandes dándoles además de mayor tamaño una menor opacidad para que queden como fondo.
3. Añadimos las imágenes de las muñecas pequeñas y las colocamos al gusto
4. Añadimos también al gusto los efectos de luz
5. Yo en este caso he añadido además un texto (2012). En Complementos le damos a la T y añadimos el texto en el color y con la letra que queramos. (yo he elegido un rosa fuerte y le he puesto además la opción de contorno en negro).
6. Añadimos (como siempre en complementos) la imagen del calendario y la redimensionamos poniéndola al lado del fondo y haciéndola de su mismo tamaño.
7. Yo he vuelto a poner una imagen cuadrada rosa encima del calendario
8. En este caso al fusionar elegimos la opción Objeto fuera de rango.
OTROS CALENDARIOS
Espero que os sirva, cualquier duda me comentáis.
2. Nos vamos a Complementos y apretamos en el botón que tiene una montaña y un sol.
3. Fotos= vamos añadiendo las fotos de las muñecas y las colocamos donde más nos guste
4. Hacemos el mismo procedimiento y añadimos los efectos de luz (en mi caso les he dado una opacidad intermedia para que no destacaran tanto).
5. Colocamos (de la misma manera) la imagen del calendario y redimensionamos hasta colocarla al gusto.
6. Como el fondo del calendario es blanco y a mí no me gustaba dejarlo así he hecho lo siguiente: he ido a Complementos=he elegido dentro de las figuras geométricas que nos da el programa el Cuadrado y el color rosa (acordaros de poner relleno) y he rebajado la opacidad para que se pudiera ver bien el calendario pero quedara el fondo de color rosa. He redimiensionado el cuadrado para que ocupara todo el calendario y listo.
7. Acordaros de fusionar y ya tenemos el calendario hecho.
Otra opción con los mismos materiales
1. Abrimos la imagen de fondo
2. Añadimos las fotos de las muñecas grandes dándoles además de mayor tamaño una menor opacidad para que queden como fondo.
3. Añadimos las imágenes de las muñecas pequeñas y las colocamos al gusto
4. Añadimos también al gusto los efectos de luz
5. Yo en este caso he añadido además un texto (2012). En Complementos le damos a la T y añadimos el texto en el color y con la letra que queramos. (yo he elegido un rosa fuerte y le he puesto además la opción de contorno en negro).
6. Añadimos (como siempre en complementos) la imagen del calendario y la redimensionamos poniéndola al lado del fondo y haciéndola de su mismo tamaño.
7. Yo he vuelto a poner una imagen cuadrada rosa encima del calendario
8. En este caso al fusionar elegimos la opción Objeto fuera de rango.
OTROS CALENDARIOS
 |
| NATURALEZA |
 |
| INFANTIL 2 |
Espero que os sirva, cualquier duda me comentáis.
jueves, 27 de octubre de 2011
COMO CREAR UNA IMAGEN EN MOVIMIENTO CON PHOTOSCAPE
Muchos de nosotros estamos acostumbrados a ver imágenes en movimiento en la web. Para los que estamos empezando, os diré que hacer estas imágenes (por supuesto, os hablo de las más básicas) es muy sencillo con Photoscape.
Un ejemplo, vamos a pasar de ésto:
Un ejemplo, vamos a pasar de ésto:
a ésto,
De un modo muy sencillo.
PASOS A SEGUIR:
1. Abrimos en Editor la imagen estática (la de arriba)
2. Damos a CTRL+C y nos vamos a la pestaña GIF Animado
3. Damos a CTRL+V
4. Volvemos a Editor con nuestra imagen abierta
5. Editor<Filtros<Destellos
6. Elegimos el color, yo en primer lugar he elegido el color azul
7. Ponemos los parámetros como queramos. En el ejemplo he puesto:
- número 10
- longitud 29
- grosos 3
- opacidad 100
8. Repetimos tantas veces como destellos azules queramos poner y una vez los tengamos damos a CTRL+C, vamos a la pestaña GIF Animado y damos a CTRL+V
9.Volvemos a Editor, y con nuestra imagen con los destellos azules abierta volvemos a dar a Filtros<Destellos y elegimos otro color (en el caso del ejemplo el amarillo ha sido mi segunda opción), dejamos los parámetros como están o los modificamos si queremos y ponemos tantos destellos amarillos como queramos. Cuando ya estén (tendremos los azules y los amarillos juntos) damos a CTRL+C y nos vamos a la pestaña GIF animado y apretamos CTRL+V
10. Volvemos a Editor y con la imagen con destellos azules y amarillos abiertos añadimos otros destellos más, en el caso del ejemplo el último color es el rojo. Cuando ya tengamos puestos todos los destellos rojos, volvemos a dar a CTRL+C, nos vamos a GIF animado y damos a CTRL+V.
11. Guardamos desde la pestaña de GIF. Aunque en nuestro PC al guardar el archivo no se mueva, si lo incluimos en el blog, como el formato es GIF si se moverá. Si por ejemplo, queremos ponerlo en Facebook tendremos que guardarlo antes como URL e introducirlo como enlace, ya que el Facebook al introducir las fotos las convierte en formato JPEG:
Espero que os sea útil.
En la próxima entrega haremos algo más complicado.
Un saludo.
viernes, 9 de septiembre de 2011
GIMP: RECORTAR IMAGENES
Os dejo este enlace a un manual para aprender a recortar imágenes con GIMP.
Yo lo estoy usando para crear imágenes JPEG y PNG para poder luego hacer plantillas para Blogger.
Espero que os sirva de ayuda.
Un saludo
Yo lo estoy usando para crear imágenes JPEG y PNG para poder luego hacer plantillas para Blogger.
Espero que os sirva de ayuda.
Un saludo
jueves, 4 de agosto de 2011
COMO CREAR UN BLOG EN BLOGGER PASO A PASO
Para el que va a comenzar aquí os dejo un manual muy bueno que encontré en la web. Espero que os sirva de ayuda.
Un saludo
http://es.scribd.com/doc/61479895/Blog-Blogger
Un saludo
http://es.scribd.com/doc/61479895/Blog-Blogger
sábado, 14 de mayo de 2011
MANUAL DE CSS
Aunque haré un básico y pequeñísimo resumen en el blog MYLIFE, os dejo aquí un manual muy completo y con un lenguaje muy accesible para todos.
http://es.html.net/tutorials/css/lesson1.php
Espero que os sirva de ayuda.
http://es.html.net/tutorials/css/lesson1.php
Espero que os sirva de ayuda.
sábado, 23 de abril de 2011
MANUAL BÁSICO DE JQUERY
Aquí os dejo un enlace para que os familiaricéis con JQuery.
Manual básico
Manual básico
jQuery es una liviana libreria de JavaScript, pensada para interactuar con los elementos de una web por medio del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño.
¿Por que debería usarlo?
La sencillez de su sintaxis y la poca extension del codigo que necesitas escribir son las caracteristicas más notables. Si hicieras lo que hace jQuery con getElementById y window.onload no solo tendrias que escribir mucho, si no que podrian haber diversos problemas.
Si queréis leer más ir al enlace, donde podréis encontrar además muchas otras cosas para aplicar a vuestro blog o página web.
Un saludo y espero que os sirva.
