Imagen original:
Resultado final:
miércoles, 22 de enero de 2014
Modificar portada de revista con PS
Para ello, he utilizado una foto de la revista "Eroski Consumer" y la he modificado lo más posible.
Imagen original:
Imagen original:
jueves, 16 de enero de 2014
Photoshop (Ps)
¿Qué es Fhotoshop?
Se trata esencialmente de una aplicación informática en forma
de taller de pintura y fotografía que trabaja sobre un "lienzo" y que
está destinado para la edición, retoque fotográfico y pintura a base de
imágenes de mapa de bits (o gráficos rasterizados ). Su nombre en español
significa "taller de Fotos". Su capacidad de retoque y modificación
de fotografías le ha dado el rubro de ser el programa de edición de imágenes
más famoso del mundo .Es una aplicación para la creación, edición y retoque de
imágenes .No estamos hablando de un simple programa de retoque fotográfico sino
que también es utilizado como programa de diseño gráfico, ya que la combinación
de sus herramientas y filtros puede dar lugar a un sinfín de creaciones
artísticas y publicitarias .Probablemente el mejor programa para trabajar con
gráficos, para retoque fotográfico, etc. .Redefine la creación de imágenes
digitales con herramientas vanguardistas para fotografías, selecciones y mucho
más. Ahora, puede utilizarlo con aplicaciones para dispositivos móviles que
mejoran la productividad y creatividad tan pronto como estén disponibles. Este
programa se ha hecho muy popular, incluso fuera del ámbito informático,
llegándose incluso a usar la palabra “Photoshop” para hacer referencia a una
foto que ha sido retocada digitalmente.
Tarea en clase
Imágenes utilizadas:
Imagen final:
lunes, 9 de diciembre de 2013
domingo, 3 de noviembre de 2013
Macromedia Flash MX 2004
Macromedia Flash MX 2004 es un programa fabricado en un principio por la compañía Macromedia pero que en la actualidad es cordinado por Adobe.
Podemos decir que de trata de la herramienta de desarrollo Flash original, y nos permite crear dibujos utilizando numerosas herramientas como Óvalos,rectángulos,pluma,lápiz,curvas..., y textos con cualquier tipo de fuente.Ambas cosas las podemos animar como si se tratase de una pélicula, por lo que acepta formatos como (.swf),(.avi),(.mov) y otros como (.gif), (.jpg), (.png).
Además este programa posee un lenguaje de scripts( action script) que nos permite crear aplicaciones interactivas,juegos,efectos para las webs...
En clase estamo realizando prácticas que os incluiré a continuación e iré actualizando durante el tiempo en que practiquemos en clase.
Práctica 2: Un personaje
Práctica 3:Copiar un dibujo
Práctica 4:Texto con sombra
Práctica 5: Pescado nadando
Práctica 9: Banner
Práctica 12: Botón
Está practica la he subido a otra página llamada filz us y también a megaswf:
Os djo el enlace de una de ellas: http://www.filz.us/files/55fe17b3/408/botonnn.swf
Podemos decir que de trata de la herramienta de desarrollo Flash original, y nos permite crear dibujos utilizando numerosas herramientas como Óvalos,rectángulos,pluma,lápiz,curvas..., y textos con cualquier tipo de fuente.Ambas cosas las podemos animar como si se tratase de una pélicula, por lo que acepta formatos como (.swf),(.avi),(.mov) y otros como (.gif), (.jpg), (.png).
Además este programa posee un lenguaje de scripts( action script) que nos permite crear aplicaciones interactivas,juegos,efectos para las webs...
Práctica 1: Una casa y un árbol
Práctica 5: Pescado nadando
Práctica 6: Presentación
Práctica 7: Pelota Botando
Práctica 8: De la nada
Práctica 9: Banner
Práctica 11: Manchas Solares
Práctica 12: Botón
Está practica la he subido a otra página llamada filz us y también a megaswf:
Os djo el enlace de una de ellas: http://www.filz.us/files/55fe17b3/408/botonnn.swf
viernes, 18 de octubre de 2013
Página web con códigos HTML
Estos últimas clases hemos estado utilizando los códigos HTML de manera muy sencilla con el fin de crear una página web personal muy simple para el disfrute de todos.Para ello hemos seguido unos pasos que indican cómo crear una página fácilmente. Esta es la dirección de dicho manual :
http://ldc.usb.ve/~vtheok/webmaestro/.
Lo primero que debéis hacer es crear un archivo del blog de notas en el que iréis escribiendo la página poco a poco. Tenéis que incluir siempre al principio del texto las etiquetas ´´<HTML> y <BODY>´´ y al final, </HTML> y </BODY>
A continuación iremos añadiendo etiquetas como <H1>/</H1> (donde el número es el tamaño), para añadir un título.Las etiquetas <HR> y </HR> para añadir un subrayado al título(les podemos añadir
< WIDTH=75%> donde el porcentaje es el grosor de la línea de subrayado)
Las etiquetas <BR> que se colocan entre los párrafos para separlos(cuantas más pogamos, más espacio existirá entre ellos)
También podemos añadir una lista con el siguiente código:
<UL>
<LI> <FONT SIZE=8> Informática</FONT>
<LI> <FONT SIZE=6> Educación Física </FONT>
<LI> <FONT SIZE=4> Biología </FONT>
<LI> <FONT SIZE=2> Matemáticas </FONT>
<LI> <FONT SIZE=0.8> Ética </FONT>
</UL>
La etiqueta <UL> permite abrir la lista, <LI> es cada punto de dicha lista, <FONT SIZE=8> para cambiar el tamaño del texto, y </UL> para cerrar la lista.
Para cambiar el color del texto , debemos añadir la etiqueta <FONT COLOR="#FF0000">TEXTO EN COLOR></FONT> Y la etiqueta barra FONT al final.
Imágenes:
Para añadir una imagen al blog basta con insertar la etiqueta <IMG SRC="nombre de nuestro archivo.gif>
En cambio,si queremos colocar una imagen que actúe como enlace, utilizaremos la siguiente etiqueta:
<A HREF="direccion que queramos(copiamos enlace)o archivo.html"><IMG SRC="imagen.gif"></A>
Tablas:
Para introducir una tabla con color de fondo,para mí la que mejor queda, debemos colocar esta etiqueta:
<TABLE BORDER BGCOLOR="FF0000"(rojo) CELLPADING=30>(esto último es la separación de celdas)
Para añadir filas utilizaremos la etiqueta <TR>.
Dentro de esta etiqueta, utilizamos tantas etiquetas <TD>Texto de celda</TD> como columnas queramos en dicha celda.
Por último, no debemos olvidar colocar la etiqueta</TABLE>
Gifts animados:
Colocar un gift animado es igual que colocar una imagen y siempre,siempre, con el .gif al final
Para enlazar el gift con una página, haremos lo mismo que con las imágenes,ya explicado más arriba.
Mapa:
Colocar un mapa es una de las cosas más costosas que podemos encontrar.Para ello debemos utilizar las siguientes etiquetas:
<MAP NAME="mi_mapa">
<AREA SHAPE="RECT" COORDS="46,40,250,75" HREF="mipag2.html">
<AREA SHAPE="RECT" COORDS="46,100,250,135" HREF="mipag3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<IMG SRC="pulsadr1.gif" USEMAP="#mi_mapa">
Aquí, mi_mapa es el nombre que le hemos puesto al mapa.
Las cordenadas las obtendremos con un programa gráfico como paint,donde nos aparecerán al seleccionar un área rectangular de la imagen.
Junto a ellas, colocaremos el enlace al que nos llevará esa zona si clickeamos.
Por último introducimos la imagen que utilizaremos de mapa, que debe estar en nuestras carpeta.
Lo llamaremos como al principio de la etiqueta y ya podremos disfrutar de él .Ejemplo:
Sonidos
Para poder colocar un sonido en nuestra web debemos utilizar las siguiente etiqueta:
<A HREF="sonido.wav"><IMG SRC="imagen.gif"></A>
De esta manera , al pinchar en la imagen, se abrirá automáticamente un reproductor de sonido.
Mi página web
Para acceder a ell haz clck en el siguiente enlace: http://jesustrabado.hol.es
http://ldc.usb.ve/~vtheok/webmaestro/.
Lo primero que debéis hacer es crear un archivo del blog de notas en el que iréis escribiendo la página poco a poco. Tenéis que incluir siempre al principio del texto las etiquetas ´´<HTML> y <BODY>´´ y al final, </HTML> y </BODY>
A continuación iremos añadiendo etiquetas como <H1>/</H1> (donde el número es el tamaño), para añadir un título.Las etiquetas <HR> y </HR> para añadir un subrayado al título(les podemos añadir
< WIDTH=75%> donde el porcentaje es el grosor de la línea de subrayado)
Las etiquetas <BR> que se colocan entre los párrafos para separlos(cuantas más pogamos, más espacio existirá entre ellos)
También podemos añadir una lista con el siguiente código:
<UL>
<LI> <FONT SIZE=8> Informática</FONT>
<LI> <FONT SIZE=6> Educación Física </FONT>
<LI> <FONT SIZE=4> Biología </FONT>
<LI> <FONT SIZE=2> Matemáticas </FONT>
<LI> <FONT SIZE=0.8> Ética </FONT>
</UL>
La etiqueta <UL> permite abrir la lista, <LI> es cada punto de dicha lista, <FONT SIZE=8> para cambiar el tamaño del texto, y </UL> para cerrar la lista.
Para cambiar el color del texto , debemos añadir la etiqueta <FONT COLOR="#FF0000">TEXTO EN COLOR></FONT> Y la etiqueta barra FONT al final.
Imágenes:
Para añadir una imagen al blog basta con insertar la etiqueta <IMG SRC="nombre de nuestro archivo.gif>
En cambio,si queremos colocar una imagen que actúe como enlace, utilizaremos la siguiente etiqueta:
<A HREF="direccion que queramos(copiamos enlace)o archivo.html"><IMG SRC="imagen.gif"></A>
Tablas:
Para introducir una tabla con color de fondo,para mí la que mejor queda, debemos colocar esta etiqueta:
<TABLE BORDER BGCOLOR="FF0000"(rojo) CELLPADING=30>(esto último es la separación de celdas)
Para añadir filas utilizaremos la etiqueta <TR>.
Dentro de esta etiqueta, utilizamos tantas etiquetas <TD>Texto de celda</TD> como columnas queramos en dicha celda.
Por último, no debemos olvidar colocar la etiqueta</TABLE>
Gifts animados:
Colocar un gift animado es igual que colocar una imagen y siempre,siempre, con el .gif al final
Para enlazar el gift con una página, haremos lo mismo que con las imágenes,ya explicado más arriba.
Mapa:
Colocar un mapa es una de las cosas más costosas que podemos encontrar.Para ello debemos utilizar las siguientes etiquetas:
<MAP NAME="mi_mapa">
<AREA SHAPE="RECT" COORDS="46,40,250,75" HREF="mipag2.html">
<AREA SHAPE="RECT" COORDS="46,100,250,135" HREF="mipag3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<IMG SRC="pulsadr1.gif" USEMAP="#mi_mapa">
Aquí, mi_mapa es el nombre que le hemos puesto al mapa.
Las cordenadas las obtendremos con un programa gráfico como paint,donde nos aparecerán al seleccionar un área rectangular de la imagen.
Junto a ellas, colocaremos el enlace al que nos llevará esa zona si clickeamos.
Por último introducimos la imagen que utilizaremos de mapa, que debe estar en nuestras carpeta.
Lo llamaremos como al principio de la etiqueta y ya podremos disfrutar de él .Ejemplo:
Sonidos
Para poder colocar un sonido en nuestra web debemos utilizar las siguiente etiqueta:
<A HREF="sonido.wav"><IMG SRC="imagen.gif"></A>
De esta manera , al pinchar en la imagen, se abrirá automáticamente un reproductor de sonido.
Mi página web
Para acceder a ell haz clck en el siguiente enlace: http://jesustrabado.hol.es
martes, 24 de septiembre de 2013
Google Drive
Hoy en informática hemos aprendido a utilizar Google Drive, un sistema de almacenamiento de archivos que te permite acceder a ellos en cualquier momento, de cualquier forma y en cualquier lugar. La tarea de clase consistió en crear un documento que fuera compartido con el resto de los compañeros de clase, de forma que todos podíamos acceder y editarlo.
Para poder utilizar Google Drive , debemos seguir los siguientes pasos:
1) Tener una cuenta de Google creada. Si no la tenemos iremos a google.es ,donde nos saldrá la opción de crear una cuenta.
2)Una vez la hayamos creado , iremos a la siguiente dirección drive.google.com e iniciaremos sesión.
3) A continuación nos saldrá este menú y lo que debemos hacer en clickear en ´´crear´´ y elegir documento, carpeta, presentación.... Lo que queramos.
4) Tras haber elegido el tipo de documento, lo redactaremos o completaremos y una vez lo hayamos hecho, debemos poner un título, y finalmente, clickear en compartir
5) Por último, debemos elegir el enlace mediante el cual los demás podrán acceder al documento , las personas con las que queramos compartirlo y ajustar la privacidad. El documento puede ser visto sólo por aquellos a los que tu invites, por aquellos que conozcan el enlace o por último, por todos los usuarios de la red.
-
6) Podemos crear también otros tipos de archivos:
- Dibujo personalizado :
https://docs.google.com/drawings/d/1Yco0caHKIech2xYliX7EhcYLGiYrR4CiREgej74QTek/edit
https://docs.google.com/drawings/d/1Yco0caHKIech2xYliX7EhcYLGiYrR4CiREgej74QTek/edit
- Hojas de cálculo:
- Formularios:
- Presentación de diapositivas:
Todos estos archivos fueron creados por mí en clase de informática.
miércoles, 18 de septiembre de 2013
¿Cómo crear un favicon?
Hola a todos. Hoy os vengo a explicar como podemos crear un favicon
1) Lo primero es conocer qué es un favicon y para ello os dejos estas imágenes.
2) El siguiente paso es visitar la siguiente página : http://www.favicon.cc/. Una vez alli nos aparecerá lo siguiente:
3) Una vez hayamos creado nuestro favicon ,utilizadando la amplia gama de colores disponibles, podremos observar cómo queda y así hacer más fálcil el decidir si necesita un retoque.
4) Después de haberlo visto y haber decidido que ese será nuestro favicon, clickearemos en ´´ Download Favicon y se nos guardará el archivo.
5) Para colocarlo en nuestro blog, iremos a diseño y una vez allí , clickearemos sobre favicon.Nos pedirá que seleccionemos el archivo y una vez lo hayamos hecho, pincharemos en guardar.
6)Tras esto ya tendremos nuestro favicon y los demás podrán verlo si visitan nuestro blog.
1) Lo primero es conocer qué es un favicon y para ello os dejos estas imágenes.
2) El siguiente paso es visitar la siguiente página : http://www.favicon.cc/. Una vez alli nos aparecerá lo siguiente:
3) Una vez hayamos creado nuestro favicon ,utilizadando la amplia gama de colores disponibles, podremos observar cómo queda y así hacer más fálcil el decidir si necesita un retoque.
5) Para colocarlo en nuestro blog, iremos a diseño y una vez allí , clickearemos sobre favicon.Nos pedirá que seleccionemos el archivo y una vez lo hayamos hecho, pincharemos en guardar.
6)Tras esto ya tendremos nuestro favicon y los demás podrán verlo si visitan nuestro blog.
Suscribirse a:
Entradas (Atom)