Jump to content

Photo

Nikki's Photoshop 101 (Tutorial Infographic Series)

21 replies to this topic
  • Please log in to reply

#1
nikki_

nikki_

    sneaky

  • Server Donator
  • 942 posts

Are you a beginner in sig-making? Ever wanted to make Photoshop compositions that are not only visually appealing but compelling as well? Curious of the techniques we TE community sig-makers use? This series of infographics will provide you the set of skills to help you create better sigs (and better compositions) as a whole.

 

 

~NOTA BENE~

In order to follow along with the instructions, you need to have Adobe Photoshop installed (duh).

Currently I am using the CC 2014 version but I'm confident that my instructions will work on earlier versions as well.

If not, just let me know!

 

 

 

INFOGRAPHIC #1: Making Seamless Patterns

 

 

Spoiler

 

 

 

INFOGRAPHIC #2: Understanding the Use of Masks

Spoiler

 

 

INFOGRAPHIC #3 (Mini Lesson): The Typography Workspace

NOTE: THESE INSTRUCTIONS MIGHT NOT WORK FOR PHOTOSHOP CS3 AND BELOW

 

8dJV6mM.png

 

 

 

Your feedback is appreciated and highly encouraged!

If you have any suggestions on what topic I should feature next,

shoot me a PM or post it in the comments below.


  • Koenraad72, Kixo, Dartel and 18 others like this

#2
Cynthiaa

Cynthiaa

    Wealthy Merchant

  • Server Donator
  • 316 posts
Greatly done, props ! :D
You'll never be as fabulous as Flakman.
Spoiler

Spoiler

#3
RSzolltar

RSzolltar

    Diamond Monger

  • Server Donator
  • 620 posts

wow nice! i can finally try to make my own sig now...

thanks a lot :D


JGRMTpC.png
 


#4
nikki_

nikki_

    sneaky

  • Server Donator
  • 942 posts

OP has been updated with my new infographic! :) Feel free to check it out!


  • Haywire likes this

#5
mfm37

mfm37

    Diamond Monger

  • Server Donator
  • 630 posts

The time you've invested into making these tutorials is much appreciated! Great job nikki :3


KthIZKK.gif

My artworks/animations @alaaf_thefluff


#6
fruitshakes

fruitshakes

    The Fruitiest Boy Around

  • Moderator
  • 725 posts

I love these :) I've worked with Photoshop a bit before but the way you're explaining things clarifies some things I couldn't exactly wrap my head around. I'm looking forward to the next one! Great job <3


e7i5E8V.png

Sig by Rнyє


#7
DXT of Gaming

DXT of Gaming

    Wealthy Merchant

  • Server Donator
  • 341 posts

nice tutorial!  :)


ezgif.com-gif-maker.gif

dxtgaming is real!


#8
Eshayyz

Eshayyz

    Enderdragon Slayer

  • Server Donator
  • 1,197 posts

Maybe you should also show them how to use things like "Multiply" "Subtract" and the rest. Other than that cool sig :P


RrbgWPe.gif

          mfm you are the freakin man

 


#9
Kunwar

Kunwar

    Diamond Monger

  • Server Donator
  • 868 posts
  • What is your favorite color?:Light Green

Nice Work again Nikki. For the next one could you show how to blend layers( i mean how to incorporate other images into a main one)


45hi49u.gif

-= IGN - Kun12345war_007 =-

-= mfm made this amazing signature =-


#10
Eshayyz

Eshayyz

    Enderdragon Slayer

  • Server Donator
  • 1,197 posts

Nice Work again Nikki. For the next one could you show how to blend layers( i mean how to incorporate other images into a main one)

It's called opacity.


RrbgWPe.gif

          mfm you are the freakin man

 


#11
nikki_

nikki_

    sneaky

  • Server Donator
  • 942 posts

It's called opacity.

 

Except there's more to blending than opacity. :D
 



#12
DXT of Gaming

DXT of Gaming

    Wealthy Merchant

  • Server Donator
  • 341 posts

u have a gif signature tutorial nikki? like moving sig/image? :huh:


ezgif.com-gif-maker.gif

dxtgaming is real!


#13
Kixo

Kixo

    Enderdragon Slayer

  • Server Donator
  • 1,455 posts

Great job mange, like always!


SXDdOrM.gif
Legendary Officer

If i win your auction pm me to get the stuff, i tend to forget about them.


#14
Shane024

Shane024

    Noobie

  • Members
  • 2 posts
  • What is your favorite color?:Green

Schooled right there ._. xD

 

I'm looking forward to your next infographic :D  

 

pfft i is photoshop noob ._.


b4gc50.png


#15
theamdman

theamdman

    Enderdragon Slayer

  • Server Donator
  • 1,157 posts

tumblr_inline_no5bnriDEi1sgf0rg_500.gif

 

Looks good. Keep em coming man, if you need any help making them let me know.


  • TalkyAttorney likes this

#16
Alkynes

Alkynes

    Bitches Love Sosa

  • Server Donator
  • 2,166 posts

Great job, dude, as good as ever, might have to implement a few things into a future signature.


31159_s.gif


#17
InspectorGadget

InspectorGadget

    Enderdragon Slayer

  • Moderator
  • 1,364 posts

I like this !

So hey, Rasterize in older versions such as PS7 for example we have to Click on Layers menu option then 'merge down, merge visible,' or we use keyboard shortcut found on google for which PS version.

 

If you haven't already, a more in depth tutorial about Layers, 'Merge down vs Merge visible'  would be super groovy ;)

I'm always combining other images together into one and use Merge Visible the most.

In your version of PS it should also have Merge Visible and not only Rasterize. Am I wrong?

It's probably a right click option once the raw layer is selected somehow.   

 

Anyway..  Awesome tutorial !   I like how you used PS to make the tut also. lol ::wink::



#18
Guest_DrSiad_*

Guest_DrSiad_*
  • Guests

Nice one!

 

This is definitely highly informative and must of taking you a really long time to prepare! :)

 

I will definitely try to use all this next time I need to do this kind of things, still a noob with Photoshop :P

 

-DrSiad



#19
nikki_

nikki_

    sneaky

  • Server Donator
  • 942 posts

Everyone! OP has been updated once again with a new info-graphic! It's a rather short one which explains a little bit about Photoshop's Typography workspace. :)



#20
Kunwar

Kunwar

    Diamond Monger

  • Server Donator
  • 868 posts
  • What is your favorite color?:Light Green
Thanks a lot nikki , I'm always waiting for more :)

45hi49u.gif

-= IGN - Kun12345war_007 =-

-= mfm made this amazing signature =-



Also tagged with one or more of these keywords: photoshop, tutorial, sig, infographic, nikki, mango, mangekyou

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users