• Background Image

    News & Updates

    camera

July 10, 2017

Illustration & CGI: Kiplinger Magazine Spread

Illustration & CGI: Kiplinger Magazine Spread

Starting off the week with this stunning magazine that is a spread for the Kiplinger Magazine located in Washington, DC. Designed by Pakistan-based Omar Aqil, he used a combination of Phoshop, Illustration and Cinema 4D. The result as you can imagine is right down colourful and you can’t help to appreciate all the details. Make sure to give him some love on Instagram.

Omar Aqil is a designer, art director and illustrator currently based in Lahore, Pakistan. You can follow his work and features from like Behance, Wacom, Adobe and more. I am quite supprised that we haven’t his work ever before.

Kiplinger’s Magazine Spread Illustrations | 2017 August Issue

Illustration & CGI: Kiplinger Magazine SpreadIllustration & CGI: Kiplinger Magazine SpreadIllustration & CGI: Kiplinger Magazine SpreadIllustration & CGI: Kiplinger Magazine SpreadIllustration & CGI: Kiplinger Magazine Spread

 

Links

AoiroStudio
Jul 10, 2017

Source: Abduzeedo Illustration

July 10, 2017

Create the Wonder Woman Logo in Photoshop – Photoshop Tutorials

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.

So for this tutorial I will show you how to create the Wonder Woman logo with that crazy metal effect using Photoshop. There are several ways to do it, a 3D tool might be the best way, but I decided to try it in Photoshop. I hope you have as much fun doing it as I did 🙂

Photoshop Tutorials

Step 1

The first thing to do is get the basic shape of the Wonder Woman symbol. I recreated this one in Illustrator. You can do everything in Photoshop if you want, I just feel more comfortable using Illustrator as it’s faster for me.

Step 2

Now in Photoshop the secret here is to have all shapes in different layers. You can achieve that by copying and pasting or importing, or even selecting and creating layers from the selection. It doesn’t really matter how you do it as long as you have one layer for each part. We will apply some Layer Styles on the following steps.

Step 3

Select the bottom and biggest shape of the logo, the blue in my image. Then go to Layer>Layer Styles>Bevel & Emboss. Use the values below. We will also add a Texture, Inner Shadow and Color Overlay. You can tweak things here as much as you want. For the Texture, use a metal texture. An easy way to do it is to do a Google search for metal texture images, get the one you like. Open it in Photoshop and select it all, then go to Edit>Define Pattern. You will be able to use that in the Layer Styles then.

Step 4

Here you can see the first layer with the bevel look. It’s important for it to have strong highlights and shadows. Repeat the same process for the other parts and use different colors.

Step 5

Now that you have all layers with effect, make sure to tweak them a little. Notice that I have not only different colors but also different strengths for the parts. The 2 parts that go on top of everything else I added a drop shadow as well to create more depth. Experiment with it. 

Step 6

Now the tricky part, add the metal texture. I believe there might be a multitude of ways of doing this, I went with my way, or the way I thought it was the easiest one. So select one of the shapes.

Step 7

Add a new layer and fill it with white.

Step 8

Then go to Filter>Pixelate>Mezzotint. Use Coarse Dots. Make sure that you have white and black for the background color.

Step 9

After that still with the marquee selection active go to Filter>Blur>Motion Blur. Use a high value for the Distance. My image is huge so I used 200 pixels.

Step 10

Because the original logo looks like a very rough metal, we need to make the texture a bit stronger. So go to Image>Adjustments>Levels. Move the black level all the way to the right and the white level a bit to the left. The idea is to increase the contrast. Use the image below for reference.

Step 11

Change the Blend Mode to Linear Burn and play with the opacity. I used around 10-30%.

Step 12

Duplicate the layer and move it down a couple of pixels then change the Blend Mode to Color Dodge at around 80-100% depending on the color of your shape.

Step 13

For the shapes that have different angles I just did the same thing but with one difference. I did different angles of motion blur depending on the angle of the shape. The tip here is to use the Polygonal Lasso Tool to select the right angle for the junctions. Below you can see how I did the first 2 parts of the bottom shape.

Step 14

Repeat that pretty much for every other shape. For the head, this is where you will have to do that 3 more times because of the different angles you get there. It’s the same process, it will require a bit more attention though.

Step 15

Group all shapes into a folder then apply a shadow to that folder. You can also merge the folder if you want. I always forget that I can add layer styles to folders now.

Step 16

Add a new layer and mask it with the shape of the symbol. Then with the Brush Tool paint the sides and bottom with a very soft brush and black for the color. I painted with my brush at 50% so I could have more control. The goal is to create a sort of vignette effect.

Step 17

Add another layer and fill with black. Change the Blend Mode to Color Dodge, then with the brush tool, paint some white spots on your design. Because of the Blend Mode the brush strokes will create a really nice light effect. That’s my favorite trick in Photoshop for light effects. It works all the time.

Conclusion

Add another layer and fill with with black, use it as background. Then, select all layers and duplicate them. After that, merge them onto one layer and go to Filter>Blur>Gaussian Blur. I used 20 for the radius but you can try different values depending on the size of your image. Right after, change the Blend Mode to Overlay at 50%. Duplicate this layer and change the Blend Mode to Screen at 40%. Those 2 layers will give the image more depth, contrast and an interesting glow effect. And that’s it. That’s how to create a design with the effect similar to the Wonder Woman logo you see in the posters out there. As usual, try your way, have fun and check out more of our Photoshop tutorials.

Download Photoshop file

Download file for this tutorial

abduzeedo
Jul 10, 2017

Source: Abduzeedo Tutorials

July 8, 2017

Writing 101: A Simple Breakdown of How to Structure Your Screenplay


Navigating the monomyth is a tedious, arduous, and confusing endeavor for any hero on their journey, but it’s even more so for screenwriters.


One seemingly straightforward but surprisingly complicated things about writing a screenplay is story structure. Plenty of screenwriting gurus have offered their two cents on what a well-structured script should look like, but Joseph Campbell’s Hero’s Journey, or monomyth, is perhaps the most widely known and template for crafting stories, and is arguably one of the most accessible for new writers. If you want to get a real handle on story structure, Film Riot has shared an excerpt from Seth Worley’s Writing 101 online screenwriting course that will really help you out.





Even though the excerpt is just an introduction to screenwriting basics, it breaks down the most important and fundamental elements of the craft. Not nailing down your story’s structure is like dropping your audience in the middle of nowhere without a map and expecting them to make it all the way home. It can be done, but 1.) it probably won’t, and 2.) if it is, your audience will be super pissed when they get there.

Read More

Source: NoFilmSchool

July 8, 2017

Watch: Learn How to Fly a Drone in 7 Minutes


If you’re ready to take to the skies with your first drone, you’ll want to learn the basics first.


Drone technology is getting better and better every year, making it easier for beginners to take it out of the box and take to the skies. However, even the most basic drone has a bit of a learning curve. So, if you’re ready to shoot some sweet aerial shots but don’t really know how to get off the ground, this video from Darious Britt of D4Darious shows you the basics of drone operation, from rules and regulations you need to follow before you take off to flight exercises you can practice once you’re in the air. Check it out below:





There’s more to flying a drone than being able to pull off sweet moves. Great drone pilots aren’t just those capable of doing advanced aerial maneuvers, they’re those who are capable of doing them safely. Know the rules and regulations in your area. If you’re in the U.S., the FAA may require you to register your drone, but it has actually relaxed its rules to allow hobbyists to fly without having to register.

Read More

Source: NoFilmSchool

July 7, 2017

Beyond the Basics: Keyframing in Adobe After Effects


Up your After Effects game with these advanced keyframing tips and tricks.


Keyframing is one of the most important and powerful features of Adobe After Effects. Knowing how to apply and manipulate them will help you to become a more seasoned motion graphics artist. Let’s take a look at a few advanced tips and tricks when it comes to working with keyframes in After Effects. We’ll focus on five methods in particular, including precisely editing values, reversing time, changing interpolation, adding roving keyframes, and working with expressions. We’ll use these advanced methods to bring an airplane graphic to life.






Precisely Edit Values


In After Effects, you use keyframes when you want a value of a layer to change over time. Adding two keyframes to a layer at different times with differing values will bring that property to life.

Read More

Source: NoFilmSchool

July 7, 2017

New Music! SXSW Artist Releases – Friday, July 7

2013 SXSW Official Showcasing Artist Haim

We’re back from July 4th holiday and are busy prepping for SXSW 2018. If you’re interested in being a part of the event, apply to be a Showcasing Artist or enter a PanelPicker session idea.

This week, similar to last week, sees a slightly lower than average amount of new releases because of July 4th, but there are still some awesome releases from past artists at SXSW. Indie-electronic pop artist Toro Y Moi is back with a new album full of the summery jams that he’s made his name on, East-coast hip-hop duo The Doppelgangaz return with a new album, and indie-rock mega-group Broken Social Scene return with their first full-length since 2010. Check below for the full list of SXSW artist releases.

Each week we will pick one of the album releases and make a playlist for those that are enjoying the album but want to discover more similar artists. This week, we’re selecting a female vocal driven playlist inspired by Grulke Prize winners HAIM, their new album Something to Tell You releases today. Go ahead and give it a listen because these playlists will only be active for one week before we pick a new artist to focus on. Follow us on Spotify to keep up with our playlists each week.

Release of the Week Playlist

Past Showcasing Artist July 7th Releases

This Is The Kit – Moonshine Freeze
Broken Social Scene – Hug of Thunder
HAIM – Something to Tell You
The Doppelgangaz – Dopp Hopp
Toro Y Moi – Boo Boo
Public Service Broadcasting – Progress

Haim at SXSW 2013 – Photo by Yoomi Park

The post New Music! SXSW Artist Releases – Friday, July 7 appeared first on SXSW.

Source: SxSW Music

July 7, 2017

The Daily Chord Weekly Recap – Friday, July 7

The Daily Chord shared the last of the mid-year think pieces this short work week, and linked to stories reporting on positive and negative aspects of streaming businesses. The profiles of Ted Leo, Charley Pride and Dr. Octagon should lead you to seek out their music. After checking out this weekly wrap-up, please subscribe to the Daily Chord email blast and make your inbox interesting.


Wednesday, July 5


Thursday, July 6


Friday, July 7

The post The Daily Chord Weekly Recap – Friday, July 7 appeared first on SXSW.

Source: SxSW Music

July 7, 2017

'The Reagan Show' Editors Reveal America's First Reality TV President


Three editors sifted through thousands of hours of footage to bring Reaganism alive—to unsettling effect.


There is not a single talking head in Sierra Pettengill and Pacho Velez’s documentary The Reagan Show. No one sits around glibly pontificating on Reagan’s legacy. Instead, history speaks for itself, and it’s the audience’s job to listen.



This left the film’s three editors with a daunting task: to build an evocative narrative solely from archival footage. Daniel Garber, David Barker, and Francisco Bello sifted through thousands of hours of news reports and White House TV footage, shot by the Reagan administration in an unprecedented effort to document his presidency. The result is an eerily prescient window into America’s first performance artist president.

Read More

Source: NoFilmSchool

July 7, 2017

Tamron Lenses 101: A Cheaper Alternative Without the Sacrifice


Tamron lenses are a great alternative to expensive glass. Here’s why.


We previously highlighted the cine and photography Sigma lens lines, which got us thinking about other budget-friendly glass. Tamron immediately came to mind as its SP series aim to compete optically with Canon L and Nikon NIKKOR ED lenses with significant savings.



Tamron’s lens story dates back to the 1950s, when the company developed a 135mm f/4.5 for the 35mm single-lens reflex cameras. Then, in 1961, Tamron introduced a 95-205mm f/6.3, an affordable telephoto zoom lens, to make a splash in the market next to Zeiss, Cooke, Canon, and others. (The first zoom lens was patented in 1902 by Clile C. Allen; the first non-telescopic complex zoom lens for cinematography was the Bell & Howell Cooke Varo 40-120mm.)



Recently, Tamron announced two new lenses: the SP 24-70mm f/2.8 Di VC USD G2 and the 18-400mm f/3.5-6.3 Di II VC HLD. Below, we break down the current offerings and tell you what all the “Di,” “VC,” and “USD” is all about.



Read More

Source: NoFilmSchool

July 7, 2017

Interaction Design & Art Direction: The Refugee Nation

Interaction Design & Art Direction: The Refugee Nation

An Interaction Design and Art Direction for Refugee Nation by Justin Au. I don’t know if you guys remember at the last Olympics, we’ve witnessed a team of refugee athletes compete in the games. A first in the history and since they had no official “home” to call their own, no anthem and no flag. A flag of the “Refugee Nation,” created by Syrian refugee was orange and black, to represent the life vests the athletes wore as they set off in boats for a better life. It’s quite a beautiful story, I would definitely the full project via his Behance.

Justin Au a designer and an art director working at Ogilvy & Mather New York. Currently based in Brooklyn, you should definitely follow his Behance where you’ll find work for IBM, 36 days of type and more.

Video

Bringing the world together to support Refugees. For the first time in Olympics history, the games saw a team of refugee athletes compete in the games. But unlike other competitors supported by their nation countries, these champions had no official “home” to call their own, and thus, no anthem and no flag. The flag of the “Refugee Nation,” created by Syrian refugee Yara Said, was orange and black, to represent the life vests the athletes wore as they set off in boats for a better life. Another Syrian refugee, composer Moutaz Arian, created a wordless anthem to convey a universal message of love and hope. The Refugee Flag has since become an international symbol of welcome and inclusion. It is hoisted all over the world by different people, organizations, and even countries as a sign of solidarity in support of refugees. I was tasked with designing a web experience that captured and explained the idea behind the flag and all that it stands, to visitors from all over the world who may have stumbled upon its colors.

Interaction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee NationInteraction Design & Art Direction: The Refugee Nation

 

Links

AoiroStudio
Jul 07, 2017

Source: Abduzeedo UI/UX