Tutorial: como crear fuego en Photoshop | Ración Individual de Personalidad Ea, aqui va un tutorial, que hacia tiempo que no hacia ninguno. Hoy va de hacer fuego en PS y controlarlo ;) Empezamos creando una imagen nueva (Ctrl+N) del tamaño que nos apetezca, aunque teniendo en cuenta que el tamaño de las “llamas” que vamos a crear será siempre el mismo, y por lo tanto, a más grande la imagen, más pequeñas aparecerán las nubes relativamente a ella. Teniendo escogidos como colores base el blanco y el negro, renderizamos unas nubes de diferencia (Filters > Render >Difference Clouds) Renderizamos entonces en esa misma capa nubes de diferencia (Filters > Render >Difference Clouds). Reiteramos el efecto, (Ctrl+F) cuantas mas veces mejor (4, 7, 20…), hasta que nos guste el efecto. Creamos una capa nueva encima de la anterior (Layer > New > New Layer, o Ctrl + Shift + N). Ponemos esta capa de degradado en modo de fusión Overlay. Y aquí acaba la primera parte del tutorial, ¡Tenemos nuestro fuego! Ahora explicaré como ‘controlar’ el fuego. RufoHG 2009
41 Nicest Photoshop Photo Effects [Photoshop Tutorials] Looking at how powerful Photoshop can be in terms of photo editing, it’s probably not important if you suck at taking photographs or being labeled an amateur photographer. As long as you picked up a couple of Photoshop photo editing skills, it will still impress those who sees it. So the next time you want to publish some photos online, consider editing them so they look more impressive. Here’s a compilation of 41 Nicest Photoshop Photo Effects you can take into reference. Full content after jump. Mental Wave Explosion EffectHow to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.
External Tip - 10 Advanced Photoshop Tutorials You Should See In this category we want to give you an advice to other great sites, where you can get a lot of very useful information, inspirations and materials. Here I collected 10 great Photoshop tutorials, which can help you to expand your skills. Create a Devastating Tidal Wave in Photoshop Create Quick Particle Effect on Photo via Custom Brush Options in Photoshop Create a Surreal Upside Down Mountain Painting in Photoshop Business Man – Awesome Black & White Tutorial Create A Human/Robot Hybrid In Photoshop Create a Vintage Memorabilia Poster Design a Awesome Supernatural Dark Scene with Fiery Effect in Photoshop How to Create Cityscape Concept Art Create a Water Girl Photo Manipulation Mixing with Splatter Brushes in Photoshop Create a Nebula Cosmolady in Photoshop – Tutorial
40 Logo Design Tutorials Logo design is a sophisticated and complex process. The hardest thing to do is to come up with the concept behind the logo. Once you know what kind of logo you want, you sketch and design it. Logo design is one of those things that has to be perfected, because a logo represents an idea, a brand and an identity. In recent contest I asked Desizn Tech’s reader what kind of post they would like to see, some readers asked about logo design tutorial. In this post, you will find 40 different kinds logo tutorial from beginners to advanced level. 1. Layers magazine shows how to create a logo quickly using Illustrators live trace technique. 2. A very unique tutorial that shows how to create a candy-like logo. 3. If you are looking a simple logo tutorial, this tutorial shows how to create a simple logo using Photoshop. 4. An HTML page tutorial shows how to add a refection after creating the logo in Vector. 5. PSD Rockstar shows how to create an awesome logo using layer styles properties in Photoshop.
Cómo usar una imagen de fondo que se adapte a la pantalla | Jorge Bernal Actualizado 23-Sep: Arreglado fallo en IE8 Hace unos meses, estuve trabajando en la web de Amapola Films, y surgió un reto interesante: cómo usar una imagen de fondo que permaneciese fija y tuviera una escala correcta. Para este ejemplo, he elegido la siguiente imagen de fondo: La imagen de fondo que usaremos de ejemplo Prueba #1: usando CSS Normalmente, para poner una imagen de fondo usaría CSS, pero en este caso queremos que ocupe toda la pantalla independientemente del tamaño del navegador. He reducido la página al mínimo para poder centrarnos en el fondo, así que el contenido del body sería: Y el CSS correspondiente: Como se puede ver en la siguiente captura, la imagen es mucho más grande que la ventana del navegador y no se muestra correctamente Primer intento: FAIL La propiedad background de CSS es bastante limitada para este caso y no nos permite escalar la imagen. Prueba #2: imagen en HTML Segundo intento, parece que funciona Con un navegador apaisado se ve decente Segundo intento: FAIL Demo
How to: Make a Hand-Drawn Font If our freebies have benefited you personally or have helped you earn a profit please consider donating via paypal. Donate Now Before I start, let me say that this is by no means the only way to make a hand drawn font. Ever since I began giving away fonts, I’ve had many requests for me to write a tutorial on my font making process, so here it is. 1. I like to use India Ink and a primitive Bamboo Pens (above) to draw my characters, but you can even just use a pencil and paper if you like. 2. Take whatever tools you choose to use and start cranking out letter forms. 3. Next, I scan the images in at a relatively high resolution. 4. In order to get a better final result, I adjust the contrast of the scan. 5. I use an “outline font editor” (FontLab Studio) which is another way to say that the final product needs to be a vector. 6. Vectorize your image using Live Trace to get the results your happy with, then hit “Expand.” 7. After you Live Trace, ungroup the objects. 8. 9. 10. 11. 12. Done!
10 Tips For Creating Website Mockups In Photoshop // Plasticmind Blog Here are some things I’ve discovered while creating website mockups in Photoshop. They’re not gospel, just things that you may find helpful: 1. Use shapes and shape layers as often as possible. 2. 3. 4. 5. 6. content - front pagecontent - contact formcontent - entry And then just toggle their visibility when saving multiple drafts. 7. 8. 9. 10. Sometimes you just have to see it to get it, so I’ve put together a sample site mockup in PSD format for reference purposes. Download Sample PSD Mockup (.zip/1Mb, 7/2/08) Also, if you found this article useful, check out my article, Tools of the Web Design Trade, Part 1 and Part 2.
25 Helpful Tutorials for Lighting Effects in Photoshop Photoshop allows designers with unlimited possibilities when it comes to creative effects, including lighting effects. There are plenty of different ways to create lighting effects in Photoshop, and there are equally as many different possible uses for them. If you’re interested in learning more about how to create awesome lighting effects in your own work, here are 25 tutorials that can help. Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.
350 Photoshop Tutorials | Best Photoshop Tutorials Photoshop is what makes virtual world alive. Its not less than a blessing for designers. Internet is full of Photoshop Tutorials and you will find tutorial on each tool. But we also understand that due to scarcity of time, its difficult for you to dive in this deep sea of tutorials to find out the gems. Who knows you, after acquiring enough knowledge from here, you may also want to return to the society by creating your own 350 Photoshop Tutorials. This article is divided in 14 Sections: Tutorials for Beginners Text Tutorials Video Tutorials Photoshop Tricks Lighting Effect Tutorials Photo Manipulation Tutorials Wallpaper Tutorials Web Design Tutorials Icon Design Tutorials Photoshop CS5 Tutorials Forum Signature Tutorials Matte Painting Tutorials Advanced Tutorials Scripting Tutorials 5 Common Photoshop Myths Solved for Absolute Beginners In this post, author will provide 5 Simple, Yet Useful Photoshop “How-to”s for Absolute Beginners. How to Use and Create Brushes in Adobe Photoshop Tile Text Effect
El Fanbox de Facebook, flotante y con efecto deslizante Vectorizar una fresa con Illustrator | Tutoriales en la Web Vectorizar una fresa con Illustrator Posteado el 10. Mar, 2010 por Webi in Illustrator En este tutorial en la web aprenderemos como dibujar una fresa utilizando Illustrator. Con la herramienta Pen Tool crear una forma como la que se ve en la imagen y aplicarle un gradiente radial de color rojo. Con la herramienta Elipse Tool creamos unos círculos sobre nuestra figura de un color rojo oscuro #d7210f Ahora con la herramienta Elipse tool vamos a crear unos unos óvalos de modo que formemos una pepita como la que se ve en la figura. Duplicamos nuestra forma y colocamos una dentro de cada círculo que creamos anteriormente para obtener algo como lo que se ve en la figura, vamos variando el tono y el tamaño para obtener un mejor efecto. Ahora con la herramienta Pen Tool creamos una forma como la que vemos y le aplicamos un gradiente lineal co los siguientes colores. Seguimos creando otras formas como de media luna hasta que nos guste como se ve el efecto. Ahora vamos a crear las hojas. Final.
27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts at DzineBlog Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off For beginner web designers – design tutorials really help to understand the basic knowledge about web design! Design a cool Photography Portfolio Design A Grungy Website Design In Photoshop Design a High End Webdesign From Scratch Design Your Own Personal Portfolio Page In Photoshop Design a cool Portfolio Web Layout Urban Layout Design in Photoshop Design a Funky website Design in Photoshop Design a personal portfolio Site in Photoshop Designing a Dating Agency Website in Photoshop Music Band Website Designing a Clean Photo Portfolio Site In Photoshop Cool Dark website Design Dark Themed Website From Scratch 3d Studio Design In photoshop Design a Cartoon Grunge Web layout in Photoshop Design a Hand Drawn style Website in Photoshop Design a Cool Photo Portfolio Tutozor Web2.0 Re-Design Tutorial Webstudio Layout Design Dark Portfolio Layout
50 Photoshop Tricks for a Fast-Paced Work Environment Are you a designer on a deadline? If you are, then I’m sure you can recall the last time you thought to yourself, “if I had a little more time, I could…” what? Polish that button? Find a better hero image? Reevaluate that color palette? Take some time to do a little more QA? The truth is, however, that we designers will always be looking for more time to polish the one pixel that got away. Of course, since our go-to design tool in the office is Photoshop, we thought we’d share with you 50 simple Photoshop tricks and shortcuts we love using that can help trim excess spent time in your workflows. Important Note: The following require Photoshop CS5 and a Mac OS X. The Usual Keyboard Shortcut Suspects Memorize these shortcuts. 1. 2. 3. 4. 5.Keyboard shortcuts for flipping foreground and background (X): Use this to switch between your current foreground and background colors located in your toolbar. 6. 7. 8. 9. 10. Customized Must-Have Keyboard Shortcuts 11. 12. 13. Photoshop, the Word Processor
PHOTOSHOP TUTORIALS for beginners & advanced users