Блог дизайнера » Фотошоп http://pankov.org Блог про веб-дизайн | создание сайтов | сео | фотошоп | флеш | Панков Sun, 20 Nov 2011 14:22:29 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Как избавится от нечеткости в фотошопе http://pankov.org/kak-izbavitsya-ot-nechetkosti-v-fotoshope/ http://pankov.org/kak-izbavitsya-ot-nechetkosti-v-fotoshope/#comments Sun, 20 Nov 2011 14:20:08 +0000 Панков Иван http://pankov.org/?p=1831 Давно хотел написать об этом мелком нюансе. Хотя мелким его тоже не назовешь, я считаю это признак не профессионализма или маленький опыт работы с программой. При создании фигуры (U), например; прямоугольника, квадрата, круга, линии или произвольной фигуры, важно, чтобы размер холста составлял всегда 100%. Если же размер холста будет меньше или больше 100% тогда фигура будет не четкой, кривой. Если так делать весь дизайн сайта, он получается как будто немного приблюренный, не качественный.

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

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

]]> http://pankov.org/kak-izbavitsya-ot-nechetkosti-v-fotoshope/feed/ 2 История двух галочек http://pankov.org/istoriya-dvux-galochek/ http://pankov.org/istoriya-dvux-galochek/#comments Sun, 13 Nov 2011 16:42:23 +0000 Панков Иван http://pankov.org/?p=1813 В этой статье речь пойдет о фотошопе. С недавних пор я начал работать в крупной веб-студии (с июня месяца). Нас штате 5 дизайнеров, один арт директор и четыре рядовых дизайнера. Все хорошие ребята все с большим опытом работы. Так вот собственно и о сомой статье. В фотошопе все работают по разном кому как удобнее, кто как привык. К примеру, кто-то групперует слои, а кто-то нет. И вот один из наших дизайнеров меня спросил, как я не путаюсь в слоях когда их большое количество. Я сразу вспомнил про галочки Auto-Select и Show Transform Controls в левой верхней части программы.


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

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

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

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

]]> http://pankov.org/istoriya-dvux-galochek/feed/ 1 Разбиваем яйцо вторая чаcть http://pankov.org/razbivaem-yajco-vtoraya-chat/ http://pankov.org/razbivaem-yajco-vtoraya-chat/#comments Mon, 16 May 2011 19:24:37 +0000 Панков Иван http://pankov.org/?p=1646 Оба на, наконец то нашел время, и собрался с мыслями, чтобы закончить вторую часть урока по созданию куриного яйца с нуля. Первую часть урока смотрим тут. Вторая часть как и первая довольно проста, и не кропотлива. Нужно будет пользоваться обычными приемами выделением, затемнением и осветлением. В этой части будем рисовать разбитую скорлупу пустого яйца. Поэтому первую чать урока желательно тоже посмотреть.

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

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

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

Финишин.

]]> http://pankov.org/razbivaem-yajco-vtoraya-chat/feed/ 1 Корзина в фотошопе с нуля http://pankov.org/korzina-v-fotoshope-s-nulya/ http://pankov.org/korzina-v-fotoshope-s-nulya/#comments Tue, 15 Mar 2011 15:33:22 +0000 Панков Иван http://pankov.org/?p=1539 Всем привет. Недавно на блоге создал корзину (она справа в сайд баре) в нее я буду загружать различного рода эскизы, фотографии, фото-манипуляции, тех-дизайн, веб-дизайн и другие, просто различные мои наработки. Вообщем название говорит само за себя. Описал маленький урок в фотошопе по созданию такой корзины, (ведерка) для мусора. Расписал, сделал схемки в самих картинках, думаю будет понятно даже новичку. Урок получился в десять простых шагов. Если, что непонятно оставляйте свои комментарии, и даже если понятно тоже комментируйте.

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

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

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

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

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

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

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

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

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

]]> http://pankov.org/korzina-v-fotoshope-s-nulya/feed/ 7 Создание хромированного текста http://pankov.org/sozdanie-xromirovannogo-teksta/ http://pankov.org/sozdanie-xromirovannogo-teksta/#comments Thu, 09 Dec 2010 12:19:39 +0000 Панков Иван http://pankov.org/?p=1289 Написал урок простой, но очень полезный. Урок с текстовым эффектом “ Хромированный текст”. Данному эффекту легко найти применение, и его можно видоизменять под разный объем или стилистику. Каждый дизайнер делает это по разному своим способом. Я опишу, и на картинках покажу принцип создания металлического текста своим методом. Уверен, что этим методом пользуются многие дизайнеры. Урок нацелен на новичков, но любой в нем может найти для себя что то полезное.

1. Создадим документ пикселей на 500. Зальем его серым цветом #2d2d2d. И напишем текст.

2. Создаем над слоем с текстом прямоугольник с радиальным градиентом.

3. Прячем его под маску.

4. Дальше делаем блик.

5. Добавляем выделение.

6. Ну вот и все, можно добавить тень и поиграться со шрифтами.

]]> http://pankov.org/sozdanie-xromirovannogo-teksta/feed/ 4