Блог дизайнера » Урок

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

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

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

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

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

Разбиваем яйцо вторая ча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.

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

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

Создание хромированного текста

Панков Иван — Thu, 09 Dec 2010 12:19:39 +0000

Написал урок простой, но очень полезный. Урок с текстовым эффектом “ Хромированный текст”. Данному эффекту легко найти применение, и его можно видоизменять под разный объем или стилистику. Каждый дизайнер делает это по разному своим способом. Я опишу, и на картинках покажу принцип создания металлического текста своим методом. Уверен, что этим методом пользуются многие дизайнеры. Урок нацелен на новичков, но любой в нем может найти для себя что то полезное.

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

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

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

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

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

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

Увеличиваем фотографию, эффект экрана

Панков Иван — Fri, 13 Aug 2010 11:22:01 +0000

Бывает такое, когда делаешь работу, к примеру дизайн сайта и нужно сделать картинку фоном сайта, но картинка очень некачественная или очень мала для этого. Этот урок есть решение чтобы обыграть маленькую или не качественную картинку. Можно брать любую картинку со стога фотографий, и смело с помощью этой техники увеличивать ее в любые размеры. На финише получается отличный результат, а если еще поиграться с настройками, то можно добиться разных неожиданных результатов.

Открываем фотографию и увеличиваем ее настолько насколько вам это нужно.

Видим как потерялось качество. Теперь применим фотографии фильтр Filter/Pixelate/Mosaic cо значением 8.

Теперь создаем новый документ 8 на 8 пикселей. Рисуем на нем круг с помощью Ellipse tool.

Затем заходим в Edit> Define Pattern и пишем название 8на8 пикселей. Все с этим закончили.

Возвращаемся к нашей картинке и создаем новый слой (Ctrl + Shift + N). Выберите Pattern Stamp Tool (S), затем выберите модель которую мы создали (8на8 пикселей) из опций в верхней части экрана. И по всей площади изображения на новом слое, закрасьте вот так.

Создайте новый слой (Ctrl + Shift + N) и убедитесь, что слой верхний. Далее держа Cntrl кликните по слою с нашей закраской, чтобы выделить его. Теперь жмем Ctrl + Shift + I, чтобы получить инверсию выделения и заливаем выделение черным цветом на верхнем слое. Отключите слой с белыми кругляшками (Нажмите на иконку глаза на слое чтобы они исчезли.).

Вот и все это принцип создания, теперь можно делать разные фоны.

Фулсайз, кликни на картинку увеличить. Увеличение до 1900pix.

Все фотографии найдены здесь – http://www.sxc.hu