tutorial

Apple iPhone X Live Wallpapers - Illustrator Tutorial

The iPhone X, the most anticipated phone that Apple has ever built since the iPhone 4 (in my opinion). If you go beyond the actual phone, one thing I always loved about Apple is how they produce stunning visuals either it is for print, web, videos and social media platforms. They are doing such a good job in finding ways to sell their products with strong visuals as you probably saw the iPhone X ads literally everywhere. Like many others, I would watch many unboxing videos on YouTube. And I couldn't help to notice what they called the "Live Wallpapers" on the packaging.

Super Easy Neon Effect - Photoshop Tutorial Revisited

Another year, it's our 11th here over at Abduzeedo land and we cannot believe it's been already over a decade. We started as an inspiration and tutorials website, especially Photoshop tutorial. Looking back it's crazy to think that we created and shared hundreds of tutorials on how to use Photoshop, Illustrator, Pixelmator and other tools. For this year I decided to revisit some of the most popular ones to see what could be improved. So to kick things off  I'd like to share a simple way to create a neon light effect in Photoshop.

Illustrator Tutorial: Colorful & Abstract Illustrations

Mostafa Abd ELsattar shared a really cool project on his Behance profile where he teaches with an Illustrator tutorial video how he created some incredible illustration of birds and patterns. It's not conventional illustration, it's a very abstract sand colorful set of artworks. I was definitely learned a lot from the video and that's the reason I decided to post here on Abduzeedo. You probably still remember that we used to post a lot of tutorials on the site.

Apple iPhone X Logo Effect - Pixelmator Tutorial

I was watching the Apple iPhone event last month when I saw the iPhone X announcement. Then I visit Apple website to check out the information about the new phone and one thing that kept getting my attention was the new colorful logo. There was something familiar about it, I could not say what exactly. Then I realize that the color effect was quite similar to one of Pixelmator's effects. I have used that effect in the past in one of my Pixelmator tutorial so I took the time last week to try to recreate Apples logo.

How to Create a Composite Dreamscape using two photos in Photoshop

It's Friday and we would like to share this fun tutorial from Adobe in collaboration with photographer named Jaxson Pohlman. It's about creating a composite dreamscape using two photos in Photoshop. As most of us like photography, it's always nice to add some spark to your pictures with a simple technique. Let's take a closer look.

Create the Wonder Woman Logo in Photoshop - Photoshop Tutorials

It's been a long time since the last time I wrote Photoshop tutorials. A lot of things have happened as I probably mentioned in the past. Right now there are tons of sites with Photoshop tutorials  and they all share tons of content so I started to feel it wasn't necessary for me to keep doing. However, I have been trying to get back to a routine of trying new things back in Photoshop moving away a bit from product design, UI and flat design. Essentially, taking a step back to the good old days of having fun with light effects, textures and that 80s look I miss so much.

1 Min Illustrator & Photoshop Tutorials by Adobe Creative Cloud

When we started Abduzeedo we focused a lot on design tutorials, especially Photoshop tutorials. Later we started adding more tools like Illustrator, Pixelmator and others. That was 10 years ago and there weren't many resources where people could find content on those subjects. Nowadays, it's much easier, you can find Photoshop training videos, Illustrator from well-known professionals, including the mighty folks over at Adobe, the mastermind behind the most popular design software in the world.

Tutorial: How to Create a Double Exposure Portrait with Photoshop

Today we would like to share this tutorial from our friends from Adobe Photoshop in collaboration with image creator Ted Chin released exclusively for their Instagram channel. You'll be able to learn how to create a Double Exposure Portrait with Photoshop. I know we don't usually share tutorials on Friday but why not! Carefully follow these steps with your own images and create your own experiments. Enjoy!

Illustration Process: I Lift My Lamp Beside the Golden Door

I Lift My Lamp Beside the Golden Door is an illustration created by Jennifer Hom. She was very kind to share with us a little bit of her illustration process from the main goal of the project, to sketches to the final design. It's always wonderful to see that step by step, especially from an incredible illustrator like Jennifer. I hope you enjoy it and make sure to get one of the prints at: http://jenniferhom.bigcartel.com/product/i-lift-my-lamp-beside-the-golden-door

#Happy10Abduzeedo - Past Tutorials

This month, we are celebrating the 10th anniversary of Abduzeedo. This is very special to us, Fabio Sasso created the blog as a side-project after he lost everything from a robbery back in 2006. It was in his way for him to backup files but also bookmark things he liked and inspired him. Since then his work has been used, shared and featured many times but beyond all, his goal was to inspired us to create and make more. That’s the philosophy and minset of Abduzeedo that will always lives on.

Android Prototyping for Designers - Shapes and Click Event

Prototyping has become a very important part of the UI/UX design process. With mobile applications taking over the web it is imperative for designers to find ways to test their designs on the devices. In the beginning most designers, including myself, relied on HTML, CSS and Javascript to emulate the native experiences that the users would see. It worked quite well and still does, however it's not a very reliable approach if you really want to understand the constraints and complexities that a developer may face when translating your designs into the final product.

ABDZ CSS box-shadow rollover effect

A couple of months ago we shipped the new version of Abduzeedo to our readers - a new post detailing the impetus and features of the new site is forthcoming. In a nutshell, our main goal was to simplify and reduce as much as we could. One of the areas we decided to invest our time was in subtle little effects like night mode with a dark theme and CSS rollover effects over images. The latter one has been praised by a number of our readers and we have received quite a few requests asking how we did it, so I will try to lay it all out here in this post.

Stranger Things Logo - Photoshop Tutorials

80's revival is stronger than ever. With Netflix's Stranger Things we're seeing people going crazy about 80's culture which is shown in the show thru its style and easter eggs. One of the things that set ambience for the show is its logo. I thought it would be cool trying to mimic its style in Photoshop, so let's try it out. Step 1 Open Photoshop and create a new document. I am using 1920x900 pixels. After that fill the layer with a gradient #000000 and #303030 for colors and tilt it for better effect.

Ode to the 80s - Photoshop Tutorials

Last weekend while surfing the web I discovered this image of a classic 80s style logo. I noticed the option to buy the effect, amazed that nowadays we can simply buy something to streamline the process. I love this idea but I also feel that it's important to try to recreate sans short cut in an effort to learn something new. Of course you need time, but that was something I sort of had so I decided to take a crack. So on this post I will share a bit of my process using Illustrator and Photoshop.

Cutout Paper Style - Photoshop Tutorials

It is been quite a long time since the last time I posted a tutorial. I haven't for some reason stopped. I used to do this every week, it was part of my routine but little by little I stopped doing. I remember never having too much of a hard time to come up with something but without using it, I definitely lost it. Now I am trying to create a routine again and write a few tutorials per month. Nothing fancy, just things I'd like to try and for this first one, I decided to try a little sort of cutout effect using Photoshop.

Holiday Card - Adobe Capture and Illustrator Tutorials

It's that time again, the most wonderful time of the year, at least that's what the old song says. I love the holidays, and Abduzeedo was born at this time back in 2006, which makes me even more nostalgic. But the reason of this post is not to talk about the past but to showcase a tutorial that illustrates the future at least in terms of how mobile tools can be incorporated in your design process replacing old things like scanners. This tutorial is a courtesy of Von Glitschka.

ABDZ 07 Playing with Shades - Photoshop Tutorial

Back to my image a week after a short vacation, much needed. I have also been spending my time with the new Abduzeedo which is looking much sleeker and soon will be going live. This week I decided to recreate an effect I saw a couple of weeks ago and I saved the screenshot because I thought it would be awesome to know how to do it. After a few tries I think I got a good result, at least worth sharing with you guys. Step 1 Starting with the simple path of the Abduzeedo logo in Illustrator.

ABDZ 06 Strokes and Paths - Photoshop Tutorial

Week 6 and here we go again. This morning while I was looking for some references or inspiration on what to do I saw a post on Instagram from the Street League, it's the league of street skateboarders. I loved the logo and decided to try to create something with the same style in Illustrator to learn how to do that. After that I just went to Photoshop to add some flare. Below you can see the behind the scenes on how I achieved this effect. Step 1 I started in Illustrator with 3 circles with 1pt for the stroke.

Playing with Fire - Photoshop Tutorials

Week five and another image is done. This time I went back in time and attempted a recreation of those crazy light effects I used to do in Photoshop back in 2006-2009. The main reason I wanted to do this was that I found out that with the new version of Photoshop we can now apply multiple layer styles, like multiple gradients, shadows, and inner shadows. That is something I always wanted to have and it's finally here. It saves so much time and also adds so much more power to one of my favorite features in Photoshop.

Windows 10 Wallpaper - Photoshop Tutorial

Another week and another image to be done and of course another Photoshop tutorial. The most difficult part is finding the inspiration point, this time, however, I knew exactly what my mission would be. This week's image is my attempt at recreating the beautiful Windows 10 wallpaper created by GMUNK. In no way or form am I trying to take credit that this is my design, I just wanted to see if it was possible to create something similar just in Photoshop. The result you can see after the break. I am very happy with the outcome and I will share a little step-by-step on how I did it.