Блог дизайнера » Фотошоп

Подборка веб-дизайна для вдохновения

Панков Иван — Sat, 25 Feb 2012 18:09:56 +0000

Для простого пользователя сайт это несколько страниц которые предоставляют информацию пользователю. Но, для дизайнера это не просто несколько страниц, это прежде всего творчество, концепция, идея и вдохновение. Дизайнерам нужно много вдохновения, прежде чем перейти к работе над дизайн-макетом. После получения проекта от заказчика, дизайнер знакомится с техническим заданием, затем смотрит сайты конкурентов, для полного ознакомления с тематикой сайта и дальше думает над концепцией. В этой статье я публикую свежие и потрясающие интерфейсы веб-дизайна от различных дизайнеров с DeviantArt.

Просмотрев эти дизайны вы обязательно получите хорошую дозу вдохновения на свои ближайшие проекты.

Нажимаем на картинки и они увеличиваются =)

Как избавится от нечеткости в фотошопе

Панков Иван — Sun, 20 Nov 2011 14:20:08 +0000

Давно хотел написать об этом мелком нюансе. Хотя мелким его тоже не назовешь, я считаю это признак не профессионализма или маленький опыт работы с программой. При создании фигуры (U), например; прямоугольника, квадрата, круга, линии или произвольной фигуры, важно, чтобы размер холста составлял всегда 100%. Если же размер холста будет меньше или больше 100% тогда фигура будет не четкой, кривой. Если так делать весь дизайн сайта, он получается как будто немного приблюренный, не качественный.

Вот пример на картинке.

Вообще совет делать любые штуки при оригинальном размере холста даже трансформации объектов.

История двух галочек

Панков Иван — Sun, 13 Nov 2011 16:42:23 +0000

В этой статье речь пойдет о фотошопе. С недавних пор я начал работать в крупной веб-студии (с июня месяца). Нас штате 5 дизайнеров, один арт директор и четыре рядовых дизайнера. Все хорошие ребята все с большим опытом работы. Так вот собственно и о сомой статье. В фотошопе все работают по разном кому как удобнее, кто как привык. К примеру, кто-то групперует слои, а кто-то нет. И вот один из наших дизайнеров меня спросил, как я не путаюсь в слоях когда их большое количество. Я сразу вспомнил про галочки Auto-Select и Show Transform Controls в левой верхней части программы.

У него эти галочки небыли включены.

Первая галочка автоматически выделяет тот слой, на который нажали мышью в рабочей области.
Вторая галочка делает обводку слоя, для трансформации объекта.

Лично я не представляю удобства работы и скорости работы без этих настроек. Это постоянно нужно было бы лесть в стог слоев и искать нужный мне слой, очень неудобно. Так и дизайнер которому сказал включить эти функции больше не может без них работать.
С самого начала освоения фотошоп я как-то сразу их включал и думал все о них знают, а казалось, что не все. Даже люди с большим стажем, как показывает пример не знают об том.

Вот такая небольшая, полезная заметка.

Разбиваем яйцо вторая чаcть

Панков Иван — Mon, 16 May 2011 19:24:37 +0000

Оба на, наконец то нашел время, и собрался с мыслями, чтобы закончить вторую часть урока по созданию куриного яйца с нуля. Первую часть урока смотрим тут. Вторая часть как и первая довольно проста, и не кропотлива. Нужно будет пользоваться обычными приемами выделением, затемнением и осветлением. В этой части будем рисовать разбитую скорлупу пустого яйца. Поэтому первую чать урока желательно тоже посмотреть.

Первое выделяем будущий разлом.

Удаляем выделенную область.

Инструментом Pen Toop (P) создаем внутреннюю часть скорлупы, с цветом #c4753a.

Финишин.

Корзина в фотошопе с нуля

Панков Иван — Tue, 15 Mar 2011 15:33:22 +0000

Всем привет. Недавно на блоге создал корзину (она справа в сайд баре) в нее я буду загружать различного рода эскизы, фотографии, фото-манипуляции, тех-дизайн, веб-дизайн и другие, просто различные мои наработки. Вообщем название говорит само за себя. Описал маленький урок в фотошопе по созданию такой корзины, (ведерка) для мусора. Расписал, сделал схемки в самих картинках, думаю будет понятно даже новичку. Урок получился в десять простых шагов. Если, что непонятно оставляйте свои комментарии, и даже если понятно тоже комментируйте.

Создаем прямоугольник с закруглениями в 10px. Мой размер изображения 500×500 px.

Деформируем его так как на картинке.

Далее делаем сверху над прямоугольником вот такие блики. Блюр у каждой картинки будет разный зависит от разрешения.

Дальше скрываем все слои под маску в прямоугольник. Делаем это правой кнопкой по слою и Create Clipping Mask.

Тут делаем градиент от белого к #d6d6d6 к основному слою.

Далее делаем эллипс. С градиентом примерно как на картинке.

Создаем изгиб у ведра, для этого сделайте все как на картинке. После применения параметров ободки не забудьте применить слой в смарт объект, правой кнопкой по слою Convert to Smart Object.

Далее объединяем слои и делаем такую трансформацию.

Уменьшаем, добавляем рефлексов где нужно, делаем, тень, готово.