Alvaro Guzman
I'm Alvaro Guzman from Bolivia, Web developer and Graphic designer. For me digital design is a modern form of art, which allows me to explore innovative techniques, and helps to deliver a clear message to the public. My work covers advertising, corporate image, print design, and web design areas. I am currently the Design Team Leader of SouthMakers and you can find me on Twitter @alvarocker.
Tutorials
  • Design & Illustration
    Design a Coffee Shop Menu Layout from Scratch with Photoshop and InDesign - Part 2Preview
    15 shares
    This is the second part of this tutorial series about creating a ready to print booklet menu for an imaginary coffee shop named "Violet Coffee." In this final part of the two part series, you'll learn to create a ready to print booklet on InDesign, work with master pages, text, tabs, paragraph and character styles, import external files and actually print the booklet. Let's move on!Read More…
  • Design & Illustration
    Design a Coffee Shop Menu Layout from Scratch with Photoshop and InDesign - Part 1Preview
    3 shares
    Hi everyone, this time I've got for you a practical tutorial about creating a ready to print booklet menu for an imaginary coffee shop named "Violet Coffee." In this tutorial you'll learn to mockup a ready to print background and a couple of additional objects, which will be imported later on in Adobe InDesign to finish the piece. Are you ready?Read More…
  • Design & Illustration
    Create a Cereal Box Cover from Scratch Using Photoshop's 3D ToolsPreview
    17 shares
    Hi everyone! This time I've got for you a fun tutorial, we'll create a cereal box design from scratch, using only Photoshop. We will render several fruit flavored cereal loops using the Photoshop's CS4 Extended 3D tools, apply textures to the loops, bump the surfaces and mock-up them into a real 2D image. Are you ready?Read More…
  • Web Design
    CSS3 vs Photoshop: TransformsPreview
    32 shares
    It's time for some more CSS3 vs. Photoshop, and on this occasion we're going to dig into transforms. Changing an object's shape is a huge part of any graphic editor's toolset. These days, with CSS3 we can rotate, scale, and skew an element's shape without the need for Photoshop. Let's try it! Read More…
  • Design & Illustration
    How to Animate a Demo of an iPad App with PhotoshopPreview
    44 shares
    Have you ever tried to explain the behavior of your interface designs to your clients? Many times words are not enough to show what the designer has in mind when delivering a piece to their customer. In mobile applications, with both horizontal and vertical scrolls combined and animation or transition effects, this problem is even larger. This tutorial will show you how to design an interface of a mobile application from scratch in Photoshop and, most importantly, will show you how to present an animation describing the behavior of the application for submission to the final customer. Are you ready? Let's get started!Read More…
  • Web Design
    CSS3 vs Photoshop: Opacity and TransparencyPreview
    17 shares
    During this quick tutorial we'll get to grips with the concepts of Opacity and Transparency in HTML elements. We'll be playing with a set of effects which, before CSS3, could only be achieved by using several images created in Photoshop. Read More…
  • Web Design
    CSS3 vs. Photoshop: Rounded Corners and Box ShadowsPreview
    26 shares
    This tutorial will demonstrate how to create a nice, simple navigation bar using several combined CSS3 styles. We're aiming for a look and feel that in the past could only be created by combining several images, JavaScript and several divs. Let's get it started…Read More…
  • Web Design
    CSS3 vs. Photoshop: Complex BackgroundsPreview
    15 shares
    This tutorial will outline how to create complex backgrounds which, in the past, could only be achieved by slicing up a design created in Photoshop or another graphic editor. We're going to look at how to use gradient shades and how to combine them with multiple image backgrounds to create radical effects. Are you ready?Read More…
  • Web Design
    Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 1)Preview
    11 shares
    Updated with the Coding Tut! This time I've got for you a fun tutorial for everyone. In Part 1 we will create a very original design for all the comicbook fans out there. We will create this blog layout from scratch using several tricks in Photoshop to make it look awesome. Then in Part 2 we will learn how to slice it, code it, and get it ready to be converted into a blog CMS theme. Are you ready?Read More…
  • Code
    Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2) Preview
    11 shares
    A couple weeks ago, we learned how to create a comic book theme web design over at our sister-site, Webdesigntuts+. Today, we'll tackle the second part: it's time to slice the design and turn it into a functional HTML layout, ready to be ported to any CMS. Let's get started!Read More…
  • Design & Illustration
    Create a Realistic Blueprint Image From a 3D ObjectPreview
    11 shares
    In this tutorial, we'll create a a quick mock-up of a 3D car blueprint. Then we'll place it on an image of a drafting table. This time we'll use a particular Photoshop 3D Render Mode to create this awesome effect. Let's get it started!Read More…
  • Design & Illustration
    Create a Spherical 3D Puzzle With PhotoshopPreview
    6 shares
    Today we will demonstrate how to create a nice spherical 3D puzzle using Photoshop CS5 Extended’s 3D tools. Let’s get started! Read More…