and a graphic editing program

Garcia Flynn. Question his methods, but don’t doubt his motives for a second. For @qqueenofhades - this is all your fault!  Tagging @garciiaflynn as well. 

anonymous asked:

hey all of your art is really cool!!! i specially like your glitch art. Do you have any resources to learn to make these glitches? like, different ways and techniques to do it. I've been looking for a consistent way to make them happen at will so i can base my art on glitch art, but you can even make interferences with a scanner, and i don't know a thing about this

Here’s some techniques that I use:

Databending with textedit, as described on this webpage. 

Scanning with interference, as shown in this video. 

At the end of the day though, photoshop is my biggest and most valuable tool. There’s a lot you can do with it to emulate and enhance glitch art.

First of all, there’s the aberrations that emerge from normal images when you increase the saturation to maximum. Example:

Also, the Shear tool has a lot of application. (Filter>Distort>Shear)

Here’s the above right image repeated and then severely sheared. See, this makes lots of progress towards making a glitch-esque aesthetic. 

Additionally, it can be useful to downsample your image using “nearest neighbor” if you want to downgrade the quality and make it look more jagged and “bad.” Making glitch art is sort of like reversing all of the conventionally correct rules of digital art.

The principle is… keep playing around with adjustment layers and other features until you get what you want. 

There are lots of graphic designers and artists using image editing programs such as photoshop for glitch-esque artwork, so there are plenty of tutorials you can find regarding their techniques and all that. 

I’ve made glitch art in the past purely using databending and other “pure” glitch art methods, but in order to actually use glitch art as part of a drawing or a graphic, it is necessary to use an image editing program for fine-tuning and adjustments to ensure your image looks as good as possible and achieves the desired effect. 

anonymous asked:

Hii! If I don't have photoshop, what would you suggest as an alternate? thanks

hey anon! 

here’s what i suggest if you don’t have photoshop:

  • you can use online editors
    • picmonkey - easy to edit with for the basic stuff!
    • pixlr - very similar to photoshop, easy to use
    • BeFunky - like picmonkey, you can make photo collages and stuff with this!
  • you can find other programs
    • GIMP - a free alternative to photoshop!!
    • paint.net - an editing program meant to be a partner to windows ‘paint’, it’s actually pretty good to use and navigate
    • sumopaint - free for basic ver, you pay for the pro ver
  • and of course
    • you can always download photoshop. 
    • it’s best if you buy photoshop, but i am aware of different resources that allow you to download cracked versions of photoshop. tumblr is a pretty reliable source, but no matter what be careful if you decide to download photoshop from the internet, a lot come with viruses and whatnot.
4

“It’s a matter of whether ‘that moment’ exists for you or not… If you experience that moment, it’ll really get you hooked on volleyball”
⇨ Happy birthday Jo! owl always love you (ノ´ヮ´)ノ*:・゚✧

anonymous asked:

Hi Scotch! So, I know you're an animation/film student (I hope I got that right) and I was wondering if you have any helpful advice on about art/animation colleges? Are there specific courses I should take in high school for it?That might be really vague but just recently I realized "oh god, I don't want to go to vet school and study science and stuff I want to learn animation and make art and actually be happy with what I do. It's my senior year and I've never been so confused about my future.

anything that builds ur portfolio is good (like art classes, or digital media classes where u get practice with graphics, video editing software, animation programs, website building/design, etc)

Guys guys, I just figured out how to extract Sims from images in like less than 5 minutes :o No selection tools, no pen tool! I know I’m late to the party and this is most likely common knowledge at this point, but I’m going to write this down anyway because there’s a 99% chance I’ll forget it.

This is written with Photoshop CS6 in mind, but I’m assuming it’ll work with any graphics editing program that supports alpha channels. The starting point for working on this was @buhudain​‘s tutorial here.

Keep reading

Hi guys, Niallisart is looking for members again! 

We’re looking for people who:
★ can work with photoshop/similar programs
★ like to create graphics/moodboards/gifs/edits
★ like and know how to manage a blog (theme updates/following a tag system/set up a queue) 
★ can give feedback/create tutorials/answer questions about photoshop
★ are motivated and like to express their love for Niall through creations
★ like to help and support other artists 

Benefits of our blog are that you’ll meet new people, create new friends, learn new skills and make people happy (at least we hope that’s what we’re doing). You’ll also be in a groupchat with all the other members where we divide the tasks but also talk about creating, using photoshop. We help each other, give feedback but we also often talk about Niall and other stuff. 

If you want to be part of our blog, please apply here

youtube

Guess who literally just taught themselves how to edit videos to make this hell of a hum-dinger?

Game Development Glossary: Graphics 101

The other day, a friend of mine was going through the list of game options that adjusted various graphic-related settings, but didn’t understand what all of them actually meant. Some of them should be pretty self-explanatory (texture quality - low, medium, high, ultra, for example) but there’s also several other terms that are used that many people have a vague idea about, but aren’t quite sure. Today, I’ll try to explain what they are and how they work.

Bloom

Bloom is a shader effect that allows lighting to create a sort of feathered halo-ish effect around hard edges. It’s what makes light sort of bleed out over and around corners on things, or when it is reflected on shiny surfaces.

VSync, or Vertical Sync

VSync forces your graphics card to synchronize its display at the same refresh rate as your monitor. This is supposed to guard against screen tearing - when your GPU is caught in between rendering two different frames. It doesn’t always work, though. Turning on VSync will also force your GPU to output at a lower rate, which results in worse overall performance.

Depth of Field

Depth of Field is when the programmers use various shaders to simulate focusing on a specific distance, making things further or closer appear blurry instead of uniformly focused. It’s a shader effect that gets run on top of what you should be seeing if everything were in perfect focus.

Motion Blur

When the camera moves faster than the eye can focus, the image gets interpolated with what has just passed to simulate speed. This makes things at lower frame rates feel better, though it will cost graphical computing power since it has to retain what it has just seen for the past few frames and use that data to interpolate what it is you see.

Anti-Aliasing

Anti Aliasing takes what you should see and smooths each pixel with the surrounding pixels. This helps keep edges from looking too jagged or pixelated. As a post-processing effect, it also soaks up graphical processing power.

Texture Filtering

Similar to Anti-Aliasing, it’s used to make textures appear less pixely. As such, you can turn down the texture quality/size without making the textured objects look too blocky if upscaled. It does this by interpolating the pixels on a texture with nearby pixels. The important thing to note here is that texture filtering occurs on the texture itself, while anti-aliasing occurs on what you see on screen.

FOV  (Field of View)

Field of View is the width of the camera’s view angle. The wider the angle, the more you can see overall. Extreme width will, however, cause distortions in the proportionality of things.

God Rays

God Rays are when you have concentrated, visible light beams break through cloud cover or around/in specific areas.

Ambient Occlusion

When deciding how to draw a given pixel, the GPU will sample the depth/distance from nearby pixels to figure out how much shadow/depth the nearby pixels should affect the given pixel. This makes crevices and nooks darker than the surroundings.

And that’s it for this blog in 2014. I will be on break and traveling for the next two weeks or so, so updates will be sporadic at best until the new year begins.

Further Reading:

hello ! this is my masterpost on what i use to create and ‘edit’ graphics and pictures for my blog.

all of these websites/applications etc are completely free, but due to this price there are some limitations. however, you can still make high quality edits, at no cost, which is great if you just want to have a bit of fun.

the way i’ve set this masterpost out is by grouping the resources by type of edit/post etc, and then I’ve gone to list the tools (if necessary), pros, and cons of each.

i hope you find this helpful, and if you do feel free to reblog! for an example of my own budgeted edits look here

basic graphics and edits

pixlr ; an online web app that does just about everything - a good free substitute for photoshop.

tools: crop / draw / transparent / gradient / colour replace / blur, sharpen, smudge etc / colour + surface correction / resizing / text

pros: very, very easy to use / great for high quality edits / great for icons / lockscreens / multiple languages

cons: even at full strength, the blur (etc) tools are not strong enough to create obvious gradients, and it takes time to blend multiple layers

[ tip ! ] for typical ‘tumblr’ text edits, use the font arial with bold/italic

lunapic ; a very basic website that allows for the editing of high quality images, of larger file sizes.

tools: mirror / colour pallettes / basic animation / blur, sharpen, smudge etc / in-depth correction (tanning, red eye, etc) / filters / image blur / gradients

pros: easy to naviagte, lots of different tools at your disposal

cons: some tools, filters, etc down grade the quality of the image considerably - especially when using multiple image layers / no transparent

picmonkey ; a website for simple graphics and photo editing

tools: crop / blur, sharpen smudge etc / resive / transparent / filters / lots of touch up tools / overlay / text

pros: very easy to use - i find the text feature to be good for stationary graphics !

cons: not all elements on this site are free / decent quality, but cannot handle large file images very well

moldiv ; an app availible for both apple and android products.

tools: filters / textures / basic automatic touch up / text / stickers / blur, sharpen, smudge etc / crop / exposure etc / highlights / collage / magazine layouts

pros: easy to use / accessible / good for quicker edits or icons

cons: it’s a mobile app - even the ‘large’ images are not hd when viewed on desktop / it’s touch up tools are labelled ‘beautify’ and enforce western beauty standards and it’s a little bit annoying / not all elements of this app are free

finding colours and themes

paletton ; a website that creates automatic colour palettes and themes from one sample colour !

pros: very useful when making side by side text edits, and just for graphics in general

cons: themes created automatically on one colour

colourlovers ; find palettes and themes precreated by users, or create your own

pros: good site to ‘archive’ your own colour themes / search for premade themes / search for themes containing specific colours / you can specify further, using ‘pastel’ etc in your search

cons: though most of these palettes are great, as they are user submitted some include clashing colours  ¯\_(ツ)_/¯

gifs

gifsoup ; a website where you can create decent to high (ish) quality gifs from YouTube videos

pros: creates basic gifs pretty quickly / precise timefram intervals

cons: sign up is required / not all elements on this site are free / limited editing

ezgif ; a website for just about anything related to gifs

tools: photo gif maker / video gif maker / gif resize / gif crop / gif optimizer / filters / reverse, rotate, speed adjust etc / text / overlay

pros: easy to use, with quality adjustment

cons: limited quality and affects

[ tip ! ] these are gifs we’re talking about - the quality will never be that amazing and there are many limitations, but ezgif is a very good free resource

if you have any questions, or would like to suggest a site/resource to add, my ask is here !

update 30/12/15

basic graphics and edits [cont]

gimp ; free software for graphics, editing, and manips in particular - another good substitute for photoshop.

tools: draw / transparent / airbrush / text / blur, sharpen, smudge etc / colour swap

pros: easy, accessible interface / good quality images / lots of tools

cons: downloadable content, instead of online / using very large (often hd) file sizes can slow the program a little, but not a considerable amount

yaku-n3ko  asked:

Any digital arting tips you could give me pal? Transitioning from traditional to digital, and boy is it hard. 🙀💨

a few

▶ ctrl-z is necessary. use it. constantly
▶ keep the History panel of whatever program you’re using open. sometimes Undo isn’t enough and it helps to backtrack by several history states
▶ if a segment or line is almost right, you don’t need to redraw it. resize, skew, stretch. same result, less headache
▶ clip studio is a superior drawing program to photoshop. photoshop is for photo editing / graphic design. clip studio is for illustrating
▶ if you’re not comfortable working in numerous layers try keeping it to 4 or 5 max. also learn about layer/brush blending modes, they’re a little unintuitive but very useful once you know how they work
▶ this one’s just my preference but i never use anything but default brushes. i’ve never cared for Jim Shitstick’s 5,600 Photoshop Necessities or whatever they are. can’t keep track of em, don’t need em
▶ you can overlay photos from a place like textures.com when you need detail but can’t be fucked to draw it all in

and probably the most important thing

▶ digital art is not cheating. use every trick the medium offers, use it to its maximum extent. it’s not “less art” if you take shortcuts and do things quicker, and if anyone whines about that, they’re an idiot

PICTURE TAKING TUTORIAL: THE BASICS PART II

As promised too long ago, part two of picture taking basics.

*******************************************************************************************

If you haven’t read my original photography tutorial, you can find it HERE.  Much of that information is going to be needed in order to use this tutorial.

This tutorial has come about after seeing the same “beginner” mistakes being made over and over during the Battle of the Bands competition.  I hope that part two of Basic Sim Photography helps people not to butcher their pictures on cropping and resizing. Improper cropping and resizing can make what would normally be a good picture look like total crap. So, having said that, let’s get started.

In addition to the items listed in the original photography tutorial you are going to need a graphics editing program. I don’t care what program you use as long as it’s not MSPaint. Paint really isn’t designed to do much of anything.

The first thing we are going to talk about is picture quality and size. At this point I am going to assume that you have read the first tutorial and know how to set up your picture and get the highest quality possible. If you haven’t read it, please do so. The section you want is “Taking the Picture”.  I will wait.

Got that information now? Good. We can move on.

I am going to admit right now that the pictures that I took for this tutorial could be better. I snapped them in a hurry and was just worried about getting what was needed.

Our starting point:

External image

It’s a very basic picture of an alien couple. Well, they are supposed to be aliens, anyway. It’s not the best picture and a lot can be done to make it better to show them off.

Step One:

External image

Everyone is familiar with this this bit of the Sims 3 interface. What you are going to do is click on the down arrow and hold it until your screen is done moving. That is going to more or less set your camera straight.

Step Two: Hit the TAB button. That takes you into camera mode. You can now position your camera to where you want it using the arrow keys and your mouse wheel.  You can zoom in as close as you want with your arrow keys then use your mouse wheel to zoom out in order cut out things you don’t want in the picture. You do have to be careful where you don’t get a fish eye image. This is kind of hard to demonstrate in a written tutorial so play around with the arrow keys and mouse wheel to see how things work. Switch between normal mode and camera mode while you are doing this. Playing with things and seeing how they work is the best way to learn the techniques for taking pictures and developing your personal style.

Zooming in to focus on your subject and cutting out a lot of the stuff in the background will give you something like this:

External image

Better than the original picture, and depending on what you are using it for, it could be acceptable so we are going to keep this version. We are also going to go one step further and get an even better picture.

Step Three: This is neat and for the longest time I forgot that I could do it. While in camera mode you can use SHIFT+A or SHIFT+D to tilt your camera. Forget titling it. We are going to turn everything 90 degrees. My screen resolution is 1920 x 1080 and that is the size that pictures turn out like the one above. So, instead of my picture being 1920 x 1080 it’s going to become 1080 x 1920 when I am done with it.

This is how the initial picture is going to look.

External image

After turning it 90 degrees in my graphics program it now looks like this:

External image

You do NOT want to use the Windows Image Viewer to rotate images. It may leave a line down one side of the photo that looks like a shadow.

This larger second picture is much easier to work with for editing. To maintain quality it’s always better to start with a larger picture and go smaller than use a small image and go larger.

Now that we have a picture to work with we are going to talk about cropping and resizing. Some of the things that I see people do makes me want to cry. For example, the band poster requirement for the Battle of the Bands is an image 831x1169. This is also the image size we use when asking for cover pictures for Rising Stars. I can not tell you how many times I have gotten images that were just resized to those dimensions.

This sort of things makes me die a little on the inside.

External image

I have also been sent a number of other crazy things.

So, we are now going to talk about this resizing and cropping thing. This is where you are going to need your graphics editing program. I use Photoshop but we aren’t doing anything that will need more than a basic understanding of whatever graphics program you use.

For this part of the tutorial I am going to use this picture and I am going to show you how I would crop and resize it to use as an avatar picture. This technique works no matter what you want to resize and crop for.

External image

For an avatar picture I like working with a 512 x 512 image. It’s just personal preference. So, the first thing I am going to do is going into my graphics program and create a 512 x 512 empty canvas. Next I am going to open my picture.

Now, for resizing.

ALWAYS, there is never any exception to this, resize things where things stay in scale. This means use whatever setting it is that tells the program to scale everything in proportion. You also need to resize based on where you are going to crop your picture. In this case the final image is going to be 512 x 512. This means that I want to set the height to 512.

External image

Had I resized the width for 512 the height would have been too short and it wouldn’t have worked.

External image

However, this doesn’t mean you will never resize the width instead of the height. When making banners the width is normally the part that gets resized. I hope all that makes sense.

Now we are going to take our 910 x 512 image and make it 512 x 512.

Remember that blank 512 x 512 canvas we made? Copy your image and paste it to that canvas and center it. Flatten and save your image. Now you have one beautifully cropped and resized picture.

External image

Remember I said that we used 831 x 1169 dimensions at Simatography for various things? Remember that I also said that my screen resolution was 1920 x 1080? 1169 is a much larger height than 1080. This is where one of those long pictures where we turned the camera 90 degrees is going to be needed.

We need a blank canvas of 831 x 1169. Next we are going to open our long picture and turn it 90 degrees. (I am going to admit up front that this is not the best picture to use for this tutorial because of my camera position.)

External image

Resize by setting the height at 1169 and keeping the sizing in proportion.

External image

One again we are going to copy  our image and paste it to our empty canvas. I coloured my canvas the same colour as the image background.

Again, resized and cropped without image distortion to fit it’s purpose.

External image

It really depends on the usage of the image if you are going to be using a standard image as it’s taken in game or if you are going to need to rotate your camera 90 degrees. You always want to rezise before you crop and, while there are always exceptions, it’s best to copy and paste your resized image onto whatever sized canvas you want your final picture to be.

Now, go forth and create images that aren’t awkwardly resized. :)