texts: Advice picking colors for a videogame interface

texts:
I've been working on developing a card-based browser game, and I have to say graphic design isn't my forte.
This is what the user interface for the game looks like

I'm not too sure about the choice of colors for the various buttons and elements of the UI.
Specifically, while I like the green portions and wooden background (although I'm open to suggestions on those as well), I would like some tips on how I could pick better suited colors for my interface.
Those greys are just... meh, in my opinion.
Here's a mockup page that you can play with modifying CSS (although the background is missing, sorry about that).
What colors could I use in place of those that better suit the other elements of the UI?
Thank you.


texts: Inkscape - Taking Difference of Wrong Object

texts:
How do I control which object Inkscape takes the difference from?
These are my two objects:

But when I take the difference, I get:

Instead of the circle missing the blue parts.


texts: Copying average brightness and saturation from one texture to another?

texts:
What is a good approach to copy the average brightness and possibly the average saturation of one texture image to another in Photoshop?

The scenario I have is this:

I'm processing several textures from various sources (photographic textures, megascans, generated from substance designer, etc.) into a coherent collection of textures that should fit together in a game without too obvious differences in overall brightness and saturation.

For example I might have a grass texture from one source but without adjustments it will end up looking too bright and/or too color-saturated in-game next to other textures.

Is there any reliable workflow in photoshop, optimally one that doesn't require much manual adjustment? I know that Photoshop has a color-matching feature but what about average brightness/saturation values only?


texts: How make two blended shapes the same color in Photoshop

texts:
I want to know how I can merge two layers together with "Hard Light" or other blended modes without changing color.

As you know when we put a shape on top of another one with effected color, the result is a range of highlighted color in overlapping areas.

result should be like this


texts:
I realize this a difficult issue to solve but still, maybe someone can suggest a good compromise. When designing a website on my system the colors look the way I want but when checking them on the customer displays they look horrible (in some cases). Is there a way to solve this issue? What would be the best approach?
Thank you.


texts: Should I aquire largest size of image if it's free?

texts:
If I can get an image in any size I want (for FREE), but only ONE size/format of each image, would it be wise of me to get it in the largest vector/scalable (eps) size? Wondering if it's an issue at all when converting to other formats or downsizing. Seems that I would be wise to get it in the largest size possible then downsize as needed (and change to whatever format is best: PNG, smaller jpg, etc.).

Is that correct?


texts:
I've been having trouble moving an item that's part of a group; the available tutorials don't seem to work for me, even though I downloaded Inkscape this month and am using default settings.

I'd like to move the black circle in the image below:

The way I understand it, I'm supposed to pick the "Select and transform objects" tool, double-click the circle, then drag it.

But when I double-click the circle, I get switched to another tool, like the Draw Ellipse tool. Then I can't drag the circle without drawing an ellipse. If I try to switch back to "Select and transform objects," the circle is deselected.

Is there any other way to move the circle without dismantling the clipping mask?


texts: What are the names of those thicknesses of lines in pixel art?

texts:
Above are shown demonstrations of various thicknesses of lines (non-anti-aliased).

But I wonder how they're named.

Is a named "a thickness of 1"?
Is c named "a thickness of 2"?
What would b be named then?

Edit: I would like to point out, that this is NOT the same as the thickness number setting in image editors! Their output is based on the nearest neighbor algorithm and cannot possibly consistently produce the results in the examples a, b or c: https://i.stack.imgur.com/5n5DD.png


texts: Extremely thin empty space between adjacent shapes in Illustrator CC 2018

texts:
I have a logo created in Illustrator CC 2018 which contains an icon shape created with the perspective grid tool. I have noticed that between some boundaries, there is a very small empty space (maybe caused by a rounding error?). However, this space only appears in exported files, and not in the Illustrator project itself.

What can I do to try and reverse this effect?


texts: Problems with text boxes after saving file in inkscape

texts:
After saving my logo in inkscape, I'm facing a problem with the text's boxes and alignments. The problem is that when I'm going to open it on krita as svg, the textbox is way bigger than the one I created, and the other one is not in the center as suppose. I will send some images to help.
In Inkscape:

In Krita:

PS: Already tried to convert both to text (Text > Convert To Text), and save in PLAIN.
Thanks in advance.


texts: Illustrator: complex artwork takes too long to redraw

texts: I have eliminated thousands of points on a map exported to Illustrator. The redraw time is still 10-15 seconds after each click, even in Outline mode. The file size is not that large. Any suggestions welcomed.


texts: How can I create a circle fill effect similar to a halftone in Illustrator?

texts:
I am sort of new to graphic design and need some help on how to recreate this "screen" or "mesh" looking effect for a T-shirt.  I have tried setting this area to gray, using color halftone, and setting the transparency to multiply and it comes close, but the dots seem a little too spread apart and pixelated on Ai.  After trying several things, I am not sure what else to do.  Any help would be greatly appreciated...

Thank you,

David


texts: I need help with the color to alpha tool on gimp

texts: So I used the color to alpha tool in gimp and it did what I wanted it to but when I saved and exported the picture it didn't apply. what I wanted is to take all the white values and make them transparent which is what it appeared to do. but when I opened it in another software I have it didn't register as transparent.


texts: What icon can I use to indicate empty folder?

texts:
When you open a folder the icon should appear with the text and link "No documents yet. Try creating a new document."

I used an empty folder icon and another version with a document icon. The client doesn't like it.

What is a meaningful icon to place to indicate a folder is empty?


texts: Script to Change Table Style - InDesign CC

texts:
I have an InDesign CC 2018 document which I imported a docx file. The file contains a lot of tables. I want to apply a table style to all of the tables, but we are talking hundreds of tables.

Is there a script that will select tables and apply a specific style?

Or is there a way to apply table styles to all tables in a document at once?

Thanks in advance


texts: I want to change a massive amount of smart objects that are in groups and have effects on them. Stumped

texts:
I have a screenshot to help in the process please refer to the screenshot for the labels I've referenced:

Folder #1 is the original smart object(#1.psb as an example) with two folders below it with smart objects and with different effects applied to them.

I've duplicated folder #1 and created folder #2, I've clicked on the copy of the original Smart object(#1.psb) and selected Layer> Smart Object> Make Copy of Smart Object VIA Copy (see: New SA via Copy).

Now, I have saved the copied smart object as #2.psb(example) and the layer titled "New SA via copy" is linked to the right file. Now, I need to make all the rest of those layers below (in folders "still linked to original") the #2.psb layer link to the file #2.psb as well.

Q: Is there a way to achieve this without batch processing, clicking individually for hours, etc. etc. etc. If I were using inDesign I'd click on the duplicated link>relink and everything would be done. In PhotoshopCC it seems rather cumbersome and I've been provided this file.

My goal is to just duplicate, change the text and done. Instead I change the text and it changes for folder #1 as well as folder #2 so I made a copy of the Smart Object so that I could just edit that one and then all the effects would tie to it. Unfortunately this isn't working as expected and the linking process is laborious. Not my style.


texts: How can I move an object without the gradient moving in Illustrator?

texts:
In the Photoshop gradient settings there's an option 'Align with layer', and when you leave it unchecked the effect is that the gradient takes up the whole canvas and you can move your object 'over' the gradient, like in the GIF below. I am wondering how to achieve this effect in Illustrator?

I've tried using the gradient tool and applying it to multiple objects, but so far the gradient just 'sticks' to each one and moving the object doesn't affect the gradient part that is showing. I don't want to be moving the gradient itself.
Thank you!


texts: every time I save for web in Illustrator, my colors change. I've looked this up, but every solution I find, the option is grayed out for me. In Edit > Color Settings everything is grayed out. Also edit > Assign Profile is also grayed out. I've changed the document over to RGB from CMYK and it still converts my colors when using "Save for Web". I need to use "Save for Web" because of the easy scalability it has because I need to scale something up in different various sizes. I also noticed in the settings of "Save for Web" that Convert to sRGB is checked and is grayed out so I can't uncheck it.


texts: Graphic, Graphics, Graphic Design, Graphic Controllers

texts:
I don't have any experience with graphic design and similar arts. But my thesis is about photographic rules, and many of the rules there are derived from graphic design. I have a book about Photographic Composition and it mentions many terms that I am not sure I can distinguish between them, especially that some of them might have more than one of them. So could you please tell me that meaning(s) of the following terms?

Graphic
Graphic Design
Graphics (with s)
Graphic Controls

Thanks

EDIT: Some people asked me to put some context. Here is a context from Photographic Composition by Grill & Scanlon:

  Graphic Controls
  Despite photography's three-dimensional appearance, a photograph really consists of nothing more than a two-dimensional surface on which deposits of different tones and colors have been laid. In this regard, a photograph has much in common with a painting, a lithograph, a printed page, or any of the other two-dimensional media collectively referred to as the graphic arts.

Question: What does graphic controls mean here?

  On a practical level, graphics--the interrelationships of the points, lines, shapes, and frame of a photograph--penetrate to the heart of photography.

Question: How is this definition of graphics related to computer graphics, which seems to be completely different, because the latter is actually the rendering of elements on screen, and it has nothing to do with interrelationships?! And what is the difference between graphic and graphics?! It is obviously not a singular-plural thing!

You see, I understand these words if they are put in a statement, but I want to know their exact accurate definition to deal with them correctly.


texts:
I'm wondering what the copyright laws are for using photos in design mockups and concepts. For example, if you look at a platform like Dribbble there's a ton of IMDB, Netflix etc. mockups that are using movie posters and photos owned by 20th Century Fox and and other film distributors.

Is it considered fair use using these images in the mockups or could Dribbble and hundreds of designers face a massive lawsuit?


texts: Adobe Illustrator: Creating a three-dimensional cone-like shape/mushroom cap

texts:
I am trying to create a geometric shape resembling something close to a mushroom cap. Take these images as a reference:

(Images Sources: (1) Canstockphoto (2) Distractednaturalist (3) Pinterest)

I would like to create the shape as a seemingly three-dimensional object, looked at from underneath.

What I have attempted so far in order to get the shape I want is the following:

Created two ellipses with a thick stroke (40 pt), a larger one in front, a smaller one behind and above it.
Expanded their appearance.
Gave both shapes a black-to-white gradient stroke as well as a white fill color.
Created a blend out of both these shapes, with enough steps in between them to create a continuous shape.

Now, the shape this results in is quite close to what I'd like to achieve; it is already a three-dimensional cone, looked at from underneath. For it to be more like a mushroom cap however, I need the shape to be more rounded towards the top (the sides and top are too “cut off”). How might I be able to do that?

I’d like to adjust my method to get the shape I want, but I’d also appreciate any suggestions for other ways of going about creating something similar. I’m currently working this way due to me having a very, very limited knowledge of 3D-modelling software (I am sure this might be accomplished much more easily using software such as Cinema-4D or Blender). See the GIF below to get at look at the process I’ve gone trough so far.

Reviewing the shape I am currently able to create:


texts: How to only scale a certain part of a logo in Inkscape?

texts:
I have stumbled upon a problem regarding the creation of a logo for a Piaggio vehicle (the truck below). Because of the grooves I want to scale a certain part of the logo and make it look good when you look at the logo from the front.

My question: How to do this in Inkscape?

I had hoped there were some transformations which could be done, where I insert a horizontal rectangle over the logo and just that part of the logo gets scaled.

Is there anything like that? I've already done all the measurements and math.


texts:
I want to create this shape with Adobe-Photoshop :

But could't find the correct edge for making path , the result is like this with sharp edges :

I've searched for Peanut Shaped keyword but couldn't find any good result.
so are there any free shape-collection contains this shape ?


texts: How to ensure the text in image looks sharp and nice?

texts:
I have the following orignal raw PNG file which looks like this.

(It may look good, or it may look bad. Depending on your monitor. It looks OK in my non retina display)

When I use it in a web page, and navigate it using retina display, it looks very ugly and unprofessional. This is the screenshot. If you open https://i.stack.imgur.com/owf8L.png directly and zoom 100%, u can see the ugliness

I was wondering, what is the common practice in graphics design/ web design industry, to make image text looks sharp and nice?

I had tried.

Disable anti-alias

I use GIMP tool. I'm using Roboto Light font. So, when I disable anti-alias, the straight vertical stroke for F and M is gone. (The text block in yellow rectangle is the one I tried using disable anti-alias)

Using SVG

When I perform PNG to SVG conversion, I get the following black and white image :(

I was wondering, what is the common practice for web designer/ graphics designers, to ensure the text in image looks sharp all the time?


texts: Indesign: how to customize a numbered list

texts: I want to change all "autonumbering" of sentences in my document that have about 1000 pages to an objecct e.g. a triangle, that contains the same number, as seen above.


texts: Should my portfolio have a personality or it should look general

texts:
I concerned that having certain type of personality, ie. certain type of design and showcased work would put off potential clients as they would think i am not the person they are looking for.

For example, Suppose I can make most of the other designs as web designer but I can also make web designs geared toward kids specifically well. If I make my portfolio to represent that then it's for sure not going to be a hit with clients looking for e-commerce web design.

In that case should i a) make site geared toward my speciality and hope others will see potential anyway. b) make my site general based on percentage of where my business come from. c) make a new portfolio...

if c, how are you suppose to handle 3 portfolios... Doesn't it hurt your popularity as now you have 3 yous to promote.


texts: Shadow changes after reopening Illustrator file

texts:
ok, this is really weird. I downloaded an illustration (as an AI file) from Freepik. When I copy-paste this to my file, all the shadows you see here look good:

Then I saved the file and closed it. When i reopened the file, suddenly the shadows look like this:

It looks like the gradients have changed angles or something... I don't know. I haven't touched anything, all I did was save the file. I tried the same thing with new file, same thing happens. But the original Freepik file is just fine after saving and re-opening.

Can anyone tell me what could cause this kind of issue? Thanks.


texts: What kind of art style does Kurzgesagt use?

texts:
Kurzgesagt has a very distinctive, vector-based animation style that uses lots of gradients and an attractive, high-saturation colour palette.

My question is, what kind of art style is this?

I understand that it is modern, but could someone more knowledgeable than myself please help me analyze the style? I'm looking for Googleable words that will help me explore and discover similar art styles.

https://www.youtube.com/channel/UCsXVk37bltHxD1rDPwtNM8Q


texts: Photoshop Layer Effects similar functionality with GIMP?

texts: In photoshop there is a button on bottom of the layers panel,looking similar to this "(ƒx)" . How can I achieve similar effect on layers within GIMP?


texts: Does Preview.app really distort ordinary PNG colors? Why?

texts:
Please help me understand how OS X Mavericks renders colors (or else how the Digital Color Meter app reports them).

Following Bjango's advice on Photoshop color configuration for OS X, I found my way to this this tutorial on OS X color management, which included this PNG image which offers a grid of supposedly pure colors (I'm hoping stack exchange doesn't modify the image, which is available at the tutorial page):

The tutorial page says you can check the rendering configurations of an app by viewing the PNG and trying to "Set your color meter to 'Use native values' and move the mouse cursor over each color swatch".

When I open this PNG in the built-in Preview.app, and sample the colors with Digital Color Meter with "Use native values", I don't get the correct hex values! For instance, the blue box in the top row shows up as 0x3F, 0x00, 0xFF. I also see wrong values in Safari!

Are Preview and Safari simply broken out of the box? I find that very hard to believe. Can anyone explain what on earth is going on? (I'm not looking for advice to use another app instead. I want to understand why I'm seeing what I'm seeing.)


texts: How do I remove black lines from an illustration / artwork?

texts:
Hi all! First ever post on this great site so, please be kind :-)

I have a panoramic shaped image of buildings that I have studied which I created using ink on paper. The original piece is just that: black ink outlines on white paper.

Using Photoshop (after scanning the whole piece) I have separated out each building, printed them separately, and coloured in (as seen in the image).

In order to print as one connected piece, I now want to add the colour work, piece by piece, back into the scanned linework layer I have in Photoshop. But, I want to add only as much of the colour work back in as possible - and NOT the black outlines. So, almost like sliding the colour underneath the black outline work.

What is the most accurate way to achieve this?

Hope this makes sense and thank you for any help with this.


texts: How do you create custom Arrowheads in illustrator CC?

texts: I'm trying to create a custom arrowhead in illustrator CC but can't seem to find out how.


texts: CS6: transparent border when resizing image

texts:
this seems to be a CS6 bug to me - i couldn't find any solution yet:
when resizing an image, i'm getting a half-transparent 1px border around it. very annoying :(
i already tried flattening before resizing - still the same problem.
any idea how to avoid this? thanks


texts: In InDesign how can you script to detect a locked object?

texts:
I have an InDesign brochure that I'm trying to script against however I'm running into issues.  When I try to script against the 100 page brochure I get an:

  Error Number: 11274; Error String: Object is locked

When I go through the three master page layers' there is no locked layer and when I land on a page the Layer Panel still shows no locked layer on the top and child level areas.  Thinking it might be a file issue I tried exporting the brochure to an IDML and opening again then saving as a new INDD but the issue still exists.

I've tried scripting:

app.activeDocument.pageItems.everyItem().locked = false;

on all the pages before tying to manipulate the zero text frame with (app.select(allPages[x].textFrames[0]);) through a for loop but the issue still occurs.  Thinking it might be a master page issue I've tried:

app.activeDocument.masterSpreads.everyItem().pageItems.everyItem().locked = false;

but I still get the same results.  When referencing the InDesign scripting documentation under Working with Layers the selection regarding locking layers is limited.

How can I script through an InDesign document that is producing an object lock or is there a way I can isolate the locked object?


texts: How to create a rounded/wave rectangle like this on Inkscape?

texts:
I'm using inkscape and I am trying to create an structure like the one below, but all I manage to make is a disformed object.

I tried using a rectangle and combine with circles, but the best I got was this:


texts: How do I create a custom shapes in the shape of a circle in Illustrator

texts: I'm designing my own shapes, but I can't get them to align or replicate the way I want them to. I need them to be in a perfect circle as shown below. How would I do this?


texts: Adobe XD exporting SVG with missing vector objects

texts:
I am trying to export a vector as svg from Adobe Xd, the problem is that some of its objects are missing.

The vector consists of:

One circle created using the ellipse tool.
One triangle created using the polygon tool.
One half-circle created by subtracting a rectangle from a circle.

Items 2 and 3 are missing in the exported SVG, and I am not sure why. I am exporting with the format of SVG, styling set to "Presentation Attributes", and save images with only "Embed" selected.

I have tried using both export only selected and export all artboards.


texts: Create multiple instances of an image with text from csv file

texts: I am looking for a way to create a personalized birthday card. I have already created the image and would like to add the names of the recipients from an XLS or CSV file. I want to create about 300 instances of the same image and save them separately. Can I do this with Photoshop or some other utility?


texts: Removing semi-transparent pixels in Photoshop CC 2017

texts:
Hand lettering scanned as an RGB TIFF, I'm trying to isolate the letters from the background.

My method for getting the text separate from the background follows these steps, except I forgot to get my artist to scan in grayscale, so starting in RGB mode:

Manipulate levels to get pixels easily separable into
black-and-white
Select all > copy
Create new alpha channel
Paste into the new alpha channel
Load Selection > channel: alpha channel > "invert" ticked > New selection
Fill selection with black

The result:

Looks good, got the black separated from the white, but there are artifact-y looking pixels around the 5 that I can't seem to get rid of. If I add a stroke via the Layer Style menu, the artifacts catch the stroke and it looks awful:

The artifacts are mostly transparent and I can't figure out a way to select them so I can remove them, or do the reverse and just grab the black; the artifacts don't even show up in the selection when I command + click on the layer thumbnail:

Any suggestions for how to get rid of these artifact-pixels and just keep the black when starting from an RGB TIFF?


texts: What images formats support semitransparent CMYK?

texts:
I have a semitransparent PNG file in the RGB color space. While conserving the transparency, I need to convert it to CMYK but I am having trouble finding a file format that will accomodate both of my needs - CMYK and transparency.

I have tried a layerd TIF, but unfortunately the program I am later using the image in does not support that. What are my other options?


texts:
I’m looking for a software or tool that will allow me to export my model in Wavefront .obj format along with the accompanying .mtl file. I want the mtl file to correctly include the displacement I add to the model, i.e. in the format:
disp displacementFilePath
I have looked into Blender, but what I understood (correct me if I’m wrong) is that exporting displacement maps in the mtl file isn’t supported.
Do you know of other software that will allow me to do this?
Thanks!


texts: Why am I losing quality when combining two images?

texts:
I have a transperent image image1.png that is383 x 133 px, and another background image image2.gif that is 430 x 128 px. I opened both of images in two separate tabs in Photoshop. Then I copied the image from the first tab and pasted it over the background image in the second tab.

The first image automatically sits in the middle of the second image. But when I save it and include it in my html page, the combined image looks blurred.

What am I doing wrong? is there another way to combine two images?


texts: How do I get rid of a background color (with a glow)

texts:
I have this image:

Is there any way to get rid of the red background (make it transparent) yet keep all the glow effects? So far I've only been able to remove the pure-red parts of the image, yet that leaves a red-glow fringe.

So wherever there's red, I want it to be transparent, but wherever there's shadow-glow, I want the red to be gone but the shadow to remain. Is this possible?


texts: InDesign: how to construct table of contents with dots between titles and page numbers

texts: What I mean is something like this, which I found on a Word document I've been asked to redesign in InDesign.


texts: Besides RGB, are there any other additive colour mixing models?

texts: Are there any additive colour mixing models that uses primary colours different than red, green, and blue?


texts: Which font is this? Used in Cyber Fiction films

texts:
This font was used in the Upgrade movie Police Report

I have seen this type being used in many cyber fiction movies.

The font identification site I tried:-

WhatTheFont

It gave many names. But I wonder if this is typeface is famous or something?


texts: I have a customer who says their engineering dept needs a logo done in AutoCad to give him the detail he needs. He says importing an illustrator .dxf file doesn't give him the "quality" that he needs? Has anyone run into this?


texts: dividing transparent objects into individual shapes

texts: In Adobe Illustrator How do I divide two overlapping shapes into individual parts so the overlap area is a shape and the non overlap areas are two shapes.  So I end up with three shapes that can each stand alone and be colored individually?


texts: Texture with simple brushes/traditional media

texts: I know that for creating texture on their paintings many digital artists use texture overlays or fancy custom brushes. But how to achieve similar effects using only simple brushes? Are there some techniques? How can this be achieved using traditional media, like acrylic or oil paints?


texts: Inkscape equivalent of paste in front/back

texts:
Adobe Illustrator has nice handy shortcuts for paste,

ctrl+f which pastes in front of selected object and

ctrl+b which paste in the back of selected object.

How can I manage this in Inkscape? I tried to check their paste options in preferences but couldn't find similar functionality.


texts: How to create a clockwise gradient in Inkscape

texts:
I would like to know whether it is possible to create a circular gradient or alternative one which follows a given path in Inkscape.

This is the effect I would like to create:

Circular gradient http://liamlime.com/dump/laptop/2015-09-20/2015-09-20_21-28-51.png

To generate this image I created lots of small wedges and manually set each individual wedge's alpha value.

This question was answered for Adobe Illustrator in How to apply a gradient effect for a particular circular path? and for Gimp in Create a clockwise gradient in GIMP, however I was unable to find an answer for Inkscape.

Thank you.


texts: Drop shadows that cast lines from object

texts:
Does anyone know of a quick way to create drop shadows that cast lighter from inside corners and heavier from protrusions?

Link


texts: Match screen colors to printed colors (not vice-versa)

texts:
I have a book detailing different color pallets of traditional Japanese colors, and I want to use one of these color pallets in designing a website. The issue is, the book lists all the colors in CMYK, and is, of course, printed. When I enter the CMYK values and convert to hex colors, some of them stay largely the same, and others appear way too bright on screen. I know the color spaces are different, and about the differences between additive and subtractive coloring, but I'd really like to use the colors as they are printed in the book!
I was reading about printing, and matching printed colors to colors on screen, but I have the reverse problem. Is there any way that I can simulate printed CMYK colors on my screen? Ideally I'd like some way that doesn't require manually adjusting each color, as there are quite a lot of them.
Sorry if this is a hopelessly naive question, still very much a beginner.


texts: Formatting titles below two images in same row in Indesign

texts:
I have three images, one next to another, and I need to put image titles below each image.

The problem is that my image titles are long and can't all fit in one line, so I would need to format every title in two lines. I can't put in separate text boxes, as a there is a footnote at the end of each title saying where the image comes from and I need to have all footnotes in the same place in footer area. I do that easily for the first title, but can't figure a way to do it for the other two titles. Decreasing font size is also not an option, because it is already pretty small.

Any advice?


texts:
Hello, so I’m making a planner and I want to add dynamic dates, so what I did is customizing a paragraph style with a numbering list, it works fine until I start the second column, apparently, it's giving the priority to the first page (the right one), and I want it to continue across the spread, is it possible to do that in paragraph style? Or in any other way? I tried data merge, but it doesn’t seem suitable to my kind of planner nor does the text variables.
Thanks in advance


texts: How to make a “sticker” fold over an edge

texts:
So I want to fold my sticker image in a way to make it appear that it is stuck to the box. I’ve tried playing with perspective, but everything I try looks really off.

Is there a way to do this that I’m completely missing?

I would prefer to do this in Photoshop or Illustrator.


texts: How to exactly align shapes in order to unite them in Illustrator?

texts:
I am new to Illustrator, I have been a Photoshop user for years.

Im trying to combine a rectangle and eclipse shape. The issue I am having is that the rectangle doesn't seem to line up properly with the ellipse. It's hard to explain so I have screenshots:

This is what I'm after (it is a lowercase b) with my issues highlighted in the Red and Green circles:

The issue in the Red circle is that I cannot get the edges of the two shapes to line up:

No. 1 shows X on: 591.5

No. 2 shows X on: 592.5

The main circle is 300x300, but seems to be on .0 x/y axis (eg. X: 692.0 - Y: 742.0).

The orange rectangle is 100x300, but is on a .5 x/y axis (eg.X: 591.5 - Y: 597.5).

I 'think' everything would be find if I could get the rectangle off the .5 axis? I have tried manually changing the number but it always changes back to .5 - Does anyone have any ideas how to get around this for the best result? I think if i could get the to line up perfectly I could then use scissor tool or something to snip anything hanging over?

My issue with the Green circle is not as big as the above issue, however, I am still finding it annoying. I basically put a 1/4 200x200 circle on top of a 100 wide square... I feel like the tranistion from straight line to curve isnt very smooth when scaled down to a smaller size (see 50% zoom in 1st link, green circle in 2nd link)... - Any tips here

Thanks in advance for your patience and help!


texts: Can't put stroke width or fill on a path

texts:
I'm a newbie.
I traced a photo with live trace, it looked good. Then I expanded it, and I can't get these paths to fill or take a stroke width, whether its grouped or not.
I drew a rectangle and it looks good and shows a fill and stroke width.


texts: Inkscape change font size units from "pc" to "pt"

texts: When creating text in Inkscape my font units used to be in pt, that is the convetional 12pt that might be used in a Word document. One day it changed to "pc", and the default size is now 1 pc (similar to around 12pt). How do I change it back to pt?


texts: Use vector image to cut shape in another layer/shape

texts:
I am currently trying to make some rounded social icons for my website.

I managed to fine a blog online which supplies some vector cutouts of some of the popular site logos I need.

What I want to try and do is use the vector image to cut the shape of that image in a rounded circle so I can have it transparent in the middle of the circle like so:

This is what I have at the moment:

My question is what is the easiest way to to this?

I have tried searching a few terms for it online but I am not sure what the process would be called.


texts:
I am about to enter 5 images in an online photo contest. The image specification requires the images to be sized at 450KB, 72 dpi. The longest side of the image has to be a maximum of 1024 pixels. I cannot seem to get this low in total size, my images come to about 2MB when I type in the 1024 pixel requirement.

Would love some help here.


texts: Why doesn't my opacity mask fully hide my object?

texts: I've got a problem with masking. I've made an object and masked it over. The masking effect is visible, but it should go behind the object.  The transparent part should be at 0% visibility, but somehow it's still visible and I'm not sure why. How do I fully hide this part of the object?


texts: Resolution on a computer screen and print regarding photoshop?

texts:
Possible Duplicate:
  Life size image in Photoshop

I'm designing my first business card for a client so this question is a matter of printing. Here's my question; how come when I make my canvas 3.5in x 2in (at 100% zoom) it's not as big as the business card when I hold it up to the screen?


texts:
I've been trying to figure out how to create black and white line art from my photographs. I've got illustrator, photoshop and Lightroom. Image trace in illustrator kind of works (I'm probably/definitely doing something wrong) but it's not giving the result I'm after.

For example of what I mean is when you go into Lightroom and in the sharpening tab, hold alt on the masking option. What that creates is what I want a copy of, black outlines with the rest white/blank. The images are RAW 16MP images taken with a DSLR.


texts: What's the best way to animate an illustration for the web?

texts:
I have a couple of illustrations done in Illustrator and I am planing to animate it for a website that I am working on, I've heard of Create.js toolkit with flash, but is it the best way to go or is there another "better" way of doing it?

Here's an example of the kind of animations I am aiming for:
http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/


texts: How do you charge for extra non-design related services?

texts:
I find it very difficult to charge clients for "extras." In my particular case this is usually consulting and copy writing. Clients expect my input and often leave me with little to nothing to work with so I'm doing basically their sales pitch in addition to their deliverables. Sometimes they call me just to ask my opinion if a particular marketing avenue seems good or forward my contact information to a publishing company to work with them directly.

Us designers largely know that these are different skills but clients don't. They'll send me something like, "I need a flyer for a the 4th of July. Go to our website and include Product XYZ. Going to have Acme Co. print it out on some A4" --- no other information is provided.

For me especially this is problematic because my strength is probably about 80% in my ability to deliver very effective Messages. I could probably charge significantly more for my writing and consulting than I do for my design work. I just don't know how.

Just raising my rates seems very difficult because I don't feel many clients will understand the higher rate is because they're getting more from me than they would from other designers.

So how can I start charging people for that additional value?

Related Questions:

Is creative writing needed to be a graphic designer?
How to use value-based pricing for design projects?


texts: inkscape: how to keep raster quality/detail when scaling down?

texts:
i'm new to vector graphics and inkscape, working on a project to help my kids think about geography.

i downloaded a generic blank world map with country outlines in .svg from wikipedia.  i want to create overlays for each country we study that have layers for topography, satellite image, population density, etc.  inkscape opens the .svg fine, and using "document properties" i see it has about the size i intended to work with -- each continent fits roughly on 8.5"x11".

then i used ctrl-v to paste a topographic map for a certain country that i copied from a png into a new layer.  it appears at full resolution fine.  i used low opacity to scale it down and move it to sit in the correct location.  however, scaling down the raster loses a ton of detail/quality.  if i understand svg correctly, i should be able to scale down raster images without losing quality -- i should always be able to zoom down to the original pixels, no matter how small they get.  i need the original quality preserved, and hope to only lose quality when finally rendering on a particular printer/screen/etc.

is there any way to do this?

i'm on osx 10.13.6 and installed inkscape 0.92.2 2405546 using macports (x11, not xquartz).


texts:
What are convenient software tools for drawing block diagrams?

like this: http://upload.wikimedia.org/wikipedia/commons/f/f5/Windows_2000_architecture.png

or like this:

This question has been asked years ago, but many of the answers aren't as valid since the tools have change. For example, Lucid chart has restricted their freemium options and Dia doesn't run on windows 10.


texts: Should I send a separate invoice for each job?

texts: I've done 2 jobs for the same client this weekend. Do I put them on the same invoice or send him two separate ones?


texts: CMYK Color Separation for offset printing

texts:
Hello I would like to ask how to do CMYK color separation for offset printing?
Is it the same for screen printing i.e. spot colors? What would be the optimal DPI, Frequency and angles?

My mom sent me a single layer file to do color separation for offset printing.

Do I use photoshop or illustrator? Or is it something that is set on the printer rather than using photoshop or illustrator?

It's for a 3(H) x 5(W) ticket btw.

Thank you.


texts: How to modify corner radius on rounded rectangle in Photoshop?

texts:
I develop puzzle game and I want to create grid with smooth edges like this image:

How can I make rounded rectangle with corner inside it (the radius with negative sign)?

OR Anyone can help me with the best way to make this grid ?


texts: Legal status of "Star Division (c) 1995" fonts that came with Sun Office 5.2

texts:
I'm sorry if this is not the right place to ask, but I have seen other "font license" related questions on this site, and no amount of googling has yielded an answer.

Some time in 2001, I downloaded the free (archived articles say "for personal use") Sun Office 5.2, which came with a nice selection of fonts. That eventually became OpenOffice, so obviously I no longer have that installed, but I do still have the fonts, which when viewed with FontForge show a Copyright notice (Element > Font Info > PS Names > Copyright) of:

  (c) 1995, Star Division GmbH, Hamburg

I tried finding info about the license of the font, read up on Wikipedia, searched for license info on font websites, but no luck. Basically, I want to know if I can use these fonts commercially. By "commercially" I mean: use the fonts to create images where the images are for commercial use, (as opposed to selling software with the font, or selling the fonts themselves).

Some of the fonts that fall under this group are:

  Americano, Andorra, Arcus, Armada, ArtA, ArtB, ArtC, ArtD, ArtE, Artefakt, Avance, Aventure, Bahama, Baikal, Banberry, Baroness, Bavaria, Beda, Benelux, Brequet, CadillacCaps, Camarco, Cephyr, Chelsea, Cleo, Domo, EnriqueCaps, Erato, Eriva, Farny, Frantic, Gamins, Gero, Goncourt, Helmet, Houdon, Kiddy, Korinth, LarmaCaps, Murnau, Nuance, Opera, Pakira, Proto, Rocco, Sega, Slim, Solo, Styx, Symco, Timida, Timmons, Tintin, Uncopro, Uncorpo, Undine, Usage, Veltina, Wassily, Zazie


texts: What could be most indicative icon for "Blog"?

texts:
I'm really stuck thinking on what could be the most friendly way to represent "Blog" as icon. Google search led me here but it doesn't indicate a blog completely.

I have designed this:

but it doesn't look promising either. It more looks like writing on a sheet of paper. How do I make changes in this so as to look like writing on a "blog".

P.S.: I'm designing icons for a website where there are links for 'Wiki', 'Forum', 'Blog' etc and those links are supposed to be icons.


texts:
I've stumbled upon a problem while redesigning a Xd-mockup for a company I work for. They are using the CMYK 56,4,100,0 for alle their offline marketing, which works great for that purpose. But when I type in the HEX number for the same color (#70F500), I'm given a very very bright green. Almost too bright and to that point where it isn't pleasing to look at on at darker background.
So my question is whether it is allowed to change the HEX color to a less bright for the website - even though the brand manual says the HEX is #70F500?


texts: Why do websites tend to show the content to the left?

texts: I've noticed a trend in content positioning on popular websites such as facebook, youtube, 9gag and many more.. they all have their main content to the left side of website. Why is this? Or is it just random?


texts: Illustrator pen tool changes to subtract point

texts:
Sometimes I want to click the pen tool on the end of the path. This can be to change the direction of the path (if I'm doing text along a path). Or it can be to extend the path.

Most the time this is no problem. But sometimes Illustrator decides that no, it's not the pen tool I want. The program will change the pen tool to the subtract anchor point tool and delete the point.

Is there a way I can avoid or disable this unhelpful feature?


texts: What's the best approach if I want to snap to the canvas' horizontal and vertical centre points? Let's say I want to place a guide in the center of both directions for example.


texts: Why does saving low quality JPGs as high quality in Photoshop increase their file size?

texts:
I have a low quality background image that is about 85kb. If I open the file in Photoshop and then save it at 100% quality, the file size increases to 640kb. This doesn't make sense, the image is already compressed, the quality cannot be better than the source, so the 100% quality while saving should produce the file size as the opened file.

The problem is, I have this background and want to add a logo image over it, and then save it. But If I do so, I have to save this with 10% quality, and the logo looks horrible. If I save this to 100% quality, the file size is huge.

How can I achieve this?


texts: How to cut the non-overlapping part of 2 shapes in Illustrator CS6

texts:
I have 2 shapes (see below) a circle and a shape of the US. I want to remove the part of the US that falls outside the circle. How is this possible?

Thanks


texts: "Transparency Shapes Layer" checkbox in Blending Options

texts:
I am creating a photo filter program and trying to do some actions in Photoshop CS5 in order to repeat them in code.

One action I stuck with is Vignette effect. This is typically gradient fill layer with "Vivid Light" blending mode. However, it is looking nice only when "Transparency Shapes Layer" checkbox is turned off.

What I see in Photoshop manual:

"Select Transparency Shapes Layers to restrict layer effects and knockouts to opaque areas of the layer. Deselecting this option, which is always selected by default, applies these effects throughout the layer."

However, it does not looks true because when checking / unchecking this checkbox, the image becomes completely different.

Just wanted to know if someone knows any insights on how this checkbox works.

Thanks,

Andrey.


texts: What is the name of a squircle with three, five, six or more corners?

texts:
I know that the second shape is a squircle, but what are the other shapes called? Is there an actual name for them?

The shapes do not simply have rounded corners, but the sides have a "circularity". Here is a triangle with rounded corners next to the shape that I do not know the name of:

"Trircle", "Triarcle", and "Pentircle" do not seem to be used for them, at least Google's image search does not provide any results.


texts: Creating pencil style strokes/lines in Sketch

texts:
I’m trying to recreate a pencil style stroke in Sketch, akin to the pencil brush in Illustrator, has anybody been able to do this or know of a plugin that would assist?

I’m using Sketch for wireframing and really want to emulate the scratchy, pencil like lines you see in programs such as Balsamiq. Why not use Balsamiq? We don’t have an account at work and the the pseudo low fidelity mocks that Balsamiq lets you create are useful for managing stakeholders here (in that they get it is a conceptual wireframe).

Thanks.


texts: how to replicate this motion blur effect

texts:
I am wondering how to replicate the motion blur effect seen in the image below.

I have tried a variety of approaches: motion blurring the intended word, adding noise and using gradients in layer masks, etc, but all to no avail. I am unsure what to try next. I think my last port of call is going to be trying a gradient map with each colour (pink, purple, red, orange, yellow) being represented somewhere along the black-white continuum. Then, using a soft brush, I could manually paint the blur for each respective colour. But I am unsure if this is going to work and would prefer to enlist some advice before going down this road.
Any thoughts or recommendations are fully welcomed. Thanks for your time.


texts: Merging two individual rounded objects in illustrator CS6

texts:
The roof and the body of the house are individual objects that have individually been rounded. I want to combine these objects without affecting the rounding features already on each object.

But when I try to use the Shape Builder Tool, it manipulates the rounding of the edges in a weird way.

I have tried many things with the shape builder tool (i.e. only highlighting certain parts of the shapes, holding shift), but I can't get it to just happily merge the two edited-shapes. I want to do this so when I add a gradient overlay, the overlay looks smooth and not like its affecting individual objects.

I am new to Illustrator, so this may trivial, but I appreciate any help anyone can give!

Thanks in advance.


texts: How to become really good in graphic design from being average?

texts:
I have seen many designer's work (logos, websites, brochures, animations, infographics, business cards, scenery, illustrations). Most are average but some stand out. Their work just takes you. You can't help but admire the quality of it and right decisions that were made. Even though you are in field of graphic design you still interact with it just as other person would.

In not so awesome works, certain graphic design principles and elements stand out. You can see they were well done, accurately used, and harmoniously interact with each other. However, you can still see these elements and not the design as whole. As one with a trained eye you can't help it.

On the other hand, designs that stand out are so great that you can't help but see the message and your brain ignores those elements. Basically, you become an audience as well.

So how does a graphic designer break the average design barrier? I know skills, imagination, and experience matter. But I don't know how to acquire them exactly or anything else that matters. How can I improve?


texts: Creating a "black mask" file covering all non-transparent pixels in Photoshop image, all layers

texts:
I have created an image in Photoshop CS3 consisting of numerous layers including text layers, and graphics layers.  The print shop says that I have to submit ANOTHER file which is a "mask" file, which is black wherever there is anything to be (raised) printed on my primary graphic file.

I tried merging all layers, then adding a black color overlay, but in areas where I had drop shadows I see that my black mask layer looks more like grayscale.  I know this is somehow transparency related but I can't figure this out.  How do I make it 100% black wherever there is a non-transparent pixel?


texts:
I am using brushes with small particles that look as desired when zoomed in, but they collapse in a huge blob of paint when they are zoomed out. I tried "View > Preview on CPU" and that makes it better than "Preview on GPU", but still way too much.

When the image is exported to raster and scaled down in Photoshop the amount of color is the expected one, therefore it's just Illustrator's preview being too low quality.

Is there a way to increase the quality of the preview?


texts: A clean way to remove gradient mesh in Illustrator?

texts: Does anyone know if it is possible to remove a gradient mesh from an object in Illustrator without producing a distorted/inaccurate outline? Adobe documentation as well as most online resources I found only suggest using Object > Path > Offset Path... (with offset set to 0px), however I find that for any object I try this on, the resulting outline does not precisely align with the object I start with.


texts: How to achieve spiking effect on typography like Impulse Festival?

texts: I was wondering how this effect was achieved. Does anybody have an idea how this would be possible using Adobe Illustrator or some other vector-based tool (I think this makes sense if you want to create a logo).


texts: How to revert to Windows original font list

texts:
I started working as a freelance graphic designer and I have many fonts installed from the era when I was just doing stuff for entertainment and learning. I don't want to use these fonts for my clients work not at the beginning of this carrier at least, so I moved to only free to use fonts and resources. The thing is that the old fonts are cluttering my font selection list and take from me valuable time when searching for just the right font from the job. So I'd like to remove all of them except the default ones like arial, helvetica, courier etc.

How can I do it? (is there an open source font management software that will allow me to do this?). Do I need to purchase a license for the fonts that comes pre-installed with windows too, like Arial?


texts:
I work with PNG frames when I make videos. So whenever I do it I usually save with .PSD, but the files got too big and I decided to switch to saving with .PNG

I was wondering if there is a way to make it so whenever I press a certain key it automatically saves my image with the next number up.
EX: If I had 10 PNG images all labeled 1.png through 10.png and I hit a certain shortcut again then it'll save the next image as 11.png

Thanks, anything similar to this would be a great help also.


texts: Gradient Fill disappears when I save image

texts: I am having trouble using the gradient fill in GIMP.  Sometimes it stays, but sometimes is disappears when I save the file. What am I missing?  I have tried doing it on the same layer as where I made the selection and on a new layer.


texts:
Thank you in advance for any help you might have.

I have an original jpeg image of birch trees.

These are the steps I took to make the image below:

Brought it into AI.
Made into an object mosaic.
Made shapes into ellipse paths.

I want to paint the image I have on a canvas- but not with 3046 colors like in the image.

SO- I  want to reduce the amount of colors to between 12-16. Then I can mix up that many paint colors and paint the image on a canvas.

However, I can't seem to reduce the color palette in AI down to that many.

Here is what I have tried:

Edit>replace color. This doesn't seem to save the 12 colors I reduce it down to when I go back to the image. It retains all the gradiations/tints. Even when I select "Exact" colors.
Imported AI into PS. Mode> Index color to 12. That doesn't work, because the colors come back again for some reason.

I'm wondering if I have to resolve to selecting the colors and then changing them one by one? Really, it can't be that that's my only option.

In addition, I have tried: Select>Similar>fill too and only 1 or 2 circles will be selected as there are so many gradations.

Any thoughts please?

Thank you!
Karen


texts: Adobe Illustrator: strange behavior while aligning objects

texts:
I am creating icons with Adobe Illustrator during which process I use the Align tool quite frequently.  All of a sudden, the align tool started behaving quite strangely.

When I select two objects and specify that I want to align to a key object, when I press align it seems to only align halfway to where it should be.  When I press align again it aligns halfway again - after I press it several more times, it finally gets to where it needs to be.

Also, when I try to align to artboard, it pushes the object out to a seemingly random place.

Here is a video showing exactly what I mean:
http://screencast.com/t/m9xKONroYyEG

What setting did I accidentally set to make align behave like this?


texts: How can I remove this message written by my deceased nephew so I can put his exact handwriting on tshirts?


texts: How do I get Thai diacritics to display correctly in InDesign CS6?

texts:
I have tested several Thai fonts in InDesign CS6, and none of them are able to display Thai diacritics in the vertical stack correctly. The fonts I've tested include Microsoft (Norasi), Adobe (Adobe Thai), and Google (Noto Sans Thai).

First, here is how the stack should appear, using Microsoft Word with TH Sarabun font:

Tone marks are displayed directly above a consonant (e.g. ให้), but are able to move vertically upwards to make way for vowels (e.g. ทั่ว).

In InDesign, the diacritics are rendered in one of two ways, both of which are incorrect. With some fonts, in this case Adobe Thai, tone marks appear directly above a consonant, but do not move upwards to make room for vowels. This leads to a clash (in this example over the word ทั่ว) in which the tone mark and vowel appear on top of one another:

With other fonts (in this case Norasi), InDesign tackles the problem by placing all tone marks vertically distant from the consonant. This fixes the issue of tone mark+vowel clashing in the same position, however, it is still not typographically correct. In this example the tone mark in the word ให้ is too far from the word, and appears to be floating in thin air:

While this is more readable, over a whole body of text it looks very strange, with all the tone marks floating high above the consonants. Microsoft Word unfortunately is leading the way with how it should be typeset.

I've fonts from a variety of foundries, and all of them give results that are not acceptable for published material. Is there anything else I can do to make Thai work in InDesign CS6? Or am I just waiting for the single magic font that works with InDesign? I would've thought that would have been Adobe Thai!


texts: Rounded rectangle with non-square pixel aspect ratio

texts:
I am making UI graphics for a screen with non-square pixels. To be exact, the horizontal distance between pixel centers is larger than the vertical distance.

If I draw a circle in Photoshop and export to a bitmap, it ends up a bit oval on the device screen.

I can fix this by setting the Pixel Aspect Ratio in Photoshop to match the screen. Shift-dragging a circle or square then does the right thing. It looks circular in Photoshop, the exported PNG looks oval on a PC, but then on the device screen it looks circular again.

But, rounded rectangles seem to ignore the aspect ratio. The rounding is skewed. Here is a screenshot with an extreme pixel aspect ratio of 2:1.


texts: InDesign script to insert pages between existing ones

texts:
I try to create a very simple script that adds one page after every existing page of the document and applies one of the masters to it.

Unfortunately I have a problem with referencing objects in Extend Script.

var docRef = app.activeDocument;
var numOfPages = docRef.pages.count();

for (currentPageNumber = 1; currentPageNumber <= numOfPages; currentPageNumber += 2) {
    var pageRef = docRef.pages.item[currentPageNumber];
    pageRef = docRef.pages.add(LocationOptions.AFTER, pageRef);
    docRef.pages[currentPageNumber + 1].appliedMaster = docRef.pages.masterSpreads.item ('T-test');
    }

Can anyone help me understand where I've missed something to get this running?


texts: How to be sure InDesign imported the whole text from a doc file?

texts: I revised my text yesterday in Word and I really don't wanna read it all again in InDesign. My first option was to to a word count. I did, but it shows 28.112 words while MS Word shows 28.208. Why this difference?


texts: How to change textframe creation order in Indesign

texts:
I am writing a script for Indesign. In that script I am taking the contents of the text frames and save them to a database. Till here my script works. However when looping between text frames script uses creation order. I want to save to database in question order.

Here is my script:

var myDocument = app.activeDocument;var frameList = myDocument.textFrames;
for (var i = 0; i < frameList.length; i++){
    var txt=frameList[i].contents;
    SaveToDB(txt);
}

So is there a way to change creation order of textframes


texts:
How can I improve this design? I'm kinda new to this and I've just felt a bit demotivated because I've been dealing with a difficult person.

I intend to make the color of the copyright notice darker and add padding around the logo.
I'm not sure about the blue sidebar on the left, but I was asked to make it similar to cia.gov website in terms of the color and side menu. I was also asked to add flickering star animation to the logo. I'm not too keen on the idea, I think it's a bit cheesy.

Link

Thanks!!!!


texts: How make a uniform weavy circle in photoshop

texts:
I was trying to do and eye from a pseudo tutorial on how to draw an eye, it occur me that I can do the spike weave effect in Photoshop, after exhausting all the filter I can't do it but I know it is possible in Photoshop. is there something I have miss, some function in Photoshop that can do that kind effect. I was experimenting with Photoshop but know I really want to do that effect.
here is the link of the "tutorial" https://imgur.com/user/wolfstrein/favorites/folder/2503127/art/j3UAsw2


texts: How to make a stroke that is separated from its object?

texts:
I want to make a stroke to be a little bit further than the object itself, so between object and stroke there will be a transparency.

By default, the stroke is touching the object. How can I achieve a stroke that is distant from the object in Illustrator?


texts: Implement non-symmetrical background image to a site

texts:
I am trying to add the following 3D image as background to the content of a wordpress website:

Click for full resolution

Website

I would like the header part to stay the same size on all pages, the same goes for the footer. But as the body changes from page to page, i would like it to change accordingly but still fit properly to the header and footer part of the whole image.

The problem with this background is the fact that it not symmetrical so the top & the bottom of the body image suppose to include the top & the bottom of the canvas (the middle part of the image)

I tried different techniques to implement this solution, but couldn't figure it out. The issue is that the body part of the image doesn't repeat-y so well, as it changes throughout the height of the image,

I would appreciate a solution, and it doesn't matter for me if i have to cut the images to a several parts.


texts: I'm new to graphic design and everything, but I was wondering if anyone knows how someone would do what's in the image. It's a digital image but has that cool hand drawn look while still being clean. Is it like drawn by hand and scanned in and enhanced in Photoshop or Illustrator, or is it done entirely with like a sketch tablet or something? It looks really cool and I was hoping to replicate something like this for a project I'm working on but can't find much info on ho to do this! Thanks!


texts: Why are these two designs considered outdated and old-fashioned?

texts:
I have a project where the main important part is the back-end. But of course the front-end design is important, so I have made two different designs for the demo site.

But both designs are considered absolutely equally by the visitors: "totally outdated", "old-fashioned", and "from the 90s".

I want to change this impression, but simply can't understand what the reasons are behind such considerations.

At first I thought about the color palette on the first design. That is why I have made the second. But this changed absolutely nothing in the visitors' evaluation.

So, why are the below designs considered old-fashioned?

What do I need to change in order to make them look more contemporary?

EDIT1: In the CSS I am using the following font definition:

    font-family: Arial,Helvetica,Liberation Sans,sans-serif;

Now I realized that because I don't have Arial and Helvetica installed, the above screenshots are rendered using Liberation Sans.

So, the appearance of the site is possibly slightly different for the users with other OSes/browsers.

Here is a link to the demo web site for better evaluation. On the site, you can change the different skins from the select element in the header. The yellow/gray/red skin is named "Wasp" and the white/blue is named "Light".


texts: How to create a 2x image asset for a 2x Retina display (iOS)?

texts: Would somebody please clarify this for me? The iPhone 4 has a resolution of 640 x 1136px so if I wanted a square icon, for example, to take up half of the screen, the PNG should still be 640 x 640px because it will be downsized by half? Or do I just create a 640 x 1136px canvas and however it appears there is how it will appear once uploaded on the app?


texts: Can I have a Photoshop action pause itself to wait for user input?

texts: I am new to photoshop. I want the action to pause , then I want a user to be able to select his own path via a selection tool, and then the rest of the action should run. How is this achievable?


texts: How to reset Illustrator CS6 rectangle tool to zero degree?

texts:
I made previous work (as a beginner) in Illustrator CS6 and now when I select the rectangle tool it is by default oblique.

Also, I would like to reset the rectangle to its orginal alignement/direction (zero degree).

Thanks in advance for your help,


texts:
I have in a room and a door in two different layers. I want to add the door to the wall so that it looks realistic, now it does not look like the door belongs to the wall or that it is glued. I have no problem with the door changing color if it is not possible without the door changing color.
I have tested Edit --> Auto-blend layers but it change the color/light in the room.
How can I merge a door (in silver on the imgage below) to the wall in Photoshop?


texts: Anyone with experience using both Sketch with Flinto or other prototyping software

texts:
I'm interested in hearing from people, possibly starting a thread to discuss using a UI design workflow that starts with Sketch and uses Flinto for Mac, or some other prototyping software.  I'm trying to figure out my own workflow.  I love Sketch but haven't decided on a prototyping software yet.  I'm leaning towards Flinto for Mac because you are able to animate individual layers, or objects, using the Flinto Sketch plugin, that brings in layered artboards into Flinto.  If anyone has any experience with this, or another way of prototyping with Sketch assets.  I've seen youtube tutorial videos where people create something in Sketch and then export assets and have to recreate exactly what they did in Sketch already, and this seems insane.  If anyone has advice, I'd love to hear it.  If anyone is also comparing prototyping software, I'd love to hear about it.

In general, I'm interested in all the software a designer uses in a UI design workflow (including helper software like Zeplin) in order to produce prototypes and get apps and websites produced.  Lastly, if anyone has any advice on putting together a portfolio of interactive prototypes that can be shown to prospective employers/clients, I'd love to hear about that as well.


texts: Alignment issue when automating in Illustrator

texts: I want to align a photo to a key object in Illustrator with automation. When using automation it does not align properly. I tried several times but failed. How do I align an object to a key object using automation?


texts:
I'm making my first invoice on InDesign.

As I'm a web designer, I ask for a 50% deposit immediately, with the rest upon completion. For the final payment, clients have 30 days to pay.

My question(s) are:

How can I put an automatically updating date in,
and,
Is it possible for me to set it to jump ahead 30 days automatically?

Thanks!


texts: How are the animations of these vector art type made?

texts:
I have seen animations on what looks like vector art to me here and here.

In fact I have seen some very complex scenes having ~100 objects, all animating independently (in what looked like proper physics) around creating great visual spectacle!

I am a newbie to vector graphics (using InkScape) and amused by how such nice animations are done.

Are they -

Done by programming libraries (Saw some svg manipulating libs in JavaScript, but that looks tedious to do such peculiar animations like glass filling with liquid)
Done in some movie creating software ?
By hand (frame-by-frame) in Vector Graphics editing software ? (Looks really time consuming)
Something else ?

or my understanding is wrong and they infact are not vector graphics itself ?


texts: Can't seem to align text to coffee mug template using GIMP, the mug has two centers (one for each side) and this is causing difficulty

texts: The image is of the mug guide template, I am trying to align text vertically and horizontally centered on each side. Made one layer, eyeballed the center and then duplicated it so I could do same on the other side. I'd like it to be exactly centered, not just eyeballed. Thank you for your help!


texts: Resize thousands of images all to different sizes in batch. Name and size are given in excel file. How to do it?

texts:
Pardon me if this is a duplicated question even though I could not find a solution yet. I have about 1000s images. I need to resize them, each to a specific size. There are no patterns to those sizes. They are different. I have the file names and the sizes in an excel file. Manually it will take a lot of time. I was wondering if this can be done in a batch process. Maybe Photoshop Scripting or something else.

I do not know how to script but have the general idea of how it works.

What I want to do is indicate the folder and the excel/csv/text file and the batch will run and resize each file to the given height keeping the proportion.

Example:

1000s of Image files.

Named: file1, file2, file3, file4. etc...

file1 will have 975 px height

file2 will have 486 px height

file3 will have 846 px height

All keeping the proportions.

Hope that clarifies what I'm trying to achieve.


texts: How can I create a distiniguish line in Photoshop?

texts:
Can any body teach how to create a distinguish line running through in the middle of box?

I want it to look like the line in this image:

EDIT NOTE: I lightened the image levels, and cropped to one side in order to avoid site resize. This was done so overall appearance can be better seen.


texts: Graphic placeholder frames in master pages and applying other master page

texts:
This has been bugging me a while. I am working on a photo book with a lot of full page spreads.

I have 2 master templates:

A-master, with a full spread graphic frame
B-master, with a 2/3 graphic frame and some room for text next to it

I have a few pages filled with images (based on A-Master). When I edit the width of the graphic frame in A-master, all instances on excisting pages scale, so they are not detached from the master. But when I apply B-master to them, the pages stay the same and it seems to add the new graphic frame from B-master below.

Is there any way to apply B-master to the existing pictures on the pages without deleting and placing the images in the new frames?


texts: Image/video quality loss after importing Adobe Premiere Pro

texts: Hi, i am new to premiere pro cc 2019. I have imported image file, it looks good in the project structure (circled). While drag it into timeline it shows a checked line like pixel images (shown in arrow). after rendering and making out also it is showing the checked boxes. But the original image is high quality image. How can i over come this? Kindly suggest me a solution.


texts: Photoshop : Difference when drag an image to psd file directly and copy/paste manual

texts:
I have an image and I want to move this image to my psd file. I have two ways to do this.

this is my first solution I often do from very first time I use photoshop. I drag image file directly into my psd file. I often see that this image will be resize base on my psd file if this image is too large and at the corner of layer there is a little symbol.
this solution I studied when I watch video tutorial. That I will open this image by Photoshop. Then [Select]\[All] then [Edit]\[Copy] then going to my psd file, [Edit][Paste]. In this case, I see that my image doesn't resize, and doesn't have little symbol at the corner of layer.

So. are there any differences on two above solutions ? Thanks :)


texts: In Inkscape, how do I add a white background?

texts:
Currently, the saved svg file has a white and gray checkered background, which I assume to be because the background is transparent. I am trying to make this a white background. I viewed other answers, and one said to navigate into the files. I could not find the file button in Inkscape, so I decided to simply add a background square. After doing so, the problem is still unsolved.

Why is nothing working, and how can I fix this problem?


texts: How to set object rotation as the new zero rotation

texts: I am working in Illustrator and have created a group of wedge shapes from a pie chart, which was rotated, ungrouped, and regrouped. Given that the wedges are still placed together as a circle, and that it is rotated how can I set its current orientation as the zero-rotation orientation?


texts:
I am trying to create some of my website's assets in Sketch so I can use them in a new style guide. I am new to drawing these kind of shapes and I can not figure out how to get this arrow symmetrical and pixel perfect.

I have tried keeping both sides the same length/width (15x5) but there's always a weird overlap somewhere, as you can see in the picture. I drew one side, angled it and then copied + mirrored it.

How would I create this shape so it's perfectly mirrored, symmetrical and pixel perfect?


texts: Using GIMP, how do I fill the canvas with an image?

texts:
I have this in my canvas:

What I want to do is cover the whole canvas with this image; the image is 250 px wide, so I want to add 3 more so the whole canvas looks like fire!

How do I do that?  (I've read the GIMP book, looked on SO and Google, but found nothing...)


texts:
I am not a professional designer (not a designer at all), but some time ago I found this image from the logotype bundle:

I would like a professional advice: is it a Photoshop? And, if yes, where can I find a tutorial or lesson on how to do something similar?

I do not actually ask for the place I can find the lesson, but what to search for. Searching for something like "logo on the glass" gives me a lot of results of painting on fogged glass - not really the thing I need.


texts: Is it acceptable to use different but similar typefaces for print content and web content?

texts:
To be more specific, is it acceptable to have two different typefaces used for headers?

One will be used for web content and the other for print or more static content where the type won't be at the mercy of someone else's font collection.

And along these lines, is it acceptable to use two very similar typefaces for these two cases or would it be a dilution of brand identity?


texts: How to create multiple buttons in bulk with Gimp?

texts:
I'm trying to create a "set" of buttons. Actually I can make the buttons somewhat easily.

In GIMP I have a template (It's a rectangle… soooo complicated).

Take template, add text to text box for button one and save it.
Change text color for button one, save it. (Different colors for mouse-over).
Take template, add different text for button two and save it
… (You can see where this goes)
Change text color for button TWENTY… ugh…

So, what I'm trying to figure out is: how I can create multiple JPEGs at the same time? Bulk creation. Given a template (of which I can change the font, size, color, etc), I could click "create" and bam I have 40 images.

Example buttons below. Each button is a jpeg in two pairs: white Lettering, yellow for mouseover.


texts: How can I fix screenshots with subpixel rendering?

texts:
When taking a screenshot of some text with subpixel rendering, the result is very ugly, especially in print. Obviously, the best way to avoid this is to deactivate that option before taking the screenshot but let's say we already have a screenshot where this didn't happen and that's difficult to replicate. What is the best way to mitigate the colour fringe artefacts?

Here's a small part of a screenshot as an example:

The text on the white background is the easy part. Here's a partly desaturated picture:

Far from perfect but good enough for me. Now with the blue button, the desaturation obviously wouldn't work:

The best I could come up with so far is to desaturate locally and then do a "color" overlay with a layer containing only the blue button with the text edited out:

Unfortunately, the result is quite awful:

The "Hue" overlay mode in gimp doesn't do anything useful at all in this case which I don't quite understand.

So I'm quite lost since I have the feeling that this should be solvable but I don't know what to try anymore. If I need Photoshop for this then so be it but I'd prefer an open source solution if at all possible.

One last thing for the record: I found that upscaling the picture by a factor of 2 with some good interpolation (I used Lanczos) vastly improves the look of the clumsy manipulation in print.


texts: How to make HTML5 logo (text mapped to 3D object) using inkscape?

texts:
Found many tutorials to create 3D text (extrusion, shadow, bevel effect etc.), but that is not what I am looking for. What I am looking for, is a way using which I could use text as "skin" to wrap over any arbitrary object.

The simplest example I can think of, is the HTML5 logo:

...where the numeral 5, is wrapped as skin over a cuboid, including lighting effect. With dedicated 3D drawing applications, I presume that it'd be a nearly trivial task, but without extensive (manually intensive) path twiddling, is it possible ? The lighting part, I think I can figure out though.

PS> I would like to be able to work with text of pretty much any font, so I am looking for a solution, which can work with arbitrary shapes/paths, that can then be "skinned" onto the surface of any 3D object.


texts:
Is there a way to prepare a PDF file in any of the programs in the Adobe Creative Suit, making a part of it change with input from the user?

For example, you make an invitation template. You make the "name" variable. Save it as PDF. The person who gets the PDF can just enter a name in a field, and the invitation would be addressed to that person. So when you are designing it, you don't need to know the names, you just create a template.


texts: How can I change the order of elements in a TOC without changing the layout?

texts:
I'm pretty solid on TOC's in InDesign CC, but this structure has me scratching my head! Maybe the answer is obvious, and I did see a post on linking text boxes backwards, but that is not working for me. I've tried several TOC Style option settings and I still can't get this right.

Is there a way to “trick” the order so that the TOC isn't generated sequentially by elements on the page? I hope this image will help you understand what I'm trying to do.

I could do a work-around and generate the TOC first, then go back chapter-by-chapter and move the Chapter Title below the text box information. Is that the only way?


texts: Reference points of the glyphs and scaling them

texts: Suppose that I am designing a new font in either fontforge or fontlab and suppose that I already have a model font. What do I need to do so that the reference points of the glyphs in my new fonts is the same as the reference points of the glyphs in my model font and the corresponding glyphs would have the same scale? I just would like my new font to be consistent with my model font.


texts: Difference between Pathfinder>Unite and Make Compound shape

texts: I am trying to figure out the difference between uniting with the pathfinder tool and making something into a compound shape which is an option on the pathfinder tab section. I know with unite you can get shapes into one but what is the point of compounding it to a shape and then expanding? Isn't it the same?


texts: How can I copy from and scale multiple images at once?

texts:
Context: I am creating materials for a 3D renderer that contain multiple textures for colour, roughness, normals, etc. I have an image of some grass blades that looks like this:

Alongside appropriate normal and roughness maps. What I would like to do is cut out individual blades of grass and arrange them into tufts of grass in a separate image. The problem is that in order to make the other textures line up, I would need to replicate the exact, pixel perfect steps manually on every map.
Is there a way to copy from and manipulate all of these maps at once?


texts: Illustrator eyedropper tool is picking lighter colour

texts:
I am attempting to pick the colour of the red outside of the eye in this image but the eyedropper tool keeps picking it as lighter than it actually is. The object created to the right is the colour the eyedropper has provided me and as you can see it is slightly lighter. Can anybody explain why this is happening?
Thank you in advance.


texts: How can I make a selection go through multiple layers?

texts:
I am using a text layer and selecting the text to delete out of a white background layer so I can have transparent text with images behind the text.
I have a drop shadow effect on the white background layer and I would like to select the text and only the part of the background image that is contained inside the transparent text to export.
How can I accomplish this?


texts: Adjusting diacritic in italicized combining character?

texts:
I'm trying to render an italicized lowercase omega (ω) with an inverted breve ( ̑ ) in a webpage using Times New Roman.

I'm using the combining character approach: &#785; ( ̑ ) and &#969; (ω) should combine into a single character &#785;&#969; (̑ω). The resulting character looks fine if I copy and paste it into Notepad, but it has a problem on the webpage (or on this very stackexchange page): the inverted breve is too far to the left (see here).

So far, messing around with possible CSS solutions only makes things worse. For example, &#964;&#785;&#969;&#957; produces this.

Does anyone know how to adjust the location of the inverted breve? Thanks.


texts: Indesign's "import Photoshop clipping path" feature has left me in trouble, please help with a workaround

texts:
The book I am working on has hundreds of graphics for children along with text for each of those graphics. The graphics have soft edges for the clouds, walls, etc. that ends up in pure white. The text is supposed to flow around those shapes.

A month back, when I searched the Adobe help pages and a few other tutorials, it seemed like a good idea to create a vector mask around a .psd file in Photoshop itself, and then have it imported into InDesign; turn-on the text wrap to the clipping of Photoshop, so that the text will automatically flow around the graphic shapes.

However, now I realise that this causes 1px artifacts around the wrap path when the book is exported into PDF for web viewing (for ebook purposes). Further search online shows that the best solution is to NOT USE Photoshop transparency but rely on methods like placing .tif instead of .psd!!

That seems counter productive and a waste of time and disk space.

So, I want help in deciding if the following workflow is better:

open the .psd and delete the vector mask, thus leaving the original white background graphic
place it in InDesign without text wrap
with the pen tool in InDesign draw a shape over the graphic around which I want the text to wrap
turn on the text wrap for that pen tool shape to wrap around object shape

This doesn't leave any 1px artefacts around the web PDF.

Also, grouping the text wrap shape to the imported image doesn't seem to work, it distorts the text wrap to a bigger area.


texts: How to match Photoshop canvas color to background of site?

texts:
I'm building an e-commerce site and use a .JSX script to bulk resize images and add canvas if needed so the aspect ratio is 1:1

The problem is the default canvas color in Photoshop CC 2017 does not quite match the background of my site. For example, you can see clearly how the canvas color clearly doesn't blend in with the site background. What is the easiest way to change this canvas color so it isn't such an eye sore?

As requested, here is the JSX script I use:

var inputFolder = Folder.selectDialog("Select a folder to process"),
       fileList = inputFolder.getFiles(/\.(jpg|tif|psd|crw|cr2|nef|dcr|dc2|raw)$/i);

for(var i=0; i < fileList.length; i++) {
        var doc = open(fileList[i]);
        if(doc.width !== doc.height) {
            if(doc.width > doc.height) {
                doc.resizeCanvas(doc.width, doc.width)
            } else {
                doc.resizeCanvas(doc.height, doc.height)
            }
        }
        if((doc.width && doc.height) > 1000) {
            doc.resizeImage(1000, 1000);
        } else {
            doc.resizeImage(doc.width, doc.height);
        }

    doc.save();
    doc.close();
}


texts: Saving a single brush to an existing library

texts:
Is there a way to save one brush at a time to a library in Illustrator CS5?

So far as I've figured out so far, you can clear all-but-one of the brushes out of the default library, load the last version of the library you want to save to, and then save over the old library with the new brush added.

Is there some way buried I can just save a single brush to the library without jumping through those hoops? The workflow I've found is so tortured. Even clearing out brushes after having created new shapes is a pain. Each brush you click on to delete applies its stroke to the just-created shape, so you get an extra warning dialog popping up when you click to delete it. (But this stroke is applied to an existing shape! Keep the stroke? Delete it? Cancel?)

Tell me the way I've found to do this is crap and there's a much easier way I just missed!


texts: Red Suffers More Artifacts Than Other Colours. Why?

texts:
The Red Compression Issue

Red is one of the colours I use most often in my graphic design for marketing. However, despite it being a good colour to use in marketing advertisements, it also suffers the most when compressed via social media platforms. Yes. They all suffer but red more than others. Why?

The red issue was such a problem for one client, that they ended up changing the colour of their logo so that it would do better on social media, their number one place for generating business. So I do think it's an issue that could do with some attention.

These examples below are maybe not the best example, but you can still clearly see that the red version of the same image looks more distorted than the blue variant.

I have tried different variations of red to try and find a solution and found some work better than others, but they still never look as good as non- red spectrum images.

Red vs Blue

These images are identical. The only difference is one is red and one is blue. They both don't look as good as each other. The red suffers more distortion than the blue version. This is the same when compared to other colours, not just blue. Red always loses.

The Question

Is there a reason for this and is there an official red spectrum sweet-spot that vastly reduces the compression artefacts to make it on par with other colours with the same compression?

  Note: This question is not about compression as such. It's about why
  red suffers more than other colours and how to solve this.

Twitter Compressed Images

These are the images that have been compressed by Twitter in this case. It's similar for other social media platforms. All struggle with red colours.

  Note: These aren't the exact images use by Twitter, they are a screenshots,
  but they look almost identical.

Please be friendly and helpful if you can :)


texts: When A Font "Fills In" - Does That Have A Specific Definition?

texts: I have a font that just won't cooperate. At certain sizes the font fills in the a and e loops whenever bold. I was wondering if there was a specific term for this so I can more easily search for a solution to my font problem. Below I've attached an image to show you what I mean:


texts: How can I use icon fonts in my photoshop projects?

texts:
I've been found a really good icon pack that is distributed for free like font awesome. I want to use that icons in my project but I can't find a way.
I have some .ttf and .svg files but I have no cheatsheet where copy/paste the glyph I need.


texts: Is there graphic design software made for beginners, suitable for designing websites?

texts:
I'm teaching web development to beginners, and it would be useful to show them the basics in design, meaning using a graphic design package to come up with a layout, before turning it into code.

To be clear, I want something for creating the "look and feel" of a page, not the layout. I don't mean prototyping tools. There was some confusion about this, and the meaning of my original question was changed, I just changed it back, half a day later.

The html and css itself will be hand-written.

I need something which is freely available, or really cheap.
It can be a program designed for beginners, or a broader program with a "beginners mode", or a less intimidating interface for new users.

Is there software which fits this description?


texts:
Adobe Bridge was installed by default when I installed Adobe CS5. What is Adobe Bridge used for, and how can it be integrated within a designer's workflow?

What I know about it is that it is basically a file manager, which is somewhat redundant to me because Finder or Windows Explorer can be used to manage my files.


texts: Guide positions and colors not being saved in Inkscape

texts:
I have a two-part question about guides in Inkscape. My OS is Ubuntu 16.04 and I have Inkscape 0.91.

I noticed that in documents where I've switched the default units to pixels instead of mm (File>Document Properties>Units), guide positions do not persist after saving, closing, and reopening.

The number of guides and their angle is saved, but they all begin at the origin (bottom left corner of the document) and pile up on top of each other.

Has anyone else encountered this issue, and is there any solution other than using mm as the default unit in all documents?

I found a related bug report for version 0.92 that is marked as resolved. However, this fix is for a newer version than the one I have. It is possible to upgrade to 0.92 with Ubuntu 16.04 using a PPA but I'm hesitant to install an unofficial distribution without making sure it won't bring any unwanted problems along with it.

Regardless of what the default units are, any guide colors I assign disappear when I reopen a saved document. Can anyone suggest a way to troubleshoot this, or explain why this happens?

UPDATE:

I installed Inkscape 0.92 using the PPA, and so far it hasn't caused any problems for me.

However, guide positions and colors are STILL not being saved when the document unit is px.


texts: How to connect a curved line shape to other shapes using the Pen Tool

texts:
I'm trying to create a curved line with the pen tool, which I can do, but it automatically fills in the semicircle I'm trying to make. Sure, I can just set it to not fill, but when it comes times to rasterization, it fills in the semicircle automatically.

After that, it is rather hopeless I think. I tried setting Blend to Clear but then nothing will show.... All I'm trying to do is connect a curved line shape to other shapes.

I tried just making a path in pen tool and doing "combine other shapes" but that doesn't work for some reason? I am using CS6 here. How do I alleviate the problem of auto-fill after rasterization? I can use Magic Eraser tool I found out to delete the autofill after rasterization, but I'm wondering if there is a different way.


texts:
Using Inkscape, I want to draw a inner gear.

In Inkscape, there is useful extension to draw a gear. I've used that extension to draw gear with tooths pointing to outside of a circle, like so:

but I want to draw a gear with tooths pointing to the center of a circle -- draw a inner gear:

Is there some tool, which will allow me to flip a tooths of outer gear around the circle, so the tooths will point into a middle of a circle? Or, how You would draw such shape?


texts: What does a "normal" British pound sign look like?

texts:
I'm working on creating a glyph for the British pound sterling for a typeface I'm working on, and I realized that not only is it a bit of an oddity, it's an oddity that I, as someone from the United States (a 'Murican), am just not that exposed to.

What does a "normal" pound sign look like? A "normal" dollar sign tends to be, more or less, the "S" glyph of the font with one or two vertical strokes through it. But consider a sampling of pound signs:

Calibri is first, and is about as plain as can be; an elongated 'f' with a wide base. Adobe Caslon Pro gives it an oblique slant even though this is the Regular weight. Helvetica Neue squiggles the base, which feels a bit out of place compared to the general sterility of the typeface. Didot really emphasizes the loop on the baseline, while Charlemagne flattens out the base quite a bit. None of them have a crossbar in the middle that matches the x-height of the rest of the face, but the general rule seems to be to roughly bisect the glyph. If I look at these by date released, I'd guess that the notation has simplified over time.

Any Brits (or those who work with pounds enough to have an opinion) have thoughts on this? I know this stuff boils down to "what feels right," but I don't have enough context to make that call.


texts: How can I make a curve match another curve in Illustrator?

texts:
I'm trying to make a very minimalist graphic of a cylinder shape in Illustrator. I've already made the basic shape with a rectangle and two ellipses, and now I'm trying to put a simple highlight on it. I've snapped the two anchor points on the end of the highlight path to line up on the edge of the ellipse. I want to then make a curve on that path that exactly matches the curve of the ellipse. How can I do this? I've included a few screenshots below of my artboard.
entire cylinder:

zoomed in:

further zoomed to show curves do not line up:

(Note: I realize that this question may have already been answered, whether here or on another site, but I was having difficulty wording my search in Google, so I decided to ask here. If so, please just link me to that answer.)


texts:
I have a background gradient that I imported into Illustrator, from an EPS file that I got.

I am not sure if it is actually editable. It seems to be a group with a mesh.

Is there a specific way of editing such an object's gradient or is this most likely a raster image?

Apologies for the naivety


texts:
I'm looking to identify the font used in the logo found here:

I tried several online tools without luck.


texts: Best way to create repeating image from existing one

texts:
Given two different image types:

A regular pattern (e.g. http://imgur.com/vgYYsM6)
A plain image, that doesnt repeat (e.g. http://imgur.com/CtDU23n)

to 1) How do you extract the smallest existing pattern in the image

I currently crop it, save it and check in the browser if it repeats correctly - but thats really time-consuming / also really difficult with complex patterns

to 2) How do you make the image repeat?

I currently do it in two different ways: either put a small gradient on all 4 sides, which only works on some images and the transition doesnt really look that good, or the complex way: Have the original image in the center with a padding of ~200px to each side, copy the image to all sides (bordering the centered image), select the transitions and fill it with "content sensitive fill", and crop it again to the original image dimensions - repeats fine/looks good, but again,  thats really time-consuming

I use Photoshop; the images are for website backgrounds

sry for my expressions/technical terms, but english isnt my native language


texts: How can I visually compare OSX fonts with my primary webfont choice to determine fallbacks without an OSX device?

texts:
How can a freelance web designer who doesn't own a Mac visually identify and compare fonts similar to their primary webfont choice, that are present on most OSX devices?

I need to define a fallback font stack for a website for:

when webfonts fail to load/render
decrepit browsers on older Apple systems don't support webfonts
The font that sometimes appears before the webfont renders in some browsers

(I'd prefer for it to be as close to the webfont as possible to lessen the appearance of change when the webfont does render)

I've found a tool called CSS Font Stack which lists common Windows/Mac fonts and their availability, but it only renders the Windows fonts for me, and the default stacks aren't great, so it's almost as time-consuming as looking up a list and checking each individually, and I still don't have a way to see the Mac fonts rendered in paragraphs, headings, different font sizes etc.

There are also many exhaustive lists around that will take ages to peruse, find and compare fonts well. This is quite a simple part of a website design project, and shouldn't be given too much time, but it is a requirement of a well-rounded website design.

Is there a resource anywhere that I can use to quickly render Mac fonts reliably, or at least a decent list of screenshots of the available fonts on OSX sorted into type categories?

What can I do to find similar fallback fonts available on OSX, when I don't own a Mac?


texts: Equivalent for gamma control in image processors lacking it

texts:
In GUI photo editors that have a control for "gamma", I find this helps a lot with fixing vibrancy/fade issues, without greatly distorting anything else.

But several programs lack an explicit "gamma" control, and I find that hue/brightness/saturation aren't quite the same, while levels require a lot of working around to balance the different channels (master + 6 channels, not very successful!).

What does gamma actually do, and, what is the nearest equivalent for "gamma" on programs lacking an explicit "gamma" control (or how can I easiest get the same effect) in such programs?

Update at the moment I'm using an older version of Adobe Photoshop Elements (v10) and at times the MS Office 2010 Picture Editor. I might use other tools in future such as Photoshop or Gimp but right now I'm not a heavy graphics user; my editing is mostly related to making features clearer or more true to life in photos. I'm not looking for exaggeration of colouring for effect, as seen in some uses or on TV, but sometimes enhanced clarity is useful to let features be easily seen when photos are used to confirm what they show.


texts: I am trying to learn how to put a collage of summer icons into the shape of a flip flop like the picture attached. Is there a way to do it without having to place each icon separately? Any tips would be great!


texts:
I am currently learning how to draw and trying to understand perspective.
I have found a cube toy in my room that I want to draw in perspective. I then place the cube below my eye level. Also I close one of my eye and look at the cube trying to find the convergence of the parallel lines. But why I cannot see any convergence in real life?
But when I take my camera and take a picture of the cube I can see the convergence. How can I see this in real life though?