MauriEsp

Hola a todos! hoy les traigo un post sobre Las cataratas del Iguazú: Las cataratas del Iguazú (en portugués: cataratas do Iguaçu) se localizan sobre el río Iguazú, en el límite entre la provincia argentina de Misiones y el estado brasileño de Paraná. Están totalmente insertadas en áreas protegidas; el sector de la Argentina se encuentra dentro del parque nacional Iguazú, mientras que la porción del Brasil se encuentra en el parque nacional do Iguaçu. Cerca de ellas se encuentra la frontera entre Paraguay y Argentina, a sólo 13,8 km en línea recta. Fueron elegidas como una de las Siete maravillas naturales del mundo. Estas cataratas están formadas por 275 saltos, 80 % están del lado argentino. Un espectáculo aparte es su salto de mayor caudal y, con 80 m, también el más alto: la garganta del Diablo, el cual se puede disfrutar en toda su majestuosidad desde solo 50 m, recorriendo las pasarelas que parten desde Puerto Canoas, al que se llega utilizando el servicio de trenes ecológicos. Por este salto pasa la frontera entre ambos países. Se pueden realizar paseos en lancha bajo los saltos y caminatas por senderos apreciando algunos animales de la selva semitropical perteneciente al distrito fitogeográfico de las Selvas Mixtas de la provincia fitogeográfica Paranaense. Datos: Localización: Argentina (90 %) Brasil (10 %) División: Misiones (ARG) Paraná (BRA) Subdivisión: Departamento Iguazú (ARG) Coordenadas: 25°41′43″S 54°26′12″O Río: Río Iguazú Área protegida: Parque Nacional Iguazú (ARG) y Parque Nacional do Iguaçu (BRA) Características: Tipo por forma: Permanente, varias de bloque segmentado Altura total: 82 m1 Anchura: 2700 m Nº de caídas: 275 Mayor caída: 80 m (la garganta del Diablo) Caudal: 1746 m³/s (máximo 12 799 m³/s) Otros datos: Otras distinciones: Patrimonio de la Humanidad (1984 y 1986) Descubrimiento occidental:Alvar Núñez Cabeza de Vaca (1542) Mapa de localización: Toponimia El nombre Iguazú proviene de dos palabras: la palabra y (que se lee [ɨ]) como vocal cerrada central no redondeada) y la palabra guasú, que en lengua guaraní quieren decir 'agua' y 'grande', respectivamente. En portugués son llamadas cataratas do Iguaçu. Historia En el año 1542, mientras realizaba una travesía desde el océano Atlántico hasta Asunción del Paraguay, Alvar Núñez Cabeza de Vaca divisó las sorprendentes cataratas del río Iguazú y las bautizó como saltos de Santa María, nombre que con el tiempo fue reemplazado por su primitiva denominación guaraní Iguazú (antigua ortografía de yguasu 'gran cantidad de agua', de y 'agua' y guazú 'grande'). Por entonces la región era habitada por indígenas de la etnia mbyá-guaraní, quienes alrededor de 1609 comenzaron a vivir el proceso evangelizador protagonizado por los sacerdotes jesuitas de la Compañía de Jesús, quienes desarrollaron en la región una experiencia única Latinoamérica: la conformación de un sistema reduccional que llegó a contar con 30 pueblos distribuidos en las regiones del Tapé y La Guayrá (actualmente sur de Brasil y Paraguay, toda la provincia argentina de Misiones y parte del norte de Corrientes). Por diferencias políticas y económicas con la Corona de España los jesuitas fueron expulsados de la región en 1768. La zona de las cataratas pasó así al olvido hasta junio de 1881 —poco antes de la federalización de Misiones— momento en que la provincia de Corrientes, que ejercía la jurisdicción, vende 50 leguas cuadradas de tierras sobre los ríos Paraná, Iguazú y Uruguay a Severo Fernández y Ernesto Arnadey. Estos transfieren sus derechos en octubre de ese mismo año a Rafael Gallino quien vuelve a enajenarlos a favor de Gregorio Lezama. En diciembre de 1881 Misiones se separa de Corrientes y en 1882 asume el primer gobernador Rudecindo Roca que divide el territorio en 5 departamentos. Uno de sus comandantes, Francisco Cruz, llega hasta la confluencia de los río Paraná y río Iguazú transportando una comisión científica alemana que buscaba tierras para colonizar. Esta expedición era costeada por Ledesma (propietario de las tierras de Iguazú) y dirigida por el explorador Carlos Bossetti. Entre los expedicionarios se encontraba también Jordan Hummell, que años más tarde organizaría el primer viaje turístico a las Cataratas. Así las cataratas son “descubiertas” nuevamente y vuelven a ser admiradas. En 1888, Gregorio Lezama vende las tierras del Iguazú a Martín Erracaborde Cía. En 1902, el Ministerio del Interior de Argentina, encomendó al arquitecto paisajista Carlos Thays, realizar un estudio de las cataratas, que fue la base para la creación del Parque Nacional Iguazú, en 1934, que posee 67.620 hectáreas de selva.2 El 20 de septiembre de 1895, el gobernador Balestra divide la provincia en 14 departamentos. El departamento de Iguazú pasa a integrar el departamento Frontera junto a Manuel Belgrano, Eldorado y parte de San Pedro. El 19 de julio de 1897, se designa juez de paz de la incipiente población de Iguazú a Alberto Mugica. Para entonces, Jordan Hummell, acompañado de los señores Nuñez y Gibaja ya habían realizado una nueva incursión hasta las Cataratas del Iguazú, pero por el lado brasileño, ya que el lado argentino la selva era impenetrable. De ese viaje llevaron al gobierno su interés en promover la llegada de turistas. Paseos Los paseos se encuentran mayormente en el lado argentino, aunque desde el lado brasileño se tiene una vista panorámica. Paseo Inferior: Partiendo desde el mirador, que recuerda por su figura a un faro y se destaca del entorno por su color blanco, se desciende por numerosas escalinatas (algunas fueron talladas en la misma roca) hacia el río Iguazú y se transita por un bello sendero pedestre. Rodeado por la exuberante selva podrá disfrutar de una hermosa visión de la parte inferior de los saltos. Comenzando la visita en el salto Lanusse y pasando por el Álvar Núñez Cabeza de Vaca, llegará a un espléndido punto panorámico desde donde tendrá una primera vista de la Garganta del Diablo. Avanzando un poco más se observa la isla San Martín y a su derecha el salto homónimo. Al final del sendero se encuentra el salto Bossetti. Si permanecemos largo tiempo terminaremos mojados, pues allí el vapor de agua producido por el choque del agua contra las rocas forma una tenue pero incesante lluvia. Descendiendo por el sendero hacia Punta Peligro podrá, si en ese momento se encuentra habilitado, navegar por el río Iguazú y cruzar a la isla San Martín. Ya de regreso se pasa por el salto Dos Hermanas, donde antes se podía gozar de un refrescante baño en la enorme pileta natural que se forma en su base, ya que ahora dicha actividad se encuentra prohibida. Paseo Superior: Partiendo desde el mismo sitio antes mencionado, recorrerá, como el nombre del paseo indica, la parte superior de las caídas de agua. El punto de observación desde un nivel más alto cambia por completo la visión del paisaje. Verá prácticamente a sus pies despeñarse las turbulentas aguas. De esta manera visitará nuevamente el salto Dos Hermanas, el Bossetti, el Chico, que serán un pequeño adelanto de la imponente Garganta del Diablo. En este sitio, donde el agua cae desde aproximadamente 70 metros de altura, nos sorprenderá el ensordecedor bramar del agua, permanentemente cubiertas por densas columnas de vapor, que despide el choque del agua con las rocas. Garganta del Diablo: Se accede a través del Tren de las Cataratas, descendiendo en la Estación Garganta del Diablo. A partir de allí se realiza una caminata por la nueva pasarela, que serpenteando entre las islas, recorre 1100 metros hasta los amplios balcones ubicados junto al borde y frente de la Garganta del Diablo. La duración de este paseo es de 2 horas y el último tren parte a las 16:30 h. Isla San Martín: Es posible llegar a la Isla de San Martín a través del servicio de botes que salen desde el circuito inferior. Desde aquí podrán observar una vista panorámica de la Garganta del Diablo, de la Ventana (con su dormidero de jotes), y del salto San Martín. Sendero Macuco: Este sendero de treking es una de las salidas tradicionales para los amantes de la observación de la naturaleza. Una antigua picada de extracción forestal de 3600 m de longitud por ambiente selvático. Este sendero permite acceder a una cascada de 20 m en plena selva. Es una oportunidad para conocer selva, y avistar macucos, monos, coatíes, pavas de monte, un sinfín de insectos y ocasionalmente víboras de coral. Cabe recordar que dentro del parque se encuentra el hotel Sheraton (antes: hotel Internacional Iguazú), que cuenta con una vista panorámica de la Garganta del Diablo y de los saltos brasileños. En 1984 el sector argentino de las cataratas, el Parque Nacional Iguazú, fue declarado Patrimonio de la Humanidad por la Unesco. Posteriormente en 1986, el sector de Brasil, que se encuentra en el Parque Nacional do Iguaçu, también fue declarado Patrimonio de la Humanidad. Las cataratas lindan con Argentina y Brasil, y están a pocos kilómetros de la triple frontera con Paraguay. Cerca de las cataratas, se encuentra Puerto Iguazú, en la confluencia de los ríos Iguazú y Paraná. Las cataratas son el principal centro turístico del noreste de Argentina, y uno de los principales de todo el país. Vista de las Cataratas desde el mirador que se encuentra en el circuito inferior. Algunos de los saltos del lado argentino. Cataratas del lado argentino desde el Paseo Superior. Vista aérea. Panorama de algunos de los saltos del lado argentino. Distribución de las Cataratas entre Argentina y Brasil Las cataratas del Iguazú se hallan dispuestas en una forma que parece una gran "J" inversa. En la margen derecha (norte) se encuentra el territorio brasileño, el cual posee poco más de un 20 % de los saltos de dichas cataratas; y del lado izquierdo (sur) se hallan los saltos argentinos, los cuales conforman casi un 80 % de las cataratas. Para conocer completamente y apreciar del todo estas cataratas, la recomendación es visitar tanto el lado argentino como el brasileño, porque de un lado se aprecia panorámicamente el otro, y viceversa. Surge de esta distribución el dicho que “desde Brasil se ven las cataratas, y desde Argentina se viven” (desde Brasil se tiene una panorámica impactante de la mayoría de los saltos, los cuales pueden ser recorridos en vividamente del lado argentino).3 Sin embargo, uno se mueve entre los saltos del lado argentino, no sólo en las pasarelas que permiten casi tocar el agua, sino también en los paseos en lancha, que permiten ir hasta al lado de las impactantes caídas de agua, e incluso, se puede adentrar hasta la mismísima Garganta del Diablo, si se parte en lancha desde territorio argentino. Las cataratas del Iguazú vistas desde el lado brasileño hacia el lado argentino. Una de las siete maravillas naturales del mundo El 11 de noviembre de 2011, las cataratas del Iguazú fueron elegidas provisionalmente como una de las Siete maravillas naturales del mundo. El 22 de febrero de 2012 la fundación New7Wonder finalmente confirmó que estas cataratas son oficialmente una de las Siete maravillas naturales del mundo Más de mil millones de personas en todo el mundo votaron para elegir a las Siete Maravillas. Lo hicieron por Internet por mensaje de texto. “Estas maravillas sobreviven a todas las maravillas que existen y podrán existir porque son maravillas de la naturaleza”, sostuvo el embajador brasileño Enio Cordeiro. Para llegar a estar entre las siete maravillas, las Cataratas tuvieron que dejar atrás a 440 atractivos de 220 países. Nuestra visión de Iguazú como una de las 7 maravillas de la naturaleza es la promoción de las Cataratas a través de una forma de turismo que hace un impacto mínimo sobre el medio ambiente, al tiempo que ayuda a crear empleos de calidad para la población local, dijo Bernard Weber, quien agradeció a los votantes, a los Comités Oficiales de Apoyo, y a los gobiernos de Argentina y Brasil por su compromiso con el éxito de la campaña. El pasar a ser una de las siete maravillas naturales del mundo redundó, sólo en el primer año, en un aumento en el volumen de turismo en aproximadamente 300.000 personas. Cataratas del Iguazú. Vista aérea de las cataratas. Vista de las cataratas (en el centro la garganta del Diablo) Imágenes: Bueno amigos esto fue todo, si les gusto no olviden seguirme, hasta la proxima!

Bueno hola a todos, hoy aburrido encontre esto en mis Imagenes y quise compartirlo con ustedes Bueno espero que les haya gustado

Hola a todos, aqui vengo con otros tutoriales que encontre, esta vez de Dibujos! Post hecho a pedido de @SashaGatita Lista de Tutoriales: •Dibujando un paisaje con Photoshop •Dibujar un Anillo en Photoshop •Dibujar un CD con Photoshop •Dibujar una Perla en Photoshop •Dibujo desde Foto en Photoshop •Escaneando en Photoshop •Esfera Maya en Photoshop •Iluminando un cuarto en Photoshop •Lens Flares en Photoshop •Lluvia en Photoshop •Mapas de Desplazamiento en Photoshop •Modos de Pintura en Photoshop •Objetos Metálicos en Photoshop •Paleta de Trazados en Photoshop •Pintando un Personaje en Photoshop •Rayos de Energía en Photoshop •Relámpagos en Photoshop Dibujar un paisaje con Photoshop Paso 1: El documento usado es RGB de 600 * 400 px con fondo tranparente. Empezamos por crear un degradado de azul (0066CC) a blanco (FFFFFF) inclinado un poco, como lo vemos en la imagen a la derecha. Nombremos a esta capa Cielo. Paso 2: Creamos una Nueva Capa y la llamamos Base Nubes. Presionamos D para resetear los colores. Aplicamos Nubes: Filter > Render > Clouds Luego, de inmediato, aplicamos a esta misma capa Nubes de Diferiencia: Filter > Render > Difference Clouds Se aplica una o varias vecespresonando Ctrl + F, las en cada caso se ajuste a lo que necesitamos. La imagen de abajola derecha es producto de dos aplicaciones. Presiona Ctrl + L para abrir los Niveles de esta capa y ajustamos un poco para darle un poco mas de definición a nuestras futuras nubes. Tratando de concentrar los sliders en una amplia banda. Para ser mas claro esta a imagen de abajo, intenta simular algo parecido. Después de los niveles Duplica la capa y a la nueva le llamaremos Volumen Nubes Sobre la capa Volumen Nubes aplica el filtro de Extrusión: Filter > Styize > Extrude En la imagen de abajo vemos los parametros que usaremos, esto nos da una apariencia de profundidad a nuestras casi-nubes. Ahora, y esto es opcional, aplica un poco de Desenfoque Gaussiano para quitar la solidez. Filter > Blur > Gaussian Blur Finalmente Cambiamos nuestras dos capas de nubes a modo pantalla (trama) para permitir el flitrado del fondo opor la zonas oscuras de nuestras capas oscuras. Opcional es que le apliques un poco de sombras a nuestras nubes para darles mayor realismo, aunque si es una escena caricaturesca no haría mucha falta. Dibujar un Anillo en Photoshop NOTA: Para este tutorial, debes ajustar cada a cado paso todos los valores dependiendo del tamaño y el color de tu própia imágen. 1. Crea un nuevo archivo con el tamaño de 350×250, modo RGB con el fondo de 72DPI. 2. Crea una nueva capa donde crearás también un circulo con la herramienta. 3. Selecciona la herramienta de degradado y aplicala cómo en el ejemplo, aplicala de la esquina superior derecha al fondo izquierdo. 4. Crea una selección en el pié de la forma actual, selecciona -> borde 1 pixel (para hacer cosas lisas). Elimina esa parte. 5. Duplica la capa, crea una sombra interior para esa parte del objeto (soble click en el layer en el panel de layers). Tamaño 12pix. 6. Duplica la capa del paso 5, ir a la imágen -> voltear verticalmente. Ya tenemos la otra cara del anillo. 7. Doble click en la capa creada en el paso 6, aplica resplandor, selecciona el resplandor blanco, distancia 0%, tamaño 1pixel. Después aplica Bisel y relieve, 50 pixels, ablanda 8pix, ángulo 30,altitud 50, selecciona contorno. Aplica la opacidad al 50%, angulo 20º, distáncia 1pixel, tamaño 7 pixeles. 8. Duplica el paso 6, cierra todos los efectos de la forma, y aplica: -> filtro -> Artístico -> Plastificado. Intensidad 20, detalle 1, suavizado 15. 9. Doble click a la capa del último paso, selecciona iluminado, con color blanco, distancia y tamaño 0, (esto alisa el borde del anillo). Ahora selecciona iluminación interna, con color blanco, centrado y tamaño 35 pixeles. Dibujar un CD con Photoshop Con éste tutorial aprenderemos a dibujar un CD con su efectos de reflejos. 1) Comenzamos con un nuevo documento de 200x200 píxeles y creamos una Capa nueva. Presionando CTRL+R activamos las Reglas, esto nos facilitará el uso de las Guías. Haciendo un click en una de las Reglas y arrastrando el ratón dentro de la imagen, crearemos una guía horizontal y una vertical justo en el centro de la imagen. Ahora, utilizando la herramienta de selección circular, y manteniendo presionadas las teclas SHIFT+ALT, hacemos click en el punto donde se unen las guías y hacemos un circulo perfecto casi del tamaño total del documento. Finalmente deseleccionamos. 2) Llenamos el circulo con un color que nos guste y utilizando nuevamente las guías, volvemos a hacer un circulo más pequeño en el centro del círculo anterior, solo que ahora presionamos Suprimir (supr) . El color que se utiliza en este tutorial es el siguiente: R: 25 , G: 206 , B: 166. 3) Vamos a Capa>Duplicar Capa y creamos una copia de la misma. Seleccionamos el color blanco como color de frente. Utilizando la herramienta de degradado radial en el modo "Color frontal a transparente" en ajustes preestablecidos de la herramienta , hacemos un degradado desde la parte superior derecha hasta la inferior izquierda. Luego, cambiamos el modo de la Capa de Normal a Luminosidad . Si queremos menos reflexión, se puede reducir modificando la transparencia del canal. 4) Creamos una nueva capa y volvemos a seleccionar la herramienta de Degradado, solo que ahora utilizaremos el degradado lineal y el modo será Arco Iris Transparente. Aplicaremos el degradado en 4 pasos , primero desde la izquierda del documento hasta 1/4 del mismo, luego desde 1/4 hasta el centro, luego desde el centro hasta 3/4 y finalmente desde 3/4 hasta la derecha del documento. Para hacer esto podemos ayudarnos de las reglas, aunque tampoco es necesario ser totalmente precisos. Finalmente aplicamos un Desenfoque Gaussiano de 5 píxeles. 5) Vamos a Filtro> Distorsionar> Coordenadas Polares y elegimos Rectangular a Polar. Presionamos OK y cambiamos el modo de la capa de Normal a Superponer. Hacemos CTRL+Click sobre la capa original, invertimos la selección (Selección> Invertir Selección) y eliminamos el fondo pulsando Suprimir. Lo que nos quede debe ser similar a la imagen del ejemplo. 6) Por último, creamos una nueva capa arriba de los demás y hacemos CTRL+Click en la capa original donde tenemos el circulo del CD, para seleccionarlo. Tomamos el negro como color de frente y vamos a Edición>Contornear con los siguientes valores: Anchura: 2 píxeles Posición: Dentro Modo: Superponer. Luego cambiamos la transparencia de la capa a un 40% y ya tenemos nuestro CD Dibujar una Perla en Photoshop En este tutorial vamos a trabajar las selecciones y los estilos de capa. 1. Abrimos un lienzo nuevo de 300x300 píxeles. Escogemos la Herramienta de Marco elíptico y fijamos su tamaño a 250x250pixels y creamos nuestro círculo. 2. Creamos una nueva capa. Capa>Nueva>Capa... Layer>New>Layer... y rellenamos nuestra selección de blanco #FFFFFF Para estos pasos podríamos usar también la herramienta de Elipse que encontraremos justo debajo de la herramienta de texto. Presionando la tecla Shift y arrastrando conseguiremos igualmente un círculo y ya rellenado. 3. Para que nuestro círculo se vea sobre nuestro fondo blanco, vamos a aplicarle un poco de sombra. Capa>Estilo de capa>Sombra paralela Layer>Layer style>Drop shadow con los siguientes valores... 4. A continuación le daremos volumen. Para ello iremos a Capa>Estilos de capa>Bisel y Relieve Layer>Layer style>Bevel and emboss. Dándole los valores siguientes... El Contorno de resplandor usado es Aro. 5. Vamos a aplicarle una sombra interior. Capa>Estilos de capa>Sombra interior Layer>Layer style>Inner shadow. El color usado es el #CCCCCC. Tened en cuenta el Contorno usado, Desniveles redondeados, es importante para el efecto final. 6. Seguidamente Capa>Estilos de capa>Resplandor interior Layer>Layer style>Inner glow. El color usado es un lila #CCCCFF. 7. Por último, volvemos a Capa>Estilos de capa>Bisel y relieve Layer>Layer style>Bevel and emboss y nos vamos a la opción de Contorno escogiendo el contorno de Aro, como véis aquí... Y ya tenemos nuestra perla... Dibujo desde Foto en Photoshop En este articulo se describe la tecnica que permite transformar una foto en un dibujo. 1 . Haga una copia de la capa. Presione Crtl+Shift+U (Image > Adjust > Desaturate) para desaturar la imagen(Layer1 copy). Luego aplique Filter > Stylize > Glowing Edges > con los siguientes parametros: Edge Widh=1, Edge Brightness=15, Smoothness=5. Ajuste los niveles [ Ctrl+L ] (Image>Adjust>Levels) para destacar un maximo de las lineas movimientos de la imagen. 2 . Presione Ctrl+I (Image> Adjust> Invert)para invertir la imagen en la capa actual. Aplique el filtro Filter > Artistic > Cut Out, con los valores: No. of Levels=7, Edge Simplicity=3, Edge Fidelity=3 (resultado - abajo a la derecha). Ajuste los niveles [ Ctrl+L ] aproximadamente como se muestra abajo. Una vez hecho la imagen que tendremos será la que vemos a la derecha. Si el dibujo fuera simplemente "a lápiz" esta imagen ya nos serviría. 3 . Haga una copia de la capa actual (Layer1 copy). Aplique Filter > Blur > Gaussian Blur con el radio del valor - 5 pixeles. Haga opacity(transparencia) - 50 %. Presione Ctrl+G para agrupar las capas. Bien, ya tenemos una figura interesante de lapiz. 4 . Ahora seria bueno agregar las pinturas. Cambie en la segunda capa (del lapiz), y en la capa de la gama de colores fijadas a "Overlay" (Ud. tiene que cambiar en Layers de Normal a Overlay). Luego cambie en la capa mas baja (la que esta mas al fondo) y aplique el siguiente filtro: Filter > Noise > Median con valor Radius 5 pixel. Escaneando en Photoshop Escaneando líneas de dibujo: Para mejorar tu escaneado final asegúrate de que tu dibujo es tan limpio como te sea posible... mugre más, mugre menos. Aquí tengo un dibujo entintado que escaneé en escala de gris a 300ppp (reducido a 72dpi para la carga en web). La imágen es bastante clara pero un poco gris y algo del borron del lápiz aún es visible, debido a lo mal que he borrado. Ajustar las líneas El truco para convertir un escaneado gris en una buena línea de fondo es usando el cuadro de diálogo "Curvas" ( I magen --> A justar --> Cur v as). Pulsa Ctrl+M o, en MacOS, Command+M . Pincha en la línea diagonal en dos sitios y arrastra hasta darle una forma de "S" como ves aquí. Llevo la parte inferior hacia abajo para aumentar los negros y tiro de la parte superior hacia arriba para quitar los grises y las líneas dispersas. Activa la previsualización y vigila la imagen mientras lo haces para ajustar la curva de acuerdo con lo que veas. ¿Ves cómo ya está mucho más limpio? En este punto puedes hacer un canal Alfa de la imágen o simplemente darle una capa propia y cambiar el modo de capa a "Multiplicar", y colorear en otra capa debajo suyo. El modo Multiplicar hace que el blanco sea transparente. Esfera Maya en Photoshop 1)Creamos una imágen de 200 x 200 negra, y lo rellenamos de un motivo que recuerde a una tabla 2) Bien, ahora creamos una selección de 190 x 190 y nos vamos a Filter » Distort » Spherice (Filtro » Distorsionar » Esferizar) y ponemos esto: en modo normal 3) Y ahora viene la magia: Cogemos la 1º capa de la ball presionabos crtl + b y ponemos: 4) Bien... como véis he quitado el resto de la tabla... ¿cómo? Pues seleccionamos la esfera, y presionamos Control + Shift + I y presionamos supr... Bien... esto puede servir para mucho.. mirad el wallpaper que hice juntando el tutorial de arena y el de este...(esto es una miniatura...) Iluminando un Cuarto en Photoshop Paso 1 : Trabajo en Lineas Suponiendo que este es tu dibujo hecho prolijamente en lapiz. El lapiz confiere al contorno la apariencia que tiene la pintura de los backround de animacion. De este modo los colores empezaran a ganar sobre las lineas. Asi que se prolijo si ensucias, en tal caso limpialo en Photoshop. Una vez terminado duplica esta capa (fondo) quedandote solamente con la nueva (fondo copia) y ponla multiplicar. Paso 2 : Colores Normales Genera una nueva capa y ponla a "multiplicar" . Al hacer esto las capas se entrecruzaran. No boy a explicar exactamente como logre cada uno de los elementos que hay en este cuarto, porque el tema es otro. Pero ten en cuenta lo siguiente. Los colores que elijas deberan ser pensados en sus tonos reales, como si estos hubieran sido iluminados con una luz blanca normal. Solo por mencionar voy decir los herramientas que se usaron: Perspectiva para los muebles y posters, degrades y transparencias para el resto. Paso 3 : Pared Tapamos la capa que contiene los muebles y trabajando en una nueva (la cual hay que ponerla a multiplicar) utilizaremos el degrade de diamante . Esta herramienta tan verstil es talvez la mas importante de todas. Si no la tenes, es porque no esta habilitada. Truco, para sacarla posicionate sobre degrades, maten presionado con el puntero sobre el icono degrades unos 2 seg. ( win 98 en adelante). Recuerda que los degrades son configurables, una vez cliqueada, en solapa de opciones, podras disponer de todo tipo de degrades a tu antojo. Si te quedo el degrade descentralizado, don´t worry... Boton derecho del mouse sobre la imagen y elije "transformacion libre", y estira o achica lo que sea necesario.Ya esta, pero no te olvides de colocar el piso. Para ello usa el lazo poligonal y encierra el area y luego pintala de un color adecuado con el bote o pincel . Paso 4: Integridad Deja ver todas la capas. Debera quedarte de esta manera. Observa que los muebles y demas elementos se han teñido de los tono presentes en la pared. Eso es bueno. Pero todabia me falta la ventana en la pared. Lens Flares en Photoshop Paso 1: Escoge tu imagen Vale... no es realmente un paso, pero tenía que mostrarte una imagen previa. :-) Paso 2: Configuración de capas Crea una nueva capa sobre tu capa de fondo . Llénala con Negro 100% y cambia el modo de fusión a Trama. "Trama" hace el negro invisible, así sólo lo que sea más claro que el negro se mostrará en la capa... ¿Por qué es esto importante? ¡Ahora lo verás! Paso 3: aplica el filtro Asegúrate de que estás aplicando el destello a la capa negra y no a la del fondo. ¡Boom! He aquí el Destello... solo que es demasiado brillante y no está en el lugar correcto. ¡No problemo! Coge la herramienta "Mover" (Atajo de teclado: "v" Paso 4: Muévela Ahora puedes llevar tu destello a cualquier punto que quieras de la imagen. Puedes también seguir trabajando en el dibujo bajo el destello sin alterar el efecto. Si el destello es demasiado brillante o de un mal color, puedes colorear el destello sin estropear el dibujo. Guay, ¿eh? Lluvia en Photoshop Paso 1: Elegir una imágen fuente Asegúrate de tener algo sbore lo que llover... no es realmente un paso 1, pero sirve como primer paso. Paso 2: Hacer algo de ruido Crea una nueva capa sobre el fondo y llénala de negro. Usa el filtro Ruido --> Añadir ruido. Escoge Gaussiano, monocromo y una cantidad alrededor de 65, según el tamaño de tu imágen y cuánta lluvia quieras. Paso 3: Desenfoque de movimiento Ahora efectúa un Filtro -> Desenfocar -> Desenfoque de movimiento. Usa un ángulo de alrededor de 60º, según el viento, y una distancia de 20-30 pixels. No te preocupes si ahora parece que ha desaparecido el ruido. Cambia el modo de pintura a "Aclarar" (eso hará transparente el negro). Ahora entra en el diálogo "Niveles" ( CTRL+L ) y ajusta la flecha central hacia la zona de color, hasta que veas que la lluvia queda bien. Paso 4: ¡Tachán! ¡Ya tienes lluvia! ¡Así de fácil! Puedes añadir realismo añadiendo charcos y reflejos en las superficies duras, haciendo pequeñas "v"s blancas donde la lluvia choca contra el suelo... Tambien puedes añadir suaves nubes blancas ( muy suaves) con el aerógrafo en las superficies en que rebota la lluvia. Mapas de Desplazamiento en Photoshop Los Mapas de Desplazamiento son utiles para hacer patrones 2D "envueltos" sobre los pliegues o curvas en un objeto con cierta profundidad perceptible. Estaba estudiando Intron Depot 2 y me di cuenta de que el Maestro Shirow usa bastante los mapas de desplazamiento a la hora de aplicar texturas a ropas o monstruos. Yo no soy ni mucho menos el maestro Shirow y este dibujo de abajo esta hecho con prisas pero espero que sea suficiente para ayudarte a descubrir los secretos de esta avanzada tecnica de Photoshop. Primero...prepara tu dibujo. Coloca el dibujo en su propia capa y cambia su modo de fusion a "Multiplicar". Este te permitirá pintar y trabajar las capas inferiores al dibujo sin pintarlo por encima ni estropearlo. Basicamente "Multiplicar" hace el blanco invisible mientras que "Trama" hace el negro invisible. Da color a las porciones que no serán afectadas por el Mapa de Desplazamiento. En este dibujo lo que quiero es añadir patrones al Kimono. Ya he escogido mi patrón y he usado el Cuentagotas para adquirir colores complementarios del patron para que el adorno del kimono quede bien cuando se lo aplique. Crea una nueva capa por encima de la de coloreado y por debajo del dibujo. Llamala "Patron" asi luego sabras cual es. Busca un patron por internet o escanea uno que te guste. Rellena toda la capa con el patrón. Oculta tu capa del Patrón pulsando sobre el ojo de la capa, en la ventana de capas. Ve a tu paleta de Canales, crea un nuevo Canal y enmascara la parte del dibujo a la que quieras aplicarle el patrón. (pinta el area de blanco). Si solo ves negro, asegurate que has activado el "OJO" para el canal RGB. Tu nuevo canal Alpha deberia ser 50% rojo de forma que puedas ver sobre lo que estás pintando. Haz una copia del canal que acabas de enmascarar y comienza a sombrearlo para ajustarlo al foco de luz que hayas establecido en tu dibujo. Aplica un Desenfoque Gaussiano de algunos pixeles cuando lo tengas sombreado como quieras. Copia este canal que acabas de enmascarar y comienza (seleccionar Todo, COPIAR) y pegalo en un documento nuevo (CTRL+N, CTRL+V). Asegurate de que el nuevo documento esté en "Escala de Grises". Acopla el dibujo y guardalo como "desplazamiento.psd". Vuelve a tu dibujo principal y activa la capa del "Patron" pulsando sobre ella. Ve al menu de filtros y elige "Distorsionar>Desplazar". Elige las opciones por defecto de 10,10..repetir pixeles de borde. Pulsa OK y busca el archivo "desplazamiento.psd" que has guardado anteriormente. Pulsa OK. Ahora tu textura está "envuelta" alrededor de los pliegues y las curvas que hemos sombreado. Si el efecto es demasiado fuerte..deshaz el filtro y rehazlo con valores mas bajos como 5,5 o asi. Usa el canal de la mascara que hemos hecho que no tiene sombreado para seleccionar el area texturizada. Invierte la seleccion y recorta el patrón que sobre. Ahora el patrón está envuelto pero todavia requiere algo de sombreado. Usa la herramienta Sobreexponer para añadirle brillos a las areas apropiadas. Repite este proceso para cualquier otro area que quieras envolver con un patrón. Modos de Pintura en Photoshop P: Modos de pintura? Que son? R: La herramienta mas potente para tecnicas de coloreado excelentes! Los Modos de Pintura pueden ser accedidos desde cualquier herramienta de pintado de Photoshop o desde las mismas Capas. Se eligen desde un menu despleglable como el que se muestra debajo: Los modos de pintura vienen en todos los tipos de sabores, pero en este tutorial nos centraremos en los dos modos mas usados: "Trama" y "Multiplicar". Modo Trama: El modo trama toma el color base y le añade luminosidad. Es basicamente una forma sencilla de obtener un tono mas claro de tu color base. Excelente para añadir brillos. Te enseñaré como funciona: El color mas a la izquierda es nuestro color base de relleno. Con este mismo color base seleccionado cambia las propiedades del Aerografo poniendo la presion al 12% y modo de pintura = Trama. 1 = 1 pasada sobre el color base 2 = 2 pasadas sobre el color base 3 = 3 pasadas sobre el color base Ves? Incrementa la luminosidad del color de relleno proyectandose contra sí mismo hasta alcanzar el color blanco. Tambien puedes proyectar sobre el color base con un color diferente para crear un efecto distinto. Un buen ejemplo de esto seria un objeto azul debajo de una luz roja que seria proyectada con un color rojo para simular de forma mas realista el efecto que el origen de la luz tiene sobre el objeto azul... pruebalo ! Modo Multiplicar: Multiplicar es el opuesto de Trama. Esta oscurece el color de relleno Base contra sí misma hasta que finalmente alcanza el negro. Observa : Propiedades de Aerografo = presion 12% / modo de pintura multiplicar 1 = 1 pasada sobre el color base 2 = 2 pasadas sobre el color base 3 = 3 pasadas sobre el color base Mola, eh? Ya no tienes que seguir buscando el color de sombreado perfecto. Simplemente usa Multiplicar sobre si mismo mediante los modos de pintura! Ves que facil? no te preocupes... ahora se complica Aplicaciones: Bien, ahora ya sabes como hacer cosas mas oscuras o mas claras dependiendo de que modo de pintura (Blending mode) elijas...¿que hacer ahora?¿cual es la mejor forma de implementar esta tecnica? Se pueden conseguir resultados dramaticos en unos pocos y sencillos pasos: Aqui tenemos un ejemplo para una superficie plana 1) Empieza con un color de relleno plano. Elige un color que sea el tono mas oscuro que el objeto tenga. 2) Coje la herramienta de gradiente radial. En la ventana de propiedades de la herramienta pon el modo de pintura a "trama" y la opacidad al 12% o asi. Pon el gradiente como "Color frontal a transparente". Asegurate de que tienes el objeto seleccionado o pintaras sobre eldibujo entero. Arrastra la herramienta de gradiente desde el origen de la luz hacia la sombra. Wow! Esto tiene buena pinta! 3) Me gusta usar la herramienta "Pluma" para cortes precisos. Es necesario un poco de tiempo para habituarse al "Pluma" si no estas familiarizado con las " Curvas Bezier" . Despues de que hayas hecho el trazado con la Pluma pulsa ENTER para convertirlo en seleccion(la tecla enter del teclado numerico). Tambien puedes usar el Lazo si estas incomodo con la Pluma. Tan solo haz una seleccion en alguna parte de la superficie. Pulsa Ctrl+H para ocultar la seleccion y coge el Aerografo. Pon la presion al 12% y el modo de pintura a "trama". Pinta suavemente por la seleccion... oooh que guapo! 4) Sigue con esto varias veces añadiendo selecciones hasta que tengas el efecto deseado. Usa un aerografo relativamente extenso para que afecte a la mayor parte del area seleccionada. Recuerda usar Ctrl+H para ocultar la seleccion de nuevo, y Ctrl+D para deseleccionar y hacer otra seleccion. GLOSSARIO de TERMINOS: Seleccion :Area marcada para pintar usando una de estas herramientas : el Lazo, la Varita, Marco, Pincel, QuickMask, Canales Alphas. Solor el area de la seleccion sera afectada. Cortes : Crear selecciones en la parte superior de un objeto rellenado para alterar el color subyacente en el area especificada. Curvas Bezier : Termino para el control de modulos de un vector. Los modulos consisten en nodos y manejadores. El nodo designa el punto de una curva donde la linea cambia de direccion. Los manejadores controlan la direccion y la intensidad del cambio del vector.Las variaciones de una linea se controlan "arrastrando" los manejadores hacia el nodo para una curva drastica y alejado del mismo para un arco mas sutil. Command o Control: Soy usuario de Windows, asi que digo "Ctrl" y "Alt" cuando me refiero a los accesos directos de teclado pero los mismos accesos pueden ser usados en Mac. Ctrl = Cmd Alt = Option Teclas de acceso directo usuales : Ctrl+H = muestra/oculta la seleccions. Ctrl+D = Deselecciona la seleccion J = Elige el Aerografo G = Elige el gradiente Shift+G = Selecciona los tipos de gradiente L = Elige el Lazo Shift+L = Elige los tipos de Lazos P = Pluma A = Herramienta seleccionar nodo B = Pincel Aqui tenemos una esfera. Este ejemplo deberia llevar su tiempo para llevarse a cabo. Los pasos son muy similares a los de las ultimas hojas. 1) Empieza con un color de relleno plano. Del mismo modo que la ultima vez elije el color mas ocuro que el objeto contenga. 2) Coje la heramienta de gradiente. En la ventana de propiedades de esta elije el modo de pintura "trama" y la opacidad al 12% mas o menos. Pon tambien el gradiente a "Color Frontal a Transparente". Asegurate de que tienes el objeto seleccionado o pintaras el dibujo entero. Arrastra el gradiente desde el origen de la luz hacia la sombra. Estupendo!!! 3) Haz "Cortes" en la bola comenzando por el punto donde la luz le da al objeto y trabajalo a tu manera. Cuanto mas luminosa sea la luz más "brillante" parece el objeto. Este objeto es tipo "Mate" como goma. Pulsa Ctrl+H para esconder la seleccion y coge el Aerografo. Ponlo al 12% de presion y modo de pintura "trama". Pinta suaveemente por la seleccion....oohh que bonito!! 4) Aqui tenemos el nuevo truco. ¿ Te das cuenta de que la luz purpura en la zona de sombra? Es una luz reflectante. Esto deberaia aparecer si el objeto estuviera situado sobre una superficie purpura, o en otro caso, recibiendo una luz ambiental purpura. Este efecto añade profundidad y dinamismo a un objeto medianamente normal. Este efecto se logra eligiendo el color más purpura y usando el Aerografo en modo "trama" por el borde del objeto en la zona sombreada. A que mola? 1) Empieza con un color de relleno plano exactamente como en las otras 2 veces usando el color mas oscuro que contendrá el objeto. Rellena solo con colores planos, nada de sombreado! Guarda una copia de los colores planos en su propia Capa para que puedas volver aa seleccionar las areas siempre que quieras. Si alguna vez has probado seleccionar un color con gradiente te daras cuenta de que solo seleccionas las bandas del mismo color o parecidos hasta cierta tolerancia. Por eso guarda los colores planos!!! 2) Coge la herramienta Gradiente. En la ventana de propiedades la herramienta pon el modo de pintura a "trama" y la opacidad al 12% (como siempre). Pon tambien el gradiente como "Color Frontal a Transparente". Segurate de que el tienes tu objeto seleccionado o pintaras el dibujo entero. Arrastra el gradiente desde el origen de la luz hacia la sombra. Perfecto!!! 3) Coje el pincel y pon el modo "Multiplicar" y opacidad 19%. Usa el Cuentagotas para coger el color que vas a sombrear y pinta alrededor de las areas a sombrear para conseguir esa apariencia a Dibujo Anime. Coge el Aerografo otra vez pon el modo "Multiplicar" y la presion al 6%. Elige un color frio como un azul o purpura desaturado o y suavemente dale un poco al area sombreada con color carne. Te darás cuenta de que la piel se vuelve mas rica y llena. No lo hagas mucho o parecerá dañado. 4) Ahora toca añadir los brillos. Haz "cortes" con las diferentes herramientas de seleccion. Usa el Cuentagotas para coger el mismo color al que vas a aplicarle brillos y pon el modo a "trama" y presion al 12%. Pinta ligeramente en tus selecciones("cortes" haciendo incapie en las zonas que quieras que sean mas claras. Mezcla los brillos con el color base en el borde de los "cortes" y usa la herrramienta del dedo si el borde del brillo es demasiado intenso. Añade reflejos a las zonas sombreadas. Los colores frios van mejor para esto pero asegurate de que hace juego con la luz que le has aplicado. Fijate como su pelo y el borde de su mentón cogen el color reflejado de la luz azul que viene por detrás suyo. La Practica lo hace perfecto! Suerte en tus ejercicios! Objetos Metálicos en Photoshop Paso 1: Gris 50% Sea tu objeto el que sea... empieza con un relleno plano del 50% de gris. Asegúrate de que el objeto tenga una capa para él solo. Paso 2: Samba de la Selección 1) Usando la herramienta de Selección Rectangular haz una selección a "bandas" horizontales por todo el objeto. 2) Haz un Calado de 5 píxels ( Ctrl+Alt+D , o Cmd+Opt+d en MacOS) 3) Abre el diálogo de Niveles ( Ctrl+L ) y aumenta el nivel de Salida de negro hasta un 64, más o menos. Acepta. 4)Con los cursores, mueve la selección unos 8 píxels hacia abajo e inviértela ( Ctrl+I ) Tu objeto debería tener ahora un aspecto tal que así. Probablemente puedas conseguir el mismo efecto manteniendo Shift y haciendo bandas horizontales con el aerógrafo. Tú eliges; sólo asegúrate de que el objeto está en escala de gris y con bandas, como ves aquí. Paso 3: Dale Relieve Si tienes Photoshop 5 o superior, añade un relieve usando los efectos de capa. Una vez creado el relieve, haz una capa vacía bajo el objeto y mézclalas hacia abajo. (Esto une el efecto y el objeto, para trabajar con ellos) Si estas usando Eyecandy... tan solo aplicale un Bevel y siguenos en el paso 5. He aquí la magia. Con la capa del objeto seleccionada, abre el diálogo de Curvas y haz una curva como la que ves aquí. Simplemente arrastra arriba y abajo los puntos de la diagonal. Debería parecerse a esto. Mola, ¿eh? Pero todavía le falta algún detalle. Vamos con él. Paso 5: Coloréalo Pulsa Ctrl+U para abrir el diálogo de Tono/Saturación. Activa el cuadro "Colorear" de abajo a la derecha y dale el color que quieras. Un tono de 225 y saturación 15 dan un bonito cromado azul. Pulsa OK . Paso 6: Enfoca Usa el filtro "Máscara de Enfoque" con opciones parecidas a estas y hará que las partes más oscuras del cromado sobresalgan un poquito, dándole un aire de realismo al efecto. Paso 7: Para acabar, una sombra ¡Ahí lo tienes! Un efecto de Sombra Paralela... quizá un par de destellos y tienes un objeto cromado muy guay sin haber abierto siquiera una aplicación 3D. Paleta de Trazados en Photoshop La paleta de trazados de Photoshop permite gestionar los trazados de una imagen: guardarlos, duplicarlos, rellenarlos, etc. Vamos a verlo con detenimiento. Algunas consideraciones Debes tener en cuenta que, tras dibujar un trazado, éste pasa a la paleta de trazados con la naturaleza de 'Trazado en uso'. Este trazado es únicamente temporal, por lo que tendrás que guardarlo si no quieres perderlo al cerrar la imagen. Para ver un trazado en su ubicación sobre la imagen, selecciónalo de en la paleta haciendo clic sobre él. En Windows, los formatos Photoshop, JPG, DCS, EPS, PDF y TIF admiten trazados. En Mac OS, todos los formatos de archivo disponibles admiten trazados. Apariencia de la paleta 'Trazados' La paleta Trazados muestra el nombre y una imagen en miniatura de los trazados guardados y el que está en uso. Puedes reducir el tamaño de las miniaturas o inutilizarlas para que la paleta ocupe menos espacio en la ventana. Para ello, sigue estos pasos: 1. Haz clic en el botón de flecha situado en la esquina superior derecha de la paleta y, después, en el comando 'Opciones de paleta' del menú emergente. 2. Para eliminar la vista previa del trazado y tener así más espacio elige ‘Ninguno' en Tamaño de miniatura. Esto es útil cuando tenemos muchos trazados y necesitamos navegar por ellos o si ya conocemos por su nombre como es el trazado y no necesitamos la imagen. Para mostrar la paleta ‘Trazados' elige Menú Ventana > Mostrar trazados. Tiene esta apariencia: Administrar trazados Desde esta paleta podrás gestionar los trazados que tengas guardados y el trazado en uso actualmente. Para guardar un trazado en uso, elige Guardar trazado en el menú emergente; después introduce un nombre y haz clic en OK. Para cambiar el nombre de un trazado, haz doble clic sobre su miniatura o sobre su nombre; después introduce el nombre nuevo y haz clic en OK. Para eliminar un trazado, arrástralo al botón ‘Papelera' de la barra inferior de la paleta o elige ‘Eliminar trazado' del menú emergente. Pintando un Personaje en Photoshop Paso 1 : ESCANEO Primero, escaneamos el luego de haber sido remarcado con lápiz tinta y haber borrado la mina, trata de que si escaneas el dibujo sea de un tamaño grande, para ver los errores, y para que luego sea mas fácil pintarlo. escanealo en blanco y negro, para que no aparezcan los errores del dibujo y lo pintes más rápido. Paso 2 : BASE Pinta las partes importantes del dibujo seleccionando la barita mágica de las herramientas, y luego pintas esa parte, hazlo con todo el dibujo. dejaremos la espada para el final. Paso 3 : SOMBREADO Esta parte es fácil pero latosa, es de la siguiente forma. -Con la herramienta para hacer líneas, selecciónale un color, Ej. el de la piel, luego marca la parte por donde será la sombra. luego, con la barita, selecciona la parte de la sombra y la pintas del color escogido. has lo mismo con todo el cuerpo, incluyendo las partes mas obscuras. Paso 4 : SOMBREADO 2 Bueno, se realiza el sombreado con el paso 3, el que vez en este dibujo es un sombreado simple, ósea, de dos colores, puedes hacer un sombreado de mas colores, degradándolo cada vez más a un color más obscuro Paso 5 : CABELLO Y BRILLO Esta parte es simple, demasiado diría yo, las sombras del pelo se hacen exactamente de la misma forma que las sombras del cuerpo, el brillo, tienes que seleccionar la soga ( ) en la barra de herramientas, luego, haces la forma del brillo, y la pintas de blanco. Bueno, aquí esta con la espada y los ojos pintados, todo este procedimiento es simple, no requiere de mucho trabajo, a lo mas 30 minutos, si es que sabes manejarte con los programas. ojalá hayan aprendido los suficiente de como pintar un chao. Rayos de Energía en Photoshop Paso 1: Escoge tu fuente El rayo tiene que venir de algún sitio. He puesto aquí un círculo para el tutorial; pero imagínate que es la boca de un cañón o la mano de alguien, ¿vale? o... quizas de Goku Paso 2: Haz la base del rayo Crea una nueva capa. Usa el lazo poligonal y dale un buen tronco al rayo en perspectiva, como ves aquí. Asegurate de hacerlo en su propia capa. Llénalo con algún buen color de rayo... quedan bien azules, morados, verdes y rojos claros. Asegurate de que es un colo brilante alto en saturacion. Paso 3: Entrando en contacto con tu rayo interior Ahora crea otra capa en blanco sobre el rayo exterior; pulsa Ctrl y pincha en su capa para cargarlo como selección. Contrae la selección unos pocos píxeles y llena esta selección con blanco en su propia capa. Deberías tener algo como lo que ves aqui. Paso 4: Desenfocado Aplica un desenfoque gausiano a las dos capas. Juega con las opciones. Yo usé un desenfoque de 2,5 píxels... tú podrías necesitar más o menos según el tamaño de tu imagen. Esta técnica también sirve para hacer un buen sable láser. Paso 5: snap, crackle, pop En una nueva capa en blanco, coge el pincel, ponlo a 1 píxel, opacidad 100% y modo normal, y traza algunos relámpagos a lo largo del rayo. Paso 5: Resplandor Si tienes Photoshop 5 o superior, puedes aplicar el efecto de capa "Luz exterior" a la capa de los relámpagos. Usa el cuentagotas para seleccionar el color del brillo del propio haz de luz. Tachán. Si yo fuese a usar esto en una imágen, probablemente enfocaría un poco el principio del rayo y añadiría un destello o algún otro brillo al origen. Relámpagos en Photoshop Para empezar, selecciona una herramienta de degradado; en principio vamos a usar el Degradado Lineal. Escoge un color oscuro (negro o azúl oscuro quedan bien) para el cielo y uno claro con el tono que quieras darle al relámpago, como blanco azulado o amarillento. Con esos colores, traza un degradado en una zona/capa vacía, de forma perpendicular a donde quieras que pase el rayo. (NOTA: El rayo aparecerá en la zona intermedia del degradado) Utiliza el filtro Interpretar --> Nubes de diferencia en la misma capa, para producir un efecto de nubes. Ahora un poco de magia: usaremos el cuadro de diálogo "Niveles" (Imágen --> Ajustar --> Niveles). Pulsa Ctrl+L o bien Command+L, según uses Windows o MacOS. En los valores de entrada, desplaza la flecha de los grises (la del medio) hacia la izquierda, más o menos hasta un valor de 5, según el contraste; te quedará el negativo de un relámpago. Vigila el resultado en la visualización, y ve ajustando hasta quedar satisfecho con el grosor. Ahora sólo te falta invertir la imagen ( Ctrl+I o Command+I ) y... Ya tienes un bonito relámpago, de aspecto muy realista. Usando las otras herramientas de degradado se pueden conseguir relámpagos de diferentes formas; por ejemplo, estos están hechos uno con el circular y el otro con el cónico. En este en concreto el rayo se dirige, desde el centro del degradado, en la dirección contraria a la línea del cono (véase la imágen de cómo estaba el degradado). Bueno, Esto fue todo, como siempre no olviden dejar su comentario

Hola a todos! Hoy Googleando encontre estos tutoriales para crear botones, y los quise compartir con ustedes, este post esta dividido en 2 Partes, osea que seria 1 post Parte 1 y otro post la Parte 2; en total son 25 Tutoriales, 14 en en este post y 11 en el otro, espero que les gusten! CLICK PARA IR A LA PARTE 2 Tutoriales: Parte 1 • Botón Circular en Photoshop • Botón con Estilos en Photoshop • Botón Cuadrado en Photoshop • Botón de Agua (otra manera) en Photoshop • Botón de Agua en Photoshop • Botón de Cristal en Photoshop • Botón de Goma en Photoshop • Botón de Inserción en Photoshop • Botón de Menú en Photoshop • Botón de Metal en Photoshop • Botón de Plástico (otra manera) en Photoshop • Botón de Plástico en Photoshop • Botón Estilo Mac en Photoshop • Botón Interior en Photoshop Parte 2 • Botón Píxel en Photoshop • Botón Redondeado en Photoshop • Botón Simple en Photoshop • Botón Trapezoide en Photoshop • Botón Tres en Uno en Photoshop • Botón Web en Photoshop • Botones 3D Básicos en Photoshop • Botones en Barra Metálica en Photoshop • Botones Hundidos en Photoshop • Botones Insignia en Photoshop • Botones Pequeños en Photoshop Botón Circular en Photoshop Crea una nueva imagen de 200 X 200 px con fondo blanco, en modo RGB (RVA en castellano) Crea un nuevo layer Layer > New > Layer Toma la herramienta Eliptical Marquee y crea una selección circular sobre el Nuevo Layer con las siguientes características: Feather = 0 px Anti-alised = Verificado (con tilde) Style = Fixed Size Width = 160 px Height = 160 px Aplica un Degradado con estas características: Te quedara algo asi : La siguiente etapa es crítica. Se preciso. Select > Modify > Contract Contract By = 15 px Select > Modify > Smooth Sample Radius = 20 px Aplica el degradado nuevamente, solo que esta vez en dirección contraria y proporción a esta nueva selección que es mas pequeña. Repetimos la dosis, pero esta vez con pequeñas variaciones Select > Modify > Contract Contract By = 5 px Select > Modify > Smooth Sample Radius = 20 px Este paso es opcional. Cuestión de gustos. Select > Feather Feather Radius = 1 px (Opcional) Rellenamos la selección por última vez con la dirección que usaste la primera ocasión. Hasta este momento tienes un bonito botón, pero sin vida. Pues hay que dársela. Primero al centro, que ya esta seleccionado Edit > Fill Image > Adjust > Hue / Saturation Colorize = Verificada (con tilde) Hue = 0 Saturation = 100 Lightness = 0 Ahora el borde Select > Inverse Image > Adjust > Hue 7 Saturation Colorize = Verificada (con palomita) Hue = 5 Saturation = 70 Lightness = 0 Deselecciona Select > Deselect Para Fondos Claros: Carga la selección de tu botón Select > Load Selection Channel = Layer 1 Transparency Crea un Nuevo Layer y ponlo entre el Layer 1 y el Background Layer > New > Layer Rellénalo de negro y difumínalo Select > Deselect Filter > Blur > Gaussian Blur Radius = 2-3 px El resto corre por tu cuenta Botón con Estilos en Photoshop Abre un nuevo documento de 210 X 210 con fondo negro, en modo RGB (RVA en castellano) Crea un nuevo layer - Layer > New > Layer Toma la herramienta Selection y crea un circulo con los siguientes. parámetros: - Feather = 0 px - Anti-alised = Verificado (con palomita) - Style = Fixed Size - Width = 130 px Height = 130 px Y rellenamos de Blanco con la herramienta Paint Bucket, Debemos ver esto. Deselecciona Select > Deselect Ahora viene lo bueno, usando los estilos de capa de Photoshop obtendremos el resultado final. simula los parámetros de las imágenes. - Layer > Layer Style > ... Y eso es todo. Botón Cuadrado en Photoshop 1) Hacemos una nueva Capa: Ctrl+N Con la herramienta de la selección rectangular. Mantenemos la tecla mayúscula y hacemos un cuadrado pequeño. 2) Pulsamos "D" y luego "X" en el teclado para poner en primer plano color blanco y fondo negro. 3) Seleccionamos la herramienta de degradé. Mantenemos la tecla mayúscula y pulsamos el botón arriba en la esquina izquierda y arrastramos un poco pasando la parte inferior de la esquina derecha como se muestra en la figura. 4) Select>Modify>Contract . Aproximadamente 5 y pulsamos el botón OK. Vamos a Select>Feather , entramos 1 y pulsamos el botón OK. 5) Luego elegimos la herramienta degradé y llenamos como en el Paso 3, pero a la inversa de abajo hacia arriba. Ahora Deseleccionamos: Ctrl-D 6) Luego colorizamos el botón: Yendo a Image >Adjust> Hue/Saturation . Tildamos la casilla donde dice "Colorize." Saturación 70. Movemos el Color hasta que encontremos uno que nos gusta. 7) Por último agregué una sombra yendo a la Sombra de Layer>Effects>Drop . 8) Agregarle lo que ustedes quieran! Botón de Agua (otra manera) en Photoshop Abre un nuevo documento de 150 X 150 px con fondo blanco, en modo RGB (RVA en castellano) Crea un nuevo layer - Layer > New > Layer Toma la herramienta Heliptical Marquee y crea una selección circular con los siguientes parámetros: - Feather = 0 - Antialias = Verificado - Style = Fixed Size - Width = 100 px Height = 100 px Ahora con la herramienta de Degradado y aplicamos de arriba hacía abajo, dentro de la selección. Este es el gradiente usado y este el resultado Sin perder la selección, crea un nuevo Layer - Layer > New > Layer Reduce la selección en 5 px. - Select > Modify > Contract Aplica un poco de Feather - Select > Feather - Radius = 5 px Ahora pon al blanco como tu color de frente, luego, con la herramienta Gadient selecciona Foreground to Transparent, como ves en la imagen. Deselecciona - Select > Deselect Y obtienes este que es un muy bonito botón de agua al al cual ahora nos resta agregarle un poco mas de realismo. Posiciónate sobre la capa del gradiente azul, y aplica una ligera sombra. Layer > New Layer Style > Drop shadow Aplica los siguientes valores: Y llegamos a un primer resultado. Si tu botón lo usaras sobre un fondo con textura solo reduce la transparencia de la capa del gradiente azul a valores de entre 90 y 80%, en este caso se redujo a un 85%. Botón de Agua en Photoshop Vamos a crear un espectacular botón que aparentará estar hecho con agua. 1. Crea un nuevo dibujo y en "Channels" haga con la ayuda de "Rectangle Marquee Tool" un rectangulo. 2 . Luego haga "Filters > Blur > Gaussian Blur" con "radius=9.2 pix." 3. Ahora nos trasladamos a "Image>Adjust>Levels". Y hacemos de acuerdo al dibujo de abajo. Nuestro boton ya esta casi listo. 4 . Presionando "Ctrl" hagan click en el canal "Alpha 1". Luego volvemos a Layers. Crea una nueva capa (Ctrl+Shift+N) y pinte la seleccion con el color azul (N°= 006BFD) 5. Ahora use el instrumento "Rectangle Marquee Tool" y presionando "Shift" traslade lo seleccionado con botones "Arriba" "Abajo". Luego presionando "Ctrl+Alt " haga click en "Layer 1". 6. Ahora de vuelta presionando "Shift" y el boton "Abajo" en su teclado para trasladar su seleccion abajo. Crea una nueva capa "(Ctrl+Shift+N)" "Layer 2". Presione "D" y luego "X" para elegir el color. 7. Ahora vamos a "Gradient Tool". Luego regule la intensidad de color de acuerdo al dibujo de la derecha. El "gradient" tiene que tener lo siguiente "Foreground to Transparent" . 8. Pintamos la seleccion con el "gradient". Saque la seleccion (Ctrl+D). Luego haga una copia de la capa (Layer > Duplicate Layer) y haga "Edit > Transform> Rotate 180". Trasladamos la seleccion abajo. Cambiamos "Layer" de "Normal" a "Color Dodge" con opacity "Layer 2 Copy" igual a 62. 9. Haga click en "Layer 2 Copy" y vaya a Filters > Blur > Gaussian Blur" con radio de 1.6 pix. Solo queda hacer la sombra "Layer>Effects>Drop Shadow". Eso es todo! Nuestro boton de agua esta listo! Botón de Cristal en Photoshop Abrimos una imagen de fondo blanco, hacemos una capa nueva y con la herramienta de marco rectangular seleccionamos un rectangulo mas o menos fino depende de como queramos el botón y nos vamos a selección>modificar>suavizar marcamos 5 pixels o mas dependiendo del tamaño del botón y lo rellenamos de negro: Bien ahora lo mas entretenido, nos vamos a opsiones de fusión en la capa del botón y configuramos siguiento estos pasos: A continuación procedemos a modificar los parámetros de la sombra para darle volumen. Los parámetros se pueden ver en la imagen que viene justo debajo: A continuación aplicaremos las opciones de Bisel y Relieve que veremos en la imagen que hay debajo. A partir de aquí el botón ya tendrá buen aspecto. En los siguientes dos pasos aplicaremos satinado y superposición de colores a nuestro botón. Ya casi hemos llegado al final. Y ya esta, ya tenemos nuestro botón de cristal, ahora dependiendo de la capa de fondo le daremos un toque diferente: Supongo que te habras dado cuenta de las posibilidades que tiene este tutorial no? Botón de Goma en Photoshop Vamos a realizar un botón que aparenteará estar hecho de Goma en unos sencillos pasos. Para ampezar abrimos el fondo donde queremos poner este tipo de botón: En una capa nueva. Cojemos la herramienta de marco eíptico y manteniendo pulsada la mayúscula hacemos un cículo perfecto que lo rellenaremos con la herramienta de degradado radial de esta forma: Dejamos la selección aun, ya que ahora nos tenemos que ir a selección>modificar>contraer y lo ajustamos a 10 pixel en nuestro caso (en tu caso depende de como hayas hecho de grande el botón) y rellenamos la selección ahora mas pequeña con el graduado radial en una esquinita para que nos quede este efecto: Bien ya tenemos casi hecho nuestro botón, ya solo configuramos lo siguiente en opciones de fusión en la capa donde tenemos el botón y listo: Aplicamos los estilos de bisel y relive para que el botón sobresalga del plano y tenga más aspecto de botón. Los ajustes dependiendo del botón podran variar un poquitin pero eso te lo tienes que currar ya tu, de manera que ya tenemos hecho nuestro botón de goma Botón de Inserción en Photoshop Abrimos una imagen de 300x100 pixels de fondo blanco, hacemos una barra con la herramienta de degradado y abrimos una capa nueva donde hacemos una selección rectangular como se ve en la siguiente imagen: Ahora nos vamos a selección>modificar>suavizar y lo ajustamos a 3 pixels: Vemos que nuestro rectángulo se redondea y lo rellenamos con la herramienta de degradado, despues de rellenarlo deseleccionamos y hacemos dos barritas de 1pixel de ancho a los lados del botón así: Ahora nos vamos a opciones de fusión en la capa del botón y las barritas y lo configuramos siguiendo estos pasos: Aplicamos los estilos de bisel y relive para que el botón sobresalga del plano y tenga más aspecto de botón. Y ya esta ya solo nos queda poner nuestro texto dentro del botón ajustarlo y en la capa del texto irnos a opciones de fusión para configurarla asi: Y de END !! ya tenemos nuestro botón de inserción acabadoooo Botón de Menú en Photoshop Vamos a realizar una botonera, o menú, en forma horizontal, como podemos ver justo debajo de este texto. Como viene siendo habitual, todo se hará paso a paso, de forma sencilla. 1. Crea un nuevo dibujo con el tamano 500x40 pix. 2. Haga una nueva capa y con Rectangular Marquee Tool haga una seleccion. 3. Pinte la seleccion con Gradient Tool. 4. No sacando la seleccion, haga una nueva capa y vaya a Select > Modify > Contract 3 pix. Ahora disminuimos nuestra seleccion y ahora hay que bajarla por 3 pix. con la tecla "abajo". 5. Pinte la seleccion con Gradient Tool. 6. Haga una nueva capa y con Rectangular Marquee Tool haga una seleccion para los botones. 7. Pinte la seleccion con Gradient Tool. Eso es todo! Solo falta hacer sombras. Vaya Layer > Layer Style > Drop Shadow o Bevel and Emboss. Botón de Metal en Photoshop 1. Haga un nuevo dibujo con el tamaño aproximado de 240*70 pix., y luego crea una nueva capa. Con Restangular Marquee Tool haga un rectangulo. Con la ayuda de Reflected Gradient pinte asi como se muestra en el dibujo de la derecha. Despues saque la seleccion (Ctrl+D). 2. Ahora haga otro rectangulo, pero mas pequeño. 3. Vaya a Channels y haga un nuevo channel Alpha 1. Pinte la seleccion con color blanco. Despues Deselect (Select > Deselect). Y ahora Filter > Blur > Gaussian Blur > Radius (5 pix., el radius depende del tamaño del boton). 4. Ctrl+L con las parametros de acuerdo al dibujo de abajo. http://www.todo-photoshop.com/images/tutoriales/botones/metal5.gif 5. Apretando Ctrl haga click en el channel y vaya al menu de capas. Haga una nueva capa (Ctrl+Shift+N) y pintela con gradient de color negro-blanco. 6. Haga una nueva capa (Ctrl+Shift+N). Luego Select > Modify > Contract=2 pix. Haga Set Foreground de color que quiera, pero Set Background tiene que ser blanco (R:255 G:255 B:255). Luego tome Linear Gradient Tool y pinte la seleccion de arriba por abajo. Ahora haga Edit > Stroke con los siguintes parametros : Width: 1 px Color:negro Location: Inside Mode: Normal Opacity: 100 %. 7. Haga una nueva capa (Ctrl+Shift+N). Con Restangular Marquee Tool y apretando ALT elimine la parte de abajo de la seleccion y luego Select > Modify > Contract : 2px. Con Linear Gradient Tool pinte la seleccion de arriba por abajo. Set Foreground R:255 G:255 B:255 y Set Background de color que quiera. Ahora haga Duplicate de la capa donde tiene la seleccion. Edit > Transform > Rotate=180°. Esto hicimos para poner la parte de arriba por abajo. Hay muchos metodos para hacer un boton de plastico, pero yo les digo el metodo mas facil. Esto es lo que tenemos como resultado final, con color azul y con color rojo! Botón de Plástico (otra manera) en Photoshop Abre un nuevo documento de 250 X 250con fondo blanco, en modo RGB (RVA en castellano) Crea un nuevo layer Layer > New > Layer Toma la herramienta Selection y crea un circulo con los siguientes. parámetros: Feather = 0 px Anti-alised = Verificado (con tilde) Style = Fixed Size Width = 200 px Height = 200 px Guarda la Selección Select > Save Selection Nómbrala Selección "uno" o como quieras Rellénalo con color blanco con el Paint Bucket . Crea un Nuevo Layer Layer > New > Layer Toma la Herramienta Radial Gradient y rellena el circulo: Crea un Nuevo Layer Layer > New > Layer Toma la herramienta Radial Gradient y rellena el circulo Ahora ajusta la opacidad de estos dos últimos layers al 75% Crea otra Nueva Capa Layer > New > Layer Reduce la selección Select > Modify > Contract Contract by: 10 px. Toma la herramienta Eliptical Marquee y ajusta sus parámetros así: Feather = 0 px Anti-alised = Verificado (con palomita) Style = Fixed Size Width = 250 px Height = 250 px Con la tecla Alt presionada corre del extremo inferior derecho hacia el superior izquierdo formando una luna casi menguante como ves en la imagen. Aplica un poco de Feather Select > Feather Radius = 5 Rellena la selección de color blanco y esto resultará. Duplica la capa de la media luna. Layer > Duplicate Layer Luego presiona Ctrl + T y gíralo, bájalo y redúcelo hasta quedar como ves. Presiona Enter para quitar el recuadro de Transformación y Deselecciona presionando Ctrl + D. Reduce la opacidad de la luna superior al 90% y al 60-70% el de la luna inferior (menor). Ahora colócate en la primera capa que creaste y carga la selección que gravaste al inicio del tutorial. Select > Load Selection Selection = Uno (en mi caso) Rellénala con el Color que desees para tu botón que es rojo en este caso. Hasta este punto luce extraordinariamente bien, pero le falta un poco de realismo. Sobre esta misma capa aplica Sombra y Bisel Layer > Layer Style > Drop Shadow Layer > Layer Style > Bevel and Emboss No hagas ningún cambio, en ambos casos los parámetros son correctos. Y si no lo cree, echa un vistazo al agregarle un poco de letras. Botón de Plástico en Photoshop Abre un nuevo documento de 100 X 80 con fondo blanco, en modo RGB (RVA en castellano) Crea un nuevo layer - Layer > New > Layer Toma la herramienta Rounded Rectangle y selecciona el color deseado (preferentemente oscuro). Luego forma el botón como ves en la imagen. Con la herramienta Magic Wand toca la figura para seleccionar el campo. Aplica un efecto Blur - Filter > Blur > Gaussian Blur - Con un valor de 4 (ajustable a tus necesidades) Sin perder la selección, crea un nuevo Layer - Layer > New > Layer Toma nuevamente la herramienta Rounded Rectangle y selecciona el color que deseas para el brillo (regularmente es blanco o colores muy claros) y crea una línea gruesa como ves en la gráfica. Difumínala con Blur - Filter > Blur > Gaussian Blur - Con un valor de 4 Crea otro Layer Layer > New > Layer Dibuja una segunda línea con el mismo color claro, solo que esta vez en la parte inferior del botón. Desactiva el Layer Background como lo muestra la primera imagen. Luego une el resto de los Layers - Ctrl + Shift + E Reduce la selección - Select > Modify > Contract - Con un valor de 2 Ahora asegurate de que el botón este perfectamente redondeado - Select > Modify > Smooth - Con un valor de 3 - 4 Invierte la selección - Ctrl + Shift + I Presiona la tecla Supr (delete) para borrar. Deselecciona luego - Crtl +D Y listo. He allí el susodicho Botón Plástico. Puede funcionar con casi cualquier combinación de color. Para el texto selecciona preferentemente colores que contrasten con el azul. Si le agregas sombra (Layer > Layer Style > Drop Shadow) puede agradarte mas. Botón Estilo Mac en Photoshop Creamos una imagen del tamaño que queramos, yo le he hecho de 200 x 200 y dentro creamos un cuadrado pero con las esquinas redondeadas, para eso utilizaremos esta herramienta y hacemos el rectangulo con las esquinas redondeadas no muy grande. En el panel de Path clicamos en este boton . Lo rellenamos de cualquier color . Y ya podemos empezar a darle estados de fusion [ Bleding options ] Añadimos sombra exterior muy suave y corta, que prácticamente no se notará y luego, la sobra interior, que se apreciará mucho más que la sombra exterior. Finalmentente añadimos un degradado y efecto de movimiento para acabar con un botón al estilo Mac. Resultado... Fácil ¿no? Botón Interior en Photoshop Crea una imagen de 125 x 125 px con fondo blanco, en modo RGB (RVA castellano) Crea un Nuevo Layer - Layer > New > Layer Toma la Herramiena Marco Elipce y crea una selección ciercular sobre el Nuevo Layer con las siguientes características: - Feather = 0 px - Anti-alised = Verificado (con tilde) - Style = Fixed Size - Width = 100 px y - Height = 100 px. Aplica un Gradiente Radial parecido a este.. Ahora tienes algo así Guarda la selección - Select > Save Selection Crea una Nueva Capa - Layer > New Layer Rellénalo con color negro con la herramienta Paint Bucket Toma ahora la Herramienta Elliptical Marquee y crea una seleccion como ves en la imagen, luego prsiona Supr (delete) Deselecciona - Select > Deselect Desenfoca ahora - Filter > Blur > Gaussian Blur - Radius = 15 px Cambia la opacidad esta capa al 50% Carga su selección que guardaste - Select > Load Selection Invierte la selección - Select > Invert Presiona Supr (delete) para eliminar el exceso después del blur. Invierte la selección una vez mas - Select > Invert Crea un Nuevo Layer - Layer > New > Layer En la paleta de Layers baja este último y colócalo entre el Layer 1 y el Background como se te muestra en la imagen. Aumenta el tamaño de la selección - Select > Modify > Expand - Expand By = 3 px Rellénalo con color negro con la herramienta Paint Bucket Deselecciona - Select > Deselect Y finalmente desenfoca un poco - Filter > Blur > Gaussian Blur - Radius = 3 px Bueno gracias por pasar por mi post, pronto la parte 2, dejen su comentario

Hola a todos! Ahora les dejo la 2º Parte del post de creacion de botones! CLICK PARA IR A LA PARTE 1 Botón Pixel en Photoshop Este efecto es perfecto para botoneras pequeñas, es facil de crear y muy util. Para empezar crearemos la imagen y en ella con la herramienta lapiz y creamos el contorno del que sera nuestro boton. Y lo rellenamos bien a mano o con el bote de pintura del color que queramos que sea nuestro boton, en este caso blanco. Ahora añadiremos algunos efectos, damos click con el boton derecho del raton encima de la capa y seleccionamos Opciones de fusion (Bleding options), añadimos una sombra interior (Inner shadow) y le aplicamos las siguientes opciones. En la ventana de estilos, vamos a trazo (stroke) y ponemos los siguientes parámetros para que el botón quede marcado. Ahora ya tendremos el boton creado, pueden hacer sus pruebas y con una pixel font quedaran bonitas botoneras.Aquí tenemos el resultado final. Botón Redondeado en Photoshop 1. Comenzamos con una imagen nueva de 150x75 pixels. Trazamos una selección circular en un costado de la imagen con la herramienta de marco elíptico. 2. A continuación trazamos una líneas guía que pasen por el centro de la selección circular, es muy fácil de hacer porque las guías se acomodan solas en el centro. NOTA: Si no saben hacer las lineas entren aqui 3. Ahora ampliamos un poco la imagen para trabajar más cómodos (presionar Ctrl junto con la tecla "+", con la herramienta de selección rectangular matenemos presionada la tecla SHIFT y trazamos un rectángulo desde la parte superior del cículo (en este caso las líneas guía son de gran ayuda si tienen mal pulso). 4. Volvemos a poner el ZOOM de la imagen como antes (presionar Ctrl junto con la tecla "-", creamos una capa nueva y llenamos con el bote de pintura la selección de algún color a la moda 5. Duplicamos la capa y la rotamos horizontalmente ( edición/transformar/voltear horizontal edit/transform/flip horizontal ), y después la movemos un poco de tal forma que junto con la otra capa formar la forma que estamos buscando. 6. Ahora hay que unir la capas, para eso hay que hacer un click en el pequeño casillero que indica la imagen de la izquierda, de esta forma aparece una cadenita y las capas quedan "enlazadas", ahora presionando las teclas Ctrl y E las capas enlazadas se unen y forman una única capa. 7. Por último podemos aplicarle algún efecto de capa al botón para darle relieve ( capa/efectos de capa/inglete y relieve layer/layer efects/bevel and emboss ) y escribir algo... Botón Simple en Photoshop Bueno en este articulo les enseñare a hacer facil y rapido botones para lo que quieran, primero creamos una imagen para hacer botones chiquitos les recomiendo que usen un tamaño como 90 X 26 Pixels Ahora tocamos click derecho en la capa de fondo y ponemos Opciones de Fusion (Bleding Options) y añadimos los siguientes efectos: Primero empezamos con un Sombra Interior y ponemos los siguientes valores: En la misma ventana de Estilo de Capa vamos a la sección Bisel y Relive y ponemos los valores que veremos en la imagen que hay justo debajo de este texto. Con esto haremos que le botón parezca que "sale" de la pantalla. Ahora activamos el casillero de Contorno y ponemos estos valores: En la misma ventana de estilos d ecapa, en la sección "Satinado" ponemos los siguientes parámetros. Atencion: no se vera a menos que activen el casillero de Superpocision de Colores y pongan un color! Aquí les dejo un ejemplo en Rojo: Botón Trapezoide en Photoshop Bien abrimos una imagen de 300x100 pixels y con la herraienta de marco rectangular hasemos una selección, abrimos una capa nueva y la rellenamos la selección con el degradado de reflejo de esta forma: Bien a la barra le hemos puesto una sombra llendonos a opsiones de fusión y a sombra paralela en la capa de la barra, habiendo hecho esto ahora vamos a ir a por el botón, con la herramienta de lazo poligonal manteniendo la mayúscula pulsada hacemos la selección nuestro botón asi: Bien ahora viene lo mas entretenido, con la herramienta de degradado lineal le hacemos un degrado asi: Ya solo nos queda contraer la selección, para ello nos vamos a selección>modificar>contraer y lo ajustamos a 1 pixel o 2 según queramos: Ahora volemos a cojer la herramienta de degradado lineal y cambiando el color negro que habiamos seleccionado para hacer los anteriores degradados, por el color que queramos darle al botón, le hacemos un degradado lineal asi: Bien ya tenemos nuestro botón romboidal, solo nos queda ponerle el texto que eso lo dejo en tus manos! Botón Tres en Uno en Photoshop Crear una imagen nueva en modo RGB (RBA castellano) con fondo blanco. Esta imagen es de 200 X 100. Crea un nuevo canal haciendo clic sobre el icono de New Channel (en la paleta de canales (channels). Tu imagen deberá cambiar de blanco a negro. Toma la herramienta Rectangular Marquee y usa los siguientes parámetros: Style = Fixed Sixze Width = 160 px Height = 60 Haz clic sobre tu imagen. Luego Rellena el recuadro con blanco. Deselecciona Select > Deselect Ahora redondea los bordes Filter > Blur > Gaussian Blur Radius = 15 Quedará algo como esto: Ahora define la figura Image > Adjust > Levels Vuelve a la paleta de Layers y crea uno nuevo Layer > New > Layer Carga la selección del Canal Alpha 1 Select > Load Selection Channel = Alpha 1 Toma la herramienta Gradient y escoge el gradiente que deseas aplicar a tus botones. Este se uso aquí. Haz clic en la parte inferior de la selección y sin soltar el botón del Ratón correlo hasta la parte superior y suéltalo allí.Ahora tienes algo así: Ahora viene el primer borde Select > Modify > Contract Contract By = 4 px Select > Feather Radius = 2 px Aplicamos nuevamente el gradiente, pero esta vez a la inversa, arriba - abajo. Aquí tu botón luce realmente bien, pero falta algo mas. Select > Modify > Contract Contract By = 4 px Select > Feather Radius = 2 px Aplicas el gradiente por última vez (lo juro), pero esta vez como lo hiciste por primera ocasión. Finalmente Deselecciona y listo. Select > Deselect De primer grado. Y si fuiste observador en realidad fueron tres posibles botones por el mismo precio todos, y si no los viste aquí están nuevamente. Botón Web en Photoshop Los botones son una parte importante del diseño de una web. Con éste tutorial aprenderemos una sencilla forma de hacer botones. El método que veremos a continuación puede aplicarse a cualquier figura con formas redondeadas. 1) Comenzamos creando un nuevo documento (CTRL+N). Elegimos el color 161,161,161 de frente y llenamos el fondo con la herramienta "bote de pintura" o presionamos ALT+Backspace. Creamos una nueva capa (SHIFT+CTRL+N) y en ella con la herramienta elipse creamos un óvalo. Lo llenamos con el color 131,131,131 . A este layer lo llamaremos "original". 2) Haciendo CTRL+Click sobre esta capa, la seleccionamos. Creamos una nueva Capa, vamos a Selección>Calar y aplicamos 4 píxeles de valor. Luego contraemos la selección (Selección>Modificar>Contraer) otros 4 píxeles. Invertimos la selección (SHIFT+CTRL+I) y la llenamos con color Negro (D y luego Shift+F5 o bien con la herramienta "bote de pintura". Hacemos CTRL+Click en la capa "original" para obtener su selección, invertimos y borramos (Delete). Luego, bajamos la opacidad de esta capa a un 70%. 3) Creamos una nueva capa y cargamos la selección haciendo CTRL+Click en la capa original. Movemos la selección con las flechas 10 píxeles hacia abajo y 10 hacia la derecha e invertimos la selección. Mientras mantenemos presionadas las teclas SHIFT+CTRL+ALT, hacemos click en la capa "original". Nos quedará la intersección, luego contraemos la selección (Selección> Modificar> Contraer) 4 píxeles y vamos a Selección>Calar con un valor de 2 píxeles. Finalmente, llenamos lo que nos queda con el color Blanco. Para terminar este paso, deseleccionamos (CTRL+D). 4) Creamos otra capa, presionamos D y luego vamos a Filtro> Interpretar> Nubes. Luego vamos a Filtro> Interpretar> Nubes de diferencia. Cambiamos el modo de esta Capa de Normal a Sobre exponer Color. Cargamos la selección de la capa original haciendo CTRL+Click sobre ella, invertimos la selección y borramos lo que sobra. 5) Finalmente, volvemos a hacer CTRL+Click sobre la capa original para seleccionar el óvalo, elegimos el color Blanco como color de frente y vamos a Editar> Contornear. Usamos 2 píxeles y la opción "Fuera". Presionamos CTRL+U para modificar el Tono/Saturación, marcamos la casilla que dice Colorize y en el valor de Tono , escribimos por ejemplo, el valor 218. 6) Para finalizar, podemos añadirle sombra Botones 3D Básicos en Photoshop Crea un archivo de 200X200 "pixels" para que tengas bastante espacio para trabajar en este botón, y haz una selección circular perfecta como se muestra en la imagen. Usando la herramienta de degradado radial haga un degradado con la dirección que se muestra en el dibujo y deseleccione el circulo. Bien, desde el centro del circulo, haz una selección circular más pequeña. Ahora rota la selección 180 grados, (Edición>Transformar> Rotar 180°). Contrae la selección 2 pixels (Selección>Modificar>Contraer) y lueago rótala de nuevo 180° tal como se hizo en el paso 3. Luego para darle color al botón dirígete a (Imagen>Ajustar>Tono Saturación) y cambie los valores, asegúrate que la casilla que dice "colorizar" esté marcada. Botones en Barra Metálica en Photoshop 1. Abrimos una nueva imagen de 400x50 px.Luego tomamos Rectangular Maruqee Tool y hace,os un cuadro y lo rellenamos asi que quede como muetra en la imagen. 2.Ahora nos vamos a Layer > Layer Style > Drop Shadow y colocamos los valores como muetra la imagen. Ahora nos vamos a Overlay Gradient Finalmente, para acabar con la barra básica vamos a la sección "Stroke" de la ventana de estilos y ponemos los siguientes parámetros para "reseguir" el borde. Nos quedara algo como esto. 3. Ahora duplicamos el layer y hacemos invisible el layer duplicado dandole click en el ojito. Ahora seguimos trabajando con el Layer original.LE hacemos unos cuantos efectos con el Rectangular Marquee Tool,cojemos le hacemos un cuadrito y le damos a suprimir o delete.Y tendremos algo como esto. 4. Ahora le damos al ojito de nuevo en el layer que hicimos invisible y precionamos CTRL + T y le reducimos la anchura un poco. Ahora le hacemos unas inset lines.Para hacer estas inset lines ponemos un nuevo Layer,Luego tomamos el Pincel Tool y hacemos unas lineas parecidas a estas: y le cambiamos el mode del Layer a Soft Ligh y nos quedara algo asi: Llegado a este punto tendremos una barra como la que se muestra justo debajo de este texto. Ya sólo nos queda hacer lso recortes para cada botón e incluir el texto de cada botón. 5. Ahora le escribimos un texto y seguimos con el mismo paso de las inset y el paso del Recatngular Marquee Tool hasta que tengamos algo asi. Esta barra es super personabilizable pueden hacerle grandes cambios y queda super buena . Botones Hundidos en Photoshop En esta oportunidad aprenderemos a realizar unos vistosos botones con Adobe Photoshop para incorporar a tu sitio. 1) Primero necesitaremos hacer los botones. 2) Primeramente hacemos una nueva capa. Luego hacemos la forma del botón con la herramienta de selección, llenamos la selección con degradé de azul claro a negro. Nombre esta capa "Botón off". 3) Pulsamos el botón en la capa del Fondo y entonces hacemos una nueva capa, esta nueva capa debe estar debajo de la capa "botón off ". 4) Luego, mientras la selección todavía está activa, vamos a Selection>Modify>Expand , entremos 3 y pulsamos el botón OK. Ahora llenamos la selección de blanco a negro con degradé. Arrastramos un poco por encima del botón. Esto crea una intercalación tras el botón. Ahora el deseleccionamos ( Ctrl+D ). Ya es tiempo para agregar algún texto dentro del botón. 5) Duplica " Botón off " arrastrándolo al icono de nueva Capa. Nombramos la capa " Botón on " . Escondemos esta nueva capa pulsando el botón en el "ojo" al lado de él. Ahora ponemos atrás el "botón off" capa y hacemos una sombra pequeña con la Capa de Efectos yendo a la Sombra de Layer>Effects>Drop . Una distancia de 3 y un blur de 3. Esta sombra es optativa pero da una ilusión para resaltarlo más aún. 6) Hacemos invisible la capa" Botón off". Activamos "Botón On" Vamos a Layer>Effects> Drop shadow . Pulsamos el botón OK. Movemos esta capa abajo 1 pixel y a la derecha 1 pixel con los cursores. Si tenemos texto, movemos el layer (s del texto) abajo 1 pixel y a la derecha 1 pixel. Botones Insignia en Photoshop Resultado Pasos a seguir 1. Crear un documento de 300x300px, fondo blanco, 72ppp de resolución, modo RGB 2. Con selector elíptico crear un círculo que ocupe casi toda la superficie (260x260px) 3. Crear nueva capa y llamarla "anillo exterior" 4. Poner como color frontal # D0ECF8 y como color de fondo #2997C4 5. Seleccionar herramienta de degradado lineal con los colores anteriores y aplicar en diagonal desde la esquina superior izquierda a la inferior derecha 6. Ir al menú Selección -->Transformar -->Escala al 85% proporcional 7. Crear nueva capa y llamarla "anillo interno" 8. Crear desde la herramienta degradado un gradiente que contenga como valores: a la izquierda= #1F5978, a la derecha= #49A5D4 y al 40% (ver imagen) = #3C83BB (img degrade) y aplicar con degradado lineal como en el paso 5 9. Un vez creado el botón pasamos a aplicarle uno o varios efectos de capa: sombra paralela, sombra interna, bisel y relieve, etc 10. Una vez creado los efectos al botón pasamos a colocar la imagen, texto o número sobre el botón. Crea una nueva capa e inserta la imagen, texto o número con efectos de capa dale bisel y relieve. Aqui te dejo otras variantes: Botones Pequeños en Photoshop 1) Para empezar crearemos una imagen de 100*100, tomamos nuestra herramienta de marco rectangular y seleccionamos en estilo: tamaño fijo con las medidas de 52*13 px 2) Ahora tomamos nuestro bote pintura () y rellenamos la seleccion del color que guste en este caso use el #E2DDDD 3) Ahora presionamos Ctrl + D para deseleccionar y nos vamos a Capa » Estilo de capa » Opciones de fusion y en Bisel y Relieve ponemos los siguientes valores: 4) Despues nos pasamos a Trazo el color usado para el trazo es #333333 5) Y listo ya solo falta agregar nuestro texto Ejemplo: Bueno, gracias por pasar, no olvides dejar tu comentario

Crear un juego no es para nada fácil, es por eso que se usan decenas de programadores y millones de dólares. Y aún si es un proyecto independiente, requiere de mucho tiempo y dedicación. A menos claro, que estén usando la aplicación gratuita StencylWorks, que permite crear juegos Flash sin tener que saber nada de programación. Este programa permite crear escenas con escenarios y actores para luego darle comportamientos a cada uno.Se trata de una herramienta muy simple, con un nivel de complejidad sin límite. Puedes crear un juego tan complejo o simple como quieras. Aunque hacer juegos AAA es prácticamente imposible sin el dinero y el conocimiento necesario, hemos visto una buena cantidad de herramientas que te permiten crear tus propios juegos de plataformas o aventuras gráficas sin tener que saber sobre programación. Algo similar ocurrió con GameBrix, que te permitía crear juegos Flash, sin un mayor requerimiento que ganas de experimentar. El problema, es que se trataba de un servicio pago. Para quienes buscaban una alternativa gratuita, puedo recomendarles StencylWorks, una herramienta para “hacer juegos Flash en un flash”. Lo primero que debes hacer, es descargar el cliente gratuito de 40MB e instarlarlo. Luego te registras, un proceso que no toma más de cinco minutos y, ya dentro, podrás elegir hacer el tutorial, que tiene una duración de 30 minutos y te explica los conceptos básicos, además de acostumbrarte a las varias herramientas que estarás utilizando para hacer tus juegos. Al terminarlo puedes pasar a trabajar en tu juego. Lo primero que te preguntará es el tipo de juego que quieres hacer, para lo que ofrece una buena cantidad de géneros, como acción y aventura, shooter espacial, juego de puzzles, entre otros. Sino también tienes la posibilidad de empezar desde cero. El segundo paso inicial es elegir el nombre, una descripción, con la que los usuarios identificarán tu juego en los diferentes portales y el tamaño de la pantalla. Una vez terminado el proceso inicial, tendrás acceso al programa en sí, el cual es muy fácil de entender a primera vista, gracias a la barra de la izquierda, que divíde los diferentes aspectos que componen al juego. Aquí puedes encontrar a los actores, es decir los personajes; los fondos, las tipografías, las diferentes escenas, los sonidos y los comportamientos para los actores y las escenas. Ya sea para los actores o los escenarios, el programa incluye una buena cantidad de elementos que puedes utilizar, también puedes crearlos e importarlos o buscarlos en la web y llevarlos al programa. Una vez que tienes tus actores y tus escenarios, creas escenas. Ubicas cada uno en su posición inicial y luego pasas a darles comportamientos. Esto dictará lo que pueden hacer y lo que no en cada escena particular. Aquí pasas probablemente al sistema más complejo de Stencyl, pero es simplificado con una interfaz que te permite arrastrar comportamientos predeterminados y hacer las combinaciones que quieras. Mediante este simple sistema puedes darles comportamientos a actores, activar sonidos en momentos específicos, hacer aparecer texto, saltar a otras escenas y muchas cosas más. Y como si la barra de la izquierda no mantuviese todo organizado, Stencyl también hace uso de pestañas para que cada vez que abras una ventana, puedas volver rápidamente a la pantalla principal y alternar entre ambas. Esto permite un alto grado de comodidad y velocidad, porque si quieres, hasta puedes trabajar en dos niveles diferentes simultáneamente. Stencyl no quiere decir que podrás hacer un juego en tan solo unos minutos, sino que es una fantástica y profunda herramienta para simplificar el proceso. Puedes pasarte horas o cinco minutos haciendo las animaciones de un personaje o dirigiendo escenas que se verán en el juego. Y esa es la maravilla de Stencyl, no el hecho de que, si quieres, puedes hacer un juego en 20 minutos, sino que da lugar para pasarte días perfeccionando el diseño de tu propio juego. Es muy simple de usar, pero permite hacer cosas muy elaboradas. Cuando terminas tu juego puedes publicarlo, ya sea en redes sociales, tu sitio y, principalmente, en el sitio oficial de Stencyl, donde puedes ver todos los juegos. Aquellos que están terminados o los que todavía están en progreso. O simplemente exportarlo como un archivo SWF y tenlo en tu ordenador. Stencyl se encuentra disponible para Windows y MacOS X, y puedes descargarlo aquí.