M

man_red_97

Usuario (Panamá)

Primer post: 2 feb 2012Último post: 5 may 2012
3
Posts
110
Puntos totales
23
Comentarios
P
PSD | Boton/Icono muy Elegante
Hazlo Tu MismoporAnónimo2/2/2012

Hola que tal taringueros, en esta ocasion quiero hacer un aporte para aquellos que les guste Photoshop, un pequeño tuto de como crear un boton o icono (como lo deseen utilizar) muy vistoso y con un buen aspecto. Sin mas ni mas manos a la obra. Notas: Si te gustan mis aportes te invito a que me sigas, soy un usuario muy activo y constantemente trato de aportar con contenido util. No dudes en Recomendar el post si te gusto, te lo agradeceran tus seguidores y te lo agradecere yo . Si tienes alguna duda no dudes en mandar un MP, respondere tan pronto lo lea. Comenta y puntua, eso es lo que diferencia un buen post de uno medicre. Te recomiendo que dejes cargar el post hasta que aparezca el icono de T! en la pestaña. El resultado final sera este: Lo primero sera abrir photoshop y crear un documento de 500 x 500 Seleccionamos la herramienta de rectangulo redondeado y damos un radio de 10px en el cuarto panel(el segundo panel debe estar puesta la opcion rellenar pixeles) Creamos un cuadro simetrico como el que vemos en la imagen (para esto mantenemos pulsado "Shift" mientras creamos la figura) Damos doble clic sobre la capa y le aplicamos un degradado como el que mustra la imagen. Cambiamos el color de inicio (en este caso el blanco) por un rojo oscuro, el que yo utilizo es el #700000 Ahora creamos una nueva capa, luego escogemos la herramienta de Seleccion Eliptica y creamos un circulo perfecto, teniendo presionado "Shift" como explique anteriormente. Ahora con el bote de pintura rellenamos la seleccion y presionamos "CTRL + D" para deseleccionar. Ahora damos doble clic sobre la capa de circulo y le daremos un trazo de 10px y en tipo de relleno escogen Degradado. Lo siguiente es cambiar el color inferior, pues si lo dejamos negro no se diferenciara. Utilizaremos un gris oscuro, yo escogere el #353535. A continuacion le daremos una sombra paralela, su distancia sera 0, el retraer lo ponemos en 11, y la distacia en 18. Lo siguiente es darle donde dice Superposicion de Color, le damos un color rojo. Usaremos el #db1313. Ahora seleccionamos la herramienta de Texto y escribiremos una letra X de color blanco y la fuente que queramos. Yo utilizare una llamada Plantagenet Cherokee Redimensionamos a el tamaño que deseemos, para esto presionamos "CTRL + T". Ahora seleccionamos la herramienta mover, y mientras tenemos presionado "CTRL" clickeamos sobre la capa del circulo para que se seleccionen las 2. Una vez estan seleccionadas daremos clic en el tercer panel de arriba al boton Alinear Centros Horizontales (donde esta el mouse). Luego damos clic en el boton Alinear Centros Verticales, luego de esto el texto quedara centrado con respecto al circulo de fondo. Lo siguiente sera dar doble clic sobre la capa del texto, le daremos una Sombra Interior. Le subieros la opcacidad a 100%, en distacia y retraer daremos valores de 0 y en tamaño 8. Ademas daremos un resplando exterior (esto ya lo dejo al gusto de cada quien). Ahora volveremos a seleccionar las 2 capas y presionaremos "CTRL + E" para unir las capas formando una sola. Presionamos "CTRL + J" para duplicar la capa. Presionamos "CTRL + T" para entrar a transformacion libre de la figura, luego damos clic derecho sobre esta y presionaremos en voltear verticalmente. Ahora mientras tenemos presionada la tecla "Shift", arrastramos la imagen hasta que quede por debajo de la original y presionamos "Enter". Esta imagen sera la sombra. Ahora daremos clic en Añadir mascara de capa. Escogemos la herramienta Degradado y un degradado de negro a blanco. Ahora daremos el degradado empezando en la parte inferior de la sombra y terminando en su parte superior. Esto se puede aplicar tambien segun el gusto de cada quien asi que busca un punto en el que te guste. Ahora si vemos la capa de la sombra, hay dos imagenes, separadas por una cadena. La de la izquierda es la imagen duplicada, y la de la derecha es la mascara de capa, a la que aplicamos el degradado anterior. Asi que daremos clic sobre la imagen de la izquierda y a continuacion vamos a: Filtro> Desenfocar> Desenfoque Gaussiano. Como muestra la imagen. En radio ponemos 1.4px y presionamos Ok. Ahora creamos una nueva capa y seleccionando la herramienta de Seleccion Eliptica crearemos un circulo grande, para que solo se vea la parte superior, como muestra la imagen. Ahora presionamos "Shift + CTRL + I" o vamos a Seleccion> Invertir Seleccion. Luego tomamos el bote de pintura y rellenamos de color blanco la seleccion. Este sera el reflejo. Ahora mientra tenemos presionado "CTRL" clickearemos en la miniatura de la capa inferior (la que esta mas abajo). Presionamos de nuevo "Shift + CTRL + I" y presionamos "Delete o Suprimir"(Dependiendo el idioma de su teclado). Asi se borrara lo que sobra. Ahora añadimos de nuevo una mascara de capa y seleccionando la herramienta degradado hacemos uno de negro a blanco. Listo esto seria todo, si han seguido los pasos al pie de la letra deberian tener una imagen parecida a esta: Si te gustan mis aportes te invito a que me sigas, soy un usuario muy activo y constantemente trato de aportar con contenido util. No dudes en Recomendar el post si te gusto, te lo agradeceran tus seguidores y te lo agradecere yo . Si tienes alguna duda no dudes en mandar un MP, respondere tan pronto lo lea. Comenta y puntua, eso es lo que diferencia un buen post de uno medicre. Esto fue todo por ahora, recuerden comentar, puntuar y porque no?, seguirme ...

5
4
Crea tu Pagina Web en HTML desde 0 [Parte 2][Tutos 4-6]
Crea tu Pagina Web en HTML desde 0 [Parte 2][Tutos 4-6]
Hazlo Tu MismoporAnónimo5/5/2012

Hola taringueros, aqui esta la segunda parte de mi post sobre como crear tu pagina web desde 0. Para los que no hayan visto aun mi primer post, los invito a que se pasen por el y vean los 3 primeros videotutoriales que subi. Si te gustan mis aportes te invito a que me sigas, soy un usuario muy activo y constantemente trato de aportar con contenido util. No dudes en Recomendar el post si te gusto, te lo agradeceran tus seguidores y te lo agradecere yo . Si tienes alguna duda no dudes en mandar un MP, respondere tan pronto lo lea. Comenta y puntua, eso es lo que diferencia un buen post de uno medicre. Recomiendo ver los videos a 480p para mayor claridad y entendimiento. Te recomiendo que dejes cargar el post hasta que aparezca el icono de T! en la pestaña. link: http://www.youtube.com/watch?v=-TiI4LJOyD8&feature=g-upl Hola a todos, cuarto video de la serie Crea tu Web. En esta ocasion explicare que es el padding, border y margin; aprenderas un par de propiedades mas y ademas empezaremos a crear el menu de navegacion. Propiedades CSS: http://www.w3schools.com/cssref/css_selectors.asp link: http://www.youtube.com/watch?v=-TiI4LJOyD8&feature=g-upl 5to Video de la serie Crea tu Web!!! En esta ocasion editaremos la cabecera, algo sencillo de momento pues solo pondremos el logotipo y daremos unas leves propiedades al documento. link: http://www.youtube.com/watch?v=Nr6gJZeg0RQ&feature=g-upl Sexto video de la serie Crea tu Web. Nuestra pagina empieza a tener forma, dividimos el body en 2 capas principales: -Articulo -Articulo 2 (secundario). Espero que les guste. Nota: Les agradeceria que por favor votaran positivo a los videos en youtube y los compartieran si les gustaron, pues hasta ahora muy poca gente los ha visto y me gustaria que otros se enteren de que los estoy haciendo ya que considero que podrian servirle a muchas personas. Igual tambien a que me sigan en mi canal de youtube y esten atentos a los proximos videos que estare subiendo (de unos 2 a 4 semanalmente). Bueno Aqui termina esta segunda serie de tutoriales, espero que les hayan gustado y les recomiendo que me sigan pues cada 3 videos que suba (osea cada semana) creare un nuevo post para que lo disfruten. Y no olviden que: Si te gustan mis aportes te invito a que me sigas, soy un usuario muy activo y constantemente trato de aportar con contenido util. No dudes en Recomendar el post si te gusto, te lo agradeceran tus seguidores y te lo agradecere yo . Si tienes alguna duda no dudes en mandar un MP, respondere tan pronto lo lea. Comenta y puntua, eso es lo que diferencia un buen post de uno medicre.

15
4
C
Crea tu Pagina Web en HTML desde 0 [Parte 1][Tutos 1-3]
Hazlo Tu MismoporAnónimo4/19/2012

Hola taringueros, en esta ocasion vengo a presentarles mis 3 primeros videotutoriales en Youtube de como crear una pagina web en HTML. Seran muchos videotutoriales pues pretendere explicar todo durante el proceso lo suficiente para que lo entiendan. Tambien se que el tono de voz no es el mejor, en especial en el primer videotutorial pero estoy tratando de mejorar eso y espero que les guste. Notas: Si te gustan mis aportes te invito a que me sigas, soy un usuario muy activo y constantemente trato de aportar con contenido util. No dudes en Recomendar el post si te gusto, te lo agradeceran tus seguidores y te lo agradecere yo . Si tienes alguna duda no dudes en mandar un MP, respondere tan pronto lo lea. Comenta y puntua, eso es lo que diferencia un buen post de uno medicre. Te recomiendo que dejes cargar el post hasta que aparezca el icono de T! en la pestaña. Recomiendo ver los videos a 480p para mayor claridad y entendimiento. link: http://www.youtube.com/watch?v=XP3bboX3uwY&feature=g-upl&context=G2897172AUAAAAAAACAA Primer video que subo a Youtube, espero que les guste. Esta es la presentacion de un nuevo curso para aquellos que quieran aprender a crear paginas web. Dejen sus comentarios y recomendaciones! Descarga Notepad++: http://notepad-plus-plus.org/download/v6.0.html Dreamweaver (Prueba por 30 dias): http://www.adobe.com/es/products/dreamweaver.html link: http://www.youtube.com/watch?v=5BHhjAOmGrw&feature=g-upl&context=G22f4302AUAAAAAAABAA Hola, este es mi segundo video. Aqui veremos un poco como nos organizaremos para crear la Web y les dare algunos tips para sus futuros proyectos. link: http://www.youtube.com/watch?v=_D102ZfK60E&feature=g-upl&context=G2595f37AUAAAAAAAAAA Hola, Bienvenidos a este tercer video. Aqui empezamos a toquetear el dreamweaver y a darle forma a nuestra pagina web. Espero les guste. Colores Web por nombre: http://answers.oreilly.com/topic/453-color-names-and-rgb-values-with-wide-browser-support/ Nota: Les agradeceria que por favor votaran positivo a los video en youtube y lo compartieran si les gustaron, pues hasta ahora muy poca gente los ha visto y me gustaria que otros se enteren de que los estoy haciendo ya que considero que podrian servirle a muchas personas. Igual tambien a que me sigan en mi canal de youtube y esten atentos a los proximos videos que estare subiendo (de unos 2 a 4 semanalmente). Bueno Aqui termina esta primera serie de tutoriales, espero que les hayan gustado y les recomiendo que me sigan pues cada 3 videos que suba (osea cada semana) creare un nuevo post para que lo disfruten. Y no olviden que: Si te gustan mis aportes te invito a que me sigas, soy un usuario muy activo y constantemente trato de aportar con contenido util. No dudes en Recomendar el post si te gusto, te lo agradeceran tus seguidores y te lo agradecere yo . Si tienes alguna duda no dudes en mandar un MP, respondere tan pronto lo lea. Comenta y puntua, eso es lo que diferencia un buen post de uno medicre.

90
0
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.